@charset "UTF-8";
/* RJ Web Menu */

/* Desktop Nav */
.toggle-wrapper {
	position: relative;
}

.rj-web-menu-wrapper {
	height: 100% !important;
}

.rj-web-menu {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 12px;
	width:100%;
	text-align: left;
	margin: 0 auto;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-font-smoothing: antialiased; 
}

.rj-menu-items {
	position: relative;
	z-index: 10;
	margin:0 auto 0 auto;
	width:100%;
	display: table;
	padding:0px;
}

.rj-menu-items > li > a {
	display: block;
	margin: 0 25px 0 0; 
	line-height: 48px;
	text-decoration: none;
	position: relative;
}

.rj-menu-items > li > a, .rj-web-menu-subnav > li > a {
    color: #fff;
    text-decoration: none;
    position: relative;
	transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	font-size: 12px;
    line-height: 25px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;	
}

.active, nav a:hover {
	color: #ac9766 !important;
	position: relative;
}

.rj-menu-items > li {
	text-align: center;
	display: inline-block;
	margin-top: 10px;
	padding-bottom: 10px;
}

.rj-menu-items > li > a .fa {
	display: inline-block;
	font-size: 14px;
	line-height: inherit;
	margin-right: 4px; 
}

/* Animation for displaying submenus */
.rj-menu-items li > .rj-web-menu-subnav{
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-75deg);
	-o-transform: rotateX(-75deg);
	-moz-transform: rotateX(-75deg);
	-webkit-transform: rotateX(-75deg);
	visibility:hidden;
}
	
.rj-menu-items li:hover > .rj-web-menu-subnav{
	transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
    opacity: 1;
	visibility:visible;
}

.rj-web-menu-subnav li > .rj-web-menu-subnav-second{
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-75deg);
	-o-transform: rotateX(-75deg);
	-moz-transform: rotateX(-75deg);
	-webkit-transform: rotateX(-75deg);
	visibility:hidden;
}
	
.rj-web-menu-subnav li:hover > .rj-web-menu-subnav-second{
	transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
    opacity: 1;
	visibility:visible;
}

.rj-web-menu-subnav-second li > .rj-web-menu-subnav-third{
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-75deg);
	-o-transform: rotateX(-75deg);
	-moz-transform: rotateX(-75deg);
	-webkit-transform: rotateX(-75deg);
	visibility:hidden;
}
	
.rj-web-menu-subnav-second li:hover > .rj-web-menu-subnav-third{
	transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
    opacity: 1;
	visibility:visible;
}

/* End animations for displaying submenus */

