*{
    font-family: 'Contrail One', sans-serif; 
    line-height: 1.8;
}

#apPage img {
    width: 35%;
    
}
.cover{
    padding-top: 40px;
    \\color: rgb(255, 255, 255);
    position: relative;
    min-height: 90vh;
    background: url("../img/fundo4.jpg") no-repeat scroll 0px 100% / cover transparent;
}

.cover h1 {
    margin-top: 150px;
    font-weight: 700;
}

.cover h2 {
}

.labelmundo {
   font-family: 'Syncopate', sans-serif; 
   font-size: 40px;
   color: #2952a3;
   text-shadow: 3px 2px white;
}

.labeldifinicao {
   font-family: 'Rajdhani', sans-serif;
   color: #2952a3;
}

//.form-group label {
//    margin-top: 00px;
//    margin-bottom: 00px;
//    margin-right: 08px;
//}


a.toggle {
  display: block;
  position: absolute;
  bottom: 120px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  text-indent: -12000px;
  background-image: url(../img/icon_arrow.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
}

.a#busca{
   padding-left: 25px;
}
.slideanim {visibility:hidden;}

.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
section {

    padding-top: 12px;
    padding-bottom: 15px;
    min-height: 100vh;

    
}

section#contato {
    min-height: 60vh;
}


section#aplicativos {
    min-height: 80vh;
}


.titulo-aplicativos h1 {
    margin-top: 10vh;
}

footer {
     padding-top: 30px;
     padding-bottom: 30px;

     background: url(../img/fundo4.jpg);
}



img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}


}

.div-colorida{
  <!-- background: url(../img/fundo.jpg);     -->
}

.servico-item * {
    text-align: center;
}

.servico-item h4 {
    margin-top: 30px;
    font-size: 50px;
}

.servico-btn-todos {
    margin-top: 25px;
}

.portifolio-item {
    background: white;
}

.portifolio-item h4 {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 20px;
}

.portifolio-row{
    margin-bottom: 20px;
}

.portifolio-row:last-child{
    margin-bottom: 0px;
}

.nav{ 
     padding-top: 15px;
    
}


.nav a { 
     font-size: 15px;
    
}

.div-carrossel{
    padding-top: 15px;
    padding-bottom: 15px;
    background: url(../img/fundo.jpg);
}

.fundoAzul{
    background: #4A60D7;
}

.fundoAzul2{
    background: #2B8383;
    padding-top: 10px; 
    padding-bottom: 10px;
    
}

.fundoVerde{
    background: #009D91;
}



.linhaPersonalizada {
    background: #7080D7;
    padding-top: 10px; 
    padding-bottom: 10px;
}



.contato textarea {
    height: 170px;
}


.contato .aviso {
    padding: 20px;
}


.panel {
    margin-bottom: 2px;   
}

.conteudo_painel {
    background: white;   
    border-radius:8px;
/*    border:1px solid #eee; */
/*    box-shadow: 2px 2px 5px #888; */
}

.conteudo_painel_int {
}


.conteudo_painel_busca {
    margin:-1px 0px 0px 0px;   
}

#TextoParaBusca{
 display: inline; 
}

#abre{
	display:inline; 
	margin:0px 0px 0px -55px;
}
	