/* responsive.css */


/** 
* Nav container 
* 1. Ensure this slides in below parent
* 2. Hide by default
* 3. Smoother scrolling experience on iOS
*/
/* ----------------------------------------- Mobil Menu -------------------------- */

.nav-container {
  position: fixed;
  top: 0px; /* 1 */
  left: -0px;
  z-index: 200;
  overflow-y: scroll;
  visibility: hidden; /* 2 */
  visibility: visible; /* 2 */
  width: 100%;
  max-width:320px;
  height: 100%;
  margin: 0 0 0 0;
  padding: 30px 0 40px 0;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); /* 2 */
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-overflow-scrolling: touch; /* 3 */
}
/* 1. Show when `.is-visible` class is added */

.nav-container.is-visible {
  visibility: visible; /* 1 */
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); /* 1 */
}

.nav-toggle {
  line-height: 1;
  display: none;
  padding:20px 10px 10px 10px;
  border: 0;
  z-index:1000;
  margin-top:-5px;
  margin-left:-5px;
  cursor:pointer;
  position:fixed;
  top:0px;
  left:10px;
  background-color: transparent;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.nav-toggle.is-active {
	transform: translateX(260px);
}
/* Nav toggle icon */

.nav-toggle .icon-menu {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  vertical-align: middle;
  fill: none;
}

/* Nav toggle icon lines */

.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #BD9E55;
}
.nav-toggle.hover .icon-menu .line {
  background-color: #E5007D;
}
/* Nav toggle icon line 1 */

.icon-menu .line-1 { top: 0; }

/* When active, rotate line 1 to be lefthand part of X */

.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
  transform: translateY(8px) translateX(0) rotate(45deg);
}

/* Nav toggle icon line 2 */

.icon-menu .line-2 {
  top: 50%;
  margin-top: -2px;
}

/* When active, hide line 2 */

.is-active .icon-menu .line-2 { opacity: 0; }

/* Nav toggle icon line 3 */

.icon-menu .line-3 { bottom: 0; }

/* When active, rotate line 3 to be righthand part of X */

.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}

/* Remove default list styles for menus */

.menu, .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/** 
* 1. Give menu a lighter background than its container 
* 2. Prevent menu text from being accidentally highlighted
*/

.nav-menu {
 /* background-color: #990033;  1 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;         /* 2 */
}

/* Give menu items a top border 

.nav-menu .page_item { border-top: 1px solid #fff; }

/* Give last menu item a bottom border 

.nav-menu > .page_item:last-child { border-bottom: 1px solid #fff; }

/* Darker background color on hover, and when toggled */

.nav-menu > .page_item:hover,
.nav-menu > n.page_item.is-active { background-color: #fff; }

/* 1. Menu links are block level, by default */

#primary-flyin a {
  display: block; /* 1 */
  text-decoration: none;
  font-size:22px;
  padding: 10px 20px 10px 20px;
  font-family: 'impactregular';
  
}
#primary-flyin ul ul a {
	font-size: 18px;
	padding:5px 20px 5px 40px;
}
#primary-flyin ul ul {
	display: none;
}


#meta-flyin a {
	padding: 5px 20px 5px 20px;
	color: #ffffff;
	font-size: 18px;
	display: block;
}
#meta-flyin {
	padding-top: 20px;
}

/* prevent background scrolling */
body.nav-open {
	overflow:hidden;
}
@media screen and (min-width : 960px)  {
}
@media screen and (max-width : 960px)  {
	.content-container {
		width: 90%;
	}
	#second-level {
		width: 90%;
	}

} /* end of max-width:960px */

@media screen and (max-width : 1080px)  {

} /* end of max-width:1080px */

@media screen and (max-width : 880px)  {

} /* end of max-width:880px */
@media screen and (max-width : 820px)  {
	.content-container {
		width: 80%;
	}
	#second-level {
		width: 80%;
	}
} /* end of max-width:840px */

@media screen and (max-width : 720px)  {
	.content-container {
		width: 100%;
		margin:0;
		padding:0;
	}
	#second-level {
		width: 100%;
	}
	.second-nav {
		display: none;
	}
} /* end of max-width:640px */

@media screen and (max-width : 600px)  {

} /* end of max-width:600px */

@media screen and (max-width : 560px)  {
	#scroller .outer-wrapper {
    	padding: 60px 40px 60px 40px;
	}
} /* end of max-width:560px */

@media screen and (max-width : 440px)  {

} /* end of max-width:440px */
@media screen and (max-width : 420px)  {
	#scroller .outer-wrapper {
    	padding: 60px 20px 60px 20px;
	}
} /* end of max-width:420px */
@media screen and (max-width : 400px)  {

} /* end of max-width:400px */
@media screen and (max-width : 360px)  {

} /* end of max-width:360px */
@media screen and (max-width : 340px)  {

} /* end of max-width:340px */