/*** optional css ***/
/* zoom in animation */
.animation-zoomIn {
    animation-name: zoomIn;
    animation-duration: 0.7s
}
@keyframes zoomIn {
    from { transform: scale(0);}
    to {transform: scale(1);}
}

 /* Width */
  ::-webkit-scrollbar {
    width: 6px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #f1f1f1 0%, #f1f1f1 1px, transparent 1px, transparent calc(100% - 1px), #f1f1f1 calc(100% - 1px), #f1f1f1 100%);
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  .modal-opacity{
    opacity: 0;
  }

  .animate-fade-in {
    animation:.7s anibottom;
  }
  
  @keyframes anibottom {
    from {
        opacity: 0;
        transform: translateY(160px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 430px) {
  .rc-anchor-logo-portrait {
    margin: 10px 0 0 2px;
  }
  .rc-anchor-normal{
    width: 276px;
  }
  .rc-anchor-normal .rc-anchor-pt {
    margin: 2px 35px 0 0;
  }
}