/* ver5 color: #005326 */
a {
  color: #005326; }
  a:hover {
    color: #005326;
    opacity: .7;
    transition: all 0.2s ease; }

a.a-non {
  color: #3e3a39;
  font-size: 1.1em; }

.text-right {
  text-align: right; }

.btn-primary {
  background-color: #005326;
  border-color: #005326; }
  .btn-primary:hover {
    background-color: #005326;
    border-color: #005326; }

.fa-brands {
  color: #cc0000; }

.size-2x {
  font-size: 1.5rem; }

.btn-secondary {
  color: #005326;
  background-color: #fff;
  border-color: #005326; }
  .btn-secondary:hover {
    color: #005326;
    background-color: #fff;
    border-color: #005326; }

#section-main .main-columns_logo {
  background-color: #505050; }
  #section-main .main-columns_logo h1 {
    background-color: #fff; }
#section-main .main-columns_copy-bg {
  height: 50%;
  color: #fff;
  text-align: center;
  background-color: #005326;
  display: flex;
  justify-content: center;
  align-items: center; }
  #section-main .main-columns_copy-bg p {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 2em; }
#section-main .main-columns_copy-height {
  height: 50%;
  background-color: #505050; }
  #section-main .main-columns_copy-height video {
    height: 100%;
    object-fit: cover; }
#section-main .main-columns_title {
  color: #fff;
  background-color: #505050; }
  #section-main .main-columns_title span {
    padding: .25rem;
    width: 100%;
    text-align: center;
    background-color: #e60012;
    display: block; }
  #section-main .main-columns_title div {
    padding: .5rem; }
    #section-main .main-columns_title div h2 {
      margin: 1rem auto;
      color: #fff;
      writing-mode: vertical-rl; }

#section-headline {
  padding: 1rem 0 .5rem;
  color: #005326; }
  #section-headline .header-content_name {
    font-size: 7rem;
    font-family: Impact; }
  #section-headline .header-content_title {
    font-size: 1.5rem; }
  #section-headline .header-content_caption {
    font-size: 4rem;
    font-family: Impact; }

#section-about .about-tab input[type=radio] {
  display: none; }
#section-about .about-tab_item {
  padding: .5rem 0;
  width: 50%;
  color: #005326;
  text-align: center;
  border-bottom: 4px solid #3e3a39;
  float: left;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: bolder; }
#section-about .about-tab_content {
  padding: 3.75rem 0;
  display: none;
  clear: both; }
  #section-about .about-tab_content .content-p {
    font-size: 1.3em;
    font-weight: bold; }
  #section-about .about-tab_content .content-item {
    margin-bottom: 1.5rem;
    border: none; }
    #section-about .about-tab_content .content-item img {
      width: 100%; }
    #section-about .about-tab_content .content-item div {
      padding: .725rem; }
      #section-about .about-tab_content .content-item div .btn {
        width: 100%;
        display: block; }
      #section-about .about-tab_content .content-item div .btn + .btn {
        margin-top: .5rem; }
  #section-about .about-tab_content#products-content .content-item h4 {
    padding: .725rem;
    margin: 0;
    color: #fff;
    font-size: 1rem;
    background-color: #0075C2; }
  #section-about .about-tab_content#backnumbers-content .content-item h4 {
    color: #e60012;
    font-size: 1rem;
    font-weight: normal; }
    #section-about .about-tab_content#backnumbers-content .content-item h4 span {
      padding: .125rem .5rem;
      margin-right: .75rem;
      color: #fff;
      display: inline-block;
      background-color: #e60012; }
#section-about .about-tab input[type=radio]:checked + .about-tab_item {
  background-color: #3e3a39; }
#section-about .about-tab #products:checked ~ #products-content,
#section-about .about-tab #backnumbers:checked ~ #backnumbers-content {
  display: block; }

#section-auto {
  padding: 3.75rem 0; }
  #section-auto .auto-logo img {
    width: 100%; }

header {
  padding: 1rem 2rem;
  color: #005326; }
  header .header-logo img {
    width: 100%; }
  header .header-content_name {
    font-size: 4rem;
    font-family: Impact; }
  header .header-content_title {
    font-size: 1rem; }
  header .header-content_caption {
    font-size: 2.275rem;
    font-family: Impact;
    line-height: 2.5rem; }

#fa-menu {
  padding: 3.75rem 0; }
  #fa-menu .fa-menu01 {
    color: #ea5504;
    font-size: 1.2em; }
  #fa-menu .fa-menu02 {
    color: #00BC4B;
    font-size: 1.2em; }
  #fa-menu .fa-menu03 {
    color: #0068b7;
    font-size: 1.2em; }
  #fa-menu .fa-menu04 {
    color: #924898;
    font-size: 1.2em; }
  #fa-menu .fa-menu05 {
    color: #7baa17;
    font-size: 1.2em; }
  #fa-menu .fa-menu06 {
    color: #e95383;
    font-size: 1.2em; }
  #fa-menu .fa-menu07 {
    color: #8f82bc;
    font-size: 1.2em; }

