/* fonts */
/* colors */
/*buttons*/
/* measures */
/* zindexes */
/* subdialogs z-indexes */
.tabs {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 1em 0 2em; }

/* Nav */
.tabs nav {
  text-align: left;
  min-width: 20em;
  font-family: "Noto Sans", Helvetica, Arial, sans-serif; }

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

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

.tabs nav li:hover {
  box-shadow: inset 0 2px #f0ad4e !important; }

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

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

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

.tabs nav a:hover {
  color: #2d91fc; }

.tabs nav li a {
  color: #416786; }

.tabs nav li.tab-current a {
  color: #2d91fc; }

/* tabsContent */
.tabsContent section {
  padding: 1em 1em;
  display: none;
  margin: 0 auto; }

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

.tabsContent section:after {
  clear: both; }

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

@media (min-width: 768px) {
  .tabs nav a {
    font-size: 1.2em;
    line-height: 2.5;
    padding: 0 1.25em; } }