/* CSS Document */

nav.primary {color:#111e28; font-family:'Oswald', sans-serif; margin:0px 0 0 0; padding:0; float:right;} 
nav.primary li{float:left; padding:0 0px; font-size:20px; font-weight:300; position:relative;} 
nav.primary li a{color:#111e28; padding:15px 17px; border:1px solid transparent; text-decoration:none;}
nav.primary > div > ul > li >  a{display:inline-block;}
nav.primary > div > ul > li > a:hover::after, 
nav.primary li.hover > a::after,  
nav.primary li.current > a::after,  
nav.primary li.section > a::after{
    display:block;
    content: ' ';
    border-left: 15px solid transparent;
    border-right: 15px solid #253849;
    border-top: 15px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    right: 0px;
    bottom:0px;
    z-index: 1;
    
}
nav.primary li a:hover, nav.primary li.current > a, nav.primary li.section > a{text-decoration:none; color:#111e28; }
nav.primary li.current > a, nav.primary li.section > a{border:1px solid #253849;}
nav.primary li > a:hover, nav.primary li.hover > a{
    color:#ffffff;
    border:1px solid transparent;
    background: #51799d; /* Old browsers */
    background: -moz-linear-gradient(top, #73ade2 0%, #51799d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #73ade2 0%,#51799d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #73ade2 0%,#51799d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ade2', endColorstr='#51799d',GradientType=0 ); /* IE6-9 */
}
nav.primary li.hover > a::after{
    
}
nav.primary > ul > li.last{padding-left:30px;}
nav.primary > ul > li.last > a:hover{border:none; background:transparent; color:#111e28; border:1px solid transparent;}
nav.primary > ul > li.last > a:hover::after{display:none;}
nav.primary li a.active{}


/***************************  DROP DOWN NAV  **************************************/

.nav_main li ul {/*padding:5px 0 0px 0; background-color:rgba(255,255,255,1);*/ }
.nav_main li a:hover{

	/*color:#fff;
	background:#6b0c36;*/
	/*text-decoration:underline;*/
        /*background-color:#f50000;*/ color:#ffffff;
	/*		background-color:#f21d2f;*/
}
/* .nav_main li a.current, nav.primary li a.section, .nav_main li a:active, */
/*.nav-collapse  li.active, .nav > li > a:hover,
.nav > li > a:focus { 
background-color:#454545; color:#ffffff;}*/
.nav_main ul li.first, #nav ul li.last{}
.nav_main > li.last{padding-left:30px;}
.nav_main li .phone:hover{color:#253849}
/*--- DROPDOWN ---*/
.nav_main ul{


	/*background:#3d3d3d;*/ /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	/*background:rgba(255,255,255,0);*/ /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	/*opacity:.9;*/
	list-style:none;
	position:absolute;
	/*top:25px;*/ /* Hide off-screen when not needed (this is more accessible than display:none;) */	
	/*max-width:100%;*/
    	width:200%;
     max-width:200%;
	/* border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;*/
	z-index:9999;
    /*padding-bottom:15px;*/
    left:0;
    top:50px;
    opacity:0;
    visibility:hidden;
    transform: translateY(-1em);
    transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
}
.nav_main ul li{	
	/*padding-top:1px;*/ /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	/*margin-left:1px;*//* background-color:#ffffff*/ ;
	padding:10px 5px 10px 0px;
	margin:0;font-size: 12px ;
  /*  border-bottom:1px solid #dddddd;*/


}

.nav_main ul li.last{border-bottom:none;}
.nav_main ul li.first{
	

	padding-top:20px;
	
	}
.nav_main ul li.last{
	
	padding-bottom:20px;
			
			}	

.nav_main ul li ul {}
.nav_main ul li ul li{float:left !important; /*line-height: 1.1em !important; font-size:.9em; */}
.nav_main ul li a{padding:8px 20px !important; line-height: 1.3em !important;      font-size:18px;text-transform:none; color:#575757; }


.nav_main ul a{
	/*white-space:nowrap;*/ /* Stop text wrapping and creating multi-line dropdown items */
}
.nav_main li:hover ul{ /* Display the dropdown on hover */
	top:55px; /* Bring back on-screen when needed */
	/*  transition:all 0.05s ease-in-out 0s;*/
    
    visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 9999;

  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; 
  background-color:#b8b8b8;
}
.nav_main li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	/*background:#6b0c36;
	text-decoration:underline;*/
	/*background-color:#b0ada5 !important; */
	}
.nav_main li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;
    color:#ffffff;
}
.nav_main li:hover ul li a:hover{color:#253849;  /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	/*background:#333;*/
	/*text-decoration:underline;*/
}
.nav_main li ul li a{/*background-color:#b0ada5 !important;*/ 	text-shadow: none !important; text-decoration:none; background-image:none !important;/*border-right:3px solid #b0ada5 !important*/ height:auto; }
.nav_main li ul li a:hover{color:#aa232e;/*background-color:#df2027 !important; */ text-decoration:none;background-image:none !important;}
/*#nav li:hover>a{background-color: transparent; color:#f21d2f;}*/


.navbar-nav > li{border-top:1px solid #ffffff; margin-top:15px;}
.navbar-nav li {padding:0 15px; font-size:.9em; }

nav.secondary{margin:0 0 45px 0;}
nav.secondary ul{margin-left:20px;}
nav.secondary li{font-family:"Oswald", sans-serif; font-size:18px; font-weight:300; margin:0px 0 15px 0; position:relative; list-style-type:none;}
nav.secondary a{color:#253849; text-decoration:none;}
nav.secondary a:hover{color:#909544; }
nav.secondary li.current::before{
    display:block;
    content: ' ';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #253849;
    
    height: 0;
    width: 0;
    position: absolute;
    left: -18px;
    top:3px;
}
nav.secondary li.current:hover::before{
      border-left: 8px solid #253849; 
}
nav.secondary li.current a:hover{color:#253849; }
nav.secondary li:hover::before{ 
    display:block;
    content: ' ';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #909544;
    
    height: 0;
    width: 0;
    position: absolute;
    left: -18px;
    top:3px;}

#nav-action{width:230px;position:fixed;right:0; top:400px; z-index:9999;}
#nav-action li{list-style-type:none;margin:0 0 0 0;}
#nav-action a{
    font-family:"Oswald", sans-serif;
    display:block;
    width:100%;
    padding:10px 15px;
    color:#ffffff;
    text-decoration:none;
    border:1px solid transparent;
   
}

#nav-action li{
    background: #253849; /* Old browsers */
  
    margin:0 0 1px 0;
    
    background-size: 200% 100%;
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    transition: background-position 1s;
}
#nav-action li:hover{
  /*  background: #253849;*/
 /*   transition: all .3s ease-in-out;*/ background-image: linear-gradient(to left,#909544  50%,  #253849 50%);
    background-position:-100% 0 ;
}

#nav-action .icon{padding-left: 50px; background-position:top 0 left 0;}

#nav-action .icon-clock{ background-position:top -58px left 8px;}
#nav-action .icon-download{ background-position:top 5px left 8px;}
#nav-action .icon-schedule{}
#nav-action .icon-phone{background-position:top 5px left 14px;}

.navbar-toggler {
    display:block;
    width:45px;
    height:45px;
    border:1px solid #253849;
    position:absolute;
    top:10px;
    right:15px;
}
.navbar-toggler .line{
width: 100%;
float: left;
height: 2px;
   background-color: #253849;
margin: 2px 0 2px 0; }

/*.navbar-toggler.collapsed{
    background-color: #ffffff;
    
} 
.navbar-toggler{
     
}
*/
.navbar-toggler:hover .line{
    background-color: #ffffff;
}
.navbar-toggler[aria-expanded="true"]{
   background-color: #253849;
} 
.navbar-toggler[aria-expanded="true"] .line{
   background-color: #ffffff;
} 


.navbar{position:inherit;}

@media (max-width: 992px){
    .nav_main{width:100%;}
    .nav_main ul{position:relative; visibility:visible; top:0;    transform: none;}
    .nav_main li ul{visibility:visible; opacity:1; margin:0px 0 0px 0px; padding:0;}
    
    nav.primary{ margin:0; float:none;}
    nav.primary  li{float:none; width:100%; margin: 0px 0 0px 0;}
    nav.primary  li > a{width:100%;/*color:#ffffff;*/ display:inline-block;position:relative; }
    .nav_main ul li{padding:0;}
    .nav_main ul li.first{padding-top:0px;}
    .nav_main ul li.last{padding-bottom:0px;}
    .nav-utility{display:none;}
    
    .nav_main li:hover ul{ /* Display the dropdown on hover */
	top:0px; /* Bring back on-screen when needed */
	/*  transition:all 0.05s ease-in-out 0s;*/
        display:inline-block;
        visibility: visible; /* shows sub-menu */
        opacity: 1;
        z-index: 9999;

        transform: none;
      transition-delay: none; 
      background-color:#b8b8b8;
      position:relative;
    transform:none ;
      -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
     background-color:transparent;
     color:#575757;
    }
    
    nav.primary > ul > li > a:hover::after, nav.primary li.hover > a::after,  nav.primary li.current > a::after,  nav.primary li.section > a::after{bottom:0px;}
    
    nav.primary li > a:hover, nav.primary li.hover > a{
        
    }
    .nav_main li:hover ul a{color:#253849;}
    #header .phone{padding:3px 0 0 30px; height:32px;} 
    .nav_main > li.last{
        padding-left:0px;
        margin-top:15px;
    }
    #navbarMain{ 
        position:fixed; 
        width:100%; 
        z-index:999; 
        top:74px; 
        right:0px; 
        background-color:#ffffff; 
        padding:15px;
        border-bottom:4px solid #253849;
    }
    .nav_main li ul{width:100%;}
    .nav_main li ul li a:hover{border:1px solid #253849; }
}