/*MenuPuncher v1.0.0 for jQuery
=============
Author: Ali Beceren
Created: 2/14/2011
Date: 10/08/2014
Website: http://www.jenaldesign.com
Description: Jenal Design
*/




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

#menu .pusher.click {
	/*width:40px;
	height:22px;*/
	width:auto;
	padding:11px;
	background-color:rgba(0, 0, 0, 0.8);
	/*display:block;*/
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
	z-index:100000;
}
#menu .pusher.click span {
	width:35px;
	height:2px;
	display:block;
	background:#FFF;
	margin:0 0 8px 0;
}
#menu .pusher.click span:last-child {
	margin:0;
}
#menu .pusher.click span:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-o-transform:      rotate(45deg);
	transform:         rotate(45deg);
	margin:10px 0 0 0;
}
#menu .pusher.click span:nth-of-type(2) {
	opacity:0;
}
#menu .pusher.click span:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform:    rotate(-45deg);
	-o-transform:      rotate(-45deg);
	transform:         rotate(-45deg);
	margin:-12px 0 0 0;
}

.open{
	/*background-color:rgba(0, 0, 0, 0.8);*/
}

.floating {
    position: fixed;
    top: 0;
}
.fixed_btn .floating {
    position: relative;
    top: auto;
}

body > nav {
    backface-visibility: hidden;
    left: 0;
    overflow: hidden;
    padding-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
	display:block;
}

body>nav .bg-cover{
	z-index:1500;
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	display:table;
}
body>nav .menupuncher{
	visibility:hidden;
	top:-10%;
	width:100%;
	padding:0;
	opacity:0;
	display:table-cell !important;
	vertical-align:middle;
}
body>nav .menupuncher li{
	list-style:none;
	text-align:center
}
body>nav .menupuncher li a{
	padding:0px;
	width:100%;
	display:block;
	letter-spacing:-0.06em;
	color:#fff;
	text-decoration:none;
	font-size: 58.5714px;
		
}
body>nav .menupuncher li a:hover{
	background:#fff;
	color:#000;
}
body>nav .menupuncher li a.pusher:hover{
	background:none !important;
	color:#fff !important;
	opacity:1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
	zoom:1;
}
body>nav .menupuncher li a:focus{
	outline:0
}
body>nav.open{
	height:100%
}
body>nav.open ul{
	visibility:visible;
	opacity:1;
}
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

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

#container{ width:100% !important}
body>nav .menupuncher li a{font-size: 6.5104vw !important;}
}

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
#container{ width:100% !important}
body>nav .menupuncher li a{font-size: 6.5104vw !important;}
}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {


}