@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;
} .tabs {
position: relative;
width: 100%;
overflow: hidden;
margin: 1em 0 2em;
font-weight: 300;
} .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 #becbd2;
border-bottom: none;
margin: 0 0.25em;
display: block;
float: left;
position: relative;
}
.tabs nav li.tab-current {
border: 1px solid #0C6899;
box-shadow: inset 0 2px #0C6899;
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: #0C6899;
}
.tabs nav li.tab-current:after {
right: auto;
left: 100%;
width: 4000px;
}
.tabs nav a {
color: #becbd2;
display: block;
font-size: 1.45em;
line-height: 2.5;
padding: 0 1.25em;
white-space: nowrap;
}
.tabs nav a:hover {
color: #768e9d;
}
.tabs nav li.tab-current a {
color: #0C6899;
} .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 section {
font-size: 1.25em;
padding: 3em 1em;
display: none;
max-width: 1230px;
margin: 0 auto;
}
.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 #0C6899;
}
.content section.content-current {
display: block;
}
.mediabox {
float: left;
width: 33%;
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;
} @media screen and (max-width: 52.375em) {
.tabs nav a span { }
.tabs nav li.tab-current:before, .tabs nav li.tab-current:after { content: none; }
.tabs nav ul {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.tabs nav ul li {
border: 1px solid #becbd2 !important;
margin: 5px !important;
}
.tabs nav li.tab-current {
border: 1px solid #0C6899 !important;
}
.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%; box-sizing: border-box;
}
.tabs nav ul li {   }
.tabs nav ul li:last-child { }
.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;
}
}
@media (max-width: 800px) {
.ttshowcase_rl_box.tt_2cl.tt_text_left {
width: 100% !important;
}
}