* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Montserrat', arial;
	font-size:14px;
}

body {
	background: #eeeeee;
	font-weight: 400;
}

p {
	line-height: 1.6;
	padding:8px 0;
}

h1 {
	font-family: 'Montserrat', serif;
	font-size: 38px;
	font-weight: 700;
}

h2 {
	font-family: 'Montserrat', serif;
	font-size: 26px;
	font-weight: 700;
	margin-bottom:12px;
}

h3 {
	font-family: 'Montserrat', serif;
	font-size: 20px;
	font-weight: 400;
	margin-bottom:8px;
}

h4 {
	margin-top: 12px;
}

a {
	color: #149f8f;
	text-decoration: none;
	font-weight: 700;
}
a:hover {
	color: #000;
}

.main {
	width:100%;
	margin:0 auto;
}

.section {
	width:100%;
}

.section.white {
	background: #fff;
}

.section.lines {
	border-top: 3px solid #ccc;
}
.section.lines:before {
    position: relative; display: block; content: '';
    border-top: 0px solid #eb8b30;
    height: 100%; width: 100%;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.section.navigation, .section.media {
	border-top: 0;
}

.section.footer {
	background: #fff;
}

.container {
	/* background: #fff; */
	color: #000;
}

.media {
	height: 80vh;
	z-index:1;
	/* margin: -3.75vw 0; */
	color: #fff;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}
.justify h3 {
	text-align: center;
}

.media.medium {
	height:50vh;
}

.media.small {
	height: 30vh;
}

.valign {
	position: relative;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.navigation {
	height: 90px;
	background: #fff;
}

.navigation .title {
	float:left;
	height:50px;
	line-height: 60px;
	font-size:20px;
	padding:0;
	margin:0;
}

.navigation .title img {
	height: 76px;
    margin: 0px;
    padding: 6px 10px;
}

.navigation ul {
	padding:32px 0 0 0;
	height:26px;
	list-style-type: none;
	float:right;
}
.navigation ul li {
	display: inline;
	height:26px;
	line-height: 26px;
	font-weight: 400;
	padding:0 0 0 30px;
}

.navigation ul li a {
	padding:6px 0;
	font-family: 'Montserrat', serif;
	text-transform: lowercase;
	font-weight: 700;
	font-size:14px;
	text-decoration: none;
	color:#000;
	position: relative;
	letter-spacing: 1px;
}

.navigation ul li a:after {
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
	background: #000;
    margin-top: 12px;
    width: 0;
    height: 2px;
    -webkit-transition: width ease 0.3s;
    transition: width ease 0.3s;
}

.navigation ul li:hover a:after {
	width:100%;
}

.navigation ul li:nth-of-type(1) a:after {
    background: #149f8f;
}
.navigation ul li:nth-of-type(2) a:after {
    background: #36a0ce;
}
.navigation ul li:nth-of-type(3) a:after {
    background: #822c7b;
}
.navigation ul li:nth-of-type(4) a:after {
    background: #d8262d;
}
.navigation ul li:nth-of-type(5) a:after {
    background: #eb8b30;
}
.navigation ul li:nth-of-type(6) a:after {
    background: #df522d;
}
.navigation ul li:nth-of-type(7) a:after {
    background: #af1f7b;
}
.navigation ul li:nth-of-type(8) a:after {
    background: #334a8d;
}
.navigation ul li:nth-of-type(9) a:after {
    background: #feda2f;
}

.navigation .hamburger {
	display: none;
}


.content {
	width:900px;
	margin:0 auto;
	background: transparent;
	overflow:auto;
}
.navigation .content {
	width: 100%;
	padding: 0 30px 0 0;
	box-sizing: border-box;
	overflow: initial;
}
.container .content {
	padding:40px 10px;
}

.container .content.thin {
	padding:10px;
}

.slanttt.top {
	border-bottom: solid;
	border-left: solid transparent;
	border-bottom-color: #fff;
	border-bottom-width: 4vw;
	border-left-width: 100vw;
}
.slanttt.bottom {
	border-top: solid;
	border-right: solid transparent;
	border-top-color: #fff;
	border-top-width: 4vw;
	border-right-width: 100vw;
}
.section.media .slant.bottom {
	/* margin-bottom:-3.75vw; */
}

.betweensections {
	/* margin-top:-3.75vw;
	margin-bottom:-3.75vw; */
}

.parallax {
	/* background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	z-index:-2; */
}
.parallax.picture1 {
	/* background-image: url("img/background-image-1.jpg"); */
}
.parallax.picture2 {
	/* background-image: url("img/background-image-2.jpg"); */
}
.parallax.picture3 {
	/* background-image: url("img/background-image-1.jpg"); */
}

.slant {
	/* position: relative;
	width:100%;
	overflow: hidden;
	display: inline-block;
	z-index:200; */
}

.slant.top {
	/* padding-top:4vw; */
}

.slant.bottom {
	/* padding-bottom:4vw; */
}

.slant.top:before{
    /* content: '';
    width: 100%;
    height: 4vw;
    position: absolute;
	background: #fff;
	top:0;
	left:0;
    z-index: -1;
    bottom: 0;
    transform-origin:100% 0;
	-ms-transform: skewY(-2deg);
	-webkit-transform: skewY(-2deg);
    transform: skewY(-2deg); */
}

.slant.bottom:after{
    /* content: '';
    width: 100%;
    height: 4vw;
    position: absolute;
	background: #fff;
    z-index: -1;
    bottom: 0;
	left:0;
    transform-origin:0 50%;
	-ms-transform: skewY(-2deg);
	-webkit-transform: skewY(-2deg);
    transform: skewY(-2deg); */
}

.slant.green.top:before, .slant.green.bottom:after {
	/* background: #149f8f; */
}

.slant.green .section {
	/* background: #149f8f;
	color:#fff; */
}

.logo {
	height:45vh;
}

.footer {
	text-align: center;
}

ul.partnersbar {
	list-style-type: none;
	text-align:center;
	display: table;
	table-layout: fixed;
	padding:10px 0;
	margin: 0 auto;
}
ul.partnersbar li {
	display: table-cell;
	padding:0 20px;
}
ul.partnersbar li img {
	width: 100%;
	max-width:200px;
}

a.button {
	font-size: 18px;
	padding: 16px 20px;
	background: rgba(0, 0, 0, .3);
	border: 3px solid #fff;
	color: #fff;
	font-weight: bold;
	margin-top: 24px;
	display: inline-block;
	-webkit-transition: color 0.4s, background 0.4s;
	transition: color 0.4s, background 0.4s;
}

a.button:hover {
	background: #fff;
	color: #000;
}

.hasparts {
	overflow:auto;
}

.grav-lightslider {
	background: white;
	text-align: center;

}

.box {
	box-shadow: 0px 0px 3px #ccc;
	background:#fff;
	width:100%;
	box-sizing: border-box;
	border-radius: 3px;
	display: inline-block;
}

.box .titlebar {
	background: #149f8f;
	border-radius: 3px 3px 0 0;
}

.box .titlebar h2, .box .titlebar h3 {
	color:#fff;
	margin:0;
}

.boxframe {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.boxframe.vcenter {
	vertical-align: middle;
}

.boxframe img {
	max-width: 100%;
}

.boxframe.one, .boxframe.one .titlebar {
	padding: 30px;
}
.boxframe.one {
	width: 100%;
}
.boxframe.one .boxcontent {
	padding: 30px 30px;
}
.boxframe.one .boxcontent p {
	padding: 6px 0;
}
.boxframe.one.nospacearoundimage img {
	margin: 0;
}

.boxframe.two, .boxframe.two .titlebar {
	padding: 20px;
}
.boxframe.two {
	width: 49.5%;
}
.boxframe.two .boxcontent {
	padding: 18px 20px;
}
.boxframe.two .boxcontent p {
	padding: 4px 0;
}
.boxframe.two.nospacearoundimage img {
	margin: -42px -40px 0 -40px;
	max-width: calc(100% + 80px);
}

.boxframe.three, .boxframe.three .boxcontent, .boxframe.three .titlebar {
	padding: 8px;
}
.boxframe.three {
	width:33%;
}
.boxframe.three .boxcontent {
	padding: 10px 14px;
}
.boxframe.three .boxcontent p {
	padding: 4px 0;
}
.boxframe.three.nospacearoundimage img {
	margin: -14px -12px 0 -14px;
    max-width: calc(100% + 28px);
}

.boxframe.four, .boxframe.four .boxcontent, .boxframe.four .titlebar {
	padding: 8px;
}
.boxframe.four {
	width:24.5%;
}
.boxframe.four .boxcontent {
	padding: 8px 8px;
}
.boxframe.four .boxcontent p {
	padding: 2px 0;
}
.boxframe.four.nospacearoundimage img {
	margin: -10px -8px 0 -8px;
	max-width: calc(100% + 16px);
}

.boxframe.five, .boxframe.five .boxcontent, .boxframe.five .titlebar {
	padding: 8px;
}
.boxframe.five {
	width:19.5%;
}
.boxframe.five .boxcontent {
	padding: 10px 8px;
}
.boxframe.five .boxcontent p {
	padding: 2px 0;
}
.boxframe.five.nospacearoundimage img {
	margin: -10px -8px 0 -8px;
	max-width: calc(100% + 16px);
}

.box img {
	max-width: 100%;
}

img.intro {
	max-width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.teammember {
	width:20%;
	padding:25px 2% 10px 2%;
	display: inline-block;
	vertical-align: top;
}
.teammember img {
	width:80%;
	margin-bottom: 12px;
}
.teammember h4 {
	font-weight: bold;
	font-size: 16px;
}

.fa.social {
    padding: 16px;
    font-size: 24px;
    width: 24px;
	border-radius: 30px;
	border: 2px solid #149f8f;
    text-align: center;
	background: transparent;
	color: #149f8f;
    text-decoration: none;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

a.fa.social:nth-of-type(1) {
	color: #149f8f;
	border-color: #149f8f;
}
a.fa.social:nth-of-type(2) {
	color: #334a8d;
	border-color: #334a8d;
}
a.fa.social:nth-of-type(3) {
	color: #d8262d;
	border-color: #d8262d;
}

.fa.social:hover {
    opacity: 0.7;
}

.timeline {
	position: relative;
	width: 100%;
	padding: 5px 0 30px 0;
}

.timeline:before {
	content: '';
	position: absolute;
	top: 0;
	left: calc(30% - 4px);
	height: 100%;
	background: #bcbcbc;
	width:8px;
	z-index:1;
	border-radius: 4px;
}

.timeline .event {
	padding:10px 0 25px 0;
	clear:both;
	overflow:auto;
	z-index:4;
}

.timeline .date {
	width: 25%;
	float: left;
	text-align: right;
	padding-top:16px;
	line-height: 32px;
}
.timeline .dotbox {
	width: 10%;
	float: left;
	padding-top:16px;
}
.timeline .dotbox .dot {
	position: relative;
	height: 32px;
	width: 32px;
	background: #149f8f;
	border-radius: 16px;
	margin: 0 auto;
	z-index: 2;
}
.timeline .text {
	width: 64%;
	float: right;
	box-sizing: border-box;
	padding: 20px;
	background: #fff;
	border: 1px solid #149f8f;
}

.timeline .text img {
	width:100%;
	margin-top:10px;
}

/* first item */
.timeline .event:nth-of-type(1n) .dot {
	background:#149f8f;
}
.timeline .event:nth-of-type(1n) .text {
	border-color:#149f8f;
}

/* second item */
.timeline .event:nth-of-type(2n) .dot {
	background:#36a0ce;
}
.timeline .event:nth-of-type(2n) .text {
	border-color:#36a0ce;
}

/* third item */
.timeline .event:nth-of-type(3n) .dot {
	background:#334a8d;
}
.timeline .event:nth-of-type(3n) .text {
	border-color:#334a8d;
}

/* fourth item */
.timeline .event:nth-of-type(4n) .dot {
	background:#822c7b;
}
.timeline .event:nth-of-type(4n) .text {
	border-color:#822c7b;
}

/* fifth item */
.timeline .event:nth-of-type(5n) .dot {
	background:#af1f7b;
}
.timeline .event:nth-of-type(5n) .text {
	border-color:#af1f7b;
}

/* sixth item */
.timeline .event:nth-of-type(6n) .dot {
	background:#d8262d;
}
.timeline .event:nth-of-type(6n) .text {
	border-color:#d8262d;
}

/* seventh item */
.timeline .event:nth-of-type(7n) .dot {
	background:#df522d;
}
.timeline .event:nth-of-type(7n) .text {
	border-color:#df522d;
}

/* eigth item */
.timeline .event:nth-of-type(8n) .dot {
	background:#eb8b30;
}
.timeline .event:nth-of-type(8n) .text {
	border-color:#eb8b30;
}

/* ninth item */
.timeline .event:nth-of-type(9n) .dot {
	background:#feda2f;
}
.timeline .event:nth-of-type(9n) .text {
	border-color:#feda2f;
}

/* div.box:nth-of-type(1) .titlebar {
	background: cyan;
}
div.box:nth-of-type(2) .titlebar {
	background: black;
}
div.box:nth-of-type(3) .titlebar {
	background: red;
}
div.box:nth-of-type(4) .titlebar {
	background: green;
}
li.x:nth-of-type(5) {
	background: yellow;
}
li.x:nth-of-type(6) {
	background: purple;
}
li.x:nth-of-type(7) {
	background: brown;
} */


.races {
	width: 100%;
}

.races .box {
	float: left;
	width: 31%;
	background: #fff;
	box-sizing: border-box;
	padding: 20px 15px;
	margin: 16px 0;
}

.races .box p {
	text-align: justify;
	display: none;
}

.races .box:nth-of-type(3n-2) {
	margin-right: 3.5%;
	margin-left: 0;
	clear:both;
}

.races .box:nth-of-type(3n) {
	float: right;
	margin-left: 0;
	margin-right: 0;
}

.races .box img {
	width:100%;
	margin-top:15px;
}

.races ul.details {
	padding: 10px 0;
	list-style: none;
	line-height: 20px;
}
.races ul.details .fa {
	font-size: 20px;
	color: #333;
	padding: 5px 10px 5px 0;
}

.iconlist {
	line-height: 2;
}
.icon {
	font-size:16px !important;
	width:18px;
	text-align: center;
	padding-right: 14px;
}

.partners {
	margin:25px 0 40px 0;
}
.partners .large {
	width:20%;
	margin:1%;
	padding:25px 1% 10px 1%;
	display: inline-block;
	vertical-align: top;
	border:1px solid #bcbcbc;
}
.partners .large img {
	width:100%;
	margin-bottom: 12px;
}
.partners .medium {
	width:17%;
	padding:25px 1% 10px 1%;
	display: inline-block;
}
.partners .medium img {
	width:100%;
}
.partners .small {
	width:14%;
	padding:25px 1% 10px 1%;
	display: inline-block;
}
.partners .small img {
	width:100%;
}

.fieldname {
	width:40%;
	float:left;
	line-height: 28px;
	padding:5px 0;
}
.field {
	width:60%;
	float:left;
	padding:5px 0;
}
input, textarea {
	border:1px solid #bbbbbb;
	border-radius:2px;
	height:34px;
	width:100%;
	box-sizing: border-box;
	padding:5px;
	margin-bottom:8px;
}
textarea {
	height:168px;
	resize: vertical;
}
.submit {
	margin-top:8px;
	border:0;
	color:#149f8f;
	background:transparent;
	font-weight: 700;
	cursor: pointer;
	text-align: left;
	padding: 0;
}
.submit:hover {
	color:#000;
}

blockquote {
	padding-left: 30px;
	margin-left: 20px;
	border-left: 3px solid #dedede;
	margin-top: 16px;
	margin-bottom: 16px;
}

.updates ul {
	padding:20px 0 0 0;
	height:26px;
	list-style-type: none;
	text-align: center;
}
.updates ul li {
	display: inline;
	height:26px;
	line-height: 26px;
	font-weight: 400;
	padding:0 0 0 30px;
}

.updates ul li a {
	padding:6px 0;
	font-family: 'Montserrat', serif;
	text-transform: lowercase;
	font-weight: 700;
	font-size:14px;
	text-decoration: none;
	color:#000;
	position: relative;
	letter-spacing: 1px;
}

.updates ul li a:after {
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
	background: #000;
    margin-top: 12px;
    width: 0;
    height: 2px;
    -webkit-transition: width ease 0.3s;
    transition: width ease 0.3s;
}

.updates ul li:hover a:after {
	width:100%;
}

.updates ul li:nth-of-type(1) a:after {
    background: #149f8f;
}
.updates ul li:nth-of-type(2) a:after {
    background: #36a0ce;
}
.updates ul li:nth-of-type(3) a:after {
    background: #822c7b;
}
.updates ul li:nth-of-type(4) a:after {
    background: #d8262d;
}
.updates ul li:nth-of-type(5) a:after {
    background: #eb8b30;
}
.updates ul li:nth-of-type(6) a:after {
    background: #df522d;
}
.updates ul li:nth-of-type(7) a:after {
    background: #af1f7b;
}
.updates ul li:nth-of-type(8) a:after {
    background: #334a8d;
}
.updates ul li:nth-of-type(9) a:after {
    background: #feda2f;
}

.instagram {
	clear:both;
}
.instagram .instagram-post {
	width: 48%;
	box-sizing: border-box;
	margin-bottom: 12px;
	box-shadow: 0px 0px 3px #bcbcbc;
}
.instagram .instagram-post:nth-of-type(2n-1) {
	clear:both;
	float:left;
}
.instagram .instagram-post:nth-of-type(2n) {
	float:right;
}
.instagram .instagram-post a {
	padding: 0;
	margin: 0;
	line-height: 0;
}
.instagram .instagram-post img {
	width: 100%;
}
.instagram .instagram-post .text {
	width:100%;
	box-sizing: border-box;
	padding: 12px 10px;
	border: 0px solid #bcbcbc;
	border-top: 0;
	margin-top:-3px;
}

.facebook .facebook-post {
	width: 100%;
	border-bottom: 1px solid #bcbcbc;
	padding: 20px 15px;
	box-sizing: border-box;
	margin-bottom: 0;
}

.facebook img {
	width: 100%;
}

.blog {
	width: 75% !important;
}

.width100 {
	width:100%;
}

form .button {
	font-size: 14px;
	padding: 5px 15px;
	background: #149f8f;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	margin: 0;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: color 0.4s, background 0.4s;
	transition: color 0.4s, background 0.4s;
}

form .button:hover {
	background: #0c524a;
}

@media (min-width: 800px) {
	.main {
		min-height: calc(100vh - 122px) !important;
	}
}

@media (max-width: 800px) {
	.container .content {
		width: 100%;
		margin: 0;
		padding: 8% 0;
	}
    .half {
		width: 84%;
		padding:14px 8% 14px 8%;
		clear: both;
		float: left !important;
	}
	.races .box {
		width: 84%;
		margin:14px 8% 14px 8% !important;
		clear: both;
		float: left !important;
	}

	.boxframe {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	.boxframe, .boxframe .titlebar {
		padding: 20px !important;
	}
	.boxframe .boxcontent {
		padding: 18px 20px !important;
	}
	.boxframe .boxcontent p {
		padding: 4px 0 !important;
	}
	.boxframe.nospacearoundimage img {
		margin: -22px -20px 0 -20px !important;
		max-width: calc(100% + 40px) !important;
	}

	.navigation {
		height:90px;
	}
	.navigation .hamburger {
		display: block;
		position: absolute;
		top: 20px;
		right: 8%;
		font-size: 36px;
		color: #20204a;
	}
	.navigation ul {
		position: absolute;
		top:90px;
		left:0;
		display: none;
		height: auto;
		clear: both;
		width: 100%;
		padding: 14px 30px;
		background: white;
		box-sizing: border-box;
		border-bottom: 3px solid #ccc;
		z-index:999;
	}
	.navigation ul li {
		display: block;
		height: 48px;
		padding-left: 0;
	}
	.navigation ul li a {
		font-size: 18px;
		line-height: 48px;
		height: 48px;
	}
	.navigation .title {
		width: calc(86% - 30px);
	}
	.navigation img {
		/* max-width: 100%;
		height: auto !important; */
		width: 250px;
		height: 64px !important;
		padding-top: 13px !important;
		padding-left: 4% !important;
	}
	h2 {
		width: 100%;
		padding: 0 8%;
		box-sizing: border-box;
	}
	.half h2 {
		width: 100%;
	}
	h1 {
		font-size:32px;
	}
	.container .content.thin {
		padding: 0;
	}
	.timeline {
		width:100%;
	}
	.timeline:before {
		left:8%;
	}
	.timeline .event .date {
		clear: both;
		width: 75%;
		padding: 0 0 0 17%;
		text-align: left;
	}
	.timeline .event {
		width: 100%;
	}
	.timeline .text {
		width: 75%;
		margin: 0 8% 0 0;
	}
	.timeline .dotbox {
		margin-left: calc(8% - 18px);
	}

	.teammembers {
		width: 100%;
	}
	.teammembers .teammember {
		width: 34%;
	}

	ul.partnersbar {
		width:100%;
	}
	ul.partnersbar li {
		padding: 10px 0;
		width: 100%;
		text-align: center;
		display: block;
		box-sizing: border-box;
	}

	.partners .large {
		width: 70%;
	}
	.partners .medium {
		width: 40%;
	}

	.logo {
		width: 75vw;
		height: auto;
	}
	.media {
		height: 125vw;
	}

	blockquote {
		margin-left: 0px;
	}
	.blog {
		padding-left: 8% !important;
		padding-right: 8% !important;
	}

	.timeline .dotbox .dot {
		left: 1px;
	}
}