/*====== importando as fontes ============*/
/*Futura - book*/
@font-face {
    font-family: 'Futura';
    src: url('fontes/Futura/book/FuturaBook.eot');
    src: url('fontes/Futura/book/FuturaBook.eot?#iefix') format('embedded-opentype'),
    url('fontes/Futura/book/FuturaBook.svg#Locaweb-Icons') format('svg'),
    url('fontes/Futura/book/FuturaBook.ttf') format('truetype');
    src: url('fontes/Futura/book/FuturaBook.woff2') format('woff2'),
    url('fontes/Futura/book/FuturaBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Futura - bold*/
@font-face {
    font-family: 'Futura Bold';
    src: url('fontes/Futura/bold/FuturaBold.eot');
    src: url('fontes/Futura/bold/FuturaBold.eot?#iefix') format('embedded-opentype'),
    url('fontes/Futura/bold/FuturaBold.svg#Locaweb-Icons') format('svg'),
    url('fontes/Futura/bold/FuturaBold.ttf') format('truetype');
    src: url('fontes/Futura/bold/FuturaBold.woff2') format('woff2'),
    url('fontes/Futura/bold/FuturaBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Futura - light*/
@font-face {
    font-family: 'Futura Light';
    src: url('fontes/Futura/light/FuturaLight.eot');
    src: url('fontes/Futura/light/FuturaLight.eot?#iefix') format('embedded-opentype'),
    url('fontes/Futura/light/FuturaLight.svg#Locaweb-Icons') format('svg'),
    url('fontes/Futura/light/FuturaLight.ttf') format('truetype');
    src: url('fontes/Futura/light/FuturaLight.woff2') format('woff2'),
    url('fontes/Futura/light/FuturaLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform:     translateY(0);
        transform:         translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform:     translateY(-30px);
        transform:         translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform:     translateY(-15px);
        transform:         translateY(-15px)
    }
}

/*=========== MENU ==============*/
.logoLaranja{
    display: none!important;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.logoBranco{
    display: inline-block !important;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.esconder{
    display: none !important;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.mostrar{
    display: inline-block !important;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.mudar-cor{
    color: #fff;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 100ms;
}
.mudar-cor:hover{
    color: #ccc;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 100ms;
}
.text-azul{
    color: #343e7b !important;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 100ms;
}
.text-azul:hover{
    color: #343e7b !important;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 100ms;
}

.Futura{
    font-family: 'Futura'!important;
}
.FuturaBold{
    font-family: 'Futura Bold'!important;
}
.FuturaLight{
    font-family: 'Futura Light' !important;
}
/*=========== POSICIONAMENTO ==============*/
.absoluteTopo{
    position: absolute;
    z-index:9!important;
    width: 100%;
}

/*================ FONTES ==============*/
.fontSize-08{
    font-size: 0.8em;
}
.fontSize-07{
    font-size: 0.7em;
}
.fontSize-1{
    font-size: 1em;
}
.fontSize-12{
    font-size: 1.2em;
}
.fontSize-20px{
    font-size: 20px;
}
.text-cinza{
    color: #676767;
}
.text-laranja{
    color: #ea7025  ;
}
.text-transparent{
    color: transparent;
}
.text-fi{
    color: #343e7b;;
}

/*=========== CORES DE FUNDO =================*/
.bg-cinza{
    background: #ebebeb;
}
.bg-fi{
    background: #343e7b;
}
.bg-amarelo{
    background: #ea9427;
}
.bg-footer{
    background: #282830;
}
.fundoDepoimentos{
    background: url('../images/banners_depoimentos.jpg') no-repeat;
    background-size:cover ;
}
.bg-Menu{
    background: #fff!important;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.bg-FontSlim{
    color: #343e7b !important;
}

a.txtDecorationNone:hover{
    text-decoration: none !important;
}


/*========= CAROUSEL ==================*/
.carousel-caption-fi,.carousel-caption-fi2 {
    position: absolute;
    right: 15%;
    left: 15%;
    top: 25%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    height: auto;
    text-align: center;
}
.btnSlide{
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 15px;
    font-size: 1.3em;
    border-radius: 30px;
    width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    text-align: center;
    margin-top: 10%;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.btnSlide:hover{
    text-decoration: none;
    color: #343e7b;
    background: #fff;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
}
.tituloSlide{
     font-size: 6em;
 }
.tituloSlide2{
    font-size: 5.5em;
}

.iconeDescer{
    color: #fff;
    font-size: 4em;
}
.iconeDescer:hover{
    color: #fff;
}

.bounce {
    position: absolute;
    margin-top: 10%;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}


/*========= FORMULARIO PRODUTO ==================*/
.formProdutos{
    width: 100%;
    border: 2px solid #fff;
    margin-bottom: 30px;
    text-align: center;
    display: table;
    border-radius: 30px;
}
.input-fromProdutos{
    background: transparent;
    color: #fff;
    border: none;
    width:530px;
    height:40px;
    margin-left: 10px;
    font-size: 1.2em;
}
.input-fromProdutos::-webkit-input-placeholder {color: #fff;}
.input-fromProdutos:-moz-placeholder {color: #fff; }
.input-fromProdutos::-moz-placeholder {color: #fff;}
.input-fromProdutos:-ms-input-placeholder {color: #fff; }

.imgCardProd{
    width: 100px;
}

.btnCardProd{
    width: 100%;
    color: #666;
    height: auto;
    padding: 10px 0px;
    border: 2px solid #666;
    border-radius: 30px;
    font-weight: bold;
    font-size: 1.1em;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.btnCardProd:hover{
    text-decoration: none;
    color: #fff;
    background: #343e7b;
    border: 2px solid #343e7b;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
}
/*============= NOSSOS CLIENTES ==================*/
.btnNossosClientes{
    background: transparent;
    color: #676767;
    border: 2px solid #676767;
    padding: 10px 15px;
    font-size: 1.3em;
    border-radius: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.btnNossosClientes:hover{
    text-decoration: none;
    background: #676767;
    color: #fff;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
}

/*============ FORMULARIO DE CONTATO ==================*/
.btnContato{
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 15px;
    font-size: 1.3em;
    border-radius: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.btnContato:hover{
    text-decoration: none;
    background: #fff;
    color: #343e7b;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
}

.input-FormContato::-webkit-input-placeholder {color: #ea7025;font-weight: bold;}
.input-FormContato:-moz-placeholder {color: #ea7025;font-weight: bold; }
.input-FormContato::-moz-placeholder {color: #ea7025; font-weight: bold;}
.input-FormContato:-ms-input-placeholder {color: #ea7025; font-weight: bold; }

.btnFormContato{
    cursor: pointer;
    color:#ed9229 ;
    font-weight: bold;
    border: none;
    height: 40px;
    font-size: 1.2em;
    margin-left: 0px;
    background: transparent;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.btnFormContato:hover{
    background: #ed9229;
    color: #282830;
    border-radius: 5px;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
}

/*============== DEPOIMENTOS ==================*/
.imgDepoimento{
    display: block;
    margin-right: auto;
    margin-left: auto;
    height: 260px;
}
.depoimento{
    font-size: 2em;
    text-align: justify;

}


/* ============= FOOTER ============*/
.bordaLateral{
    border-left:2px solid #fff ;
}
.bordaLateral p{
    margin: 0;
    margin-bottom: 5px;
}
.infoContato{
    font-size: 0.9em;
    margin: 0px;
    margin-bottom: 10px;
}
.iconeTelefone{
    width: 20px;
    margin-left: -7px;
}
.bolhaRedeSocial{
    height: 30px;
    padding-bottom: 2px;
    width: 32px;
    font-size: 20px;
    display: table;
    text-align: center;
    background: #ea7025;
    border-radius: 50%;
    float: left;
}
.homeIcones{
    width: 120px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.homeIcones-sap{
    width: 180px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.contatoTitulo{
    font-size: 5em;
}
/*================ carreira ===============*/
.iconeCulturaTrabalho{
    width: 200px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.btnCarreira{
    width: 200px;
    padding: 10px 0px;
    font-weight: bold;
    color: #fff;
    border-radius: 30px;
    border: 2px solid #fff;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.btnCarreira:hover{
    background: #fff;
    color: #343e7b;
    text-decoration: none;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
}
.tituloCarreira{
    font-size: 5.5em;
}
.tituloFacaParte{
    font-size: 5.5em;
}

/*============== Fabrica de softwares ===========*/

.fontsize-2em{
    font-size: 2.2em;
}
.iconeCentral{
    width: 13em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.tagCloud{
    width: 100%;
}
.tecnologiaDestaque{
    font-size: 3em;
}

/*============ fabrica de aplicativos ============*/
.iconeBolhaProcesso{
    display: block;
    width: 95%;
    padding:10%;
    margin-left: auto;
    margin-right: auto;

}
.tracoBolha{
    width: 8px;
    height:150px ;
    display: block;
    margin-right: auto;
    margin-left: auto;
    background: #ea9427;
}
.tracoBolhaTransparent{
    width: 8px;
    height:250px ;
    display: block;
    margin-right: auto;
    margin-left: auto;
    background: transparent;
}
.bolhaProcesso{
    width: 180px;
    height: 180px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 6px solid #ea9427;
    border-radius: 50%;
}
.numeroProcesso{
    width: 130px;
    z-index: 100;
}
.zIndexProcesso{
    z-index: 120;
}
.zIndexProcesso2{
    z-index: 130;
    position: absolute;
}
.myh-50{
    height: 70px;
}
.btnInicieProjeto{
    color: #fff;
    border-radius: 30px;
    text-align: center;
    display: table;
    font-size: 1.2em;
    font-weight: bold;
    border: 2px solid #fff;
    width: 200px;
    padding: 10px 0px;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 300ms;
}
.btnInicieProjeto:hover{
    color: #343e7b;
    background: #fff;
    text-decoration: none;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
}
.quebra{
    clear: both;
    width: 100%;
}
.espacamento40{
    width: 100%;
    clear: both;
    height: 40px;
}
.espacament1{
    height: 30px;
}
.espacament2{
    height: 90px;
}
.espacament4{
    height: 80px;
}
.espacament6{
    height: 30px;
}
.espacament8{
    height: 50px;
}
.tituloInicieProjeto{
    font-size: 4.5em;
}

.div-cliente {
	padding-bottom:30px;
}

.null{
    opacity: 0;
}