/* CSS Document */

nav.primary {color:#02498d; font-family:'Roboto Slab', Georgia, Times, serif; margin:30px 0 0 0; } 
nav.primary li{float:left; padding:0 15px; font-size:16px; position:relative;} 
nav.primary li a{color:#02498d;}
nav.primary li a:hover, nav.primary li.current a{text-decoration:none; color:#aa232e;}
nav.primary li a.active{}

.nav-contact{padding:20px 0 0 0 ;	
    position:relative;
	z-index:9999;
    
}
.nav-contact .btn{display:block; background-color:#173d6b; font-size:16px; }

.nav-contact .btn{position:relative;}
.nav-contact .btn::before{
    display:block;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 0;
    border-color: #00689f transparent transparent transparent;
    position:absolute;
    z-index:99;
    top:0;
    left:0;
}
.nav-contact .btn:hover{background-color:#9b191d; color:#ffffff;}

.nav-contact  ul li:hover ul {display:block;}
.nav-contact ul li ul{display:none; position:absolute; width:125%;left:-12.5%;} 
.nav-contact-actions{}
.nav-contact-actions li{display:block;}
.nav-contact-actions{background-color:#ffffff; font-family:'Roboto Slab', Georgia, Times, serif; font-size:14px;}
.nav-contact-actions li.first{border-top:none;}
.nav-contact-actions li{border-top:1px solid #91989c; text-align:center;}
.nav-contact-actions li.last{border-top:1px solid #cc171a;}
.nav-contact-actions a{padding:8px 5px; display:block;color:#173d6b; text-decoration:none;}
.nav-contact-actions a.phone{color:#cc171a; background:url("../images/icon-phone-24.png") no-repeat top 5px left 10px;}

nav.secondary{width:100%; margin:0 auto 60px auto; font-family:"Montserrat", "Georgia", serif; font-size:18px; font-weight:bold; line-height:36px; text-transform:uppercase; text-align:center; clear:both;display:table; }
nav.secondary li{/*float:left;*/padding:0 15px 0 12px; display:inline; border-right:1px solid #173d6b;}
nav.secondary li.last{border-right:none;}
nav.secondary li:before{display:none;}
nav.secondary li a{color:#173d6b;}
nav.secondary li a:hover{text-decoration:none; color:#173d6b;}
nav.secondary li a.active, nav.secondary li a:hover{color:#cc171a;}

.navbar-custom{background-color:#173d6b; font-family:'Roboto Slab', Georgia, Times, serif;}
.navbar-custom .navbar-toggler{
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    line-height:0px;
    /*font-size:1px;*/
    padding:5px 5px;
    min-width:30px;
border-radius:1px;
background-color:#00689f ;}
.navbar-custom button:focus{outline: 1px dotted;}
.navbar-custom .icon-bar{
    background-color:#ffffff;
    width:100%; 
    height:2px;
    display:inline-block;
    margin:2px 0;
     vertical-align: middle;
    content: "";
    border-radius:1px;
}
.navbar-custom a{color:#ffffff; }
.navbar-custom .navbar-nav{margin:10px 0;}


/***************************  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{}

/*--- 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:300%;
     max-width:300%;
	/* border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;*/
	z-index:9999;
    padding-bottom:15px;
    left:0;
    top:25px;
    opacity:0;
    visibility:hidden;
    transform: translateY(-1em);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, 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:5px 5px 4px 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:5px;
	
	}
.nav_main ul li.last{
	
			padding-bottom:15px;
			
			}	

.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 15px !important; line-height: 1.3em !important;      font-size:1.0em;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:25px; /* 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; 
}
.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:#575757;
}
.nav_main li:hover ul li a:hover{color:#aa232e;  /* 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*/ color:#02498d; 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;}*/
.nav_main > li:hover a.link{/*background-color:#f21d2f !important;*/ color:#aa232e;}

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