img.zoom
{
  transition: all 0.3s;
}

img.zoom:hover 
{
  transform: scale(1.2);
  transition: all 0.3s;
  box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}


a.active 
{
  background-color: transparent !important;
  transform: scale(1.2);
  transition: all 0.3s;
}

.relative 
{
  position: relative !important;
}

nav i 
{
  font-size: 16px;
  color: #0961bf;

  background-color: transparent !important;
  transition: all 0.8s;
}

nav i.active 
{
  background-color: transparent !important;
  transform: scale(1.2);
  transition: all 0.8s;
}

.nav-link.active 
{
  background-color: transparent !important;
  transform: scale(1.2);
  transition: all 0.8s;
  color: #FFFFFF !important;
}

.nav-link 
{
  color: #4da6ff;
}


.arrowPoint .moveIcon
{
  transition: all 0.3s ease;
  position: relative;
  transform: translate(0,0);
}
.arrowPoint:hover .moveIcon
{
  transform: translate(0.5em,0);
  -webkit-transform: translate(0.5em,0);
  -moz-transform: translate(0.5em,0);
  -o-transform: translate(0.5em,0);
  -ms-transform: translate(0.5em,0);
}

@media (min-width: 1200px) {
  .particles 
  {
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    position: fixed;
    margin-top: -103;
  }
}
@media (max-width: 1201px) {
  .particles 
  {
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    position: fixed;
  }
}

@keyframes angle_down {
  0% {
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(40px); } 
}

a.anchor {
    display: block;
    position: relative;
    top: -77px;
    visibility: hidden;
}