@charset "UTF-8";


/* NAVIGATION
----------------------------------------------------- */
#overlay{
	width:100%;
	height:200%;
	background:rgba(0,0,0,.6);
	position:fixed;
	top:0px;
	right:-100%;
	opacity:0;
	z-index: 9500 !important;
	}
#overlay.openedBg{
	opacity:1;
	right:0;
	}
#toggle {
	z-index: 9699 !important;
	position:absolute;
	bottom:0vw;
	right:0;
	z-index:200;
	width:40px;
	height:40px;
	
	background: #935f45;
	
	
	cursor: pointer;
	padding:24px 0px 0 16px;
	
     -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	  -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition:         all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	@media screen and ( max-width: 980px) and (min-width:769px) {
		#toggle {
			z-index: 9699 !important;
			position:absolute;
			top:0vw;
			bottom:auto;
			right:0;
		}
	}
#toggle.open{
	background:none;
}
.scrollDown #toggle{
	position:absolute;
	width:100vw;
	top:-60px;
	padding:21px 10px 0 14px;
	}
.scrollPlus #toggle{
	position:fixed;
	top:-3px;
	background: #fff !important;
	-webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	 -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	 transition:         all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}
#toggle span {
	display: block;
	position: absolute;
	width: 20px;
	height: 1px;
	right:10px;
	background:#fff;
	-webkit-transition: 250ms ease all;
	-moz-transition: 250ms ease all;
	transition: 250ms ease all;
	}
	.scrollDown #toggle span {
		background:#935f45;
	}
#toggle p{
	position:absolute;
	top:4px;
	right:2px;
	width:35px;
	font-family:'Roboto', sans-serif;
	color:#fff !important;
	font-size:8px;
	text-align:center;
	letter-spacing:0.5px;
	line-height:13px;
}
#toggle.open p{ display:none; }
.scrollDown #toggle p{
}
#toggle.open{
	
}
.scrollDown  #toggle p{ display:none; }

#toggle span:before,
#toggle span:after {
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	-webkit-transition: 200ms ease all;
	-moz-transition: 200ms ease all;
	transition: 200ms ease all;
	}
	
	#toggle span:before { margin: -5px 0 0 0; }
	#toggle span:after { margin: 5px 0 0 0; }

.scrollDown #toggle span:before,
.scrollDown #toggle span:after { 

	background: #935f45;
	}
#toggle.open span {
	background-color: transparent;
		
	border-top:0px #935f45 solid;
	border-bottom:0px #935f45 solid;
	}
	
#toggle.open span:before,
#toggle.open span:after {
	margin: 2px 0 0 0 ;
	background: #935f45;
	height: 1px;
	}
#toggle.open span:before {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}
#toggle.open span:after {
	width:100%;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}
	
#globalnav {
	position: fixed;
	width: 100%;
	height: 120% !important;
	top: -120%;
	left: 0px;
    opacity:0;
	
	
     -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	  -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition:         all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    
	z-index: 9501 !important;
    
      visibility:visible;
	background: #fff;
	
	}
	
	#globalnav.opened {
	top: 0;
	left: 0;
    opacity:1;
     -webkit-transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	  -moz-transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition:         all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
		
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.5);
	}
	
#globalnav nav > ul#menu{
	position:relative;
	z-index:9002;
	text-align:left;
	width:70%;
    margin:60px auto 0 auto;
	}

#globalnav nav ul#menu li{
	position:relative;
    width:100%;
	height:56px;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
 	transition:         all 200ms linear;
	background-size:15px auto;
}
#globalnav nav ul#menu li a{
	font-weight:500 ;
	letter-spacing:0.5px;
	color:rgba(147, 95, 69,1);
	font-size:18px;
	line-height:1.4;
	text-align:center;
	width:100%;
	height:100%;
	cursor:pointer;
	display:block;
	position:relative;
	opacity:1;
	font-weight:400;
	padding:17px 0 0 0;
	}

#globalnav nav ul#menu li a .mjp{
		width:100%;
		color:rgba(0, 0, 0,0.7);
		display:block;
		font-size:11px;
	}