@media all {

/* ------------------------------------------ */
/*               BURGER-NAVIGATION            */
/* ------------------------------------------ */
	.mobile-nav-button
	{
		width: 					30px;
		z-index: 				9999;
		cursor: 				pointer;
		float:					right;
		margin-right:			40px;
		height:					25px;
		width:					25px;
	}
	#dcNavigation.fix .mobile-nav-button
	{
		top:					50px;		
	}
	.mobile-nav-button .mobile-nav-button__line {
		width: 					30px;
		height: 				3px;
		background: 			#666666;
		position: 				relative;
		transition: 			1s ease;
	}
	.mobile-nav-button .mobile-nav-button__line:nth-of-type(2)
	{
		margin: 				5px 0;
	}
	.mobile-nav-button .mobile-nav-button__line--1
	{
		-webkit-transform: 		rotate(45deg); 
		-moz-transform: 		rotate(45deg); 
		-o-transform: 			rotate(45deg); 
		-ms-transform: 			rotate(45deg); 
		transform: 				rotate(45deg); 
		top: 					45px;
		position: 				absolute;
		background: 			#999999;
	}
	.mobile-nav-button .mobile-nav-button__line--2
	{
		display: 				none;
	}
	.mobile-nav-button .mobile-nav-button__line--3
	{
		-webkit-transform: 		rotate(135deg); 
		-moz-transform: 		rotate(135deg); 
		-o-transform: 			rotate(135deg); 
		-ms-transform: 			rotate(135deg); 
		transform: 				rotate(135deg); 
		top: 					45px;
		position: 				absolute;
		background: 			#999999;
	}
	
	#dcNavigation.fix .mobile-nav-button .mobile-nav-button__line--1, #dcNavigation.fix .mobile-nav-button .mobile-nav-button__line--3
	{
		top:					25px;
	}
	.mobile-menu
	{
		display: 				none;
		width: 					100%;
		background: 			#333333;
		position: 				absolute;
		z-index: 				9998;
		transition: 			0.5s ease;
		top: 					108px;
		opacity: 				0;
		right:					0px;
	}
	#dcNavigation.fix .mobile-menu
	{
		top:					50px;
	}
	.mobile-menu ul
	{
		position: 				relative;
		padding: 				10px 0px 10% 10px;
		width:					50%;
		margin:					20px 0px 20px 45%;
		border-left:			1px solid #ffffff;
		
	}
	.mobile-menu ul li
	{
		list-style: 			none;
		padding:				10px 0px 10px 5px;
		border-bottom:			1px dotted #666666;
	}
	.mobile-menu ul li a
	{
		margin: 				0 auto;
		display: 				block;
		text-decoration: 		none;
		color: 					#ffffff;
		font-size: 				18px;
		font-weight: 			300;
		overflow: 				hidden;
		position: 				relative;
		padding:				5px 0px 5px 10px;
		text-transform:			uppercase;
		font-weight:			400;
	}
	.mobile-menu ul li a:after
	{
		content: 				'';
		background: 			#a37f47;
		top: 					0;
		z-index: 				-1;
		transition: 			0.4s ease;
	}
	.mobile-menu ul li a:hover 
	{
 		color: 					#fff; 
		background:				#15e0cc;
	}
	.mobile-menu ul li a:hover:after
	{
		right: 0;
	}
	
	.mobile-menu ul li ul
	{
		border-left:			none;
		margin:					0px 0px 0px 20px;
		padding:				0px 0px 0px 0px;
		width:					auto;
		border-top:				1px solid #999999;
		border-bottom:			1px solid #999999;
	}
	.mobile-menu ul li ul li
	{
		background:				#444444;
		padding:				0px 0px 0px 0px;
	}
	.mobile-menu ul li ul li a
	{
		margin: 				0 auto;
		display: 				block;
		text-decoration: 		none;
		color: 					#ececec;
		font-size: 				16px;
		font-weight: 			300;
		overflow: 				hidden;
		position: 				relative;
		padding:				5px 0px 5px 10px;
		text-transform:			uppercase;
	}
	
	.mobile-menu img
	{
		position: 				absolute;
		width: 					150px;
		display: 				block;
		left: 					20%;
		top: 					20%;
		transform: 				translatex(-50%);
		padding: 				0;
		text-align: 			center;
	}
	.mobile-menu--open
	{
		opacity: 				1;
		display:				block;
		transition: 			0.4s ease;
	}


/* ------------------------------------------ */
/*           RESPONSIVE-NAVIGATION            */
/* ------------------------------------------ */
	#bNAV
	{
/*		position:          		absolute; */
/*		width:					99.6%; */
		max-width:				600px;
		z-index:				9990;
		top:					70px;
		right:					auto;
		float:					right;
/* 		max-width:				1600px; */
		margin:					30px 0px 0px 0px;
	}
  
	#bNAV.fix
	{
		top:					0px;
		margin:					0px 0px 0px 0px;
	}
	
  
	#bNAV-Inner
	{
		font-weight:        	400;
		font-size:          	18px;
	}
  
	#bNAV-Inner ul, #bNAV-Inner li, #bNAV-Inner a
	{
		font-weight:        	400;
		font-size:          	14px;
		line-height:        	24px;
		color:            		#666666;
	}  
    #bNAV-Wrap
	{
		float:                  right;
		margin-right:           0px;
    }
    #bNAV-Wrap ul
	{
		list-style:             none;
		position:               relative;
		float:                  left;
		margin:                 0;
		padding:                0;
		padding:                0px;
    }
    #bNAV-Wrap ul a
	{
		display:                block;
		color:                  #666666;
		text-decoration:        none;
		line-height:            50px;	
		padding:                0px 15px 0px 15px;
		transition:         	0.3s;
		font-weight:        	400;
		letter-spacing:        	1px;
    }	
    #bNAV-Wrap ul a:hover
	{
		color:                  #ffffff;
		background:          	#999999; 
	}
    #bNAV-Wrap ul li
	{
		position:               relative;
		float:                  left;
		margin:                 0;
		padding:                0;
		margin-left:            0px;
    }
    #bNAV-Wrap ul li.current-menu-item
	{
		background:             #999999;
		color:                  #ffffff;	
    }
	#bNAV-Wrap ul li a
	{
	}
    #bNAV-Wrap .nav-active
	{
		background-color:       #ffffff; 
		color:                  #666666;
    }
    #bNAV-Wrap ul ul
	{
		display:                none;
		position:               absolute;
		top:                    50px;
		left:                   0;
		background:             #999999;
		padding:                0;
		z-index:                2500;
		margin-left:            0px;
		width:                  250px;
    }
    #bNAV-Wrap ul ul li
	{
		float:                  none;
		width:                  250px;
		border:                 none;
		margin:                 0px;
		text-transform:         none;  
    }
	#bNAV-Wrap ul ul li a
	{
		color:            		#ffffff;    
	}
	#bNAV-Wrap ul ul li a:hover
	{
		background:          	#383736;
	}
    #bNAV-Wrap ul ul a
	{
		line-height:            120%;
		padding:                15px 15px;
    }
    #bNAV-Wrap ul ul a:hover, #bNAV-Wrap ul li:hover
	{
		color:                  #ffffff;
		background:          	#999999;     
	}
	#bNAV-Wrap ul ul li:hover #bNAV-Wrap ul li a  
	{
		color:            		#ffffff;
	}
    #bNAV-Wrap ul li:hover > ul	
	{
		display:                block;
		border-top:             none;
    }  

}


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

	#dcNavigation
	{
		margin-top:				15px;
	}
	.mobile-menu
	{
			top:				50px;
	}
	.mobile-nav-button .mobile-nav-button__line--1
	{
		-webkit-transform: 		rotate(45deg); 
		-moz-transform: 		rotate(45deg); 
		-o-transform: 			rotate(45deg); 
		-ms-transform: 			rotate(45deg); 
		transform: 				rotate(45deg); 
		top: 					25px;
		position: 				absolute;
		background: 			#999999;
	}
	.mobile-nav-button .mobile-nav-button__line--2
	{
		display: 				none;
	}
	.mobile-nav-button .mobile-nav-button__line--3
	{
		-webkit-transform: 		rotate(135deg); 
		-moz-transform: 		rotate(135deg); 
		-o-transform: 			rotate(135deg); 
		-ms-transform: 			rotate(135deg); 
		transform: 				rotate(135deg); 
		top: 					25px;
		position: 				absolute;
		background: 			#999999;
	}

	#bNAV-Inner
	{
		font-weight:        	400;
		font-size:         	 	14px;
		line-height:        	24px;
/*		position:          		fixed; */
		top:            		26px;
		right:            		3%;
		z-index:          		1000;
	}
  
	#bNAV-Inner ul, #bNAV-Inner li, #bNAV-Inner a
	{
		font-weight:        	400;
		font-size:          	14px;
		line-height:        	18px;
	}  
  
    #bNAV-Wrap
	{
		float:                  right;
		margin-right:           0px;
    }
    #bNAV-Wrap ul
	{
		list-style:             none;
		position:               relative;
		float:                  left;
		margin:                 0px;
		padding:                0px;
    }
    #bNAV-Wrap ul a
	{
		display:                block;
		color:                  #ffffff;
		text-decoration:        none;
		line-height:            50px;
		padding:                0 15px;
		transition:         	0.3s;
    }
    #bNAV-Wrap ul a:hover
	{
		color:                  #ffffff;
		background:          	#8c151a; 
	}
        
    #bNAV-Wrap ul li
	{
		position:               relative;
		float:                  left;
		margin:                 0;
		padding:                0;
		margin-left:            0px;
    }
    #bNAV-Wrap ul li:hover
	{
		background:          	#8c151a; 
		color:                  #666666;
    }
    #bNAV-Wrap ul li.current-menu-item
	{
		background:             #ffffff;
		color:                  #666666;
    }
	#bNAV-Wrap ul li a:active
	{
		color:                  #666666;
		background:          	#f8f8f8;
	}
  
    #bNAV-Wrap .nav-active
	{
		background-color:       #ffffff; 
		color:                  #666666;
    }
    
    #bNAV-Wrap ul ul
	{
		display:                none;
		position:               absolute;
		top:                    50px;
		left:                   0px;
		background:             #f8f8f8;
		padding:                0;
		z-index:                2499;
		margin-left:            0px;
		width:                  300px;
		border:            		0px solid #cccccc;
    }
    #bNAV-Wrap ul ul a
	{
		font-size:          	16px;
		color:            		#666666;
	}    
    
    #bNAV-Wrap ul ul ul
	{
		display:                none;
		position:               absolute;
		top:                    0px;
		left:                   250px;
		background:             #158076;
		padding:                0;
		z-index:                2500;
		margin-left:            0px;
		width:                  300px;
    }
    
    #bNAV-Wrap ul ul li
	{
		float:                  none;
		width:                  300px;
		border:                 none;
		margin:                 0px;
		text-transform:         none;  
		border-bottom:          1px solid #ececec;
    }
    #bNAV-Wrap ul ul li:last-child
	{
		border-bottom:          none;
	}
    
    #bNAV-Wrap ul ul a
	{
		line-height:            120%;
		padding:                10px 15px;
    }
    #bNAV-Wrap.large ul ul a
	{
		line-height:            140%;
		padding:                15px 15px;
    }
    
	#bNAV-Wrap.large .nav-active
	{
		font-weight:            700;
	}
  
    #bNAV-Wrap ul ul a:hover
	{
		background:          	#8c151a; 
		background:          	#ececec;
    }
        
    #bNAV-Wrap ul li:hover > ul
	{
		display:                block;
    }  
    
	#bNAV
	{
/*		position:          		absolute; */
	}  
	#bNAV.fix, #bNAV
	{
		top:					0px;
		margin:					0px 0px 0px 0px;
	}
  
	#bNAV-Inner
	{
		width:            		100%;
/*		position:          		fixed; */
		top:            		10px;
		right:            		0px;
	}
	#bNAV-Inner ul
	{
		color:            		#66cc33;
	}  
  
	#bNAV-Inner li
	{
		color:            		#66cc33;
	}  
	#bNAV-Inner a
	{
		color:            		#ffffff;
	}  
	.RESPclose a
	{
		color:            		#66cc33;
	}
  
	a.RESPmenu-reveal
	{
		display:                none;
	}
	.RESP-container .RESP-bar
	{
		float:                  left;
		width:                  100%;
		position:               relative;
		min-height:             50px;
		z-index:                999998;
		margin:                 0px auto;
	}
	.RESP-container a.RESPmenu-reveal
	{
		width:                  25px;
		height:                 25px;
		padding:                0px 0px 0px 0px;
/*		position:               absolute; */
		top:                    15px;
		right:                  0;
		cursor:                 pointer;
		color:                  #fff;
		text-decoration:        none;
		font-size:              16px;
		text-indent:            -9999em;
		line-height:            22px;
		font-size:              1px;
		display:                block;
		background:          	none;
		margin:					0px 5px 0px 0px;
		position:				fixed;
		
	}
	.RESP-container a.RESPmenu-reveal span
	{
		display:                block;
		background:             #999999;
		height:                 3px;
		margin-top:             4px;
	}
	.RESP-container .RESP-nav
	{
		float:                  left;
		width:                  100%;
		background:             #333333;
		margin-top:             0px;
		position:				fixed;
		top:					50px;
		left:					0px;
	}
	.RESP-container .RESP-nav ul
	{
		padding:                0;
		margin:                 0;
		width:                  100%;
		list-style-type:        none;
	}
	.RESP-container .RESP-nav ul li
	{
		position:               relative;
		float:                  left;
		width:                  100%;
	}
	.RESP-container .RESP-nav ul li a
	{
		display:                block;
		float:                  left;
		width:                  90%;
		padding:                1em 5%;
		margin:                 0;
		text-align:             left;
		color:                  #fff;
		text-decoration:        none;
		border-top:             1px solid #ffffff; 
		color:            		#ffffff;
	}
	.RESP-container .RESP-nav ul li li a
	{
		width:                  80%;
		padding:                1em 10%;
		text-shadow:            none !important;
		visibility:             visible;
		background:             #444444;
	}
	.RESP-container .RESP-nav ul li.RESP-last a
	{
		border-bottom:          none;
		margin-bottom:          0;
	}
	.RESP-container .RESP-nav ul li li li a
	{
		width:                  70%;
		padding:                1em 15%;
		background:             #333333;
	}
	.RESP-container .RESP-nav ul li li li li a
	{
		width:                  60%;
		padding:                1em 20%;
		background:             #555555;
	}
	.RESP-container .RESP-nav ul li li li li li a
	{
		width:                  50%;
		padding:                1em 25%;
		background:             #777777;
	}
	.RESP-container .RESP-nav ul li a:hover 
	{
		background:          	#8c151a; 
	}
	.RESP-container .RESP-nav ul li a.RESP-expand
	{
		width:                  10px;
		height:                 10px;
		padding:                15px 18px 21px 18px !important;
		text-align:             center;
		position:               absolute;
		right:                  0;
		top:                    0;
		z-index:                2;
		font-weight:            700;
		background:             rgba(255,255,255,0.1);
		border:                 none !important;
		border-left:            1px solid rgba(255,255,255,0.4) !important;
		border-bottom:          1px solid rgba(255,255,255,0.2) !important;
	}
	.RESP-container .RESP-nav ul li a.RESP-expand:hover
	{
		/*  background:       rgba(0,0,0,0.9); */
	}
	.RESP-container .RESP-push
	{
		float:                  left;
		width:                  100%;
		padding:                0;
		margin:                 0;
		clear:                  both;
	}
	.RESP-nav .wrapper
	{
		width:                  100%;
		padding:                0;
		margin:                 0;
	}
	.RESP-container .RESP-bar, .RESP-container .RESP-bar *
	{
		-webkit-box-sizing:     content-box;
		-moz-box-sizing:        content-box;
		box-sizing:             content-box;
	}
	.RESP-remove
	{
		display:                none !important;
	}
    
	.RESPclose
	{
		margin:					15px 10px 0px 0px !important;
		position:				fixed;
		top:					0px !important;
		right:					0px !important;
	}

	
}

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

	.mobile-menu ul
	{
		position: 				relative;
		padding: 				10px 1.5% 10% 1.5%;
		width:					94%;
		margin:					20px 0px 20px 0px;
		border-left:			0px solid #ffffff;
		
	}
}