.animate-zoom {animation:animatezoom 1.9s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.animate-zoom2 {animation:animatezoom 2.9s}@keyframes animatezoom{from{transform:scale(1)} to{transform:scale(1)}}
.animate-bottom{position:relative;animation:animatebottom 1.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}



* {
  box-sizing: border-box;
}
.cecolumn {   
  float: left;
  width: 74.9%;
}
.ricolumn {
  float: left;
  width: 19.9%;
  padding-left:15px;
}

.lecolumn {
  float: left;
  width: 24.9%;
}




.leftcolumn {   
  float: left;
  width: 79.9%;

}


/* Right column */
.rightcolumn {
  float: left;
  width: 19.9%;
  padding-left:10px;
}

/* Right column */
.rightcolumnleft {
  float: left;
  width: 19.9%;
  padding-right:10px;
}


/* Right column */
.centercolumn {
  float: left;
  width: 49.9%;
  padding-right:10px;
}


.column90 {
  max-width: 100%;
  margin: auto;
}

.column99 {
  max-width: 1300px;
  margin: auto;
}


.column12 {
  float: left;
  width: 12%;
  padding: 3px;
  margin-left:50px;
}

.column20 {
  float: left;
  width: 20%;
  padding:5px;
  margin-bottom:10px;

}


.column25 {
  float: left;
  width: 25%;
  padding: 10px;

  margin-bottom:10px;
}


.column250 {
  float: left;
  width: 25%;
}

.column2550 {
  float: left;
  width: 24.9%;
  padding: 10px;

}

.column2550s {
  float: left;
  width: 25%;
  padding-left:10px;
  padding-right:10px;
}


.column2525 {
  float: left;
  width: 25%;
  padding: 10px;

}

.column33 {
  float: left;
  width: 33.32%;
  padding: 10px;

  margin-bottom:10px;
}

.column330 {
  float: left;
  width: 33.33%;
}

.column3333 {
  float: left;
  width: 33.32%;
  padding: 10px;

}

.column3350 {
  float: left;
  width: 33.32%;
  padding: 10px;

}

.column3325 {
  float: left;
  width: 33.32%;
  padding: 10px;

}


.column66 {
  float: left;
  width: 66.66%;
  padding: 10px;

  margin-bottom:10px;
}


.column660 {
  float: left;
  width: 66.66%;
}


.column6650 {
  float: left;
  width: 66.66%;
  padding: 10px;

}

.column6625 {
  float: left;
  width: 66.66%;
  padding: 10px;

}

.column6666 {
  float: left;
  width: 66.66%;
   padding: 10px;


}


.column75 {
  float: left;
  width: 75%;
  padding: 10px;

  margin-bottom:10px;
}


.column750 {
  float: left;
  width: 74.5%;
}


.column7550 {
  float: left;
  width: 74.5%;
  padding: 10px;

}

.column7525 {
  float: left;
  width: 74.5%;
  padding: 10px;

}

.column7575 {
  float: left;
  width: 74.5%;
   padding: 10px;


}


/* Create two equal columns that floats next to each other */
.column50 {
  float: left;
  width: 49.99%;
  padding: 10px;

  margin-bottom:10px;

}

.column500 {
  float: left;
  width: 50%;
}


.column50050 {
  float: left;
  width: 50%;
  padding: 0px 6px;
}

.column501 {
  float: left;
  width: 50%;
  padding: 0px 6px 0px 12px;
}

.column505 {
  float: left;
  width: 50%;
  padding-left:5px;
  padding-right:5px;
}

.column506 {
  float: left;
  width: 50%;
  padding-left:5px;
  padding-right:5px;
}


.column5050 {
  float: left;
  width: 49.99%;
  padding: 10px;


}

.column5025 {
  float: left;
  width: 49.99%;
  padding: 10px;

}


.column100 {
  float: left;
  width: 100%;
  padding: 5px;
  margin-bottom:10px;
}

.column100ss {
  float: left;
  width: 100%;
  height:450;
  padding:6px;
  margin-bottom:10px;

}

.column100s {
  float: left;
  width: 100%;
  height:430;
  padding:6px;
  margin-bottom:10px;

}

.column1000 {
  float: left;
  width: 100%;
}

.column1001 {
  float: left;
  width: 100%;
  margin-bottom:10px;
}


.column1002 {
  float: left;
  width: 100%;
  margin-bottom:10px;
  margin-top:10px;
}

.column1005 {
  float: left;
  width: 100%;
  padding-left:10px;
  padding-right:10px;
}


.column100050 {
  float: left;
  width: 100%;
  padding:0 6px;
}


.column10050 {
  float: left;
  width: 99%;
  padding: 10px;

}

.column10025 {
  float: left;
  width: 99%;
  padding: 10px;

}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column12 {
    width: 20%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column20 {
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column25 {
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column250{
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column2550{
    width: 50%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column2550s{
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column2525{
    width: 25%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column33 {
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column330 {
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column3350 {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column3333 {
    width: 33%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column3325 {
    width: 25%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column66 {
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column660 {
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column6650 {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column6625 {
    width: 25%;
  }
}



/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column6666 {
    width: 66%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column75 {
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column7550 {
    width: 50%;
  }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)

 {
  .column7525 {
    width: 25%;
  }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)

 {
  .column750 {
    width: 100%;
  }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)

 {
  .column7575 {
    width: 75%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column50 {
    width: 100%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column500{
    width: 100%;
  }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column50050{
    width: 50%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column501{
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column505{
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column506{
    width: 100%;
  }
}

  .column5050 {
    width: 50%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column5025 {
    width: 25%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column100{
    width: 100%;
  }
}




/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column1000{
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column1001{
    width: 100%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column1005{
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column100050{
    width: 50%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column10050{
    width: 50%;
  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column10025{
    width: 25%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column100ss{
    width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column99{
    max-width: 100%;
  margin: auto;

  }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px)
 {
  .column90{
    width: 100%;
  }
}


/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 820px) {
  .centercolumn {   
    width: 100%;
  }
  .rightcolumn {   
    width: 100%;
  }
  .rightcolumnleft {   
    width: 100%;
  }
  .leftcolumn {   
    width: 100%;
  }
   .lecolumn {   
    width: 100%;
  }

   .cecolumn {   
    width: 100%;
  }
   
   .ricolumn {   
    width: 100%;
  }

  
}


/* ================================
   
    MENI
   ================================
*/   


body {
  margin: 0;
  font-family: Tahoma;
}

.navbar   {
overflow: hidden;
background-color: #333;
}

.navbar a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;
}

.navbar a:hover {
  background-color: silver;
  font-size:  16px;

 
  text-decoration: none;
}

.navbar a.active {
  background-color: #4CAF50;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
}

.navbar .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar.responsive {position: relative;}
  .navbar.responsive .icon {
   
 position: absolute;
    right: 0;
       top: 0;

  }
  
 
  .navbar.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}
.navbar1   {
overflow: hidden;
  background-color: #333;
}

.navbar1 a {
text-align: center; 
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;
}

.navbar1 a:hover {
  background-color: silver;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;
}

.navbar1 a.active {
  background-color: #333;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;
}

.navbar1 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar1.responsive {position: relative;}
  .navbar1.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar1.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}


.navbar2   {
overflow: hidden;
background-color:white;
}

.navbar2 a {
text-align: center; 
float: left;
display: block;
color: black;
padding: 10px;
font-family: Tahoma;
font-size:  16px;
text-decoration: none;
border-bottom: 3px solid transparent;
}

.navbar2 a:hover {
  background-color: #333333;
  color:white;
  font-size:  16px;
 
  text-decoration: none;
border-bottom: 3px solid red;
}

.navbar2 a.active {
  background-color: transparent;
  color: black;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;
}

.navbar2 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar2.responsive {position: relative;}

  .navbar2.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;
  }
    .navbar2.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}
.navbar3   {
overflow: hidden;
background-color: #CB2323;
}

.navbar3 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;
}

.navbar3 a:hover {
  background-color: red;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid WHITE;
}

.navbar3 a.active {
  background-color: maroon;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid green;
}

.navbar3 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar3.responsive {position: relative;}

  .navbar3.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar3.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}

.navbar4   {
overflow: hidden;
background-color: red;

}

.navbar4 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar4 a:hover {
  background-color: maroon;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid green;}

.navbar4 a.active {
  background-color: red;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid green;
}
.navbar4 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar4.responsive {position: relative;}

  .navbar4.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar4.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}


.navbar5   {
overflow: hidden;
background-color: #23569C;

}

.navbar5 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;
 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar5 a:hover {
  background-color: blue;
  font-size:  16px;
 
  text-decoration: none;
border-bottom: 3px solid red;

}

.navbar5 a.active {
  background-color: #23569C;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}
.navbar5 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar5.responsive {position: relative;}

  .navbar5.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar5.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}


.navbar6   {
overflow: hidden;
  background-color: blue;

}

.navbar6 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar6 a:hover {
  background-color: navy;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}

.navbar6 a.active {
  background-color: blue;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}
.navbar6 .icon {
  display: none;
}

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

@media screen and (max-width: 820px)
 {
 .navbar6.responsive {position: relative;}

 .navbar6.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar6.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}


.navbar7   {
overflow: hidden;
background-color: teal;

}

.navbar7 a {
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;
text-align: center;

}

.navbar7 a:hover {
background-color: olive;
text-decoration: none;
border-bottom: 3px solid red;
  font-size:  16px;

 

}

.navbar7 a.active {
  background-color: teal;
 color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}
.navbar7 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar7.responsive {position: relative;}

  .navbar7.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar7.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}


.navbar8   {
overflow: hidden;
  background-color: olive;

}

.navbar8 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar8 a:hover {
  background-color: teal;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}

.navbar8 a.active {
  background-color: olive;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}
.navbar8 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar8.responsive {position: relative;}

  .navbar8.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar8.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}.navbar9   {
overflow: hidden;
  background-color: orange;

}

.navbar9 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar9 a:hover {
  background-color: maroon;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}

.navbar9 a.active {
  background-color: orange;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}
.navbar9 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar9.responsive {position: relative;}

  .navbar9.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar9.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}
.navbar10   {
overflow: hidden;
  background-color: #FFCC00;

}

.navbar10 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar10 a:hover {
  background-color: maroon;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}

.navbar10 a.active {
  background-color: #FFCC00;
  color: black;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}
.navbar10 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar10.responsive {position: relative;}

  .navbar10.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar10.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}

.navbar11   {
overflow: hidden;
  background-color: #990000;

}

.navbar11 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar11 a:hover {
  background-color: maroon;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}

.navbar11 a.active {
  background-color: #990000;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}
.navbar11 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar11.responsive {position: relative;}

  .navbar11.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar11.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}

.navbar12   {
overflow: hidden;
  background-color: silver;

}

.navbar12 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar12 a:hover {
  background-color: gray;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}

.navbar12 a.active {
  background-color: silver;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}
.navbar12 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar12.responsive {position: relative;}

  .navbar12.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar12.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}

.navbar13   {
overflow: hidden;
  background-color: gray;

}

.navbar13 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar13 a:hover {
  background-color: silver;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}

.navbar13 a.active {
  background-color: gray;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}
.navbar13 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar13.responsive {position: relative;}

  .navbar13.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar13.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}.navbar14   {
overflow: hidden;
  background-color: fuchsia ;

}

.navbar14 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar14 a:hover {
  background-color: maroon;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid green;}

.navbar14 a.active {
  background-color: fuchsia;
  color: white;
  font-family: Tahoma;
  font-size: 14px;  
  text-decoration: none;
border-bottom: 3px solid green;
}
.navbar14 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar14.responsive {position: relative;}

  .navbar14.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar14.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}.navbar15   {
overflow: hidden;
  background-color: #800000;

}

.navbar15 a {
text-align: center;
float: left;
display: block;
color: white;
padding: 10px;
font-family: Tahoma;
font-size:  16px;

 
text-decoration: none;
border-bottom: 3px solid transparent;

}

.navbar15 a:hover {
  background-color: maroon ;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}

.navbar15 a.active {
  background-color: #800000;
  color: white;
  font-family: Tahoma;
  font-size:  16px;

 
  text-decoration: none;
border-bottom: 3px solid red;

}
.navbar15 .icon {
  display: none;
}

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

@media screen and (max-width: 820px) {
  .navbar15.responsive {position: relative;}

  .navbar15.responsive .icon {
    position: absolute;
    right: 0;
       top: 0;

  }
  .navbar15.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}