/*Site Menu Main CSS. Please put all your navigation styles here including header and mobile menu.
Created January 16, 2018
By J.H. 902 Web Solutions

===============================================================================================
*/

#navmenu.navbar-default .navbar-nav>li>a {font-size: 15px;text-transform: uppercase;}

.dropdown-menu>li>a {
	white-space: inherit;
}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (max-width: 1199px) {
	#navmenu .navbar-right {
		float: none!important;
	    width: fit-content;
	    margin: auto!important;
	}
}



@media only screen and (min-width: 1000px) {
    
}

@media (max-width: 1020px) and (min-width: 768px) {
	
}

@media (max-width: 940px) and (min-width: 800px) {
	
}

@media (max-width: 880px) and (min-width: 768px) {
	
}

@media (max-width: 800px) and (min-width: 768px) {
	
}

@media only screen and (min-width: 768px) {

	#navmenu {
		background:transparent;
		border:0;
		margin-bottom: 0;
		min-height:50px;
	}
	#navmenu.navbar-default .navbar-nav>li:first-child>a {padding-left:0!important;}
	#navmenu.navbar-default .navbar-nav>li:last-child>a {padding-right:0!important;}
	#navmenu.navbar-default .navbar-nav>li>a {
		color: #103a6c;
	    padding: 15px 27.13px 18px;
	    font-size: 25px;
	    font-family: 'Bebas Neue Regular';
	}
	#navmenu.navbar-default .navbar-nav>li>a:hover,
	#navmenu .navbar-nav>.current-menu-item>a,
	#navmenu .navbar-nav>.current-page-ancestor>a,
	#navmenu .navbar-nav>.current-menu-ancestor>a,
	#navmenu .navbar-nav>.active>a, 
	#navmenu .navbar-nav>.active>a:hover, 
	#navmenu .navbar-nav>.active>a:focus {
		background:transparent;
		color:#199cd6!important;
	}
	#navmenu .navbar-collapse {padding: 0px;}
	#navmenu .navbar-nav>.open>a {background:transparent;color: #777!important;}
	#navmenu .dropdown > .dropdown-menu {
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		padding:0;
		border-color: #ddd;
		background: #fefefe;
		left: 0;
		width: 160px;
	}
	#navmenu .dropdown > .dropdown-menu .dropdown > .dropdown-menu {
		right: -160px;
	    left: auto;
	    top: -1px;
	    margin-top: 0;
	}

	#navmenu .dropdown > .dropdown-menu>li {border-bottom: 1px dotted #eee;}
	#navmenu .dropdown > .dropdown-menu>li:last-child {border-bottom: none;}
	#navmenu .dropdown > .dropdown-menu>li>a {padding: 5px 15px;}	
	#navmenu .dropdown > .dropdown-menu>li.current-menu-item>a,
	#navmenu .dropdown > .dropdown-menu>li.active>a,
	#navmenu .dropdown > .dropdown-menu>li>a:hover {background:#199cd6;color:#fff;}	
	#navmenu.navbar-default .navbar-nav >.dropdown > a .caret {display:none;}
	#navmenu .open>.dropdown-menu {display: none;}	
	#navmenu .dropdown > .dropdown-menu{display:none!important;}
	#navmenu .dropdown:hover > .dropdown-menu{display:block!important;}
	#navmenu .navbar-right {margin-right: 0px;}
    #navmenu.navbar-default .navbar-nav>li:last-child .dropdown-menu {
        right: 0!important;
        left: auto!important;   
    }
}


