/* ********************************************
            ANIMATE - TRANSITION
******************************************** */
    
    

.hidden-left{
    filter: blur(3px);
    transform: translateX(-100%);
    transition: all .7s;
}

.hidden-right{
    filter: blur(3px);
    transform: translateX(100%);
    transition: all .7s;
}

.show{
    filter: blur(0);
    transform:translateX(0);
}


.delay-1{
    transition-delay: 200ms;
}



/* ********************************************
             BACK TO TOP BUTTON
******************************************** */


#topBtn {
  display: none;
  position: fixed;
  width:40px;
  height:40px;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
  transition: scale 0.3s;
  z-index: 300;
}

#topBtn:hover {
  scale: 1.1;
}