.topnav {
  overflow: hidden;
  background-color: rgba(142, 142, 142,0.5);
  opacity:0.7;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
}

.topnav a {
	float: left;
	display: block;	
	text-align: center;
	padding: 16px 14px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold !important;
	font-family: freight-sans-pro-n6, freight-sans-pro, sans-serif;
	color: #000000 ;	
}

.blinking1{
    animation:blinkingTextMenu 2s infinite;

}
@keyframes blinkingTextMenu{
    0%{     color: #red;    }
    49%{    color: #red; }
    60%{    color: transparent; }
    79%{    color:transparent;  }
    100%{   color: #red;    }
}

.blinkingMenu{
	animation:blinkingTextMenu 1.8s infinite;
}
@keyframes blinkingTextMenu{
	0%{   color: red;   }
	47%{   color: red; }
	62%{   color: transparent; }
	97%{   color:transparent; }
	100%{  color: red;   }
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  /*background-color: #c50227;*/
  background-color:#da0812;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	color: #000000;
	font-weight: bold;
  }
  
  
}