/*! responsive-nav.js v1.0.14 by @viljamis */

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}
.nav-collapse.opened {
  line-height: 0.8em;
}
.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  z-index: 9999999;
}

@media screen and (min-width: 990px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

.nav-collapse li {
  font-size: 1.2em;
  font-family: 'Quaver';
  text-transform: uppercase;
  line-height: 4em;
  float: left;
  width: 100%;
}
.nav-collapse li.link {
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
@media screen and (min-width: 10px) and (max-width: 989px) {
  .nav-collapse li.link {
	background: #4d7fb4;
  }
}
.nav-collapse li.link:hover {
  background: #005a9c;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

@media screen and (min-width: 990px) {
  .nav-collapse li {
    width: 13%;
    *width: 12.9%; /* IE7 Hack */
    _width: 9%; /* IE6 Hack */
	margin-right: 1%;
  }
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  float: left;
}
@media screen and (min-width: 10px) and (max-width: 400px) {
  .nav-collapse a {
	text-align: center;	
  }
}
@media screen and (min-width: 10px) and (max-width: 989px) {
  .nav-collapse a {
	line-height: 1.8em;
	padding: 0 2% 0;
  }
}
.nav-collapse a.logo{
	width: 243px;
	padding: 0.4em 0.5em 0.8em 0.3em !important;
}
.nav-collapse li.logo{
	width: 243px;
}

@media screen and (min-width: 990px) {
  .nav-collapse a {
    margin: 0;
    float: left;
    text-align: center;
    border-bottom: 0;
  } 
	.nav-collapse a.logo{
		width: 243px;
	}
}

.nav-collapse ul ul a {
  background: #ca3716;
}

@media screen and (min-width: 990px) {
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 75px;
  height: 75px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: url('../img/hamburger.gif') no-repeat center;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url('../img/hamburger-retina.gif');
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}

.nav-collapse a.pt{
	background: url('../img/pt.png') no-repeat center;
	width:33%;
	display:block;
	float: left;
}
.nav-collapse a.en{
	background: url('../img/en.png') no-repeat center;
	width:33%;
	height:20px;
	display:block;
	float: left;
}
.nav-collapse a.es{
	background: url('../img/es.png') no-repeat center;
	width:33%;
	height:20px;
	display:block;
	float: left;
}

