nav { width: 900px;  float:left; }



.nav_wrapper {

	margin:0;

	float:left;

	display: inline-block;

	padding:0px;

}







.btn {

  padding: 10px 1%;

  margin: 5px;

  color: #fff;

  text-decoration: none;

  font-family: sans-serif;

  transition: all 0.1s ease;

}



.btn:hover { transition: all 0.1s ease; }







.spinner-master input[type=checkbox] { display: none; }



.menu {

  width: 100%;

  height: auto;

  transition: all 0.3s ease;

  margin-top:0px;

  height:50px;

}



.menu ul {
z-index: 9999;
  padding: 0px;

  margin: 0px;

  list-style: none;

  position: relative;

  display: inline-block;



}



.menu > li > ul.sub_menu {

  min-width: 10em;

  padding: 4px 0;

  background-color: #eee;

  border: 1px solid #eee;

}



.menu ul li { padding:0; }



.menu > ul > li { display: inline-block; float:left; }



.menu ul li a {

  display: block;

  text-decoration: none;

  color: #fff;

  font-size: 14px;

  font-family:'Montserrat';

  text-transform:uppercase;

  letter-spacing:1px;

  height:50px;

  font-weight: 500;

  border-left:0px solid #666; 

  line-height:20px;

}



.menu ul li a:hover {

  background: #eee;

  color: #000;

}



.menu ul li.hover > a {

  background: #eee;

  color: #333;

}



.menu ul li > a { padding: 16px 14.9px; }



/* Firefox only. 1+ */



@-moz-document url-prefix() { 

	.menu ul li > a  { padding: 16px 14.7px;}

}



.menu ul ul {

  display: none;

  position: absolute;

  top: 100%;

  min-width: 250px;

  background: #fff;

  box-shadow:0px 2px 2px #999;

  margin-left:0px;



}



.menu ul li:hover > ul { display: block; }



.menu ul ul > li { position: relative; }



.menu ul ul > li a {

  padding: 15px 15px;

  height: auto;

  background: #eee;

  color:#333;

  border-left:0px solid #fff;

  border-top:1px solid #ccc;

}



.menu ul ul > li a:hover {

  background: #f5f5f5;

  color: #333;

}







.menu ul ul ul {

  position: absolute;

  left: 100%;

  top: 0;

}



#hero {

  width: 100%;

  height: auto;

  background: #e8ebf0;

  margin: 70px 0 20px 0;

}



#hero img {

  width: 100%;

  height: auto;

}



@media all and (max-width: 1279px) {



.example-header .container { width: 100%; }



#search { padding: 10px; }



.spinner-master * {

  transition: all 0.3s;

  box-sizing: border-box;

}



.spinner-master {

  position: relative;

  margin: 0px;

  height: 35px;

  width: 35px;

  float: left; 

}



.spinner-master label {

  cursor: pointer;

  position: absolute;
  
  z-index:99;

  height: 100%;

  width: 100%;

  top: 0px;

  left: 0;

}



.spinner-master .spinner {

  position: absolute;

  height: 5px;

  width: 100%;

  padding: 0;

  background-color: #fff;

}



.spinner-master .diagonal.part-1 {

  position: relative;

  float: left;

}



.spinner-master .horizontal {

  position: relative;

  float: left;

  margin-top: 5px;

}



.spinner-master .diagonal.part-2 {

  position: relative;

  float: left;

  margin-top: 5px;

}



.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }



.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {

  transform: rotate(135deg);

  -webkit-transform: rotate(135deg);

  margin-top: 10px;

}



.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {

  transform: rotate(-135deg);

  -webkit-transform: rotate(-135deg);

  margin-top: -12px;

}



a.menu-link {

  display: block;

  color: #fff;

  float: left;

  text-decoration: none;

  padding: 10px 16px;

  font-size: 1.5em;
  

}



a.menu-link:hover { color: #efa666; }



a.menu-link:after {

  content: "\2630";

  font-weight: normal;
}



a.menu-link.active:after { content: "\2715"; }



.menu {

  clear: both;

  min-width: inherit;

  float: none;

}



.menu,

.menu > ul ul {

  overflow: hidden;

  max-height: 0;

}



.menu > li > ul.sub-menu {

  padding: 0px;

  border: none;

}



.menu.active,

.menu > ul ul.active { max-height: 55em;   background-color:#1656A7;}



.menu ul { display: inline;    }



.menu li,

.menu > ul > li { display: block;   }



.menu > ul > li:last-of-type a { border: none;   }



.menu li a {

  color: #fff;

  display: block;

  padding: 0.8em;

  position: relative;
  
background-color:#1656A7;  

}



.menu li.has-submenu > a:after {

  content: '+';

  position: absolute;

  top: 0;

  right: 0;

  display: block;

  font-size: 1.5em;

  padding: 0.55em 0.5em;
  

}



.menu li.has-submenu > a.active:after { content: "-";  }



.menu ul ul > li a {

  padding: 10px 18px 10px 30px;
  
    background-color:#00FF33;

}



.menu ul li a:hover {

  background: #0C2D56;

  color: #fff;

}



.menu ul li.hover > a {

  background: #0C2D56;

  color: #fff;

}



.menu ul ul,

.menu ul ul ul {

  display: inherit;

  position: relative;

  left: auto;

  top: auto;

  border: none;

}





}