@charset "UTF-8";


	/* INICIA AQUI O CÓDIGO DO VIDEO*/
	#overlay {
		background: repeating-linear-gradient(
	    135deg,
	    rgba(0, 0, 0, 0.2),
	    rgba(0, 0, 0, 0.2) 3px,
	    rgba(0, 0, 0, 0.3) 3px,
	    rgba(0, 0, 0, 0.3) 6px
	    );
	
	background-color:rgba(0,0,0,.60);
	height:100%;
	left:0;
	position:relative;
	top:0;
	transition:background-color 300ms ease;
	width:100%;
	}
	
	#listradin {
		background: repeating-linear-gradient(
	    135deg,
	    rgba(0, 0, 0, 0.2),
	    rgba(0, 0, 0, 0.2) 3px,
	    rgba(0, 0, 0, 0.3) 3px,
	    rgba(0, 0, 0, 0.3) 6px
	    );
	}

.up {

  animation-name: flash ;
  animation-duration: 2s;
  animation-delay: 2s;
  animation-in
  animation-iteration-count: infinite;

}
	
	#hero-vid {
	backface-visibility:hidden;
	background:url("wa_images/teste.png") no-repeat scroll 0 0 #000;
	background-size:cover;
	bottom:0;
	height:auto;
	min-height:100%;
	min-width:100%;
	perspective:1000;
	position:absolute;
	right:0;
	width:auto;
	z-index:-10000;
	}
	
	#hero-pic {
	display:block;
	height:auto;
	width:100%;
	}


	/* TERMINA AQUI O CÓDIGO DO VÍDEO*/


	/* css maquina de escrever */
#maquina {
  text-align: center;
 }

 
 .typewrite {
 	font-size: 40px;
 	font-family: Arial;
 	font-weight: bold;
 	color: #fef65a;
 }



	/* Palavras em Raspoutine */
.titulo {

 	font-family: 'Raspoutine', Arial, sans-serif;
 	font-size: 40px;
 	text-align: center;
 	font-weight: bold;
 	color: #5c5c5c;
}



.titulo2 {

 	font-family: 'Raspoutine', Arial, sans-serif;
 	font-size: 40px;
 	text-align: center;
 	font-weight: bold;
 	color: #FFFFFF;

}

.wa_style_jj0u0eom4he7mw {


font-family: 'Raspoutine', Arial, sans-serif;
font-weight: bold;

}



.wa_style_j7tlhxp5756w0w {

 	font-family: 'Raspoutine', Arial, sans-serif;
 	font-size: 40px;
 	text-align: center;
 	font-weight: bold;
 	color: #ffffff;

}

	/* Quadradinhos de serviços na home*/
.tite_services{
margin-top:10px;
}

#fer h1{
             font-size:25px;
             text-align: left;
             text-transform:capitalize;
         }
        .service-box{
            position: relative;
            overflow: hidden;
            margin-bottom:10px;
            perspective:1000px;
            -webkit-perspective:1000px;
        }
        .service-icon{
            width: 100%;
            height: 220px;
            padding: 20px;
            text-align: center;
            transition: all .5s ease;
        }

        .service-content{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            width: 100%;
            height: 220px;
            padding: 20px;
            text-align: center;
            transition: all .5s ease;
            background-color: #474747;
            backface-visibility:hidden;
            transform-style: preserve-3d;
            -webkit-transform: translateY(110px) rotateX(-90deg);
            -moz-transform: translateY(110px) rotateX(-90deg);
            -ms-transform: translateY(110px) rotateX(-90deg);
            -o-transform: translateY(110px) rotateX(-90deg);
            transform: translateY(110px) rotateX(-90deg);
        }
        .service-box .service-icon .front-content{
            position: relative;
            top:80px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .service-box .service-icon .front-content i {
            font-size: 28px;
            color: #fff;
            font-weight: normal;
        }

        .service-box .service-icon .front-content h3 {
            font-size: 15px;
            color: #fff;
            text-align: center;
            margin-bottom: 15px;
            text-transform: uppercase;
        }
        .service-box .service-content h3 {
            font-size: 15px;
            font-weight: 700;
            color: #fff;
            margin-bottom:10px;
            text-transform: uppercase;
        }
        .service-box .service-content p {
            font-size: 13px;
            color: #b1b1b1;
            margin:0;
        }
        .yellow{background-color: #145AA0;}
        .orange{background-color: #3F9118;}
        .red{background-color: #00C2E5;}
        .grey{background-color: #474747;}
        .service-box:hover .service-icon{
            opacity: 0;
            -webkit-transform: translateY(-110px) rotateX(90deg);
            -moz-transform: translateY(-110px) rotateX(90deg);
            -ms-transform: translateY(-110px) rotateX(90deg);
            -o-transform: translateY(-110px) rotateX(90deg);
            transform: translateY(-110px) rotateX(90deg);
        }
        .service-box:hover .service-content {
            opacity: 1;
            -webkit-transform: rotateX(0);
            -moz-transform: rotateX(0);
            -ms-transform: rotateX(0);
            -o-transform: rotateX(0);
            transform: rotateX(0);
        }

@font-face{
	font-family: 'Raspoutine';
	src: url('fonts/Raspoutine.eot');
	src: url('fonts/Raspoutine.eot?#iefix') format('embedded-opentype'),
	url('fonts/Raspoutine.woff') format('woff'),
	url('fonts/Raspoutine.ttf') format('truetype'),
	url('fonts/Raspoutine.svg#webfont') format('svg');
}


 /*zoon nos portfolio */

.hvr-grow img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-grow img:hover, .hvr-grow img:focus, .hvr-grow img:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.logo {
  animation-duration: 2s;
}


/* Testimonials*/
.carousel-inner .quotl{
float:left;
}
.carousel-inner .quotr{
float:right;
}
.carousel-inner p{
color:#FFFFFF;
font-size: x-large;
font-style: italic;
font-family:Open Sans;
text-align:center;


}
.carousel-inner .f2{
color:#FFFFFF;
font-size: 14px;
font-style: italic;
font-family:Open Sans;
text-align:center;
margin-top:30px;

}
.carousel-inner .f3{
color:#FFFFFF;
font-size: 14px;
font-style: italic;
font-family:Open Sans;
text-align:center;
}
/*Final Testimonials*/


.prtfl img {
     opacity: 0.8;
     -webkit-filter: grayscale(0.2);
     display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.prtfl img:hover, .prtfl img:focus, .prtfl img:active {
     opacity: 1;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.1);
     transform: scale(1.1);

}


section#counter-stats {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}

.stats {
  text-align: center;
  font-size: 35px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.stats .fa {
  color: #008080;
  font-size: 60px;
}