.navbar {
	margin-bottom: 0;
	background: #FF4784; /* Menu  Color*/
	border: none;
	 opacity: 0.95;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}



.navbar-default .navbar-nav {
	margin-right: 10px!important;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav > li {
    margin-left: 6px;
}

.navbar-default .navbar-nav > li:first-child {
    margin-left: 0;
}
 
.navbar-default .navbar-nav > li > a {
	color: #fff;
	
    font-size: 15px;
	font-weight: 300;
    padding: 24px 15px 12px 15px;
	overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a:hover {
	border-bottom: 1px solid;
	border-color:#000;
	color:#000;
	font-weight:bold;
}

.navbar-default .navbar-nav > li > a i {
	margin: 0 -2px 0 -5px;
}

.navbar-default .navbar-nav > li > a:after {
	
	left: 50%;
	height: 5px;
	width: 5px;
	
	margin: 0 0 -3px -2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
}

.navbar-default .navbar-nav > li > a.active:after {
	opacity: 1;
}

.navbar-default .navbar-nav .dropdown {
    left: 0;
    top: 100%;
	/* background: #eee;  Menu item Color*/
    z-index: 2;
	transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
	
}

.navbar-default .navbar-nav > li.drop:hover .dropdown {
    visibility: visible;
	opacity: 1;
}

.dropdown li, .sup-dropdown li {
	position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.dropdown li:first-child, .sup-dropdown li:first-child {
    border-top: none;
}

.dropdown li a, .sup-dropdown li a {
   
    color: #333;
    font-size: 15px;
    font-family: 'Myriad Set Pro', sans-serif;
    padding: 9px 0px;
    text-decoration: none;
    text-transform: capitalize;
    transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
}


.dropdown > li:hover > a, .sup-dropdown li:hover > a,  .menu-3 li:hover> a  {
	padding-left: 18px;
	border-bottom: 1px solid;
	border-color:#FF4784;
	color:#FF4784;
	
}

.dropdown li a i {
	margin: 0 0 0 -4px;
}

.navbar-default .navbar-nav .sup-dropdown {
    position: absolute;
    left: 100%;
    top: 0;
	background-color: #fff; 
    margin-top: 10px;
    transition: margin-top 0.2s ease-in-out;
    -moz-transition: margin-top 0.2s ease-in-out;
    -webkit-transition: margin-top 0.2s ease-in-out;
    -o-transition: margin-top 0.2s ease-in-out;
    visibility: hidden;
    z-index: 3;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown {
    visibility: visible;
    margin-top: 0;
}




.navbar-brand {
	position: relative;
	padding: 10px 0px;
	margin: 0!important;
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.navbar-toggle {
	margin-top:20px;
}
/* TT MENU */ 


 .nav > li.dropdown.open {
  position: static;
 
 }

.nav > li.dropdown.open .dropdown-menu {
  display: table;
  border-radius: 0px;
  width: 100%;
  text-align: left;
  left: 0;
  right: 0;
  padding: 20px;
  /* background: #FF4784; */
}

.dropdown-menu > li  a{
   font-family: 'Myriad Set Pro', sans-serif;
   font-size: 15px;
   display: table-cell;
  height: 31px;
  line-height: 25px;
  vertical-align: middle;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #eee;
  background: none;
  
  }

 .menu-3 > li {
	font-family: 'Myriad Set Pro', sans-serif;
	font-size: 15px;
	height: 31px;
	line-height: 25px;
	vertical-align: middle;
	text-align: left;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #eee;
	margin-top: 7px;
	padding-left: -17px;
  }
  

.menu-3 > h1{
  font-family: 'Myriad Set Pro', sans-serif;
  font-size: 24px;
  
  height: 32px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #ccc;
  margin:9px 0px;
  }
 .menu-3 > p{
  font-family: 'Myriad Set Pro', sans-serif;
  font-size: 14px;
  } 
  
   .menu-3 > li img{
	position: fixed;
	width:220px;
	z-index: 1;
	left: -100px;
	top: 100px;
	opacity: 0;
	-webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	} 
  
  .menu-3 li:hover img{
	left: 100px;
	opacity: 1;
}
  .menu-3 {
  
  }


  
@media screen and (max-width: 767px) {
  .dropdown-menu > li {
    display: block;
	padding:0px;
	margin:0px;
	
  }
}