@charset "UTF-8";
/*
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-container {
  width: 100%;
  margin: 0 auto;
  background: #FFFFFF; }

.menu-mobile {
  display: none;
  min-height: 60px;
  padding: 15px; }
  .menu-mobile::after {
    top: 0;
    float: right;
    padding: 0;
    font-family: 'Font Awesome 5 Free';
    font-size: 2.5rem;
    font-weight: 900;
    content: '\f0c9';
    transform: translateY(-10%); }

.menu-dropdown-icon::before {
  display: none;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: relative;
  float: right;
  padding: 1.5em 2em;
  background: rgba(255, 255, 255, 0.5);
  color: #333333;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f067';
  cursor: pointer; }

.menu ul {
  padding-left: 1rem; }

.menu > ul {
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  width: auto;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */ }
  .menu > ul::before, .menu > ul::after {
    display: table;
    content: ''; }
  .menu > ul::after {
    clear: both; }
  .menu > ul > li {
    float: left;
    margin: 0;
    padding: 0; }
    .menu > ul > li a {
      display: block;
      text-decoration: none;
      text-shadow: none; }
    .menu > ul > li > a {
      margin-right: 2rem;
      margin-bottom: 2rem;
      margin-left: 2rem;
      padding: 3rem 0 1rem;
      border-bottom: 3px solid transparent;
      text-transform: uppercase; }
    .menu > ul > li:hover > a {
      border-bottom-color: orange; }
    .menu > ul > li > ul {
      position: absolute;
      left: 0;
      z-index: 99;
      display: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      background: #333333;
      padding: 20px;
      margin: 0;
      list-style: none; }
      .menu > ul > li > ul h1 {
        color: #F0F0ED;
        font-size: 18px; }
      .menu > ul > li > ul h2 {
        color: #D95900;
        font-size: 14px; }
        .menu > ul > li > ul h2:hover {
          color: #FFFFFF; }
      .menu > ul > li > ul p {
        color: rgba(255, 255, 255, 0.7); }
      .menu > ul > li > ul::before, .menu > ul > li > ul::after {
        display: table;
        content: ''; }
      .menu > ul > li > ul::after {
        clear: both; }
      .menu > ul > li > ul > li {
        float: left;
        width: 25%;
        margin: 0;
        padding-bottom: 0;
        background: none;
        list-style: none; }
        .menu > ul > li > ul > li a {
          display: block;
          width: 95%;
          padding: .2em 0;
          border-bottom: 1px solid #CCCCCC;
          color: #777777; }
          .menu > ul > li > ul > li a:hover {
            color: #FFFFFF; }
        .menu > ul > li > ul > li > ul {
          display: block;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin: 10px 0 0;
          padding: 0;
          list-style: none; }
          .menu > ul > li > ul > li > ul::before, .menu > ul > li > ul > li > ul::after {
            display: table;
            content: ''; }
          .menu > ul > li > ul > li > ul::after {
            clear: both; }
          .menu > ul > li > ul > li > ul > li {
            float: left;
            width: 100%;
            margin: 0;
            padding: 10px 0;
            font-size: .8em; }
            .menu > ul > li > ul > li > ul > li a {
              border: 0; }
      .menu > ul > li > ul.normal-sub {
        left: auto;
        width: 300px;
        padding: 10px 20px; }
        .menu > ul > li > ul.normal-sub[aria-labelledby='about-us'] {
          right: 10px; }
        .menu > ul > li > ul.normal-sub > li {
          width: 100%; }
          .menu > ul > li > ul.normal-sub > li a {
            padding: 0;
            border: 0; }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 767px) {
  .menu-container {
    width: 100%; }
    .menu-container.container {
      padding-right: 0;
      padding-left: 0; }
  .menu-mobile {
    display: block; }
  .menu-dropdown-icon:before {
    display: block; }
  .logo-main {
    margin-left: 1.5rem; }
  .menu > ul {
    display: none; }
    .menu > ul > li {
      width: 100%;
      float: none;
      display: block; }
      .menu > ul > li a {
        padding: 1.5em;
        margin: 0;
        width: 100%;
        display: block;
        border: 0; }
      .menu > ul > li:hover > a {
        border-bottom: none; }
      .menu > ul > li p {
        padding-left: 1.5em; }
      .menu > ul > li > ul {
        position: relative; }
        .menu > ul > li > ul.normal-sub {
          width: 100%; }
          .menu > ul > li > ul.normal-sub[aria-labelledby='about-us'] {
            right: auto; }
        .menu > ul > li > ul > li {
          float: none;
          width: 100%;
          margin-top: 20px; }
          .menu > ul > li > ul > li:first-child {
            margin: 0; }
          .menu > ul > li > ul > li > ul {
            position: relative; }
            .menu > ul > li > ul > li > ul > li {
              float: none; }
  .menu .show-on-mobile {
    display: block;
    float: none;
    background-color: #333333; } }