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



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

.menu-mobile {
    /*display: none;*/
    padding:0px 0px;
    margin-top: -1px;
}

.menu-mobile:after {
    content: url(../images/menu/hamburger.svg);
    padding: 0;
    float: right;
    position: relative;
    top: 5px;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    color: #000;
}


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

.menu .menu-main-container > ul:after {
    clear: both;
}

.menu .menu-main-container > ul > li {
    float: left;
    background: transparent;
    padding: 0;
    margin: 0;
}

.menu .menu-main-container > ul > li a {
    text-decoration: none;
    display: block;
}

.menu .menu-main-container > ul > li:hover {
    background: transparent;
}

.menu .menu-main-container > ul > li > ul {
    display: none;
    width: 100%;
    background: #f0f0f0;
    padding: 20px;
    position: absolute;
    z-index: 99;
   /* left: 0;*/
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu .menu-main-container > ul > li > ul:before,
.menu .menu-main-container > ul > li > ul:after {
    content: "";
    display: table;
}

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

.menu .menu-main-container > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: auto;
    background: none;
   /* float: left;*/
}

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

.menu .menu-main-container > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu .menu-main-container > ul > li > ul > li > ul:before,
.menu .menu-main-container > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

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

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

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

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

.menu .menu-main-container > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu .menu-main-container > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 10px;
}
.menu .menu-main-container > ul > li > ul.normal-sub > li a:hover{
    text-decoration: underline;
}
.menu-item-has-children:hover > .sub-menu {
    display:block;
	max-width: 200px;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 1079px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
        position: relative;
        top: 9px;
    }
    .menu-dropdown-icon:before ,.menu-item-has-children > a:before {
        display: block;
    }
    .menu .menu-main-container > ul {
        display: none;
    }
    .menu .menu-main-container > ul > li {
        width: 100%;
       /* float: none;*/
        display: block;
    }
    .menu .menu-main-container > ul > li a {
        padding: 0;
        width: 100%;
        display: block;
    }
    .menu .menu-main-container > ul > li > ul {
        position: relative;
    }
    .menu .menu-main-container > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu .menu-main-container > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu .menu-main-container > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu .menu-main-container > ul > li > ul > li > ul {
        position: relative;
    }
    .menu .menu-main-container > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
        height: 100vh;
        overflow: scroll;
        padding: 20px 0px 100px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
		border-top: 1px solid #f5f5f5;
    }

    .m-menu .menu-main-container > ul > li > ul.normal-sub.m-menu-submenu {
        border: 1px solid transparent !important;
    }
}

