/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@font-face {
    font-family: 'Ionicons';
    src: url('../fonts/ionicons.eot');
    src: url('../fonts/ionicons.eot?#iefix') format('embedded-opentype'), url('../fonts/ionicons.woff') format('woff'), url('../fonts/ionicons.ttf') format('truetype'), url('../fonts/ionicons') format('svg');
}

body {
    /*font-family: 'Source Sans Pro', sans-serif;*/
}

* {
    box-sizing: border-box;
}

a {
    /*color: #333;*/
    color: #000;
}

.description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu>ul {
    /*
    margin: 0 auto;
    width: 100%;
    */
    margin: auto;
    width: fit-content;
    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 {
    float: left;
    /*background: #fff;*/
    padding: 0;
    margin: 0;
}

.menu>ul>li a {
    text-decoration: none;
    /*padding: 1.5em 3em;*/
    display: block;
}

.menu>ul>li:hover {
    /*background: #f0f0f0;*/
    /*background: #2471c8;*/
    background: #fff;
}

.menu>ul>li:hover a {}

.menu-item a.link-class:hover {
    color: #fff;
}

.menu>ul>li>ul {
    display: none;
    width: 100%;
    /*background: #f0f0f0;*/
    background: #fff;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}

.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;
    /*width: 25%;*/
    background: none;
    float: left;
}

.menu>ul>li>ul>li a {
    /*color: #777;*/
    color: #000;
    padding: .2em 0;
    /*width: 95%;*/
    display: block;
    border-bottom: 1px solid #ccc;
}

.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 {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu>ul>li>ul>li>ul>li a {
    border: 0;
}

.menu>ul>li>ul.normal-sub {
    width: 300px;
    left: auto;
    /*padding: 10px 20px;*/
    padding: 0px;
}

.menu>ul>li>ul.normal-sub>li {
    /*width: 100%;*/
}

.normal-menu .menu-sub-item {
    width: 100%;
}

.menu>ul>li>ul.normal-sub>li a {
    border: 0;
    /*padding: 1em 0;*/
    padding: .25em 0;
}


/* menu cap 3 */

.side-nav-link-button-icon {
    color: #000;
}

li.menu-sub-item a {
    font-size: 12pt;
}

a.sub-link-class {
    padding: 5px 10px !important;
}

li.menu-sub-item .dropdown-menu {
    padding: 0px 0px 10px 0px !important;
}

.dropdown .menu-dropdown-icon {
    position: relative;
}

.dropdown .menu-dropdown-icon i {
    position: absolute;
    top: 10px;
    right: 10px;
}

.menu>ul>li>ul>li.menu-dropdown-icon {
    position: relative;
}

.menu>ul>li>ul>li>ul {
    display: none;
    width: 100%;
    /*background: #f0f0f0;*/
    background: #fff;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 100% !important;
    top: 0px;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}

.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 {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    /*width: 25%;*/
    background: none;
    float: left;
}

.menu>ul>li>ul>li>ul>li a {
    color: #777;
    padding: .2em 0;
    /*width: 95%;*/
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu>ul>li>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>li>ul:before,
.menu>ul>li>ul>li>ul>li>ul:after {
    content: "";
    display: table;
}

.menu>ul>li>ul>li>ul>li>ul:after {
    clear: both;
}

.menu>ul>li>ul>li>ul>li>ul>li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu>ul>li>ul>li>ul>li>ul>li a {
    border: 0;
}

.menu>ul>li>ul>li>ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu>ul>li>ul>li>ul.normal-sub>li {
    /*width: 100%;*/
}

.normal-menu .menu-sub-item {
    width: 100%;
}

.menu>ul>li>ul>li>ul.normal-sub>li a {
    border: 0;
    /*padding: 1em 0;*/
    padding: .25em 0;
}


/* end menu cap 3 */

ul.picture-menu {
    width: 100% !important;
    width: -webkit-fill-available !important;
    width: -moz-available !important;
    left: 0px !important;
}

.picture-menu .picture-menu-sub-item {
    padding-bottom: 60%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.picture-menu .menu-sub-item {
    /*padding: 0px !important;*/
    padding: 0px 5px;
}

.picture-menu .menu-sub-item a.picture-link-class {
    padding: 0px !important;
    margin: 0px !important;
}

.tab-menu .tab-content {
    padding-left: 0px;
    ;
}

.tab-menu .tab-pane a {
    /*padding: 0px 15px !important;*/
    padding: 0px 5px !important;
}

.tab-menu .tab-picture-menu-sub-item {
    padding-bottom: 60%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-menu li a {
    padding: 5px 15px !important;
}

.tab-menu li a:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #2471c8 !important;
}

.tab-menu .link-class:hover {
    color: #2471c8;
}

.tab-menu li.active a {
    background-color: rgba(0, 0, 0, 0);
    color: #2471c8;
}

.menu-dropdown-icon .subMenu {
    /*border-top: 4px solid #2471c8 !important;*/
    border-radius: 0px 0px .25em .25em;
    border-top: none;
    box-shadow: 6px 6px 10px -6px rgb(0 0 0 / 20%), -6px 0px 10px -6px rgb(0 0 0 / 20%);
}

.hover-parent a.link-class {
    color: #fff;
}

span.tab-menu-item-update {
    display: block;
    color: #646464;
    font-weight: normal;
}

.picture-menu-sub-item-title {
    padding: 5px 0px;
    color: #000;
}

.picture-menu {
    padding: 10px 5px !important;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .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 a {
        padding: 1.5em;
        width: 100%;
        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;
    }
}

ul#navmenu-top li a.cat-link-class {
    text-transform: uppercase;
    /*
    min-height: 40px;
    line-height: 40px;
    */
    padding: 0.5rem 0.5rem;
    color: #fff;
}

ul#navmenu-top li a.ext-link-class {
    text-transform: uppercase;
    /*
    min-height: 40px;
    line-height: 40px;
    */
    padding: 0.5rem 0.5rem;
    color: #fff;
}

ul#navmenu-top li a:hover {
    color: #c50303;
}

.dropdown-menu:focus~.cat-link-class,
.dropdown-menu:hover~.cat-link-class {
    color: #c50303;
}

.dropdown-menu:hover:before {
    color: #c50303;
}

.dropdown-active {
    color: #c50303 !important;
}

ul#navmenu-top .menu-lang-wrapper {
    /* padding: 5px; */
    min-height: 40px;
    height: 40px;
    line-height: 40px;
    display: table-cell;
    vertical-align: middle;
}

