@font-face {
font-family:icomoon;
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:400;
font-style:normal;
}

.tabs {
position:relative;
width:100%;
margin:1em 0 2em;
}

.tabs nav {
text-align:center;
}

.tabs nav ul {
list-style:none;
display:inline-block;
margin:0;
padding:0;
}

.tabs nav ul li {
border:1px solid #becbd2;
border-bottom:none;
display:block;
float:left;
position:relative;
margin:0 .05em;
}

.tabs nav li.tab-current {
border:1px solid #408cb3;
box-shadow:inset 0 2px #408cb3;
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:#408cb3;
}

.tabs nav li.tab-current:after {
right:auto;
left:100%;
width:4000px;
}

.tabs nav a {
color:#becbd2;
display:block;
font-size:1em;
line-height:2.5;
white-space:nowrap;
padding:0 1.25em;
}

.tabs nav a:hover {
color:#768e9d;
}

.tabs nav li.tab-current a {
color:#408cb3;
}

.tabs nav a:before {
display:inline-block;
vertical-align:middle;
text-transform:none;
font-weight:400;
font-variant:normal;
font-family:icomoon;
line-height:1;
speak:none;
-webkit-font-smoothing:antialiased;
margin:-.25em .4em 0 0;
}

.icon-home:before {
content:"\e900";
}

.icon-info:before {
content:"\ea0c";
}


.icon-office:before {
content:"\e903";
}

.icon-phone:before {
content:"\e942";
}

.icon-user:before {
content:"\e971";
}

.icon-shop:before {
content:"\e604";
}

.icon-volume-medium:before {
content:"\ea27";
}

.icon-facebook:before {
content:"\ea90";
}

.icon-instagram:before {
content:"\ea92";
}

.icon-youtube:before {
content:"\ea9d";
}

.content section {
font-size:1.25em;
display:none;
max-width:1230px;
margin:0 auto;
padding:1em 0em;
}

.content section:before,.content section:after {
content:'';
display:table;
}

.content section:after {
clear:both;
}

.no-js .content section {
display:block;
padding-bottom:2em;
border-bottom:1px solid #408cb3;
}

.content section.content-current {
display:block;
}

.mediabox25 {
float:left;
width:25%;
padding:15px 25px 0;
}

.mediabox33 {
float:left;
width:33%;
padding:0 20px 20px;
}

.mediabox50 {
float:left;
width:50%;
padding:15px 25px 0;
}

.mediabox66 {
float:left;
width:66%;
padding:0 20px 20px;
}

.mediabox100 {
  margin: auto;
  width: 95%;
}

.mediabox img {
max-width:100%;
display:block;
box-shadow:2px 4px 12px #666;
margin:0 auto;
}

.mediabox h3 {
margin:.75em 0 .5em;
}

.mediabox p {
line-height:1.3;
margin:0;
padding:0 0 1em;
}

@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: 1280px) {
	.tabs nav a {
    font-size: .9em;
	padding: 0px .8em;
}
}

@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: 90%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
		padding: 0px 5px 10px 5px;
	}
	.small {
		padding: 0px 5px 10px 5px;
	}
	#section-5 {
		height: 100vh;
	}
}