@font-face {

	font-family: 'icomoon';

	src:url('../fonts/icomoon/icomoon.eot?pvm5gj');

	src:url('../fonts/icomoon/icomoon.eot?#iefixpvm5gj') format('embedded-opentype'),

		url('../fonts/icomoon/icomoon.woff?pvm5gj') format('woff'),

		url('../fonts/icomoon/icomoon.ttf?pvm5gj') format('truetype'),

		url('../fonts/icomoon/icomoon.svg?pvm5gj#icomoon') format('svg');

	font-weight: normal;

	font-style: normal;

} /* Icons created with icomoon.io/app */



.tabs {

	position: relative;

	width: 100%;

	overflow: hidden;

	margin: 1em 0 2em;



}



/* Nav */

.tabs nav {

	text-align: center;

}



.tabs nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	display: inline-block;

}



.tabs nav ul li {

	border: 1px solid #ffb400;

	border-bottom: none;

	margin: 0 0.25em;

	display: block;

	float: left;

	position: relative;

}



.tabs nav li.tab-current {

	border: 1px solid #0c1e45;

	box-shadow: inset 0 2px #0c1e45;

	border-bottom: none;

	z-index: 100;

}



.tabs nav li.tab-current:before,

.tabs nav li.tab-current:after {

	content: '';

	position: absolute;

	height: 1px;

	right: 100%;

	bottom: 0;

	width: 1000px;

	background: #0c1e45;

}



.tabs nav li.tab-current:after {

	right: auto;

	left: 100%;

	width: 4000px;

}



.tabs nav a {

	color: #ffb400;

	display: block;

font-size: 18px;

    font-weight: 400;

	line-height: 2.5;

	padding: 0 1.25em;

	white-space: nowrap;

}



.tabs nav a:hover {

	color: #768e9d;

}



.tabs nav li.tab-current a {

	color: #0c1e45;

}



/* Icons */

.tabs nav a:before {

	display: inline-block;

	vertical-align: middle;

	text-transform: none;

	font-weight: normal;

	font-variant: normal;

	font-family: 'icomoon';

	line-height: 1;

	speak: none;

	-webkit-font-smoothing: antialiased;

	margin: -0.25em 0.4em 0 0;

}



.icon-food:before {

	content: "\e600";

}



.icon-lab:before {

	content: "\e601";

}



.icon-cup:before {

	content: "\e602";

}





.icon-truck:before {

	content: "\e603";

}



.icon-shop:before {

	content: "\e604";

}











/* Content */

.content section {

	font-size: 1.25em;

	padding: 3em 1em;

	display: none;

	max-width: 90%;

	margin: 0 auto;

}



.content section:before,

.content section:after {

	content: '';

	display: table;

}



.content section:after {

	clear: both;

}



/* Fallback example */

.no-js .content section {

	display: block;

	padding-bottom: 2em;

	border-bottom: 1px solid #0c1e45;

}



.content section.content-current {

	display: block;

}



.mediabox {

	float: left;

	width: 100%;

	padding: 0 25px;

}



.mediabox img {

	max-width: 100%;

	display: block;

	margin: 0 auto;

}



.mediabox h3 {

	margin: 0.75em 0 0.5em;

}



.mediabox p {

	padding: 0 0 1em 0;

	margin: 0;

	line-height: 1.3;

}



/* Example media queries */



@media screen and (max-width: 52.375em) {

	.tabs nav a span {

		display: none;

	}



	.tabs nav a:before {

		margin-right: 0;

	}



	.mediabox {

		float: none;

		width: auto;

		padding: 0 0 35px 0;

		font-size: 90%;

	}



	.mediabox img {

		float: left;

		margin: 0 25px 10px 0;

		max-width: 40%;

	}



	.mediabox h3 {

		margin-top: 0;

	}



/*	.mediabox p {

		margin-left: 40%;

		margin-left: calc(40% + 25px);

	}*/



	.mediabox:before,

	.mediabox:after {

		content: '';

		display: table;

	}



	.mediabox:after {

		clear: both;

	}

}



@media screen and (max-width: 32em) {

	.tabs nav ul,

	.tabs nav ul li a {

		width: 100%;

		padding: 0;

	}



	.tabs nav ul li {

		width: 20%;

		width: calc(20% + 1px);

		margin: 0 0 0 -1px;

	}



	.tabs nav ul li:last-child {

		border-right: none;

	}



	.mediabox {

		text-align: center;

	}



	.mediabox img {

		float: none;

		margin: 0 auto;

		max-width: 100%;

	}



	.mediabox h3 {

		margin: 1.25em 0 1em;

	}



	.mediabox p {

		margin: 0;

	}

}