@media only screen and (max-width: 767px) {

	#navmenu .navbar-right {width: 100%;}

	#navmenu.navbar-default .navbar-nav>li>a {
		color: #5c7078;
		text-transform: none;
		font-size: 15px;
		background: #f6f7fb;
		font-family: inherit;
	    border-top: 1px solid rgba(255,255,255,.5);
	    border-bottom: 1px solid rgba(0,0,0,.04);	
		font-weight:normal;
		line-height:1.3;
		padding: 10px 15px;
	}	
	#navmenu.navbar-default .navbar-nav>li.active>a,
	#navmenu.navbar-default .navbar-nav>li.open>a,
	#navmenu.navbar-default .navbar-nav>li.current-menu-item>a,
	#navmenu.navbar-default .navbar-nav>li>a:hover {color: #fff;background:#199cd6;}	
	#navmenu {margin:0;border: none;min-height: inherit;background-color: transparent;border: none;position:inherit;}
	#navmenu .navbar-header {background: transparent;width:70px;}
	#navmenu .navbar-toggle {
		display: inline-block !important;
		cursor: pointer;
		position: absolute;
		top: -56px;
        right: 15px;
		width: auto;
		height: auto;
		padding: 11px 10px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background: #103a6c;
		z-index: 99999999999;
		-webkit-transition: background-color .2s linear;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		text-transform: uppercase;
		-webkit-transition: color .2s ease-in;
		-moz-transition: color .2s ease-in;
		transition: color .2s ease-in;		
		border: 0;
		margin:0;
	}
	#navmenu .navbar-toggle .icon-bar:first-child {margin-top:0;}
	#navmenu .navbar-toggle .icon-bar {
		background-color: #fff;
		position:relative;
		width:24px;
	    margin-top: 5px;
	    left: 0;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
		-webkit-transition: transform 125ms linear;
		-moz-transition: transform 125ms linear;
		-o-transition: transform 125ms linear;
		-ms-transition: transform 125ms linear;
		transition: transform 125ms linear;		
		height: 3px;
	}
	#navmenu .navbar-toggle:hover {background: #199cd6;}
	#navmenu .navbar-toggle:hover .icon-bar {background-color: #fff;}
	#navmenu .navbar-nav {margin-top: 0px;margin-bottom: 0;background-color: #eee;border-top: 5px solid #103a6c;}
	#navmenu .navbar-toggle.navmenuopen .icon-bar:first-child {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);	
	    top: 8px;
	}
	#navmenu .navbar-toggle.navmenuopen .icon-bar:nth-child(2) {opacity:0;filter:alpha(opacity=0);}
	#navmenu .navbar-toggle.navmenuopen .icon-bar:last-child {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);	
		top:-8px;
	}	
	#navmenu  .collapsing {-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}		
	#navmenu .navbar-collapse {
		border-top: none;
	    position: absolute;
	    top: 1px;
	    padding: 0;
	    width: 100%;
	    z-index: 999;
	}
	#navmenu .dropdown > .dropdown-menu {padding:0;}
	#navmenu .dropdown > .dropdown-menu>li>a {
		color: #5c7078;
		text-transform: none;
		font-size: 14px;
		background: #f6f7fb!important;
		font-family: inherit;
		border-top: 1px solid rgba(255,255,255,.5);
		border-bottom: 1px solid rgba(0,0,0,.04);
		font-weight: normal;
		line-height: 1.2;
		padding: 10px 10px 10px 30px;	
	}
	#navmenu .dropdown > .dropdown-menu>li.current-menu-item>a,
	#navmenu .dropdown > .dropdown-menu>li>a:hover {color:#234178;}

	#navbarblock .sitemenu {display:none!important;}

	#mobilemenublock ul li {
		border-top: 1px solid rgba(255,255,255,1);
    	border-bottom: 1px solid rgba(0,0,0,.07);
	}

	.child-trigger {
    	display: block !important;
	    cursor: pointer;
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    width: 55px !important;
	    min-width: 55px !important;
	    height: 41px !important;
	    padding: 0 !important;
	    border-left: 1px dotted rgba(255, 255, 255, .20);
	    border-right: 0;
	    margin: 0px;
	    z-index: 2;
	}

	.child-trigger i {
		content: "";
	    width: 10px;
	    height: 2px;
	    display: block;
	    background: #103a6c;
	    position: relative;
	    top: 47%;
	    margin: 0 auto !important;
	    -webkit-transition-duration: .2s;
	    -moz-transition-duration: .2s;
	    transition-duration: .2s;
	}

	.child-trigger i:after {
    	content: "";
	    -webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    -webkit-transition-duration: .2s;
	    -moz-transition-duration: .2s;
	    transition-duration: .2s;
	    width: 10px;
	    height: 2px;
	    display: block;
	    background: #103a6c;
	    position: relative;
	    top: 0;
	    margin: 0 auto !important;
	}

	.child-trigger.child-open i:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
	}

	.child-trigger.child-open i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
	}

	#mobilemenublock .dropdown-menu {
		position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    padding: 0px;
	    display: none;
	    -webkit-transition: top 1s;
    	-moz-transition: top 1s;

	}

	#mobilemenublock li.open > .dropdown-menu {
		display: block!important;
		-webkit-transition: top 10s;
    	-moz-transition: top 10s;
	}

	#mobilemenublock li > .dropdown-menu li.active > a,
	#mobilemenublock li > .dropdown-menu li > a:hover {
		color: #fff!important;
    	background: #199cd6!important;
	}
}