#topNav {
    border-radius: 0;
    color: #212121;
    font-family: "Roboto", sans-serif;
    margin-bottom: 0;
}

    #topNav .btn-blue {
        background-color: #0864AE;
        color: #FFF;
        border-radius: 8px;
        padding: 8px 32px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        text-decoration: none;
    }

    #topNav .content {
        width: 100%;
        padding: 0 70px 0 64px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        position: relative;
    }

    #topNav .nav-left {
        display: flex;
        align-items: center;
    }

    #topNav .navbar-tabs {
        color: #212121;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

        #topNav .navbar-tabs li {
            position: static;
            margin-left: 24px;
        }

    #topNav .nav-right {
        padding: 8px 0;
    }

        #topNav .nav-right .links {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

            #topNav .nav-right .links a {
                color: #424242;
                font-size: 14px;
                line-height: 24px;
                padding: 8px 0;
                margin-left: 32px;
                text-decoration: none;
            }

        #topNav .nav-right .btns-container {
            display: flex;
            justify-content: flex-end;
        }

    #topNav .top-lvl-nav {
        color: #212121;
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
        white-space: nowrap;
        text-decoration: none;
        padding: 24px 0;
        position: relative;
        display: block;
        border-bottom: solid 3px transparent;
        cursor: pointer;
    }

        #topNav .top-lvl-nav:hover,
        #topNav .top-lvl-nav:focus {
            color: #166534;
            background-color: transparent;
            border-bottom: solid 3px #155036;
        }

    #topNav .dropdown-content {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background-color: #FFF;
        box-shadow: inset 0 8px 8px -4px rgba(0, 0, 0, 0.12);
        z-index: 1000;
    }

        #topNav .dropdown-content .inner {
            display: flex;
        }

        #topNav .dropdown-content .categories-container {
            width: 100%;
            display: flex;
            padding: 40px 32px 40px 64px;
        }

            #topNav .dropdown-content .categories-container > div {
                flex: 0.33 1 0px;
                font-size: 16px;
                line-height: 24px;
                font-weight: 500;
            }

                #topNav .dropdown-content .categories-container > div:not(:last-child) {
                    margin-right: 40px;
                }

        #topNav .dropdown-content .category:not(:first-child) {
            margin-top: 32px;
        }

        #topNav .dropdown-content .category a {
            color: #212121;
            text-decoration: none;
            padding: 0;
            display: block;
        }

        #topNav .dropdown-content .category .category-header {
            color: #155036;
            font-size: 18px;
            line-height: 24px;
            font-weight: 700;
            border-bottom: solid 3px #155036;
            padding-bottom: 8px;
            margin-bottom: 12px;
        }

        #topNav .dropdown-content .category a.category-header:hover {
            color: #007647;
            border-bottom-color: #007647;
        }

        #topNav .dropdown-content .category a.nav-link {
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
            padding: 12px 0;
        }

            #topNav .dropdown-content .category a.nav-link:hover {
                text-decoration: underline;
            }

        #topNav .dropdown-content .cta-container {
            min-width: 265px;
            max-width: 480px;
            height: auto;
            flex: 0 0 auto;
            background-color: #E8EEEB;
            font-size: 16px;
            line-height: 22px;
            padding: 32px;
        }

            #topNav .dropdown-content .cta-container img {
                max-height: 162px;
            }

            #topNav .dropdown-content .cta-container h5 {
                color: #155036;
                font-size: 18px;
                font-weight: 700;
                line-height: 24px;
                margin: 0 0 8px 0;
            }

            #topNav .dropdown-content .cta-container h6 {
                color: #212121;
                font-size: 16px;
                font-weight: normal;
                line-height: 24px;
                margin: 8px 0 0 0;
            }

            #topNav .dropdown-content .cta-container .btn {
                height: auto !important;
                background-color: #006940;
                color: #FFF;
                font-size: 16px;
                font-weight: bold;
                line-height: 19px;
                text-align: center;
                border: none;
                border-radius: 4px !important;
                padding: 8px 44px;
                margin-top: 16px;
                display: block;
                max-width: 250px;
                text-decoration: none;
            }

            #topNav .dropdown-content .cta-container .whitepaper {
                display: flex;
            }

                #topNav .dropdown-content .cta-container .whitepaper img {
                    max-width: 100%;
                    margin-bottom: 0;
                }

                #topNav .dropdown-content .cta-container .whitepaper .descr {
                    margin-left: 24px;
                    padding-top: 8px;
                }

        #topNav .dropdown-content .blog {
            flex: 0 0 19%;
            color: #414141;
            margin: 32px 0;
            padding: 0 32px;
            border-left: solid 1px #EFEFEF;
        }

            #topNav .dropdown-content .blog img {
                max-width: 90%;
                margin-bottom: 16px;
            }

            #topNav .dropdown-content .blog h5 {
                color: #414141;
                font-size: 18px;
                font-weight: bold;
                line-height: 22px;
                margin: 0 0 8px 0;
            }

            #topNav .dropdown-content .blog p {
                color: #424242;
                font-size: 16px;
                line-height: 22px;
                margin: 0;
            }

            #topNav .dropdown-content .blog .nav-link {
                color: #006940;
                font-size: 16px;
                line-height: 22px;
                text-decoration: underline;
                display: inline-block;
                padding: 0;
                margin-top: 16px;
            }

                #topnav .dropdown-content .blog .nav-link:hover {
                    color: #35aa47;
                }

    /* #region mobile menu */

    #topNav .mobile-menu-bar {
        display: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
    }

        #topNav .mobile-menu-bar .icon {
            display: none;
        }

        #topNav .mobile-menu-bar .btns-container {
            display: flex;
            align-items: center;
        }

        #topNav .mobile-menu-bar .btn-menu-toggle {
            display: block;
            margin-left: 16px;
        }

            #topNav .mobile-menu-bar .btn-menu-toggle i {
                color: #212121;
                font-size: 32px;
                display: inline-block;
            }

