* { box-sizing: border-box; }

body { font-family: "macho", arial, sans-serif; font-size: 18px; font-weight: 200; line-height: 28px; color: #4a4a4a; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.light { font-weight: 200!important; }
strong { font-weight: 600!important; }
.blue, a, a:active, a:visited, a:hover { color: #0b7cc1; text-decoration: none; }
.hp { display: none; }
p.error { text-align: center; color: #cc0001; }
.form-error { border: 1px solid #cc0001; }
p.success { text-align: center; color: #21b500; }
hr { opacity: 0.3; margin: 80px auto; }

a.register-blue, button.register-blue { border: 0; display: inline-block; background: #0b7cc1; padding: 8px 12px 11px 12px; color: #fff; font-weight: 600; text-decoration: none; border-radius: 30px; font-size: 18px; width: auto; }
a.register-white { display: block; background: #fff; padding: 8px 12px 11px 12px; color: #0b7cc1; font-weight: 600; text-decoration: none; border-radius: 30px; font-size: 18px; }

.wrap { display: block; margin: 0 auto; width: 960px; }
.narrow { display: block; margin: 0 auto; width: 600px; }
.very-narrow { display: block; margin: 0 auto; width: 350px; }

.section { padding: 80px 0; text-align: left; }
.section.nopadding { padding: 0!important; }
.section.nopadding-top { padding-top: 0!important; }
	.section.blue, footer { background: #0b7cc1; background: -moz-linear-gradient(top,  #0faad7 0%, #0b7cc1 100%); background: -webkit-linear-gradient(top,  #0faad7 0%,#0b7cc1 100%); background: linear-gradient(to bottom,  #0faad7 0%,#0b7cc1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0faad7', endColorstr='#0b7cc1',GradientType=0 ); }
	.section.grey { background: #f7f7f7; }
	.section.white { background: #fff; }
	.section.solid-blue { background: #0faad7; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); }
		.section.solid-blue .title { color: #fff; }
	.section.white-text p { color: #fff; }

header { padding: 20px 0; }
	.logo { float: left; }
	.nav { float: right; margin-top: 10px; }
	.video { margin: 0 auto; width: 560px; display: block; text-align: center; margin-top: 30px; cursor: pointer; }
		.video img { width: 600px; }
		.video-caption { padding-bottom: 45px; color: #fff; margin-top: -15px; }
		iframe { display: none; border-radius: 25px; margin: 20px auto; }
	p.bigger-text { font-weight: 600; font-size: 40px; line-height: 40px; }

.title { font-weight: 600; text-align: center; font-size: 30px; color: #0b7cc1; line-height: 40px; }

.image { width: 250px; display: inline-block; }
.content { width: 650px; display: inline-block; text-align: left; }
	.content .title { text-align: left; margin-bottom: 30px; }
	.content .register-blue { margin-top: 10px; }
	.social-media { margin-top: 10px; width: 100%; text-align: center; display: block; }
		.social-media a, .social-media a:active, .social-media a:visited, .social-media a:hover { margin: 0 5px; display: inline-block; padding: 6px 12px 10px 12px; color: #fff; font-weight: 600; text-decoration: none; border-radius: 30px; font-size: 16px; width: auto; }
			.facebook { background: #3b5998; }
			.twitter { background: #00aced; }
			.instagram { background: #c5587b; }

.message { background: #d9f4ff; padding: 15px; border-radius: 7px; margin-top: 25px; }
	.message iframe { display: inline; border-radius: 0; margin: 0; margin-bottom: -7px; }

img.partners { width: 100%; }
.partner-logo { margin: 0 auto; display: block; text-align: center; margin-top: 40px; margin-bottom: 10px; width: 180px; }
.partner-logo-no-width { margin: 0 auto; display: block; text-align: center; margin-top: 40px; margin-bottom: 10px; width: auto;}

.tag { padding: 0px 5px 4px 5px; color: #fff; border-radius: 5px; text-transform: lowercase; font-weight: 400; }
.primary { background: #8dc1bc; }
.secondary { background: #e2ae63; }
.other { background: #d05454; }

.resources { margin-top: 60px; }
.resource { float: left; padding: 30px; margin-right: 30px; width: 300px; display: inline-block; margin-bottom: 60px; border: 3px solid #0b7cc1; border-radius: 7px; }
.resource.comingsoon { opacity: 0.4; }
.resource.double-width { margin-right: 0; width: 630px; }
.resource.full-width { margin-right: 0; width: 100%; }
.resource:nth-child(3n) { margin-right: 0; }
	.resource .tags { text-align: center; margin-top: -45px; }
	.resource-name { display: block; text-align: center; color: #0b7cc1; font-size: 23px; font-weight: 400; margin-bottom: 15px; margin-top: 35px; }
	.resource-desc { text-align: left; }
	.resource img { display: block; text-align: center; margin: 30px auto; }
	a.resource-download, a:active.resource-download { cursor: pointer; display: inline-block; margin: 0 auto; text-align: center; margin-top: 10px; padding: 8px 25px 10px 25px; background: #0b7cc1; color: #fff; border-radius: 25px;}
	.resource .social-media a { margin-bottom: 10px; }
		.resource .social-media a:nth-child(3n) { margin-bottom: 0; }

footer { padding: 30px 0; }
	.pages a, .pages a:active, .pages a:visited, .pages a:hover { color: #fff; margin-right: 30px; }

label, input, select { display: block; width: 100%; }
input, select { padding: 10px 15px; margin-bottom: 15px; }



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

	.wrap, .narrow, .very-narrow { max-width: 95%; }

	.logo, .nav { display: block; float: none; margin: 15px auto; text-align: center; width: 100%; }
		.logo img { max-width: 75%; }

	.video, .video img, iframe { width: 100%; }

	.title { text-align: center!important; }

	.image { width: 100%; display: block; margin: 0 auto; margin-bottom: 30px; text-align: center; }
	.content { width: 100%; display: block; margin: 0 auto; }

	a.register-blue { text-align: center; display: block; }

	.resource { float: none; margin-right: 0; width: 100%; display: block; margin-bottom: 0; margin: 30px auto; }

	.social-media a, .social-media a:active, .social-media a:visited, .social-media a:hover { margin-bottom: 15px; }

	.pages a { display: block; margin-bottom: 25px; text-align: center; padding: 0; }
	.tootoot { margin: 0 auto; text-align: center; }

	.left { float: none!important; }
	.right { float: none!important; }
	
}