/*
   MENU
*/
.menu-anchor.active .line.first {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 9px;
}

.menu-anchor.active .line.second {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    /* transform: rotate(45deg); */
    margin-top: -8px;
}

.menu-anchor.active .line.third {
    opacity: 0;
}
/*
  FIM MENU
*/


/*
   HOVER CASES
*/
.grid .figcaption {
   position: absolute;
   top: 0;
   left: 0;
   padding: 20px;
   background: #2c3f52;
   color: #9FCB16;
}

.grid .figcaption h3 {
   margin: 0;
   padding: 0;
   color: #fff;
}

.grid .figcaption a {
   text-align: center;
   padding: 5px 10px;
   border-radius: 2px;
   display: inline-block;
   background: #9FCB16;
   color: #fff;
}

.cs-style-3 .figure {
   overflow: hidden;
   -webkit-backface-visibility: hidden;
   -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.cs-style-3 .figure img {
   -webkit-transition: -webkit-transform 0.4s;
   -moz-transition: -moz-transform 0.4s;
   transition: transform 0.4s;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.no-touch .cs-style-3 .figure:hover img
/*.cs-style-3 .figure.cs-hover img */{
   -webkit-transform: translateY(-50px);
   -moz-transform: translateY(-50px);
   -ms-transform: translateY(-50px);
   transform: translateY(-50px);     
}

.cs-style-3 .figcaption {
   height: 100px;
   width: 100%;
   top: auto;
   bottom: 0;
   opacity: 0;
   -webkit-transform: translateY(100%);
   -moz-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%);   
   -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
   -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
   transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 .figure:hover .figcaption,
.cs-style-3 .figure.cs-hover .figcaption {
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
   -moz-transition: -moz-transform 0.4s, opacity 0.1s;
   transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 .figcaption a {
   position: absolute;
   bottom: 20px;
   right: 20px;
}

/*
  FIM HOVER CASES
*/

/*
   INPUTS
*/
@keyframes animaInput {
  0%, 100% {
    width: 100%;
  }
  30% {
    width: 50%;
  }
}

.form-default input:focus,
.form-default textarea:focus{
   animation: animaInput 3s; 
}

.form-default input[type='submit']:focus{
  animation: unset;
}

/*
  FIM INPUTS
*/