/* SLIDER */
.slider {width: 100%;height: 354px;position: relative;}
.slider img {width: 100%;height: 344px;position: absolute;top: 0;left: 0;transition: all 0.5s ease-in-out;}
.slider img:first-child {z-index: 11;}
.slider img:nth-child(2){z-index: 10;}
.navigation-button {display:block;text-align: center;position: relative;border:0px solid green;z-index: 12;top:325px;left:0; }
.dot {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #E9E9EA;border-radius: 50%;display: inline-block;}
.active,.dot:hover {background-color: #FF0000;}
/* SLIDER END */


@keyframes slideInLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); }  }
@keyframes fadeInUp {0% { transform: translateY(100%); opacity: 0; }100% { transform: translateY(0%);opacity: 1; } }
@keyframes drop-in { from {opacity: 0;transform: translateY(-100px); } to {opacity: 1;transform: translate(0px); }  }
@keyframes slideInFromLeft { 0% {transform: translateX(-100%);} 100% {transform: translateX(0);} }
.drop-in {animation: drop-in 1s ease 200ms backwards; }   
.drop-in-2 {animation: drop-in 1200ms ease 500ms backwards; }
.fadeInUp{animation: 1.5s fadeInUp; }
.slideInLeft{animation: 1s ease-out 0s 1 slideInLeft;}
.slideInFromLeft{animation: 1s ease-out 0s 1 slideInLeft;}

.affimga{vertical-align:left;box-shadow: 0 4px 8px 0 rgba(180, 180, 180, 0.5), 0 6px 20px 0 rgba(180, 180, 180, 0.7);margin:10px 25px 5px 0px;border-radius: 25px;height:150px;}

@media only screen and (max-width:480px) 
{
    .affimga{vertical-align:left;box-shadow: 0 4px 8px 0 rgba(180, 180, 180, 0.5), 0 6px 20px 0 rgba(180, 180, 180, 0.7);margin:10px 25px 5px 0px;border-radius: 25px;width:200px;}

}