.container .newsbar{
  border:.5px solid black;
  box-shadow: 10px 10px 10px #236180;
  }
.container .newsbar:hover{
   box-shadow:20px 20px 50px 10px pink inset;
}
.container .newsbar1{
  border:.5px solid black;
  box-shadow: 10px 10px 10px #236180;
  }
  .container .newsbar2{
  border:.5px solid black;
  box-shadow: 10px 10px 10px #bf3535;
  }
  .container .newsbar3{
  border:.5px solid black;
  box-shadow: 10px 10px 10px #e8a427;
  }
  .container .newsbar1:hover{
   box-shadow:20px 20px 50px 20px #236180 inset;
}
.container .newsbar2:hover{
   box-shadow:20px 20px 50px 20px #bf3535 inset;
}
.container .newsbar3:hover{
   box-shadow:20px 20px 50px 20px #e8a427 inset;
}
.holder { 
  background-color:#d0c9c91c;
 max-height: : 300px;
  overflow:hidden;
  padding:10px;
  font-family:Helvetica;
  box-sizing: 20px ;
   max-height: 350px;
  overflow: auto;
}
.holder .mask {
  position: relative;
  height: 300px;
  left: 0px;
  top: 10px;  
  overflow: hidden;
  
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:10px 0px;
}
.holder ul li a {
  color:red;
  text-decoration:none;
}
  .holder ul li a:hover {
  color:blue;
  text-decoration:none;
}
     .headstyle{
        
       margin-top: 10px;
      } 
       .header_container {
    width: 100%;
    background: #000000;
}
    
     #hedchange{
      background-image: linear-gradient(#2798ce, #050606);
       animation: mymove;
        animation-duration: 20s;
       animation-iteration-count:infinite;
    }

   
    @keyframes mymove {
  0% {background-image: linear-gradient(#a91818, #050606);}
  10% {background-image: linear-gradient(#a96218, #050606);}
  20% {background-image: linear-gradient(#99a918, #050606);}
  30% {background-image: linear-gradient(#42a918, #050606);}
  40% {background-image: linear-gradient(#18a981, #050606);}
  50% {background-image: linear-gradient(#1888a9, #050606);}
  60% {background-image: linear-gradient(#1852a9, #050606);}
  70% {background-image: linear-gradient(#9918a9, #050606);}
  80% {background-image: linear-gradient(#a91890, #050606);}
  90% {background-image: linear-gradient(#a9184e, #050606);}
  95% {background-image: linear-gradient(#e63d7c, #050606);}
  100% {background-image: linear-gradient(#a71616, #050606);}
}



       div h3{
        
              
         color: #d4ea5e;
         padding-top: 5px;
         font-size:25px; 
         text-align: center;
         font-weight: 1.5em;
      } 
       div h1{
                      
         color: #000;
         padding-top: 5px;
         font-size:40px; 
         text-align: left;
         font-weight: 1.5em;
      }   
        div h4{ 
         
         color: #d4ea5e;
         padding: 5px;
         font-size:30px; 
         text-align: center;
         font-weight: 1.5em;
      } 

       div .c_title h2{
              
         background-color: #d4ea5e;
         padding: 5px;
         font-size:25px; 
         text-align: center;
         font-weight: 1.5em;
      }  
      div .c_title h2:hover {
              
         color:blue;
         padding: 5px;
         font-size:30px; 
         text-align: center;
         font-weight: 1.5em;
      }  


       div h5{
         color: #fff;
        padding-top: 10px;
         font-size:18px; 
         text-align: center;
      }                   
 
  .logo1{
    height: 110px;
   padding: 10px 0px 10px 30px;
   justify-content: center;
  }
  #nameuimt{
    background-image:  url('../img/name4.png'); 
    height: 70px;
  }

      
      /* HED ANIMATION */



.animate {
 font-family: 'Vidaloka', serif;
  text-align: center;
 padding-top: 15px;
    font-size: 35px;
     font-weight: 900;
     border-bottom: 2px solid #ccc;
     text-shadow: 2px 2px #fff;
    
}

 .home1 {
    width: 100%;
    height: 620px;
}
@media only screen and (min-width: 200px) and (max-width: 670px) {
  .logo1{
   
    height: 335px;
    width: 100%;
   padding: 60px 20px 20px 20px;
   justify-content: center;
  }
 
 .animate {
 font-family: 'Vidaloka', serif;
  text-align: center;
  padding: 5px 15px;
    font-size: 34px;
     font-weight: 900;
     border-bottom: 2px solid #ccc;
   
} .header{
  position: relative;
}

       div h5{
         color: #fff;
      padding: 5px 15px;
         font-size:18px; 
         text-align: center;
      }  
      .home1{
  width:100%;
  height: 400px;
}  
.home_slider_container
{
  width: 100%;
  height: 100%;
}
.home_slider
{
  width: 100%;
  height: 100%;
}
.home_slider_background
{
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height:100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.navbar
{
 position: fixed;
 top: 0px;
 width: 100%;
}
}


.animate span {
    display: inline-block;
}

.animate span:nth-of-type(2) {
    animation-delay: .1s;
}
.animate span:nth-of-type(3) {
    animation-delay: .2s;
}
.animate span:nth-of-type(4) {
    animation-delay: .3s;
}
.animate span:nth-of-type(5) {
    animation-delay: .4s;
}
.animate span:nth-of-type(6) {
    animation-delay: .5s;
}
.animate span:nth-of-type(7) {
    animation-delay: .6s;
}
.animate span:nth-of-type(8) {
    animation-delay: .7s;
}
.animate span:nth-of-type(9) {
    animation-delay: .8s;
}
.animate span:nth-of-type(10) {
    animation-delay: .9s;
}
.animate span:nth-of-type(11) {
    animation-delay: 1.0s;
}
.animate span:nth-of-type(12) {
    animation-delay: 1.1s;
}
.animate span:nth-of-type(13) {
    animation-delay: 1.2s;
}
.animate span:nth-of-type(14) {
    animation-delay: 1.3s;
}
.animate span:nth-of-type(15) {
    animation-delay: 1.4s;
}
.animate span:nth-of-type(16) {
    animation-delay: 1.5s;
}
.animate span:nth-of-type(17) {
    animation-delay: 1.6s;
}
.animate span:nth-of-type(18) {
    animation-delay: 1.7s;
}
.animate span:nth-of-type(19) {
    animation-delay: 1.8s;
}
.animate span:nth-of-type(20) {
    animation-delay: 1.9s;
}
.animate span:nth-of-type(21) {
    animation-delay: 2.0s;
}
.animate span:nth-of-type(22) {
    animation-delay: 2.1s;
}
.animate span:nth-of-type(23) {
    animation-delay: 2.2s;
}
.animate span:nth-of-type(24) {
    animation-delay: 2.3s;
}
.animate span:nth-of-type(25) {
    animation-delay: 2.4s;
}
.animate span:nth-of-type(26) {
    animation-delay: 2.5s;
}
.animate span:nth-of-type(27) {
    animation-delay: 2.6s;
}
.animate span:nth-of-type(28) {
    animation-delay: 2.7s;
}
.animate span:nth-of-type(29) {
    animation-delay: 2.8s;
}
.animate span:nth-of-type(30) {
    animation-delay: 2.9s;
}
.animate span:nth-of-type(31) {
    animation-delay: 3.0s;
}
.animate span:nth-of-type(32) {
    animation-delay: 3.1s;
}
.animate span:nth-of-type(33) {
    animation-delay: 3.2s;
}
.animate span:nth-of-type(34) {
    animation-delay: 3.3s;
}
.animate span:nth-of-type(35) {
    animation-delay: 3.4s;
}



/* Animation One */



/* Animation Four */


.four span {
   color: #d4ea5e;
    opacity: 0;
    transform: translate(0, -100px) rotate(360deg) scale(0);
    animation: revolveDrop .3s forwards;
   text-shadow:0px 0px 10px  white;
}



@keyframes revolveDrop {
    30% {
        transform: translate(0, -50px) rotate(180deg) scale(1);
    }

    60% {
        transform: translate(0, 20px) scale(.8) rotate(0deg);
    }

    100% {
        transform: translate(0) scale(1) rotate(0deg);
        opacity: 1;
    }
}