#fa-menu01 .fa-item01 {
  color: #ea5504;
  font-size: 1.1em; }

#fa-menu02 .fa-item02 {
  color: #00BC4B;
  font-size: 1.1em; }

#fa-menu03 .fa-item03 {
  color: #0068b7;
  font-size: 1.1em; }

#fa-menu04 .fa-item04 {
  color: #924898;
  font-size: 1.1em; }

#fa-menu05 .fa-item05 {
  color: #7baa17;
  font-size: 1.1em; }

#fa-menu06 .fa-item06 {
  color: #e95383;
  font-size: 1.1em; }

#fa-menu07 .fa-item07 {
  color: #8f82bc;
  font-size: 1.1em; }

#fa-products h3 {
  padding: .75rem 1rem;
  color: #fff; }
  #fa-products h3 img {
    margin-right: 1rem;
    height: 35px; }
#fa-products .fa-menu-title01 {
  padding-top: 250px;
  margin-top: -250px; }
  #fa-products .fa-menu-title01 h3 {
    background-color: #ea5504; }
#fa-products .fa-menu-title02 {
  padding-top: 250px;
  margin-top: -250px; }
  #fa-products .fa-menu-title02 h3 {
    background-color: #00BC4B; }
#fa-products .fa-menu-title03 {
  padding-top: 250px;
  margin-top: -250px; }
  #fa-products .fa-menu-title03 h3 {
    background-color: #0068b7; }
#fa-products .fa-menu-title04 {
  padding-top: 250px;
  margin-top: -250px; }
  #fa-products .fa-menu-title04 h3 {
    background-color: #924898; }
#fa-products .fa-menu-title05 {
  padding-top: 250px;
  margin-top: -250px; }
  #fa-products .fa-menu-title05 h3 {
    background-color: #7baa17; }
#fa-products .fa-menu-title06 {
  padding-top: 250px;
  margin-top: -250px; }
  #fa-products .fa-menu-title06 h3 {
    background-color: #e95383; }
#fa-products .fa-menu-title07 {
  padding-top: 250px;
  margin-top: -250px; }
  #fa-products .fa-menu-title07 h3 {
    background-color: #8f82bc; }
#fa-products .fa-item {
  padding: 2rem 0; }
  #fa-products .fa-item img {
    margin-bottom: 2rem;
    height: 300px;
    display: block;
    object-fit: cover; }
#fa-products .page-top {
  padding-bottom: 2rem; }
  #fa-products .page-top a {
    text-decoration: none; }

.highlight {
  font-weight: 600;
  background-color: greenyellow; }

.t-hl {
  font-weight: 600;
  background-color: greenyellow; }

#fa-footer {
  padding: 3.75rem 0; }
  #fa-footer img {
    width: 50%; }

footer {
  padding: 1rem 0;
  color: #005326;
  background-color: #3e3a39; }

@media screen and (max-width: 768px) {
  #section-main .main-columns_copy-bg p {
    font-size: 10px;
    font-weight: bold;
    line-height: 14px; }

  #fa-menu {
    font-size: 0.8rem; }

  #section-headline .header-content_name {
    font-size: 2.5rem;
    font-family: Impact;
    margin-right: 10px; }
  #section-headline .header-content_title {
    font-size: 1rem;
    text-align: left; }
  #section-headline .header-content_caption {
    font-size: 1.5rem;
    font-family: Impact;
    letter-spacing: -1px;
    margin-left: 10px; } }
@media screen and (min-width: 768px) {
  #section-auto .auto-logo img {
    width: 50%; }

  #fa-products .fa-item img {
    margin: 0 auto 2rem; }

  header .header-logo img {
    width: 50%; }

  #fa-footer img {
    width: 100%; } }
.sma {
  display: none; }

@media screen and (max-width: 768px) {
  .sma {
    display: block; } }
@media screen and (min-width: 992px) {
  .text-lg-right {
    text-align: right !important; }

  .text-lg-left {
    text-align: left !important; } }
@media screen and (min-width: 1200px) {
  header .header-logo img {
    width: 15%; } }