@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
- https://codepen.io/riogrande/pen/MKXweV
*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-container {
  width: 100%;
  margin: 0 auto; }

.menu-mobile {
  display: none; }

.menu-dropdown-icon:before {
  content: "";
  font-size: 1.5rem;
  display: none;
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: -8px;
  padding: 0.7rem 0.3rem;
  background: transparent;
  color: #999; }

.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box; }
  .menu > ul:before, .menu > ul:after {
    content: "";
    display: table; }
  .menu > ul:after {
    clear: both; }
  .menu > ul > li {
    padding: 0;
    margin: 0; }
    .menu > ul > li > ul {
      display: none;
      width: 100%;
      background: #301BCA;
      padding: 0;
      position: absolute;
      z-index: 99;
      left: 0;
      margin: 0;
      list-style: none;
      box-sizing: border-box; }
      .menu > ul > li > ul:before, .menu > ul > li > ul:after {
        content: "";
        display: table; }
      .menu > ul > li > ul:after {
        clear: both; }
      .menu > ul > li > ul > li {
        margin: 0;
        padding-bottom: 0;
        list-style: none;
        background: none; }
        .menu > ul > li > ul > li > ul {
          display: block;
          padding: 0;
          margin: 10px 0 0;
          list-style: none;
          box-sizing: border-box; }
          .menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after {
            content: "";
            display: table; }
          .menu > ul > li > ul > li > ul:after {
            clear: both; }
          .menu > ul > li > ul > li > ul > li {
            width: 100%; }
            .menu > ul > li > ul > li > ul > li a {
              border: 0; }
      .menu > ul > li > ul.normal-sub {
        width: 300px;
        left: auto; }
        .menu > ul > li > ul.normal-sub > li {
          width: 100%; }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* bt modified max-width value to match our site breakpoints */
@media only screen and (max-width: 992px) {
  .menu-container {
    width: 100%; }
  .menu-mobile {
    display: block; }
  .menu-dropdown-icon:before {
    display: block; }
  .menu > ul {
    display: none; }
    .menu > ul > li {
      width: 100%;
      float: none;
      display: block; }
      .menu > ul > li > ul {
        position: relative; }
        .menu > ul > li > ul.normal-sub {
          width: 100%; }
        .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; } }