#topmenu2 {
    border: 2px solid #000080;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px 6px 6px 6px;
    background-color: #FFF;
    margin: 0;
    padding: 1px;
}

#topmenu2 ul {
    float:right;
}

#topmenu2 ul li {
    list-style: none;
    display: block;
    float: left;
}

#topmenu2 ul li:hover {
    background-color: #ADD8E6;
    cursor:pointer
}

#topmenu2 img {
    text-decoration: none;
    color: #000;
}

* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}


/*
    LEVEL ONE--------------------------------------------------------
*/

ul.dropdown {
    position: relative;
    background-color: #FFF;
}

ul.dropdown img {
    text-decoration: none;
    color: #000;
}

ul.dropdown li                      { font-weight: normal; float: left; background: #fff; color: black;max-width:120px;}
ul.dropdown a:hover                 { color: black;  cursor:pointer; background-color: #ADD8E6; }
ul.dropdown a:active                { color: black; }
ul.dropdown li a                    { display: block; padding: 2px 5px; border-right: 1px solid #333;
                                      color: black; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; margin-right: 60%;}
ul.dropdown li.hover a              { color: black; }


/*
    LEVEL TWO--------------------------------------------------------
*/
ul.dropdown ul                      { width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li                   { font-weight: normal; background: #f6f6f6; color: #000;
                                      border-bottom: 1px solid #ccc; float: none; margin-right: 60%;}

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a                 { border-right: none; width: 120px; display: inline-block; }

/*
    LEVEL THREE------------------------------------------------------
*/
ul.dropdown ul ul                   { left: 100%; top: 0; }
ul.dropdown li:hover > ul           { visibility: visible; }

.sub-menu {
  display:block;
  position: left;
  left: 0px;
  width: 100%;
  margin-top: 15px;
  right:60px;
}

.sub-menu li:hover {
  background-color: lightblue;
}

.main-menu li:hover>.sub-menu {
  display: block;
}

.eventImg {

}

.scaleImage {
    animation: scaling-image-animation 5s ease;
  }
  
  @keyframes scaling-image-animation {
    0% {
      transform: scale(1.0);
      opacity: 0.8;
    }
    50% {
      transform: scale(2);
    }
    100% {
      transform: scale(2.5);
    }
  }

  .image-icon-public2 {
   box-shadow: 0 0 10px #254893 !important
  }

  .image-icon-public3 {
    filter:drop-shadow(5px 10px 5px rgba(0,0,0,0.5))
  }

  .image-icon-public3 img {
    box-shadow: 0 0 10p red !important;
    margin-top: 10px;
    margin-bottom: -6px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
   }

  
   .divTriangle {
      background: url('assets/img/triangle.png');
      background-repeat: no-repeat;
      background-position: center;
      clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
      box-shadow: 0 3px 14px rgba(0,0,0,0.4);
      background-size: contain;
   }
  
  
   .divSunFlower {
    background: url('assets/img/sunflower.svg');
    background-repeat: no-repeat;
    background-position: center;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    background-size: contain;
 }