.link:before {
  	content: "";
  	position: absolute;
  	width: 100%;
  	height: 3px;
    top: 57px;
  	bottom: 0;
  	left: 0;
  	background: #FF66B3;
  	visibility: hidden;
  	border-radius: 5px;
  	transform: scaleX(0);
  	transition: .2s linear;
}

.link:hover:before,
.link:focus:before {
	visibility: visible;
 	transform: scaleX(1);
}

.cool-link::after {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  background: #FF627F;
  transition: .3s linear;
}

.cool-link:hover::after {
  width: 100%;
  transition: .3s linear;
}

/* Efeito Parallax */
.bgParallax {
    color:#000;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    position: relative;
    min-height: 100%;

    background-position: 50% 0;
    background-repeat: repeat;
    background-attachment: fixed;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400|Raleway');