@media (min-width: 992px){

    #mobile-menu-btn{
		display:none;	
	}
	
	#mainmenu{
		width: auto;
		float: right;
		text-align: right;
		margin-top: 5px;
	}
	
    #mainmenu ul.menu {
        margin: 0;
        padding: 0;
    }

    #mainmenu ul.menu li {
		height: 75px;
        margin: 0;
        padding: 0 15px;
        display: inline-block;
        position: relative;
        list-style: none;
    }

    #mainmenu ul.menu li a,
    #mainmenu ul.menu li .separator{
        padding: 0;
        line-height: 40px;
        color: #123763;
        font-weight: 500;
        text-decoration: none;
		text-transform: uppercase;
        font-size: 15px;
		font-family: 'Raleway', sans-serif;
        display: block;
		background: none;
    }
	
    #mainmenu ul.menu li.parent a:after,
    #mainmenu ul.menu li.parent .separator:after{
        content:'\f107';
        font-family:'FontAwesome';
        font-size: 30px;
		font-weight: 400;
		left: 0;
		position: absolute;
		text-align: center;
		top: 30px;
		width: 100%;
    }

    #mainmenu ul.menu li:last-child a{
        background:none;
    }

	#mainmenu ul.menu li a::after,
    #mainmenu ul.menu li .separator::after {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 1px;
		background: #0a3870;
		content: '';
		opacity: 0;
		-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
		transition: height 0.3s, opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	#mainmenu ul.menu li a:hover::after,
	#mainmenu ul.menu li a:focus::after,
	#mainmenu ul.menu li .separator:hover::after,
	#mainmenu ul.menu li .separator:focus::after {
		height: 2px;
		text-decoration:none;
        cursor:pointer;
        outline:none;
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	#mainmenu ul.menu li.active a,
	#mainmenu ul.menu li.active .separator{
		border-bottom: solid 2px #0a3870;
	}
	
	#mainmenu ul.menu li.parent:hover{
		background: #0a3870;
		color: #fff;
	}
	
	#mainmenu ul.menu li.parent:hover a{
		color: #fff;
	}

    #mainmenu ul.menu ul {
        display:none;
    }

    /**level 2 **/
    #mainmenu ul.menu li:hover ul{
        display:block;
    }

    #mainmenu ul.menu ul {
        width:280px;
        float:left;
        position:absolute;
        top:75px;
        left:0;
        z-index:9999;
        margin: 0;
		padding: 15px 0;
        background: #0a3870;
		text-transform: none;
    }

    #mainmenu ul.menu li ul li{
        float:left;
        width:100%;
        margin:0;
		height: auto;
    }

    #mainmenu ul.menu ul li a{
        width:250px;
        float:left;
        margin:0px;
        line-height:40px;
        padding: 0 15px;
        color:#fff;
		font-weight: 400;
        background:none;
		text-align: left;
		border: none;
		text-transform: none;
    }

    #mainmenu ul.menu li.parent ul li a:after{
        content:'';
        font-family:'FontAwesome';
        padding-left:0;
    }

    #mainmenu ul.menu li.active ul li a{
        background:none;  
        color:#333333;
		border: none;
		font-weight: 400;
    }

    #mainmenu ul.menu li:hover ul li:hover a {
        color:#333333;
		background: #e4e4e4;
		border: none;
		text-decoration: none;
    }

    #mainmenu ul.menu li ul li.active a, #mainmenu ul.menu li:hover ul li.active a {
        color:#2c2b2a;
		background: #e4e4e4;
		border: none;
		text-decoration: none;
    }

	#mainmenu ul.menu li.active li a::after,
	#mainmenu ul.menu li.active li .separator::after,
	#mainmenu ul.menu li li a:hover::after,
	#mainmenu ul.menu li li a:focus::after,
	#mainmenu ul.menu li li .separator:hover::after,
	#mainmenu ul.menu li li .separator:focus::after{
		display: none;
	}
	
    /*** LEVEL 3 ***/

    #mainmenu ul.menu li ul li ul {
        display:none !important;
    }
	
}
	
@media (max-width: 991px) {
	
	#mobile-top{
		display: block;
		position: absolute;
		top: 35px;
		right: 40px;
		color: #0a3870;
	}
	#mobile-top .top-mobile,
	#mobile-top #mobile-menu-btn{
		display: inline-block;
		margin-left: 15px;
		vertical-align: top;
		cursor: pointer;
	}
	#mobile-top .fa{
		font-size: 0;
	}
	#mobile-top .fa:before{
		width: 32px;
		height: 32px;
		display: block;
		font-size: 32px;
	}
	#mobile-top a,
	#mobile-top a:hover,
	#mobile-top a:focus{
		color: #0a3870;
		text-decoration: none;
	}
	
	/***/
	
	#mainmenu{
		width: 100%;
		float: left;
		margin-top: 15px;
		display: none;
	}
	#mainmenu ul{
		margin: 0;
		padding: 0;
	}
	
	#mainmenu ul li{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#mainmenu ul li a{
		padding: 10px 15px;
		border-bottom: 1px solid #ccc;
		text-transform: uppercase;
		font-weight: bold;
		display: block;
	}
	#mainmenu ul li:first-child a{
		border-top: 1px solid #ccc;
	}
	#mainmenu li li a {
		font-size: 14px;
		font-weight: normal;
		padding: 10px 30px;
		text-transform: none;
	}
	#mainmenu li li:first-child a{
		border-top: none;
	}
	#mainmenu a:hover,
	#mainmenu a:focus{
		background: #eee;
		text-decoration: none;
	}
	#mainmenu li.active a{
		background: #123763;
		color: #fff;
	}
	#mainmenu li.active li a{
		background: #fff;
		color: #123763;
	}
	#mainmenu li.active li.active a,
	#mainmenu li.active li a:hover,
	#mainmenu li.active li a:focus{
		background: #eee;
		color: #123763;
	}
	
}