@charset "UTF-8";
/* CSS Document */



/* Wordpress Menu Item Fix */

.fixed { font-style:italic; position:absolute; position:fixed; top:0; }

.navigation-container {
    width:100%;
    display:inline-block;
    background-color:#fff;
    /* height:100px; */
    /*position:fixed; */
    top:0px;
    left:0;
    z-index:999;
    border-bottom: solid 1px #DCDCDC;
    box-shadow: 0px 2px 10px 0px  #DADADA;
    opacity: 0.98;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    }


@media only screen and (max-width:800px){
	
	.navigation-container {height:20px; }
	
}


.site-navigation {
	display: block;
	width:100%;
	font-family: 'Archivo Narrow', sans-serif; font-weight:700;
}


.site-navigation ul a {
  
	list-style: none;
	margin: 0;
	
}

.site-navigation ul {
  background: #3498DB;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.site-navigation li {
	color:#496972;
	font-size:14px;
  	background: #fff;
	display: block;
	float: left;
	margin: 0 0px 0 0;
	padding: 8px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}
  
.site-navigation li a {
  color: #666666;
  text-decoration: none;
  display: block;
}

.site-navigation li:hover {
	
	background: #;
	cursor: pointer;
	color:#;
}

.site-navigation ul li a {
  color: #666666;

  text-decoration: none;
  display: block;
}

.site-navigation ul li a:hover {
  color: #ffffff;

  text-decoration: none;
  display: block;
}


.site-navigation ul li {
 
  background-color:#ffffff;
  padding:15px;
  
 
}
.site-navigation ul li ul {
	background: #f15a22;
	visibility: hidden;
	float: left;
  min-width: 210px;
	position: absolute;
  /*transition: visibility 0.25s ease-in;*/
  margin-top:12px;
	left: 0;
	z-index: 999;
	border:solid thin #B8B8B8;
}

.site-navigation ul li:hover > ul,
.site-navigation ul li ul:hover {
   visibility: visible;
}

.site-navigation ul li ul li {
	clear: both;
	box-sizing: border-box;
	padding: 15px;
  width: 100%;
}

.site-navigation ul li ul li:hover {
	background: #78C068;
}

@media only screen and (max-width:800px){
	
	.site-navigation {
		display:none; margin:0px;
}
	
	
	.site-navigation li {
	color: #222;
  	
	display: block;
	float: none;
	margin: 0;
	padding: 12px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}
	
	
	.site-navigation ul li ul {
	
	float: none;
 width: 100%;
position: absolute;


	z-index: 999;
}

.navigation-container {height:0px;position:relative;top:70px; border:none; display:none;}
	
}



/*----------------*/





.redred:after {
    content:url(../images/gr-arrow.png);
    float:left;
	padding-right:5px;
	color:#000000;
	font-size:1em;
}

.redred a {padding-left:20px;}

.redred:hover:before {color:#ffffff;}