/* avatar */
#menu-nav .avatar {
	-webkit-border-radius:50%!important;
	-moz-border-radius:50%!important;
	-ms-border-radius:50%!important;
	-o-border-radius:50%!important;
	-khtml-border-radius:50%!important;
	border-radius:50%!important;
	width:32px!important;
	height:32px!important;
	min-width:0!important;
	min-height:0!important;
	border:1px solid #444!important;
	margin-top:-4px!important;
	margin-left:0px!important;
	padding:0!important;
	margin-bottom:0!important;
	margin-right:0!important;
}

.um-profile-edit-a .um-faicon-check {
	color: #F60!important;
}



.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 0.8;		
	}
	50% {
		transform: scale(1.3);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 0.8;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 0.8;		
	}
	50% {
		transform: scale(1.3);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 0.8;	
	}					
}



/*------------ navigation ------ */
.navbar {

  	-webkit-backface-visibility: hidden; 
	-webkit-transform-style: preserve-3d;
	
	min-height:68px;
	border:none;
	/* height:160px; */
	width: 100%;
    margin: 0 auto;
    /* background: #222 url('../images/nav.png') top center repeat-x; */
    background: #000;
    
/*
    -webkit-transition: all 1s ease-in-out;
       -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
         -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
*/
}
.navbar-header {
 min-height:68px!important;
}
.navbar .navbar-collapse {
 	max-height:none!important;
	border-color:#333!important;
}


#menu-nav {
	padding-top:15px;
	margin-right:50px;
}
#menu-nav a,
.navbar-collapse a {
font-family: 'Varela Round', sans-serif;
font-size: 12px!important;
line-height:30px;
letter-spacing:1px;
color:#777;
padding:6px 16px 6px 16px!important;
text-transform:uppercase;

}
#menu-nav a:hover {
	color: #FFF;
	/* background:transparent url('../images/menu/active.png') top center repeat-x; */
	/* background-position:0px 0px; */
/*
	-webkit-transition: all 0.1s ease-in-out;
       -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
         -o-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
*/
}

.navbar-nav>.active>a {

	color:#FFF000!important;
	background:none!important;
	background-color:none!important;
}

/* navburger */

/*
.navbar-toggle {
	background:#333;
	float: right;
	padding: 6;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 8px;
	border-radius: 0px;
}
*/

/* navburger svg */
.navbar-toggle {
	background:none;
	float: right;
	padding:25px 10px 20px 0;
	margin:0;
	margin-bottom: 0px;
	border-radius: 0px;
	border:none;
	width:50px;
	height:50px;
}.navbar-toggle:hover {
	background:none!important;
}
.navbar-toggle .icon-bar {
	background-color:#FFF!important;
	/* width:32px; */
}







.dropdown-toggle  {
	/* color: #0FF!important */;
	/* background:transparent url('../images/menu/active.png') top center repeat-x; */

	background:none!important;
	color:#FFF000;
}

.dropdown-menu { /* this targets all submenu items */
	float: right;  /* overwriting our float up above */
	/* width: 400px; */ /* set to the width you want your sub menus to be. This needs to match the value we set below */
	/* margin-left:80px!important; */
/*
	background:rgba(0,0,0,0.9);
	background:#336ca6;
*/
		
	background: #000;
	
/*
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
*/
    border-radius:none;
	border:none;
	margin:0;
	padding:0;
}
.dropdown-menu li a { /* this targets all submenu items */
	color:#BBB;
	background: #000;
/*
	-webkit-transition: all 0.5s ease-out;
       -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
         -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
*/
}
.dropdown-menu li a:hover { /* this targets all submenu items */
	color:#000!important;
	background:#FFF000;
/*
	-webkit-transition: all 0.1s ease-out;
       -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
         -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
*/
}
.dropdown-menu li:hover { /* this targets all submenu items */
	background:#FFF000;
/*
	-webkit-transition: all 0.1s ease-out;
       -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
         -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
*/
}
.dropdown-menu li.active { /* this targets all submenu items */
	background:#FFF;
}
.dropdown-menu .active a, .dropdown-menu .active a:hover { /* this targets all submenu items */
	color:#FFF!important;
}



.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.open > .dropdown-menu li a {
  color: #888;
}
.dropdown-menu li a{
  color: #fff;
}
.dropdown-menu {
  -webkit-transform-origin: top;
  -webkit-moz-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards; 
  -moz-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  transform: scale(1, 0);
  display: block;
  
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
}
.dropup .dropdown-menu {
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  transform-origin: bottom;  
}
 
.navbar .nav > li > .dropdown-menu:after {
 
}
.dropup > .dropdown-menu:after {
/*
  border-bottom: 0;
  border-top: 6px solid rgba(39, 45, 51, 0.9);
*/
/*   top: auto; */
  display: inline-block;
/*   bottom: -6px; */
  content: '';
  position: absolute;
  left: 50%;
/*
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
*/
}










/* NAV JOIN BUTTON */
.nav-pill {
	background:none;
	border-radius:0;
	-webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}.nav-pill-on {
	color:#000!important;
	background:#FFF000;
	border-radius:3px;
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}.nav-pill-on a, .navbar-illuminati #menu-nav .nav-pill-on a {
	color:#000!important;
}