/* RJ Web Menu Submenu */
.rj-web-menu-subnav {
	position:absolute;
	top: 65px; /* Adjust as needed */
	z-index:1000;
	opacity: 0;
	padding: 0 20px;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.3s, opacity 0.3s;
	-ms-transition: -ms-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.rj-web-menu-subnav > :last-child {
	margin-bottom: 10px;
}

.rj-web-menu-subnav li{
	position: relative; 
	margin: 0px; 
	padding: 0px;
	display: block;
}

.rj-web-menu-subnav li a {
	text-align: left;
	display: block;
	}

.toggle-wrapper, .has-subnav-arrow-wrapper {
	display: none;
}

.rj-menu-items li:hover .rj-web-menu-subnav{
	display: block;
	background: rgba(0,0,0,0.6)
}

.rj-menu-items .rj-web-menu-subnav .rj-web-menu-subnav-second {
	min-width:220px; 
	position:absolute; 
	left:90%; 
	top:0; 
	margin:0px; 
	padding:0px;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.4s, opacity 0.4s;
	-ms-transition: -ms-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}
	
.rj-menu-items .rj-web-menu-subnav li:hover .rj-web-menu-subnav-second {
	opacity:1; 
	list-style:none;
}

.rj-menu-items .rj-web-menu-subnav li:hover .rj-web-menu-subnav-second{
	display: block;
}

.rj-menu-items .rj-web-menu-subnav .rj-web-menu-subnav-second .rj-web-menu-subnav-third {
	min-width:220px; 
	position:absolute; 
	left:90%; 
	top:0; 
	margin:0px; 
	padding:0px;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.4s, opacity 0.4s;
	-ms-transition: -ms-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}
	
.rj-menu-items .rj-web-menu-subnav .rj-web-menu-subnav-second li:hover .rj-web-menu-subnav-third {
	opacity:1; 
	list-style:none;
}

/* End RJ Web Munu Submenu */

/* End Desktop Nav */

/* Media Queries */

@media screen and (max-width: 780px) {
	/* Initializes the 'display-tablet' class to be invisible */
	.display-tablet {
		display: none !important;
	}
	
	.mobile-link {
		display: block !important;
	}
	
	.hide-mobile {
		display: none !important;
	}
	
	.dark-overlay {
		left:0;
		z-index:100;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		display:none;
		background-color:rgba(0, 0, 0, 0.45);
		cursor:pointer;
	}
		
	.dark-overlay.menu-opened {
		display:block;
	}

	.rj-web-menu-wrapper{
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		min-height: 800px;
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
		
	.toggle-wrapper{
		display:block !important;
		position: fixed;
		z-index: 11;
		top:0;
		right:0;
		left:0;
		background: rgba(0, 0, 0, 0.45);
		height: 50px;
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.rj-mobile-menu li:hover > .rj-web-menu-subnav {
	  display: none;
	}
	
	.rj-menu-items > li > a {
		margin: 0 !important;
	}

/* Arrow to reveal subnav on mobile */
	.has-subnav-arrow-wrapper {
		/*width: 100%;*/
		height: 43px;
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		cursor: pointer;
	}
	
	/* For mobile menu, the span is 100%, so this simulates the a element being hovered. Change to match your hover color. Still matches any color transition used. */
	.has-subnav-arrow-wrapper:hover + a {
		color: #ac9766 !important;
	}

	.has-subnav-arrow-wrapper i {
		display:block;
		height:23px;
		width:25px;
		margin-top:11px;
		margin-right:8px;
		background-size:25px;
		font-size:21px;
		color: #fff;
		float:right;
		transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}

	.animate-rotate{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}

	/* Multiple level subnav */
	.rj-web-menu-subnav-second {
		width:100% !important;
		position:static !important;
		left:100% !important;
		top:0 !important;
		display:none;
		margin:0px !important;
		padding:0px !important;
		border:solid 0px !important;
		transform:none !important;
		opacity:1 !important;
		visibility:visible !important;
	}
	
	.rj-web-menu-subnav-second li{
		margin:0px 0px 0px 0px !important;
		padding:0px;
		position:relative;
	}
	
	.rj-web-menu-subnav-second a {
		display:block;
		padding:10px 25px 10px 25px;
		border-bottom:solid 1px #ccc;
		font-weight:normal;
	}
		
	.rj-web-menu-subnav-third{
		width:100% !important;
		position:static !important;
		left:100% !important;
		top:0 !important;
		display:none;
		margin:0px !important;
		padding:0px !important;
		border:solid 0px !important;
		transform:none !important;
		opacity:1 !important;
		visibility:visible !important;
	}
	
	.rj-web-menu-subnav-third li {
		margin: 0 !important;
	}
	
	.rj-web-menu-subnav-third a{
		display:block;
		padding:10px 25px;
		border-bottom:solid 1px #ccc;
		font-weight:normal;
	}
		
	.rj-web-menu { 
		position: relative;
	}

	.rj-web-menu .rj-menu-items {
		height:100%;
		overflow-y:auto;
		display:block !important;
	}
	
	.rj-web-menu .rj-menu-items > li {
		width:240px;
		display:block;
		float:none;
		border-right:none;
		background-color:transparent;
		position:relative;
		white-space:inherit;
	}
	
	.rj-web-menu > .rj-menu-items > li > a {
		padding:9px 32px 9px 17px;
		text-align:left;
		border-right:solid 0px;
		background-color:transparent;
		border-bottom:1px solid;
		border-bottom-color: rgba(255,255,255,0.1);
		position:static;
		color: #b7b7b7;
	}

	.rj-mobile-menu .rj-web-menu-subnav{
		transform:none !important;
		opacity:1 !important;
		display:none;
		position:relative !important;
		top:0px;
		border-bottom: solid 1px rgba(255,255,255,0.1);
		border-top: solid 1px rgba(255,255,255,0.1);
		padding: 10px 0 10px 25px;
		visibility:visible !important;
	}

	.out-from-left{
		margin-left:0px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}

	.rj-web-menu {
		width:0px;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		margin: 0;
		background-color: rgba(0, 0, 0, 0.9);
		border-radius:0px;
		z-index:100;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		border:none !important;
	}
	
	

/*Nav Expanding Open Effect*/
	.rj-web-menu.menu-opened {
		width:240px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
 
	.rj-web-menu.menu-closed{
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
 
	.rj-web-menu-content{
		z-index:1;
	}
 
/* Navigation arrow Animation */
	.toggle-elements{
		position:fixed;
		left:0; top:0; z-index:1000;
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}

	.toggle-wrapper .menu-opened{
		left:240px !important;
		margin-top:15px !important;
	}

	.toggle-elements{
		cursor:pointer;
		padding:13px 35px 16px 0px;
		margin:10px 0 0 15px;
	}
	
	.toggle-elements span, .toggle-elements span:before, .toggle-elements span:after {
		cursor: pointer;
		height:3px;
		width:23px;
		background: #aa9868;
		position: absolute;
		display: block;
		content: '';
	}
	
	.toggle-elements span:before{
		top: -7px;
	}
	
	.toggle-elements span:after {
		bottom: -7px;
	}
	
	.toggle-elements span, .toggle-elements span:before, .toggle-elements span:after{
		transition: all 500ms ease-in-out;
	}
	
	.toggle-elements.menu-opened span{
		background-color: transparent;
	}
		
	.toggle-elements.menu-opened span:before, .toggle-elements.active span:after{
		top:7px;
	}
		
	.toggle-elements.menu-opened span:before {
		transform: rotate(45deg);
		-moz-transform:  rotate(45deg);
		-ms-transform:  rotate(45deg);
		-o-transform:  rotate(45deg);
		-webkit-transform:  rotate(45deg);
		bottom:0px;
	}
		
	.toggle-elements.menu-opened span:after {
		transform: rotate(-45deg);
		-moz-transform:  rotate(-45deg);
		-ms-transform:  rotate(-45deg);
		-o-transform:  rotate(-45deg);
		-webkit-transform:  rotate(-45deg);
	}


.rj-menu-items > li {
    margin-top: 0px; padding-bottom: 0px;
}	

.rj-web-menu-subnav > :last-child {
    margin-bottom: 0px;
}
	
	
}

@media screen and (min-width: 781px) {
	.mobile-link {
		display: none !important;
	}
}

/* Use the media query to display the 'display-tablet' class from 1px above where the nav changes to mobile and the max-width of the tablet */
@media screen and (min-width: 781px) and (max-width: 1024px) {
	.rj-web-menu-subnav > :first-child {
		margin-top: 10px;
	}
}

@media screen and (max-width: 1024px) {
	/* Now the <li> containing the repeated top-level nav item will display */
	.display-tablet {
		display: block;
	}
	.first-sub-li {
		margin-top: 10px;
	}
}

@media screen and (min-width: 1025px) {
	/* Initializes the 'display-tablet' class to be invisible */
	.display-tablet {
		display: none !important;
	}
	
	.first-sub-li {
		margin-top: 10px !important;
	}
}

/* End Media Queries */