@media only screen and (max-width: 991px) {
    .main-nav.sticky {
        display: block;
        padding: 0;
    }
}
@media (min-width: 600px) {
    .navbar.scrolling-navbar {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar.scrolling-navbar.top-nav-collapse {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (min-width: 768px) {
    .sm-simple li.active a:after {
        content: none;
    }
}
@media (min-width: 768px) {
    .sm-simple>li.active>a:after {
        content: ' ';
        display: block;
        position: absolute;
        z-index: 5;
        bottom: 0;
        left: 0;
        right: 0;
        pointer-events: none;
        height: 4px;
        background-color: #FBBD02;
    }
}
@media (min-width: 768px) {
    .sm-simple>li.active>a.has-submenu:after {
        content: none;
    }
}
@media (min-width: 768px) {
    .sm-simple>li.active>a.has-submenu:after {
        display: inline-block;
        margin-left: .5em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: relative;
        background: transparent;
    }
}

.main-nav.navbar>.container,
.main-nav.navbar>.container-fluid {
    display: block;
    -ms-flex-wrap: block;
}
a.has-submenu::after {
    display: inline-block;
    margin-left: .5em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.main-nav {
    background: #fff;
}
.main-nav:after {
    clear: both;
    content: "\00a0";
    display: block;
    height: 0;
    font: 0px/0 serif;
    overflow: hidden;
}
.nav-brand {
    float: left;
    margin: 0;
}
.nav-brand a {
    display: block;
    padding: 0 12px;
}
.nav-brand a img {
    height: 60px;
}
#main-menu {
    clear: both;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
@media (min-width: 768px) {
    #main-menu {
        float: right;
        clear: none;
    }
    .nav-brand a {
        padding: 0;
    }
    .nav-brand a img {
        height: 80px;
    }
    .navbar.scrolling-navbar.top-nav-collapse .nav-brand a img {
        height: 60px;
    }
    .navbar.scrolling-navbar.top-nav-collapse .sm-simple>li>a,
    .navbar.scrolling-navbar.top-nav-collapse .sm-simple>li>a:hover,
    .navbar.scrolling-navbar.top-nav-collapse .sm-simple>li>a:focus,
    .navbar.scrolling-navbar.top-nav-collapse .sm-simple>li>a:active,
    .navbar.scrolling-navbar.top-nav-collapse .sm-simple>li>a.highlighted {
        line-height: 60px;
    }
}
/* Mobile menu toggle button */
.main-menu-btn {
    float: right;
    margin: 0 12px;
    position: relative;
    display: inline-block;
    width: 25px;
    line-height: 60px;
    text-indent: 25px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 3px;
    width: 20px;
    background: #555;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.main-menu-btn-icon:before {
    content: '';
    top: -6px;
    left: 0;
}
.main-menu-btn-icon:after {
    content: '';
    top: 6px;
    left: 0;
}
/* x icon */
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked)~#main-menu {
    display: none;
}
#main-menu-state:checked~#main-menu {
    display: block;
}
@media (min-width: 768px) {
    /* hide the button in desktop view */
    .main-menu-btn {
        position: absolute;
        top: -99999px;
    }
    /* always show the menu in desktop view */
    #main-menu-state:not(:checked)~#main-menu {
        display: block;
    }
}