/*************************************************
* Metanav
*************************************************/
ul.socials {
	position: absolute;
	right: 4px;
	top:   4px;
	z-index: 11100;
}

ul.socials li {
	width:  50px;
	height: 50px;
	float: left;
	margin: 0 0 0 4px !important;
}

ul.socials li a {
	font-size: 20px;
	background: #dacdd1;
	display: block;
	color: #000;
	text-align: center;
	line-height: 50px;
	
	-webkit-transition: opacity 500ms ease;
   	   -moz-transition: opacity 500ms ease;
   	    -ms-transition: opacity 500ms ease;
   	     -o-transition: opacity 500ms ease;
       	    transition: opacity 500ms ease;
}

ul.socials li a:hover {
	opacity: 0.7;
}

/*************************************************
* Footernav
*************************************************/

#footer {
	color: #948888;
	font-size: 14px;
}

#footer ul {
	margin-bottom: 10px;
	float: none;
	text-align: center;
}

#footer ul li {
	float: none;
	display: inline-block;
	text-align: center;
	margin: 0 10px;
}

#footer ul li a {
	color: #948888;
	text-transform: uppercase;
}

#footer ul li a:hover,
#footer ul li.current-menu-item a {
	color: #b38c9f;
}

#footer ul li:first-child:after {
	content: " | ";
	margin: 0  0 0px 10px;
}

#footer ul li:first-child a {
	padding: 0 10px 0 0;
}

#footer ul li:last-child:before {
	content: " | ";
	margin: 0 10px 0 0px;	
}

#footer ul li:last-child a {
	text-transform: none;
	padding: 0 0 0 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
	
	#footer ul li {
		margin: 0 3px;
	}
	
	#footer ul li:first-child:after {
		margin: 0  0 0px 3px;
	}
	
	#footer ul li:first-child a {
		padding: 0 3px 0 0;
	}
	
	#footer ul li:last-child {
		display: block;
	}
	
	#footer ul li:last-child:before {
		margin: 0;
		content: "";	
	}
	
	#footer ul li:last-child a {
		padding: 0;
	}
	
}

@media (min-width: 992px) and (max-width: 1179px) {
	
	#footer ul li {
		margin: 0 7px;
	}
	
	#footer ul li:first-child:after {
		margin: 0  0 0px 7px;
	}
	
	#footer ul li:first-child a {
		padding: 0 7px 0 0;
	}
	
	#footer ul li:last-child:before {
		margin: 0 7px 0 0px;	
	}
	
	#footer ul li:last-child a {
		padding: 0 0 0 7px;
	}
	
}

/*************************************************
* Mainnav
*************************************************/

#nav {
	width: 100%;
	min-height:  40px;
	line-height: 2;
	height: auto;	
	color: #020202;
	font-size: 15px;
	text-transform: uppercase;
	background: #e2e0e1;
	background: #dfd7da;
}

/*
#nav .menu, #nav .menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav .menu li {
	position: relative;
}
#nav .menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
	background: #e2e0e1;
}
#nav .menu > li {
	float: left;
}
#nav .menu li:hover > ul,
#nav .menu li.sfHover > ul {
	display: block;
}

#nav .menu a {
	display: block;
	position: relative;
}
#nav .menu ul ul {
	top: 0;
	left: 100%;
}

*/

#nav .menu {
	float: left;
	padding: 0 0 0 40px;
}

#nav .menu ul {
}

#nav .menu a {
	text-decoration: none;
	zoom: 1;
}

#nav .menu a {
	color: #020202;
}

#nav .menu li {
	white-space: nowrap; 
	*white-space: normal; 
}

#nav .menu li a {
	padding: 0;
}

#nav .menu ul {
	margin-left: 0;
}

#nav .menu ul li {
	margin-left: 30px;
}

#nav .menu ul li a {
	
}

#nav .menu ul ul li {
	
}

#nav .menu li:hover,
#nav .menu li.sfHover {
	-webkit-transition: none;
	transition: none;
}

#nav .menu li.current-page-ancestor a,
#nav .menu li.current-menu-ancestor a, 
#nav .menu li.current-menu-item a, 
#nav .menu li.current-post-ancestor a, 
#nav .menu li.current-menu-parent a {
    color: #fff;
}

#nav .menu li a:hover,  
#nav .menu li.sfHover a {
    color: #fff;
}

#nav .menu li.current-page-ancestor li a,
#nav .menu li.current-menu-ancestor li a, 
#nav .menu li.current-menu-item li a, 
#nav .menu li.current-post-ancestor li a, 
#nav .menu li.current-menu-parent li a {
	color: #020202;
}

#nav .menu li.current-menu-item ul.sub-menu li a:hover {
	color: #fff;
}
#nav .menu li.current-menu-item ul.sub-menu li.current-menu-item a,
#nav .menu li.current-menu-ancestor ul.sub-menu li.current-menu-item a {
	color: #fff;
}

#nav .menu li.current-page-ancestor ul.sub-menu li a:hover,
#nav .menu li.current-page-ancestor ul.sub-menu li.current-menu-item a,
#nav .menu li.sfHover li a:hover {
	color: #fff;
	padding-bottom: 0;
}