ul#navmenu-top a.language-link {
    /* display: block; */
    float: left;
    margin: 3px;
}

ul#navmenu-top .language-top-item:hover {
    background: none;
}

.dropdown-child-side-nav {
    display: flex;
    background-color: #f9f9f9;
}

.dropdown-side-nav-item-wrapper {
    position: relative;
}

a.side-nav-link-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 25px;
}

a.side-nav-link-button:hover {
    color: #000;
}

.side-nav-link-button .side-nav-link-button-icon::before {
    content: "\f078";
}


/*
.dropdown-side-nav-item-wrapper [data-toggle="collapse"] .side-nav-link-button-icon::before {
    content: "\f077";
}
*/

.side-nav-link-button[aria-expanded="true"] .side-nav-link-button-icon::before {
    content: "\f077";
}

.dropdown-side-nav-item-wrapper [data-toggle="collapse"].collapsed .side-nav-link-button-icon::before {
    content: "\f078";
}

a.child-side-nav-link-button {
    position: absolute;
    top: 0;
    right: 15px;
    padding: 8px 25px;
}

.child-side-nav-link-button .side-nav-link-button-icon::before {
    content: "\f078";
}

.child-side-nav-link-button[aria-expanded="true"] .side-nav-link-button-icon::before {
    content: "\f077";
}

.dropdown-child-side-nav .side-nav-link {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 12pt;
    padding-left: 0px;
}

.dropdown-side-nav-item-wrapper .side-nav-link {
    margin-bottom: 0px !important;
}

@media (min-width: 992px) {
    ul#navmenu-top .full-menu-item {
        position: initial;
    }
    .mobile-dropdown-bookmark {
        display: none;
    }
}

@media (max-width: 992px) {
    .top-menu-items {
        display: none;
    }
    .mobile-dropdown-bookmark {
        display: flex;
    }
}