/* #endregion mobile menu */


@media (min-width: 992px) {
    #c_Menu.collapse {
        display: block;
        height: auto !important;
    }

    #topNav .dropdown:hover > .dropdown-content {
        display: block;
        height: auto !important;
        visibility: visible;
    }

    #topNav .brand-container.mobile-menu-bar {
        display: none;
    }
}

@media (max-width: 1199px) {
    #topNav .content {
        padding: 0 32px;
    }

    #topNav .dropdown-content .categories-container > div {
        flex: 0.5 1 0px;
    }

    #topNav .dropdown-content .categories-container {
        padding-left: 32px;
    }

    #topNav .dropdown-content .category a.nav-link {
        padding: 8px 0;
    }

    #topNav .dropdown-content .cta-container.sm {
        max-width: 265px;
    }
}

@media (max-width: 991px) {
    #topNav #c_Menu.collapse.in {
        display: flex;
    }

    #topNav .content {
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    #topNav .nav-left {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

        #topNav .nav-left .brand-container {
            display: none;
        }

        #topNav .nav-left .navbar-tabs {
            flex-direction: column;
        }

        #topNav .nav-left .navbar-tabs {
            width: 100%;
            border-top: solid 2px #D4D4D4;
            flex-direction: column;
            align-items: flex-start;
        }

            #topNav .nav-left .navbar-tabs > li {
                width: 100%;
                margin: 0;
                padding: 0 24px;
            }

                #topNav .nav-left .navbar-tabs > li:last-child .top-lvl-nav {
                    border-bottom: solid 2px #D4D4D4;
                }

    #topNav .nav-right {
        background-color: #D2E3DB;
        color: #424242;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-top: 12px;
        padding-left: 32px;
        padding-right: 32px;
    }

        #topNav .nav-right .btns-container {
            display: none;
        }

    #topNav .top-lvl-nav {
        border-bottom: none;
        padding: 16px 0;
    }

        #topNav .top-lvl-nav.nav-dropdown-toggle {
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            #topNav .top-lvl-nav.nav-dropdown-toggle:hover {
                border-bottom: inherit;
            }

            #topNav .top-lvl-nav.nav-dropdown-toggle.collapsed {
                border-bottom: solid 2px #D4D4D4;
            }

            #topNav .top-lvl-nav.nav-dropdown-toggle .arrow:after {
                font-family: "Font Awesome 5 Free";
                content: "\f077";
            }

            #topNav .top-lvl-nav.nav-dropdown-toggle.collapsed .arrow:after {
                font-family: "Font Awesome 5 Free";
                content: "\f078";
            }

    #topNav .dropdown-content {
        box-shadow: none;
        margin-left: 0;
    }

        #topNav .dropdown-content.collapsing {
            display: block !important;
            position: static !important;
            visibility: visible !important;
        }

        #topNav .dropdown-content.collapse.in {
            display: block !important;
            position: static !important;
            border-top: none;
        }

        #topNav .dropdown-content .inner {
            flex-direction: column;
        }

        #topNav .dropdown-content .categories-container {
            padding: 0;
        }

        #topNav .dropdown-content .cta-container {
            display: none;
        }

        #topNav .dropdown-content .blog {
            display: none;
        }
}

@media (max-width: 767px) {

    #topNav .dropdown-content .categories-container {
        flex-direction: column;
    }

        #topNav .dropdown-content .categories-container > div:not(:last-child) {
            margin: 0;
        }

        #topNav .dropdown-content .categories-container > div:not(:first-child) .category {
            margin-top: 16px;
        }
}

@media (max-width: 575px) {
    #topNav .brand-container svg.full {
        display: none;
    }

    #topNav .brand-container svg.icon {
        display: block;
    }

    #topNav .btn-blue {
        font-size: 12px;
        line-height: 20px;
        padding: 8px 24px;
    }

    #topNav .top-lvl-nav {
        font-size: 16px;
        line-height: 24px;
    }

    #topNav .dropdown-content .category .category-header {
        font-size: 16px;
        line-height: 24px;
    }

    #topNav .dropdown-content .category a.nav-link {
        font-size: 14px;
        line-height: 24px;
    }

    #topNav .mobile-menu-bar .btn-menu-toggle i {
        font-size: 24px;
    }
}