/**
 * NoNumber Page stylesheet
 *
 * @package         Tabs
 * @version         4.0.1
 *
 * @author          Peter van Westen <peter@nonumber.nl>
 * @link            http://www.nonumber.nl
 * @copyright       Copyright © 2014 NoNumber All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
/*
 * You can override this stylesheet by creating your own in:
 * /templates/[YOUR TEMPLATE]/css/tabs/style.min.css
 */
.nn_tabs .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.nn_tabs .fade.in {
  opacity: 1;
}
.nn_tabs .collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.nn_tabs .collapse.in {
  height: auto;
}
.nn_tabs > .nav {
  padding: 0;
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}
.nn_tabs > .nav > li > a {
  display: block;
}
.nn_tabs > .nav > li > a:hover {
  text-decoration: none;
}
.nn_tabs > .nav > .pull-right {
  float: right;
}
.nn_tabs .nav-tabs {
  *zoom: 1;
}
.nn_tabs .nav-tabs:before,
.nn_tabs .nav-tabs:after {
  display: table;
  content: "";
  line-height: 0;
}
.nn_tabs .nav-tabs:after {
  clear: both;
}
.nn_tabs .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nn_tabs .nav-tabs > li > a {
  margin-right: 2px;
  padding: 181px 10px 10px 10px;
  width: 170px;
  height: 53px;
  text-align: center;
  line-height: 100%;
}
.nn_tabs .nav-tabs > li > a:hover {
}
.nn_tabs .nav-tabs > li.active > a,
.nn_tabs .nav-tabs > li.active > a:hover {
  cursor: default;
}
.nn_tabs .tab-content {
  overflow: visible;
}
.nn_tabs .tab-content > .tab-pane {
  *zoom: 1;
  display: none;
}
.nn_tabs .tab-content > .tab-pane:before,
.nn_tabs .tab-content > .tab-pane:after {
  display: table;
  content: "";
  line-height: 0;
}
.nn_tabs .tab-content > .tab-pane:after {
  clear: both;
}
.nn_tabs .tab-content > .active {
  display: block;
}
.nn_tabs-responsive .nav-stacked > li {
  float: none;
}
.nn_tabs-responsive .nav-stacked > li > a {
  margin-right: 0;
}
.nn_tabs-responsive .nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nn_tabs-responsive .nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nn_tabs-responsive .nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nn_tabs-responsive .nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.nn_tabs-responsive .nav-tabs.nav-stacked > li > a:hover,
.nn_tabs-responsive .nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
.nn_tabs {
  *zoom: 1;
}
.nn_tabs:before,
.nn_tabs:after {
  display: table;
  content: "";
  line-height: 0;
}
.nn_tabs:after {
  clear: both;
}
.nn_tabs > ul.nav-tabs > li {
  /* Reset styles to prevent templates li styles from messing stuff up */
  margin: 20px 0 0 75px !important;
  margin-bottom: -1px !important;
  padding: 0 !important;
  list-style: none !important;
  list-style-image: none !important;
  background: none !important;
  overflow-y: visible !important;
}
.nn_tabs > ul.nav-tabs > li.first, .nn_tabs > ul.nav-tabs > li.tabs6  {
  margin: 20px 0 0 0 !important;
}

.nn_tabs > ul.nav-tabs > li:before {
  content: "";
  margin: 0;
  padding: 0;
}
.nn_tabs > ul.nav-tabs > li > a {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  color: white;
  font-family: HeliosCond, Geneva, sans-serif;
  font-size: 18px;
  text-decoration: none;
}
.nn_tabs > ul.nav-tabs > li > a:hover {
  text-decoration: none;
}
.nn_tabs > ul.nav-tabs > li > a:focus,
.nn_tabs > ul.nav-tabs > li.active > a:focus {
  outline: none;
  border-color: #eab03f;
}
.nn_tabs > ul.nav-tabs > li span.nn_tabs-title-inactive {
  display: inherit;
}
.nn_tabs > ul.nav-tabs > li span.nn_tabs-title-active {
  display: none;
}
.nn_tabs > ul.nav-tabs > li.active span.nn_tabs-title-inactive {
  display: none;
}
.nn_tabs > ul.nav-tabs > li.active span.nn_tabs-title-active {
  display: inherit;
}
.nn_tabs > .tab-content {
  padding: 0;
}
.nn_tabs > .tab-content > .tab-pane {
  padding: 12px 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.nn_tabs > .tab-content > .tab-pane > :first-child {
  margin-top: 0;
}
.nn_tabs > .tab-content > .tab-pane > :last-child {
  margin-bottom: 0;
}
.nn_tabs > .tab-content > .tab-pane .nn_tabs-title {
  display: none;
}
.nn_tabs .nn_tabs-scroll,
.nn_tabs .nn_tabs-sm-scroll {
  position: relative;
  visibility: hidden;
  padding: 0;
}
.nn_tabs.outline_content > .tab-content {
	background-color: white;
	color: #472f21;
	font-family: Tahoma, Geneva, sans-serif;
}
.nn_tabs.outline_content > .tab-content h1 {
  font-family: HeliosCond, Geneva, sans-serif;
  font-size: 34px;
  font-weight: normal;
  padding-top: 0;
  margin-top: 0;
}
.nn_tabs.outline_content > .tab-content > .tab-pane {
  padding: 12px;
}
.nn_tabs.outline_content > ul.nav-tabs {
  margin-bottom: 0;
}
.nn_tabs.outline_handles ul.nav-tabs > li a,
.nn_tabs.outline_handles ul.nav-tabs > li a:hover {
}
.nn_tabs.color_inactive_handles > ul.nav > li > a {
  background-color: #f5f5f5;
  margin-right: 5px;
}
.nn_tabs.color_inactive_handles > ul.nav > li > a:hover {
  background-color: #eeeeee;
}
.nn_tabs.color_inactive_handles > ul.nav > li.active > a,
.nn_tabs.color_inactive_handles > ul.nav > li.active > a:hover {
  background-color: #fff;
}