.m-menu, .m-menu a{ font-family: var(--font-main); color: #000;}

.cnt-btn{ position: absolute; right:60px; display: inline-block; width: auto !important; z-index: 9; }
.cnt-btn .btn{ background: #13141F;color: #fff; font-size: 12px; font-weight: 500; padding: 5px 10px; border: 0; }
.cnt-btn .btn:hover{ background: white; color: black;border: 1px solid}

@media (max-width: 1079px) {
    .hasSub > a, .hasSub1 > a{ position: relative; display: block;}
    .hasSub > a, .hasSub2 > a{ position: relative; display: block;}
    .hasSub > a:before, .hasSub1 > a:before, .hasSub > a:before, .hasSub2 > a:before{
    content: url(../images/menu/up.svg);
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 15px;
    cursor: pointer;
    color: #333;
    }
    .hasSub.micon > a:before{content: url(../images/menu/down.svg);}
    .hasSub1.micon > a:before{content: url(../images/menu/down.svg);}
    .hasSub2.micon > a:before{content: url(../images/menu/down.svg);}
    .cnt-btn{ top: 4px;}
    .mobile--menu{ position: absolute; right: 0px; top: 0px; display: inline-block; width: 100%;}
    .show-on-mobile{ background: #fff; animation: growDown 700ms ease-in-out forwards; transform-origin: top center; 
		max-width: 100%; top: 43px; right: 10px; left: 0; position: absolute !important;}
	
	@keyframes growDown {
		0% {opacity: 0;}
		100% {opacity: 1; }
		}
    .show-on-mobile .mlink{ 
        color: #000; 
        font-size: 16px;
       	font-weight: 500;
		text-align: left;
    }
	
    .m-menu .parent-link{ padding: 0px 20px 20px 20px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px !important;}
    .m-menu .parent-link.hasSub5{ border-bottom: 0;}

    .m-menu > ul > li > ul.normal-sub.m-menu-submenu {border: 0px solid #CACACA;}
    .m-menu-item {margin-bottom: 10px !important;}
    .m-menu-item:nth-last-of-type(1){margin-bottom: 20px;}
}

@media (min-width: 1080px) {
    .cnt-btn{ position: absolute; right: 12px; top: 10px; z-index: 99;}
    .cnt-btn .btn{font-size: 16px; padding: 5px 20px;}
    .mobile--menu{ display: none;}
    .mlink{ padding: 15px 5px 25px; margin: 0px 8px; font-size: 16px; font-weight: 500;}
    .menu .parent-link:nth-last-of-type(1) .mlink{ padding-right: 0; margin-right: 0;}
    .mlink.only-dropdown,.menu-item-has-children > a{ position: relative;}
    .mlink.only-dropdown::after ,.menu-item-has-children > a:after{content: url(../images/menu/dd-arr.svg); position: absolute; right: -15px; top: 14px;}
    .mlink:hover{ color: #000;}
    .mlink.active{position: relative;}
    .mlink.active:before{ content: ""; background: #000; width: 100%; height: 2px; position: absolute; bottom: 24px; left: 0; transform: scaleX(1); transform-origin: bottom left;}
    .menu-container{ position: relative;}
    .menu.m-menu { float: right; margin-right: 0px;}
    .m-menu > ul > li > ul.m-menu-submenu,ul.sub-menu {background: #FFFFFF; box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.05); padding: 0px 0px 0px 20px;}
}

@media (min-width: 1200px) {
    .mlink{ padding: 15px 5px 25px; margin: 0px 19px;}
}

@media (min-width: 1366px) {
    .mlink{ padding: 15px 5px 25px; margin: 0px 20px; font-size: 18px;}
    .mlink.only-dropdown::after ,.menu-item-has-children > a:after {right: -10px;}

    .mlink.only-dropdown::after ,.menu-item-has-children > a:after {
        right: -15px;
    }


}

@media (min-width: 1080px) {
.ind-submenu,.sub-menu{ background: #fff !important; padding: 0 !important;}
.ind-sub-row, ul.sub-menu{padding:20px 0px 0px;}
	ul.sub-menu li a{margin-bottom: 1rem;color:#000 !important;}
	ul.sub-menu li a:hover{text-decoration:underline;}
.ind-sub-row p a:hover, .abt-sub-row p a:hover{ color: rgba(0, 0, 0, 0.7);text-decoration:underline;}
.only-dropdown ,.menu-item-has-children > a{ cursor: auto;}
}

@media (max-width: 1079px) {
    .ind-submenu.mshow{ display: block;}
    .ind-submenu.normal-sub,.sub-menu, .abt-submenu.normal-sub {background: transparent !important; padding: 20px 0px 0px 20px !important; }
    .ind-sub-row p:nth-last-of-type(1){ margin-bottom: 0;}
}

@media (min-width: 1080px) {
    .ind-sub-row,ul.sub-menu{padding:20px 0px 30px;}
    .m-menu > ul > li > ul.sub-menu, .m-menu > ul > li > ul.ind-submenu, .m-menu > ul > li > ul.abt-submenu{max-width: 200px; min-width: 200px; right: unset; left:unset;}
    .ind-sub-row,ul.sub-menu{padding:25px 30px 10px !important;}
}