/*Site Menu Main CSS. Please put all your navigation styles here including header and mobile menu.

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

#navmenu .navbar-nav>li>a {font-size: 18px;font-family: "Roboto", sans-serif!important;}

#navmenu .dropdown > .dropdown-menu>li>a {
    white-space: inherit;
    font-size: 14px;
    text-transform: uppercase;
}



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


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

@media (max-width: 1199px) and (min-width: 768px) {
	
	#navmenu.navbar-default .navbar-nav {
		float: none;
    	text-align: center;
	}
	#navmenu.navbar-default .navbar-nav>li {
		float: none;
    	display: inline-block;
	}
	#navmenu.navbar-default .navbar-nav>li>a {padding: 6px 8px 5px!important;}

}


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

	#navmenu {
		background:transparent;
		border:0;
		margin-bottom: 0;
		min-height:50px;
	}
	#navmenu.navbar-default .navbar-nav.navbar-right {margin-right: 0px;}
	#header.affix #navmenu.navbar-default .navbar-nav>li {padding: 16px 15px 11px;}
	#navmenu.navbar-default .navbar-nav>li {padding: 16px 15px 29px;}
	#navmenu.navbar-default .navbar-nav>li:first-child,
	#navmenu.navbar-default .navbar-nav>li:first-child>a {padding-left:0!important;}
    #navmenu.navbar-default .navbar-nav>li:last-child, 
	#navmenu.navbar-default .navbar-nav>li:last-child>a {padding-right: 0!important;}
	#navmenu.navbar-default .navbar-nav>li>a {
		color: #1f233d;
		text-transform: uppercase;
		padding: 0 0 3px 0;
	}
	
	#navmenu.navbar-default .navbar-nav>li>a:hover, 
	#navmenu .navbar-nav>.active>a:hover, 
	#navmenu .navbar-nav>.active>a:focus,
	#navmenu.navbar-default .navbar-nav>li:hover>a, 
	#navmenu .navbar-nav>.active:hover>a, 
	#navmenu .navbar-nav>.active:focus>a{
		background:transparent;
		border-bottom: 3px solid #52a1d4;
	}
	#navmenu .navbar-nav>.current-menu-item>a, 
	#navmenu .navbar-nav>.active>a {
	    background:transparent;
	    font-weight:900;
	}
	#navmenu.navbar-default .navbar-nav>li:hover, 
	#navmenu .navbar-nav>.active:hover, 
	#navmenu .navbar-nav>.active:focus {
		padding: 16px 15px 26px;
	}
	#header.affix #navmenu.navbar-default .navbar-nav>li:hover, 
	#header.affix #navmenu .navbar-nav>.active:hover, 
	#header.affix #navmenu .navbar-nav>.active:focus {
		padding: 16px 15px 8px;
	}
	#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: #eee;
        background: #fefefe;
        right: 0;
        left: 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: 8px 15px 5px;}	
	#navmenu .dropdown > .dropdown-menu>li.current-menu-item>a,
	#navmenu .dropdown > .dropdown-menu>li>a:hover {background:#53a0d1;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;}	

}


@media only screen and (max-width: 767px) {
	#mobilemenublock {padding: 0px;min-height:0px;}
	#navmenu.navbar-default .navbar-nav>li>a {
		color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        background: #52a1d4;
        font-family: inherit;
        font-weight: normal;
        line-height: 1.3;
        padding: 12px 15px 8px 40px;
	}	
	#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: #20223f;
        font-weight: 700;    
	}	
	#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: -50px;
        right: 0px;
        width: auto;
        height: auto;
        padding: 15.5px 14px;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        background: #52a1d4;
        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: #53a0d1;}
	#navmenu .navbar-toggle:hover .icon-bar {background-color: #fff;}
	#navmenu .navbar-nav {margin-top: 0px;margin-bottom: 0;background-color: #eee;}
	#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: 0px;width: 100%;z-index:999;}
	#navmenu .dropdown > .dropdown-menu {padding:0;}
    #navmenu .dropdown > .dropdown-menu>li {border-bottom: none;}
	#navmenu .dropdown > .dropdown-menu>li>a {
		color: #fff;
        text-transform: none;
        background: #52a1d4!important;
        font-family: inherit;
        font-weight: normal;
        line-height: 1.2;
        padding: 7px 10px 7px 40px;
        font-size:16px;
	}
	#navmenu .dropdown > .dropdown-menu>li:last-child>a {padding-bottom:15px;}
	#navmenu .dropdown > .dropdown-menu>li.current-menu-item>a,
	#navmenu .dropdown > .dropdown-menu>li>a:hover {color:#fff;background: #53a0d1!important;}

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

	#mobilemenublock ul li {
		border-bottom: 1px solid rgba(255,255,255,1);
	}
	
	#mobilemenublock ul li.nav-phone {display:none;}

	.child-trigger {
    	display: block !important;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 0;
        width: 40px !important;
        min-width: 40px !important;
        height: 43px !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: #fff;
	    position: relative;
	    top: 50%;
	    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: #fff;
	    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 {
		color: #fff!important;
    	background: #234178!important;
	}
}