/* =============================================
 *
 *   FIXED RESPONSIVE NAV
 *
 *   (c) 2014 @adtileHQ
 *   http://www.adtile.me
 *   http://twitter.com/adtilehq
 *
 *   Free to use under the MIT License.
 *
 * ============================================= */

/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */
html body .logo{
	margin-top: 0;
}
html body .logo img {
    max-height: 100%;
}

#header.sticky #trueHeader {
    position: fixed;
    top: 0;
}

#trueHeader {
    background: #272727 none repeat scroll 0 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    left: 0;
    padding: 0;
    right: 0;
    transition: padding 0.35s ease 0s;
    z-index: 8000;
}

.logo {
    background-color: #1da4dd;
    float: left;
    width: 18%;
}
.logo img {
    float: left;
    margin-left: 27px;	
}

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  font: 14px 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.nav-collapse li {
  width: 100%;
  display: block;
  padding: 10px 0px;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.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;
}

.header-onepage .logo{
	height: 90px;
}
.logo img{
	width: 149px;
}


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


/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

/*header {
  background: #eee;
  width: 100%;
  left: 0;
  top: 0;
}

.logo {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  font-weight: bold;
  line-height: 55px;
  padding: 0 20px;
  color: #454545;
  float: left;
}
*/

/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 50em) {
  .mask {
    display: none !important;
    opacity: 0 !important;
  }
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

@media screen and (min-width: 50em) {
  .nav-collapse {
    float: right;
    width: auto;
  }
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 50em) {
  .nav-collapse li {
    width: auto;
  }
}

.nav-collapse a {
/*  -webkit-tap-highlight-color: rgba(0,0,0,0);
  border-top: 1px solid white;
  text-decoration: none;
  background: #f4421a;
  padding: 0.7em 1em;*/
  color: #fff;
  width: 100%;
  float: left;
}

.nav-collapse a:active,
.nav-collapse .active a {
/*  background: #b73214;*/
  color: #1da4dd;
}

.nav-collapse a i {
	font-size: 5px;
	float: left;
	margin-top: 7px;
	margin-right: 5px;
}

@media screen and (min-width: 50em) {
  .nav-collapse a {
    padding: 1.8em 1.4em;
    text-align: center;
    border-top: 0;
    float: left;
    margin: 0;
  }
}

.nav-collapse ul ul a {
	background: #ca3716;
	padding-left: 2em;
}

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


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

.nav-toggle {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none;
	text-indent: -300px;
	position: absolute;
	overflow: hidden;
	width: 60px;
	height: 55px;
	top: -80px;
	right: 0;
}

.nav-toggle:before {
	color: #fff; /* Edit this to change the icon color */
	font: normal 45px "responsivenav"; /* Edit font-size (28px) to change the icon size */
	text-transform: none;
	text-align: center;
	position: absolute;
	content: "\2261"; /* Hamburger icon */
	text-indent: 0;
	speak: none;
	width: 100%;
	left: 0;
	top: 0;
}

.nav-toggle.active:before {
	font-size: 45px;
	content: "\00D7"; /* Close icon */
}

@media only screen and (min-width: 1000px) and (max-width: 1169px){
	.logo{
		width:20%;
	}
}



/* Responsive CSS Styles menu */
@media only screen and (max-width: 1169px){
	
}

@media only screen and (min-width: 1000px) and (max-width: 1169px){
	
}

@media only screen and (max-width: 999px){
	.nav-collapse li {
		margin-right: 0;
	}
}

@media only screen and (min-width: 800px) and (max-width: 999px){
	
	.nav-collapse li a {
		padding: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 999px){
	.nav-collapse li {
		float: left;
		width: auto;
		margin-right: 15px;
	}
	
	.header-onepage .logo {
		height: 65px;
	}
	
	.logo img {
		width: auto;
	}
	
	.logo{
		width: 180px;
	}
}

@media only screen and (max-width: 767px){
	.menu_main{
		clear: both;
	}	
	
	nav.closed{
		display: none;
	}	
	
	.logo img {
		width: 110px;
	}
	
	.nav-toggle {
		top: -65px;
	}	
	
	.header-onepage .logo {
		height: auto;
	}
	
	html{
		padding-top: 70px;
	}
}

@media only screen and (min-width: 640px) and (max-width: 767px){
	
}

@media only screen and (max-width: 639px){
	
}

@media only screen and (min-width: 480px) and (max-width: 639px){

}

@media only screen and (max-width: 479px){
		
	#menu-onepage .menu_main{
		width: 90%;
	}
}