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

.main-nav{
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	position: relative;
	z-index:5;
}

.primary-nav{
	background-color: #353535;
    padding: 1.0em 0;
	clear:both;
	float:none;
	width: 100%;
}

.primary-nav img{
	float: left;
	height: 3em;
}

.primary-nav ul{
	float:right;
    margin-top: 0.85em;
    font-size: 0.9em
}

.primary-nav li{
	display: inline;
	margin: 1em;
    padding: 0 0.3em 0.2em 0.3em;
	border-bottom: 0px solid rgba(0,0,0,0);
	font-size: 1.1em;
	text-transform: uppercase;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.primary-nav li:hover{
	border-bottom: 3px solid #1e98d5;
}

.primary-nav li.current-page{
	border-bottom: 3px solid #1e98d5;
}

.primary-nav li a,
.primary-nav li a:visited{
	color: #FFFFFF !important;
}

.primary-nav ul li:last-child{
	margin-right:0;
}

.secondary-nav{
	background-color: #1e98d5;
	clear:both;
	float:none;
	width: 100%;
    height: 30px;
    padding: 0.1em 0;
    font-size: 1.0em;
}

.secondary-nav ul{
	float: right;
	margin-top: 3px;
}

.secondary-nav .panel-button{
	display:none;
}

.secondary-nav li{
	display: inline;
	margin: 1em;
}

.secondary-nav li:last-child{
  margin-right: 0;
}


.secondary-nav li a,
.secondary-nav li a:visited{
	color: #FFFFFF !important;
}

.secondary-nav li a:hover{
	border-bottom: 1px solid #FFFFFF;
}

/*LANGUAGE DROPDOWN STYLES
source: http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/*/
.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 100px;
    margin: 0 0 0 1em;
    float: right;
    padding: 6px;

    /* Styles */
    background: #1e98d5;
    border-radius: 3px;
/*  border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);*/
    cursor: pointer;
    outline: none;

    /* Font settings */
    font-weight: 600;
    color: #fff;
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #fff transparent;
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;

    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    transition: all 0.25s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown li, .wrapper-dropdown-3 .dropdown li:last-child {
    margin:0;
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 12px;
    text-decoration: none;
    color: #1e98d5 !important;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    transition: all 0.2s ease-out;
    text-align: left;
}

.wrapper-dropdown-3 .dropdown li a:visited {
    color: #1e98d5 !important;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border-radius: 0 0 7px 7px;
    border: none;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}

.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

#sticky.stick {
    position: fixed;
    top: 0;
    z-index: 10;
}

@media screen and (max-width: 67em){
.secondary-nav .panel-button{
	float:left;
	margin:0;
	display:inline;
}

.secondary-nav .panel-button li{
	margin:0;
}

.secondary-nav .panel-button li a:hover{
	border-bottom: none;
}

.secondary-nav .panel-button li a{
	width: 45px;
	display: block;
	text-align: left;
}

.secondary-nav .panel-button img{
	height:24px;
	margin-top: 2px;
}
}


@media screen and (max-width: 45em){
.primary-nav{
	padding: 1em 0;
}

.primary-nav img{
}

.nav-collapse{
	clear: both;
	float:none;
}

.primary-nav ul{
	float:none;
	clear:both;
	margin-top: 0em;
}

.primary-nav li{
	display: block;
	margin: 1em 0;
	padding: 0 0.3em 0.3em 0.3em;
	border-bottom: 0px solid rgba(0,0,0,0);
}

.primary-nav li:hover{
	border-bottom: 3px solid #1e98d5;
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../Icons/responsivenav.eot");
  src:url("../Icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../Icons/responsivenav.ttf") format("truetype"),
    url("../Icons/responsivenav.woff") format("woff"),
    url("../Icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #1e98d5; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: right;
  line-height: 65px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}
}