#nav .menu li li a:hover {
	color: #fff;
	padding-bottom: 0;
	text-shadow: none;
}

#nav .menu .current-menu-item li a:hover {
	color: #fff;
	text-shadow: none;
}

#nav .menu li ul li {
	display: none;
}

#nav .menu li.current-menu-item ul li,
#nav .menu li.current-menu-parent ul li {
	display: block;
}




#mobile_nav {
    display: none;
    color: #020202;
    cursor: pointer;
}

#mobile_nav a {
	text-decoration: none;
}

.mobile_subnav {
    display: none;
}

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

	#navicon {
		position: fixed;
		right:  20px;
		top: 	12px;
		width:  36px;
		height: 36px;
		background: rgba(255,255,255,0.5);
		z-index: 11119;
		
		cursor: pointer;
	}
	
	#navicon a {
		background: #e3dbde;
		-webkit-transition: background 500ms ease;
	   	   -moz-transition: background 500ms ease;
	   	    -ms-transition: background 500ms ease;
	   	     -o-transition: background 500ms ease;
	       	    transition: background 500ms ease;
	}
	
	#navicon a:hover {
		background: #efe9ea;
		opacity: 1;
	}
    
    #navicon span {
	    background-color: #000;
	    display: inline-block;
	    height: 3px;
		width: 20px;
	    position: absolute;
		top: 17px;
		margin-top: 0px;
		left: 50%;
		margin-left: -10px;
	    
	     -webkit-transition: all 500ms ease;
	    	-moz-transition: all 500ms ease;
			  -o-transition: all 500ms ease;
			  	 transition: all 500ms ease;
	}
	
	#navicon span:before {
	    background-color: #000;
	    content: "";
	    display: inline-block;
	    height: 3px;
	    left: 0;
	    position: absolute;
	    width: 20px;
	     -webkit-transition: all 500ms ease;
	    	-moz-transition: all 500ms ease;
			  -o-transition: all 500ms ease;
			  	 transition: all 500ms ease;
	}
	
	#navicon span:after {
	    background-color: #000;
	    content: "";
	    display: inline-block;
	    height: 3px;
	    left: 0;
	    top: -8px;
	    position: absolute;
	    width: 20px;
	     -webkit-transition: all 500ms ease;
	    	-moz-transition: all 500ms ease;
			  -o-transition: all 500ms ease;
			  	 transition: all 500ms ease;
	}
	
	#navicon span:before {
	    top: 8px;
	}
	
	#navicon.navicon_active span {
	    background: rgba(0,0,0,0);
	}
	
	#navicon.navicon_active span:before {
	    position: absolute;
	    left: -2px;
	    top: 0px;
	    width: 25px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	
	#navicon.navicon_active span:after {
	     position: absolute;
	     left: -2px;
	     top: 0px;
	     width: 25px;
	     -webkit-transform: rotate(45deg);
	     -moz-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	     -ms-transform: rotate(45deg);
	     transform: rotate(45deg);
	}
	
	#outer_mobile {
		position: relative;
	}
	
	#nav_mobile {	
		display: block;
		
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		z-index: 11113;
		opacity: 1;
		
		position: fixed;
		width: 100%;		
		height: 100%;
		padding: 0 0 160px 0;
		background: #e2e0e1;		
		color: #fff;
		
		top: 0;
				
		-webkit-transition: top 500ms ease-out;
		   -moz-transition: top 500ms ease-out;
		     -o-transition: top 500ms ease-out;
		        transition: top 500ms ease-out;
	}
	
	#nav_mobile.nav_active {
		top: 0;
	}
	
	#nav_mobile.nav_inactive {
		top: -100% !important;
	}
	
	#nav_mobile a {
		color: #020202;
	}
	
	#nav_mobile ul {
		width: 100%;
		margin: 30px 0;
	}
	
	#nav_mobile ul li {
		margin: 0 15px 0 15px;
	}
	
	#nav_mobile ul ul {
		margin: 0;
	}
	
	#nav_mobile ul li ul li {
		margin: 0 15px 0 15px;
	}
	
	


}

@media (max-width:373px) {
	#nav_mobile {
		width:  310px;
		height: 310px;
	}
	
	#nav_mobile.nav_inactive {
	    top: -310px !important;
	}
}


@media (min-width: 374px) and (max-width:413px) {
	#nav_mobile {
		width:  360px;
		height: 360px;
	}
	
	#nav_mobile.nav_inactive {
	    top: -360px !important;
	}
}

@media (min-width: 414px) {
	#nav_mobile {
		width:  400px;
		height: 400px;
	}
	
	#nav_mobile.nav_inactive {
	    top: -400px !important;
	}
}



@media (min-width:481px) and (max-width:768px) {
	
	#nav_mobile {
		width: 480px;
		height: 480px;
	}
	
	#nav_mobile.nav_inactive {
	    top: -480px !important;
	}
}


@media only screen and (min-width: 769px) and (max-width:992px) {

	#header_mobile {
		position: absolute;
		top: 0;
		z-index: 11117;
	}
	
	#nav_mobile {
		width:  768px;
		height: 768px;
	}
	
	#nav_mobile.nav_inactive {
	    top: -768px !important;
	}

}

@media (max-width: 991px) {
	
}