* { padding:0; margin:0; }
::-moz-selection { background:#2c8cb9; }
::selection { background:#2c8cb9; }
html, body {
font-family: 'Roboto Slab', serif;
font-weight:300;
color:#555;
padding:0;
margin:0;
background-color:#FFFFFF;
-moz-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}

#banner {
float:left;
width:100%;
height:600px;
margin:0;
padding:0;
color:#FFFFFF;
font-size:18px;
z-index:0;
}

#banner h1 {
font-size:46px;
font-weight:300;
color:#FFF;
line-height:50px;
text-align:center;
margin:220px 0 25px 0;
padding:0;
}

#sub-banner {
float:left;
width:100%;
height:350px;
margin:0;
padding:0;
color:#FFFFFF;
z-index:0;
}

#sub-banner h1 {
font-size:46px;
font-weight:300;
color:#FFF;
line-height:50px;
text-align:center;
margin:150px 0 25px 0;
padding:0;
}

.white-button {
display:inline-block;
font-size:16px;
font-weight:400;
color:#FFF;
width:190px;
text-align:center;
text-decoration:none;
margin:0;
padding:15px 0;
border-radius:5px;
border:2px solid #FFF;
letter-spacing:1px;
}

.dark-button {
display:inline-block;
font-size:14px;
font-weight:400;
color:#555;
width:170px;
text-align:center;
text-decoration:none;
margin:0;
padding:10px 0;
border-radius:5px;
border:2px solid #555;
letter-spacing:1px;
}

.featured-button {
display:inline-block;
font-size:24px;
font-weight:400;
color:#FFF;
width:80%;
text-align:center;
text-decoration:none;
margin:0;
padding:25px 0;
border-radius:5px;
border:3px solid #FFF;
background:rgba(0,0,0,0);
letter-spacing:2px;
}

.white-button:hover, .dark-button:hover { background:#2c8cb9;color:#FFF;border:2px solid #2c8cb9; } 

.featured-button:hover { background:rgba(0,0,0,0.1); } 

.banner-icons {
margin:0 auto;
padding:25px 0 0 0;
}

.wrapper { float:left; width:100%; padding:85px 0; margin:0 auto; }
.featured-wrapper { float:left; width:100%; padding:50px 0; margin:0 auto; }
	.white { background:#FFFFFF; }
	.grey { background: #f6f6f6; }
	.orange { background:#2c8cb9; }
	.moreinfo { background:url('images/bg-moreinfo.jpg') top center no-repeat #000; background-size:cover; }
	.dark { background: #26272b; background-size:cover; }
.container { float:none; max-width:1200px; width:90%; padding:0 5%; margin:0 auto; }
.content { float:left; width:100%; max-width:1200px; margin:0 auto; line-height:28px; }

.white-text { color:#FFF; }

h2 {
font-size:32px;
line-height:40px;
font-weight:300;
color:#777;
text-transform:uppercase;
margin:25px 0;
padding:0;
}

.info {
font-size:16px;
color:#555;
line-height:28px;
width:40%;
}

.info-img { width:59%; }

.left { float:left; }
.right { float:right; }

.c3 {
float:left;
width:33%;
margin:0;
padding:0;
font-size:16px;
font-weight:300;
color:#555;
line-height:28px;
}
.c3 a { text-decoration:none; font-weight:400; color:#555; }
.c3 a:hover { color:#2c8cb9; }
.c3 img { 
height:auto; 
padding:0; 
margin:0; 
}

h3 {
float:left;
font-size:24px;
font-weight:400;
width:100%;
color:#222;
margin:25px 0;
}

.services { float:left; background:#EEE; min-height:450px; border-radius:20px; margin:1%; width:30%; }
.services h3 { margin-top:0; }
.services ul { text-align:left; list-style:none; }
.services li { margin-bottom:5px; font-size:14px; line-height:normal; }

.faq-question {
float:left;
width:90%;
border-top:1px solid #CCC;
padding:25px 10% 25px 0;
font-size:21px;
font-weight:400;
color:#222;
background: url('images/icon-q.png') right center no-repeat;
background-size: 32px 32px;
}
.faq-question:hover { cursor:pointer; color:#2c8cb9; }
.faq-answer { padding:25px; }
