.topnav .navbar ul {    
    margin: 0 auto;
    background: #34495e;
    opacity: 0;
    border-radius: 5px;
    border-bottom: 2px solid #2c3f50;
    transition: 0.5s ease;
    display: block !important;
} 

.topnav .navbar li:hover ul {
    opacity: 1;
}

.topnav .navbar ul li {
	float:left;
	position:relative;
	list-style:none;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
} 

.topnav .navbar ul li:first-of-type {
	border-left:none;
} 

.topnav .navbar ul li:last-of-type {
	border-right:none;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
} 

.topnav .navbar ul li:last-of-type a {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.topnav .navbar ul li a {
	display:block;
	padding:13px 15px;
} 

.topnav .navbar > li > a:before {
	content:"\00BB \0020";
	display:block;
	float:left;
	font-size:20px;
	width:20px;
	height:14px;
	text-align:center;
	line-height:14px;
	transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
} 

.topnav .navbar > li:first-of-type > a {
	border-radius:5px 0 0 0;
} 

.topnav .navbar > li:last-of-type > a {
	border-radius:0 5px 0 0;
} 

.topnav .navbar > li:hover > a:before {
	margin:0 3px 0 -3px;
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);	
} 

.topnav .navbar > li:hover > a {
	background-color:#1bbc9b;
	display:block;
} 

.topnav .navbar ul li ul {
	display:block;
	position:absolute;
	border:none;
	left:0;
	top:200%;
	opacity:0;
	width:150%;
	border-radius:0 0 5px 5px;
	background-color:#1bbc9b;
} 

.topnav .navbar ul li:last-of-type ul {
	left:auto;
	right:0;
}

.topnav .navbar ul li ul li {
	height:0;
	padding:0;
	font-size:12px;
	float:none;
	border:none;
	overflow:hidden;
} 

.topnav .navbar ul li ul li a {
	text-indent:-50%;
	opacity:0;
} 

.topnav .navbar ul li:hover ul {
	opacity:1;
	top:40px;
	padding:5px 0;
} 

.topnav .navbar ul li:hover ul li {
	height:40px;
} 

.topnav .navbar ul li:hover ul li a {
	text-indent:0;
	opacity:1;
} 

.topnav .navbar ul li:hover ul li:hover a {
	background-color:#07a887;
} 


.topnav .navbar p {
  position:fixed;
  right:0;
  bottom:0;
  font-size:11px;
  color:#FFF;
  display:block;
  padding:5px;
}