/* Advanced Checkbox Hack */
body {
  -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}

nav[role="custom-dropdown"]  {
    height:55px;
	width: 100%;
	
	background:#0066FF; 
	opacity:.90;
  -moz-opacity:.90; 
  filter:alpha(opacity=90); 
	
	font-family: MyriadProRegular,Helvetica,Arial,sans-serif;
	
	position:fixed;
     
    text-transform:uppercase;
    box-shadow: rgb(0,0,0) 0px 0px 5px black;
    z-index:9999;
     box-sizing: border-box;
     
}

input[type=checkbox] {
 
  top: -9999px;
  left: -9999px;
  display:none
}

label.mainNav {
  display: none;
  cursor: pointer;
  user-select: none;
}

/* background for li / select */
/* custom-dropdown */
nav[role="custom-dropdown"] a {
   float:left;
  display:inline-block;
  padding-bottom:10px;
   color:#FFFFFF;
  text-decoration: none;
  
	font-family: MyriadProRegular,Helvetica,Arial,sans-serif;
  transition: color .3s ease-in-out;
  padding-top:0px;
  
  width:100%;
background-color:transparent;
 box-sizing: border-box;

				
}
nav[role="custom-dropdown"] label.mainNav {
 
    
  color:#FFFFFF;
  text-decoration: none;
  
	font-family: MyriadProRegular,Helvetica,Arial,sans-serif;
  transition: color .3s ease-in-out;
  padding-top:0px;
  
  width:100%;
background-color:transparent;
 box-sizing: border-box;

}
 ul.mainNav {

  padding: 0;
  margin: 0 auto;
  width: 800px;
  list-style: none;
  background-color:transparent;
box-sizing: border-box;
text-align: center;


  
}

li#fullsite  {
				float:left;
				padding: .90em .55em;
  width: 19%;
  background-color:transparent;

  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  transition-property: box-shadow, color;
  box-sizing: border-box;

  

  cursor: pointer;
  

}
  li.mainNav  {
  display:inline-block;
 
  float: left;
   
  padding: .90em .55em;
  width: 19%;
  background-color:transparent;

  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  transition-property: box-shadow, color;
  box-sizing: border-box;



  

  cursor: pointer;
  *box-shadow: 0 0.05em 0.25em 0 rgba(0, 0, 0, 0.35);
}

nav[role="custom-dropdown"] ul > li.mainNav:hover {
  *background-color: rgba(0, 0, 0, 0.85);
  #color: #fff;
  *box-shadow: 0 0.05em 0.25em 0 rgba(0, 0, 0, 0.35), inset 0 0 0 2em rgba(0, 0, 0, 0.3);
}
nav[role="custom-dropdown"] ul > li.mainNav:hover > a {
  color:gray;
 
 
}

/* small screens */
@media screen and (max-width: 800px) {
 nav[role="custom-dropdown"] ul.mainNav {
    display: none;
    height: 100%;
    width:100%;
     background-color:#0066FF;
     text-transform:none
 

  }
 nav[role="custom-dropdown"] label.mainNav {
    position: relative;
    display:inline-block;
    width: 100%;
    min-height: 2.25em;
    padding: .45em;
    font-size: 1.1em;
    margin: 0;
     background-color:#0066FF;
     padding-top:13px;
      padding-left:13px;
 
    
    
  }
 nav[role="custom-dropdown"] label.mainNav:after {
    position: absolute;
    right: .35em;
    top: 0;
    content: "\2261";
    font-size: 2.3em;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label.mainNav:after {
   content: "\03A7";
   font-size: 1.7em;
    top: 3px;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul.mainNav {
    display:inline-block;
    background-color:#0066FF;
  }
 nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li.mainNav  {
    width: 100%;
    opacity: 1;
    text-align: left;
     border-top:thin #FFFFFF solid;
      padding: .55em .55em;
       background-color:#0066FF;
    
 

  }
  li#fullsite {
  display:none;
	
}
nav[role="custom-dropdown"] a {
	display:inline-block;
	padding-left:15px;
	 background-color:#0066FF;



}
    
 nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul.mainNav > li.mainNav:after {
    position: absolute;
    right: .25em;
    content: "\203A";
    font: bold 1.1em MyriadProRegular,Helvetica,Arial,sans-serif;
  }
}