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

.mobinav {
  background-color: #002f5b;
  position: fixed;
  margin: 0;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  z-index: 3;
  color: #ffffff;
}

.mobinavco {
    width: 80%;
    margin: auto;
}
 
.mobinav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}
 
.mobinav li a {
  display: block;
  /* background-color: #002f5b; */
  background-color: #cccccc;
/*  border: 1px solid #ffffff; */ 
  padding: 10px 10px;
/*  border-right: 1px solid #f4f4f4; */
  text-decoration: none;
  color: #ffffff;
  font-family: "Avenir";
}
 
.mobinav li a:hover {
  background-color: #002faf;
}
 
.mobinav .logo {
  display: block;
  font-family: "Avenir";
  color: #ffffff;
  float: left;
  font-size: 1em;
    padding-top: 18px;
/*  padding: 25px 20px; */
/*  padding-left: 20px; */
  vertical-align: middle;
  text-decoration: none;
}
 
.mobinav .menu {
  clear: both;
  max-height: 0;
    width: 100%;
    position: relative;
    padding-top: 10px;
    background-color: transparent;
    margin-top: 50px;
  transition: max-height .2s ease-out;
}
.mobinav .mobinav-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 0px 0px 0px;
    right: 0px;
  position: relative;
  user-select: none;
}
 
.mobinav .mobinav-icon .navicon {
  background: #ffffff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}
 
.mobinav .mobinav-icon .navicon:before,
.mobinav .mobinav-icon .navicon:after {
  background: #ffffff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}
 
.mobinav .mobinav-icon .navicon:before {
  top: 5px;
}
 
.mobinav .mobinav-icon .navicon:after {
  top: -5px;
}
.mobinav .mobinav-btn {
  display: none;
}
 
.mobinav .mobinav-btn:checked ~ .menu {
  max-height: 240px;
}
 
.mobinav .mobinav-btn:checked ~ .mobinav-icon .navicon {
  background: transparent;
}
 
.mobinav .mobinav-btn:checked ~ .mobinav-icon .navicon:before {
  transform: rotate(-45deg);
}
 
.mobinav .mobinav-btn:checked ~ .mobinav-icon .navicon:after {
  transform: rotate(45deg);
}
 
.mobinav .mobinav-btn:checked ~ .mobinav-icon:not(.steps) .navicon:before,
.mobinav .mobinav-btn:checked ~ .mobinav-icon:not(.steps) .navicon:after {
  top: 0;
}
.mobinav .mobinav-btn {
  display: none;
}
 
.mobinav .mobinav-btn:checked ~ .menu {
  max-height: 240px;
}
 
.mobinav .mobinav-btn:checked ~ .mobinav-icon .navicon {
  background: transparent;
}
 
.mobinav .mobinav-btn:checked ~ .mobinav-icon .navicon:before {
  transform: rotate(-45deg);
}
 
.mobinav .mobinav-btn:checked ~ .mobinav-icon .navicon:after {
  transform: rotate(45deg);
}
 
.mobinav .mobinav-btn:checked ~ .mobinav-icon:not(.steps) .navicon:before,
.mobinav .mobinav-btn:checked ~ .mobinav-icon:not(.steps) .navicon:after {
  top: 0;
}

		
	#topmenu2{
	font-family: 'Nunito Sans', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:10px;
	font-weight:800;
  height: 20px;
  float:left;

}



	#topmenu2 ul{
  color: #3d3c3f;
  margin: 0px 0px 0px 0px;
  padding: 0px;

}

	#topmenu2 li{
	background:transparent;
	display: inline;
	margin: 0; padding-right:20px; padding-left:20px;
}


	#topmenu2 li#current a{
  	color: #3d3c3f;
}


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

	.mobinav {
		visibility: hidden;
		
		}
		
    #menu {
		visibility: visible;
		}

}