/*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 )
{

*:not(.slick-track) {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition:    all 0.25s ease-in-out;
  -o-transition:      all 0.25s ease-in-out;
  transition:         all 0.25s ease-in-out;
}

.pusher {
	width:40px;
	height:22px;
	top:20px;
	right:20px;
	background-color:#fff;
	display:block;
	position:fixed;
	z-index:100000;
}
.pusher span {
	width:35px;
	height:2px;
	display:block;
	background:#555;
	margin:0 0 8px 0;
}
.pusher span:last-child {
	margin:0;
}
.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;
}
.pusher.click span:nth-of-type(2) {
	opacity:0;
}
.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:#f7f7f7;
}

/*.floating {
    position: fixed;
    top: 0px;
}*/

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%;
	display:table;
}
body>nav .menupuncher{
	visibility:hidden;
	top:-10%;
	width:100%;
	padding:0;
	opacity:0;
	display:table-cell !important;
	vertical-align:top;
}
body>nav .menupuncher li{
	list-style:none;
}
body>nav .menupuncher li a{
	padding:0px;
	width:100%;
	display:block;
	letter-spacing:-0.06em;
	color:#333;
	text-decoration:none;
	font-size: 14px;
		
}
body>nav .menupuncher li a:hover{
	color:#333;		
}
body>nav .menupuncher li a:hover{
	background:#6d4602;
	color:#000;
}
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: 28.5714px !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: 28.5714px !important;}
}*/

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

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

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


}*/