#main-menu .nav li a:link, #main-menu li a:visited, #main-menu li span { text-decoration: none; display: block; margin: 0 12px; color: #fff; font-size: 17px; padding: 35px 0 31px 0; border-bottom: transparent 4px solid; }
#main-menu li span { font-family: 'circularBold'; cursor: default; }


#main-menu .nav li.list { position: relative; }
#main-menu .nav li .menu-content {
    position: absolute;
    top: 96px;
    left: 0;
    width: 100%;
    min-width:250px;
    /*display: none;*/
}

#main-menu .nav li.mega .menu-content { top: 96px; }

#main-menu .nav li .menu-content { background-color: #fff; z-index: 100; padding: 50px 20px; border-radius: 0 0 0 0; box-shadow: 0 2px 10px rgba(16, 13,61, 0.07); }
#main-menu .nav li.list .menu-content { padding: 10px 0; }
#main-menu .nav li .menu-content:hover { display: block; }

#main-menu .nav li .menu-content.mega .menu-col { padding: 0 30px 30px 30px; }
#main-menu .nav li .menu-content.mega h4 { color: #100D3D; font-family: circularBold; font-size: 18px; padding: 0; margin: 0 0 10px 0; }
#main-menu .nav li .menu-content.mega p {  margin: 0 0 35px 0; padding: 0; font-size: 14px; line-height: 20px; }
#main-menu .nav li .menu-content.mega a:link, 
    #main-menu .nav li .menu-content.mega a:visited { 
        margin: 0; 
        font-size: 12px;
        font-family: circularBook;
        padding: 8px 15px; 
        outline: none; 
        text-decoration: none; 
        display: inline-block;
    }

/*#main-menu .nav li.mega:hover .menu-content,
    #main-menu .nav li.list:hover .menu-content { display: block; }*/

#main-menu .nav li.mega .menu-content .menu-col.list a:link,
    #main-menu .nav li.mega .menu-content .menu-col.list a:visited,
    #main-menu .nav li.list .menu-content .menu-col.list a:link,
        #main-menu .nav li.list .menu-content .menu-col.list a:visited {
        padding: 8px 0;
        display: block;
        border: transparent 1px solid;
        color: #100D3D;
        font-size: 16px;
        /*font-family: 'ptSans';*/
        font-family: circularBook;
    }

#main-menu .nav li.mega .menu-content .menu-col.list a:hover,
    #main-menu .nav li.list .menu-content .menu-col.list a:hover {
    color: #4866c8;
    background-color: transparent;
}

#main-menu .nav li.mega .menu-content,
    #main-menu li.list .menu-content {
        display: none;
}

#main-menu .nav li.mega.open .menu-content,
#main-menu .nav li.list.open .menu-content {
    display: block;
}

div.menu-content.mega {
    max-width: 1200px !important;
    max-height: 290px !important;
}

#main-menu .nav li.mega.open span, 
    #main-menu .nav li.list.open span { border-bottom: #0093D3 4px solid; }

#main-menu li span i { display: none; }
#close-menu { display: none; }

 /* TELEFON */
 @media only screen and (max-width : 1024px) {
    #main-menu {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        background-image: url(../img/back/opaq-black-60.png);
        z-index: 100;
        display: none;
    }

    #main-menu.open {
        display: block;
    }

    #main-menu ul {
        background-color: #fff;
        height: 100%;
        width: 80%;
        padding-top: 50px;
        overflow: auto;
    }

    #main-menu li {
        display: block; 
        float: none; 
        margin-top: 0;
        overflow: hidden; 
    }

    #main-menu .nav li a:link, #main-menu li a:visited, #main-menu li span {
        color: #242424;
        padding: 15px 0; 
    }

    #main-menu .nav li.mega .menu-content.mega, #main-menu .nav li.list .menu-content { position: relative; top: 0; box-shadow: unset; padding: 0; }
    #main-menu .nav li.mega .menu-content.mega .menu-col { padding: 0 22px; margin: 0; }
    #main-menu .nav li.mega .menu-content.mega .menu-col h4,
        #main-menu .nav li.mega .menu-content.mega .menu-col p {
            display: none;
    }

    #main-menu .nav li.mega.open span, 
    #main-menu .nav li.list.open span { border-bottom: unset; }
    #main-menu li span { position: relative; }
    #main-menu li span i { display: block; top: 14px; position: absolute; right: 0; }
    #close-menu { display: inline-block; position: fixed; padding: 5px; top: 16px; left: 12px;}
 }