@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:fixed;
	top:-10px;
	right:10px;
	z-index:200;
	width:60px;
	height:70px;
	
	background: rgba(248,188,5,0.90);
	
	border: 1px solid rgba(255,255,255,0.3);
	
	border-radius: 0 0 8px 8px; 
	-webkit-border-radius: 0 0 8px 8px; 
	-moz-border-radius: 0 0 8px 8px; 
	
	-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);
	
	cursor: pointer;
	padding:45px 10px 0 17px;
	
     -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 (min-width: 1080px) {
	#toggle{
	position:fixed;
	top:-10px;
	right:20px;
	}
}
@media screen and (max-width: 1080px) {
	#toggle{
	position:fixed;
	top:-10px;
	right:-5px;
	}
}

.scrollPlus #toggle{
		
	}

#toggle span {
	display: block;
	position: absolute;
	width: 23px;
	height: 2px;
	background:#00235d;
	-webkit-transition: 250ms ease all;
	-moz-transition: 250ms ease all;
	transition: 250ms ease all;
	}
#toggle p{
	position:absolute;
	top:8px;
	left:10px;
	color:#fff !important;
	font-size:12px;
	text-align:center;
	letter-spacing:1px;
	line-height:13px;
	margin-top:8px;
}
.scrollDown #toggle p{
}

#toggle.open p{ display:none; }

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

#toggle.open{ 
	top: 330px;
	border:none;
	}
#toggle.open span {
	background-color: transparent;
		
	border-top:0px #000 solid;
	border-bottom:0px #000 solid;
	}
	
#toggle.open span:before,
#toggle.open span:after {
	margin: 2px 0 0 0 ;
	background: #00235d;
	height: 2px;
	}
#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: 280px;
	height: 330px !important;
	top: -340px;
	right: 0px;
    opacity:1;
	
	
     -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: rgba(248,188,5,0.90);
	
	border:1px solid rgba(255,255,255,0.3);
	
	border-radius: 0 0 0 8px ; 
	-webkit-border-radius: 0 0 0 8px ; 
	-moz-border-radius:  0 0 0 8px ; 
	
	-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.opened {
	top: 0;
	right: 0;
    opacity:1;
     -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);
	}
	
#globalnav nav > ul#menu{
	position:relative;
	z-index:9002;
	text-align:left;
	width:70%;
    margin:20px auto 0 auto;
	}

#globalnav nav ul#menu li{
	position:relative;
    width:100%;
	height:36px;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
 	transition:         all 200ms linear;
	background-size:15px auto;
	border-top:1px solid rgba(255,255,255,0.10);
	border-bottom:1px solid rgba(0,0,0,0.05);
}
#globalnav nav ul#menu li:first-child{
	border-top:none;
}
#globalnav nav ul#menu li:last-child{
	border-bottom:none;
}
#globalnav nav ul#menu li a{
	font-weight:500 ;
	letter-spacing:1.5px;
	color:#00235d;
	font-size:14px;
	line-height:0;
	text-align:center;
	width:100%;
	height:100%;
	cursor:pointer;
	display:block;
	position:relative;
	opacity:1;
	padding:17px 0 0 0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
 	transition:         all 200ms linear;
	}

#globalnav nav > ul#menu > li a:hover{
	opacity:1;
	color:#e64030;
	}