body {
    margin:0;
}

.w3-dropdown-hover:hover > .w3-button:first-child {
    background-color: transparent;
}

.down-scale-logo {
    animation: down-scale-l 0.5s;
}

@keyframes down-scale-l {
    from {
        width: auto;
        height: 65px;
    }

    to {
        width: auto;
        height: 45px;
    }
}

.up-scale-logo {
    animation: up-scale-l 0.5s;
}

@keyframes up-scale-l {
    from {
        width: auto;
        height: 45px;
    }

    to {
        width: auto;
        height: 65px;
    }
}

/*Loading animation starts 6*/
.loading_animation6 {
      height: 60px;
      width: 60px;
      border-radius: 50%;
      background-color: #90C695;
      -webkit-animation: loading_animation6 1s infinite ease-in;
      animation: loading_animation6 1s infinite ease-in;
   }
   
   @-webkit-keyframes loading_animation6 {
      0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         opacity: 1;
      }
      100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0;
      }
   }
   
   @keyframes loading_animation6 {
      0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         opacity: 1;
      }
      100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0;
      }
   }
/*loading animation 6 ends*/

/*loading animation 9 begins*/
.loading_animation9 {
      height: 6px;
      width: 75px;
      background-color: #d8d7d7;
      position: relative;
   }
      
   .loading_animation9:before {
      content: '';
      height: 6px;
      width: 10px;
      position: absolute;
      left: 0;
      background-color: #EC644B;
      -webkit-animation: loading_animation9anim 4s infinite ease-in-out;
      animation: loading_animation9anim 4s infinite ease-in-out;
   }
      
   @-webkit-keyframes loading_animation9anim {
      0%, 100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
      }
      50% {
         -webkit-transform: translateX(65px);
         transform: translateX(65px);
      }
   }
      
   @keyframes loading_animation9anim {
      0%, 100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
      }
      50% {
         -webkit-transform: translateX(65px);
         transform: translateX(65px);
      }
   }
/*loading animation 9 ends*/

/*loading animation 14 starts*/
    .loading_animation14 {
      height: 20px;
      width: 140px;
   }
      
   .loading_animation14s {
      height: 20px;
      width: 20px;
      border-radius: 50%;
      background-color: aquamarine;
      float: left;
      margin: 0 4px;
   }
      
   .loading_animation14s1,
   .loading_animation14s5 {
      background-color: #EC644B;
      -webkit-animation: m14s_anim 2.5s infinite ease-in-out;
      animation: m14s_anim 2.5s infinite ease-in-out;
      -webkit-animation-delay: .4s;
      animation-delay: .4s;
   }
      
   .loading_animation14s2,
   .loading_animation14s4 {
      background-color: #C0392B;
      -webkit-animation: m14s_anim 2.5s infinite ease-in-out;
      animation: m14s_anim 2.5s infinite ease-in-out;
      -webkit-animation-delay: .2s;
      animation-delay: .2s;
   }
      
   .loading_animation14s3 {
      background-color: #96281B;
      -webkit-animation: m14s_anim 2.5s infinite ease-in-out;
      animation: m14s_anim 2.5s infinite ease-in-out;
   } 
     
   @-webkit-keyframes m14s_anim {
      0%, 40%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
      }
      20% {
         -webkit-transform: translateY(-25px);
         transform: translateY(-25px);
      }
   } 
     
   @keyframes m14s_anim {
      0%, 40%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
      }
      20% {
         -webkit-transform: translateY(-25px);
         transform: translateY(-25px);
      }
   }
/*loading animation 14 ends*/