/**************************************************   
	NAV
	**************************************************/	
	
	#the_nav,
	#the_nav nav { 
		display: block;
		left: 0px;
		z-index: 0;
	}
	 
	#the_nav { 
		position: fixed; 
		top: 50px;
		vertical-align: top; 
	}
	#the_nav nav { 
		position: absolute;
		top: 0px; 
		height: 100vh; 
		overflow-y: scroll;  
		width: 270px;
   }
   
   #the_nav { border-right: 1px solid #cfcfcf;}
   nav ul li { border-top: 1px solid #cfcfcf; }
   nav ul.menu > li:last-child { border-bottom: 1px solid #cfcfcf; }
   nav ul li:first-child,
   nav ul.sub-menu li { border: none;}
	  
	
	nav ul.menu { padding-bottom: 70px; }
	nav ul li { 
		padding: .6em 0; 
		padding-left: 40px;
	}
	nav li a { font-size: 1.1rem;}
	
	nav li.current-menu-item > a,
	nav li.menu-item-has-children.current-menu-item > a,
	nav ul.sub-menu li.current-menu-item a,
	nav li a:hover,
	nav ul.sub-menu li a:hover { 
		/*color:#1D6D5E; */
		color:#222; 
	}
	
   /* SUBMENU */
	nav ul.sub-menu li {padding: .1em 0;}
	nav ul.sub-menu li a { 
		color: #757575;
		transition: .15s ease all;
		-moz-transition: .15s ease all;
		-webkit-transition: .15s ease all;
   }
   
   nav ul.sub-menu li.protected { position: relative; }
   nav ul.sub-menu li.protected:after {
		content: '';
		position: absolute;
		
		bottom: 12px;
		background: url("../img/svg/lock.svg") no-repeat;
		width: 10px;
		height: 12px;
		margin-left: 10px;
		transform: scale(1.3);
	}
 
	/* ARROW */
	nav li.menu-item-has-children > a { position: relative; }
	nav li.menu-item-has-children > a:before {
	  content: '';
	  position: absolute;
	  top: -9px;
	  left: -22px;
	  
	  margin: 16px auto;
	  width: 8px;
	  height: 8px;
	  border-top: 2px solid #000;
	  border-left: 2px solid #000;
	  transform: rotate(135deg);
	  
	  transition: .15s ease all;
	  -moz-transition: .15s ease all;
	  -webkit-transition: .15s ease all;
	}
	nav li.menu-item-has-children > a.open:before,
	nav li.menu-item-has-children > a:hover:before,
	nav li.menu-item-has-children.current_page_item a:before,
	nav li.menu-item-has-children.current_page_ancestor a:before {
	 	top: -11px;
	 	transform: rotate(225deg);
	}
	
	/* SUBMENU open / close */
	nav li.menu-item-has-children > ul.sub-menu {
		display: none;
	}
	nav li.menu-item-has-children.current_page_item > ul.sub-menu,
	nav li.menu-item-has-children.current_page_ancestor > ul.sub-menu {
		display: block;
	}
	
	
	
	
   /**************************************************   
   SHORTLINKS
   **************************************************/
	#shortlinks { 
	   position: fixed; 
	   padding: 0px;
	   top: 0px;
	   right: 0px;
	   height: 50px;
	   background: #fff; 
	}
	#shortlinks .the-shortlink { padding-top: 20px; }
	#shortlinks .inner { 
	   position: fixed;
	   top: 50px; 
	   right: -200px;
	   
	   width: 200px; 
	   padding: 0px;
	   background: #fff; 
	   border: 1px solid #cfcfcf;
	}
	#shortlinks.open .inner { right: 0px;  }
	
	/* arrow*/
	#shortlinks .arrow-nav { 
	  padding: 10px 77px 10px 35px; 
	  position: relative; 
	  line-height: 1.23em;
	  
	  -webkit-user-select: none; 
	  user-select: none;
	}
	#shortlinks .arrow-nav:hover { opacity: .7; }
  
	#shortlinks .arrow-nav:before {
	   content: '';
	   position: absolute;
	   top: 0px;
	   left: 10px;
	   margin: 16px auto;
	   width: 8px;
	   height: 8px;
	   border-top: 2px solid #000;
	   border-left: 2px solid #000;
	  
	   transition: .15s ease all;
	   -moz-transition: .15s ease all;
	   -webkit-transition: .15s ease all;
	  
	   transform: rotate(135deg);
	}
	#shortlinks.open .arrow-nav:before {
	   top: -2px;
	   transform: rotate(225deg);
	}
	
	#shortlinks a.anchor-link {
	  position: relative; 
	  display: block;
	  vertical-align: top; 
	  padding: 10px 15px;
	  border-top: 1px solid #cfcfcf;
	}
	#shortlinks a.anchor-link:first-child {border-top: 0px solid #cfcfcf;}
	
	#shortlinks a.anchor-link p {
	  line-height: 1.23em;
	  font-size: 16px;
	}
	 
	#shortlinks a.anchor-link:hover p, 	
	#shortlinks a.anchor-link.active p { color:  #0086F1; }
 
	
	/**************************************************   
	BURGER
	**************************************************/
	#burger-outer { 
		position: fixed;
		top: 8px;
		right: 2rem;
		cursor: pointer;
		opacity: 1;
		display: none;
	}
	
	
	@media only screen and (max-width: 1439px) { 
	   nav ul.sub-menu li {padding: .05em 0;}
	}
	
	@media only screen and (max-width: 1279px) { 
		
		/* ------------------------ 
		BREAK
		 ------------------------ */
		/*burger*/
		#burger-outer { display: block;  }
	    
		/*nav*/
		#the_nav, 
		#the_nav nav {z-index: 6 !important;}

		#the_nav { 
			border-right: none; 
			width: 280px;
		}
		
		#the_nav nav {  
		    background: #fff; 
			margin-left: -280px;
			transition: .35s ease all;
			-moz-transition: .35s ease all;
			-webkit-transition: .35s ease all;
		}
		/*nav open*/
		body.nav-open #the_nav nav { 
			margin-left: 0px; 
			box-shadow: 5px 10px 15px -5px rgba(0,0,0,0.20);
		}
		
		nav ul li:first-child {border-top: 0px;}
		nav ul.sub-menu li {
			padding: .1em 0;
			padding-left: 0px;
		}
	  
		/*shortlinks*/
		#shortlinks {background: transparent;}
		#shortlinks .inner {border-top: 0px;}
		#shortlinks .arrow-nav:before {left: -70px;}
		#shortlinks span {display: none;}
	}
	
	@media only screen and (max-width: 599px) { 
		#burger-outer { right: 1.5rem; }
	}
	@media only screen and (max-width: 479px) { 
	    #burger-outer { right: 1rem; }
	}
	
	
	
	
	/**************************************************  
	animate BURGER
	**************************************************/
	.cmn-toggle-switch {
		display: block;
		position: relative;
		overflow: hidden;
	
		width: 40px;
		height: 40px;
		
		font-size: 0;
		text-indent: -9999px;
		border: none;
		cursor: pointer;
	}
	
	.cmn-toggle-switch span:before, 
	.cmn-toggle-switch span:after,
	.cmn-toggle-switch span {
		position: absolute;
		display: block;
		height: 2px;
		background: #222;
	}
	
	.cmn-toggle-switch span {
		top: 16px;
		left: 0px;
		right: 0px;
	}
	.cmn-toggle-switch span:before, 
	.cmn-toggle-switch span:after {
		left: 0;
		width: 100%;
		content: "";
	}
	.cmn-toggle-switch span:before { top: -10px;}
	.cmn-toggle-switch span:after { bottom: -9px;}
	
	
	/*active*/
	.cmn-toggle-switch__htx.active span{ background: transparent !important;}
	.cmn-toggle-switch.active span:before, 
	.cmn-toggle-switch.active span:after { height: 1px; }
	
	.cmn-toggle-switch__htx span:before {
		-webkit-transition-property: top, -webkit-transform;
		transition-property: top, transform;
	}
	.cmn-toggle-switch__htx span:after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform;
	}
	.cmn-toggle-switch__htx span:before, 
	.cmn-toggle-switch__htx span:after {
		-webkit-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s;
		-webkit-transition-delay: 0.3s, 0;
		transition-delay: 0.3s, 0;
	}
	
	/* active */
	.cmn-toggle-switch__htx.active span:before {
		top: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.cmn-toggle-switch__htx.active span:after {
		bottom: 0;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.cmn-toggle-switch__htx.active span:before, 
	.cmn-toggle-switch__htx.active span:after {
		-webkit-transition-delay: 0, 0.3s;
		transition-delay: 0, 0.3s;
	}