* {
    margin: 0;
    padding: 0;
    vertical-align:baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Exo', sans-serif; 
    font-size: 14px;
    font-weight: normal;
    color: #58585B;
}

h1 {
    font-size: 44px;
    font-weight: bold;
    text-transform: uppercase;
    border-left: 11px solid #1B325F;
    padding: 0 0 0 15px;
    margin: 65px 0 30px 0;
    color: #3989C9;
}

h2 {
    font-size: 26px;
    font-weight: normal;
    line-height: 30px;
    margin: 15px 0;
    color: #3989C9;
}

#sages h2 {
    font-weight: 500;
    text-align: center;
}

h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 30px;
    color: #404041;
    text-transform: uppercase;
}

img {
    border: 0;
}

.paginas h1 {
    font-size: 32px;
    font-weight: 500;
    border-left: 0;
    margin: 0 0 0 10px;
    padding: 0;
    line-height: 25px;
    text-transform: none;
}

.paginas h2 {
    font-size: 24px;
    margin: 0 0 0 10px;
    color: #808284;
}

.paginas h3 {
    color: #3989C9;
    margin: 25px 10px 15px;
    text-transform: none;
}

.paginas .content {
    padding: 30px 5px;
}

.paginas .coluna {
    margin: 30px 10px;
}


p {
    margin: 15px 0;
}

a {
    text-decoration: none;
    color: #808284;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
}

a:hover { 
    color: #3989C9;
}

.content {
	width: 960px;
	margin: 0 auto;
	display: table;
	padding: 0 5px;
}

.bg-cinza {
    background: #F1F1F2;
}

.bg-cinza-escuro {
    background: #D1D2D4;
}

.cor-aaas {
    color: #F26C4F;
}

.cor-processos {
    color: #EEC04B;
}

.cor-cloud {
    color: #00A782;
}
.cor-athus {
    color: #4946bf;
}

.cor-ponki {
    color: #ff3500;
}

.cor-zendesk {
    color: #04363d;
}



.cor-sustentacao {
    color: #70BACB;
}
.logosll {
	height: 500px;
	width: 100%;
}

.cor-development {
    color: #1D88B6;
}

#header-top {
    height: 45px;
    color: #808284;
    border-bottom: 1px solid #BBBDC0;
}

#header-top li {
    float: left;
    list-style: none;
    margin: 5px;
}

#header-top li:before {
    color: #3989C9;
}

#header-top #inf-contato {
    padding: 10px 0;
    height: 25px;
    float: right;
}

#header-top #social {
    float: right;
	
}

.g-recaptcha {
padding-left: 50px;
position: relative;
left:39px ;
top: 4px ;
}

#header-top i {
    font-size: 20px;
    color: #fff;
    background: #3989C9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    display: table-cell;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#header-top i:hover {
    color: #3989C9;
    background: #9CC3E4;
}

#contato, #trabalhe-conosco {
    border-left: 1px solid #A5BBDB;
    padding: 0 10px;
}

#telefone:before {
    content: "\f095";
    font-family: FontAwesome;
    padding: 0 8px;
    font-size: 15px;
}

#telefone span {
    color: #32649D;
    padding: 0 3px;
}

#contato:before {
    content: "\f0e0";
    font-family: FontAwesome;
    padding: 0 5px;
}

.logo {
    float: left;
    padding: 15px 0;
    height: 102px;
    overflow: hidden;
    width: 210px;
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
}

.logo img {
    max-height: 100%;
    max-width: 100%;
    display: block;
}

.cabecalho {
    background: #fff;
    width: 100%;
    z-index: 9999;
    position: fixed;
    height: 102px;
    border-bottom: 1px solid #BBBDC0;
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
}

.cabecalho .content {
    position: relative;
}




.cabecalho.fixo .logo {
    height: 44px;
    padding: 4px 0;
}

.cabecalho.fixo .menu {
    top: 27%;
}

.cabecalho.fixo .menu a {
    padding: 25px 20px 6px 20px;
}

.cabecalho.fixo {
    top: 0;
    position: fixed;
    z-index: 999;
    background: #F5F5F6;
    height: 45px;
}


.menu {
    position: absolute;
    right: 0;
    top: 54%;
}

.menu li {
    list-style: none;
	float: left;
}

.menu a {
    text-decoration: none;
    color: #808284;
    font-size: 16px;
    font-weight: 600;
    padding: 55px 20px 20px 20px;
    border-bottom: 6px solid transparent;
}

.menu a:hover, .menu ul .active a {
    background: #F5F5F6;
    border-bottom: 6px solid #3989C9;
}

.slideshow {
    position: relative;
    margin: 102px 0 0 0;
}

.slideshow.fixo {
    position: relative;
    margin: 93px 0 0 0;
}

.slide-paginas {
    height: 270px;
}

.slide-paginas span {
	font-size: 30px;
	line-height: 30px;
	position: absolute;
	bottom: -204px;
	padding: 0 10px;
	padding-left: 50px;
	padding-top: 100px;
	left: 187px;
}

#img-aaas {
    background: url(../images/banners/aaas.jpg) no-repeat center;
}
#img-zendesk {
    background: url(../images/banners/zendesk.jpg) no-repeat center;
}
#img-athus {
    background: url(../images/banners/athus.jpg) no-repeat center;
}

#img-ponki {
    background: url(../images/banners/ponki.jpg) no-repeat center;
}
#img-cloud {
    background: url(../images/banners/cloud.jpg) no-repeat center;
    color: #fff;
}

#img-implementacao {
    background: url(../images/banners/agile-deployment-process.jpg) no-repeat center;
    color: #fff;
}

#img-implementacao-2 {
    background: url(../images/banners/agile-deployment-process-opc2.jpg) no-repeat center;
    color: #fff;
}

#img-sustentacao {
    background: url(../images/banners/outsourcing.jpg) no-repeat center;
}

#img-development {
    background: url(../images/banners/development.jpg) no-repeat center;
    color: #fff;
}

#img-trabalhe-conosco {
    background: url(../images/banners/trabalhe-conosco.jpg) no-repeat center;
    color: #3989C9;
}

#img-trabalhe-conosco span {
    font-size: 35px;
    bottom: 35%;
    left: 27%;
}

.fonte_athus_slide {
    font-size: 60px;
   
}

#img-contato {
    background: url(../images/banners/contato.jpg) no-repeat center;
}


#athus_mais {
    background: url(../images/banners/contato.jpg) no-repeat center;
}

.coluna {
	width: 455px;
	float: left;
	margin: 0 10px;
}

.diferenciais {
    padding: 55px 0 40px 0;
    min-height: 685px;
}

.diferenciais ul {
    padding: 0;
    width: 380px;
    margin: 35px 57px;
}

.diferenciais ul li {
    list-style: none;
    width: 340px;
    background: rgba(255,255,255,.3);
    position: relative;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    display: table;
    height: 120px;
    margin: 25px 0px;
    padding: 0 15px;
}

.diferenciais ul li:hover {
    color: #00A782;
    background: rgba(255,255,255,.8);
}

.diferenciais ul li:before {
    border-left: 12px solid rgba(255,255,255,.3);
    content: "";
    height: 120px;
    position: absolute;
    left: -25px;
    top: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
}

.diferenciais ul li:hover:before {
    border-left: 12px solid rgba(0,167,130,.8);
    content: "";
}

.diferenciais span {
    font-weight: 500;
    vertical-align: middle;
    line-height: 15px;
    width: 220px;
    display: table-cell;
}

.diferenciais li span:before {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.diferenciais li:hover span:before {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.diferenciais #entrega span:before {
    content:"";
    background: url(../images/capacidade-entrega.png) no-repeat center;
    width: 120px;
    height: 46px;
    position: absolute;
    left: 0;
}

.diferenciais #entrega:hover span:before {
    content:"";
    background: url(../images/capacidade-entrega-hover.png) no-repeat center;
}

.diferenciais #projetos span:before {
    content:"";
    background: url(../images/historico-projetos.png) no-repeat center;
    width: 120px;
    height: 46px;
    position: absolute;
    left: 0;
}

.diferenciais #projetos:hover span:before {
    content:"";
    background: url(../images/historico-projetos-hover.png) no-repeat center;
}

.diferenciais #suporte span:before {
    content:"";
    background: url(../images/suporte-projeto.png) no-repeat center;
    width: 120px;
    height: 46px;
    position: absolute;
    left: 0;
    bottom: 34%;
}

.diferenciais #suporte:hover span:before {
    content:"";
    background: url(../images/suporte-projeto-hover.png) no-repeat center;
}

.diferenciais #trabalho span:before {
    content:"";
    background: url(../images/foco-trabalho.png) no-repeat center;
    width: 120px;
    height: 46px;
    position: absolute;
    left: 0;
    bottom: 30%;
}

.diferenciais #trabalho:hover span:before {
    content:"";
    background: url(../images/foco-trabalho-hover.png) no-repeat center;
}

.info-servicos {
    min-height: 840px;
    width: 800px;
    margin: 0 auto;
    padding: 65px 0;
}

.linha-serv {
    display: table;
    width: 750px;
}


.circulo {
    width: 172px;
    height: 172px;
    background: #BBBDC0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    overflow: hidden;
    cursor: pointer;
}

.circulo figure {
    display: table-cell;
    vertical-align: middle;
    width: 172px;
    height: 172px;
}

.circulo figcaption {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
}

.circulo:hover {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 300px;
    height: 300px;
    top: -80px;
}

.titulo {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

.circulo:hover .titulo {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
}

.detalhes {
    position: absolute;
    top: 52px;
    left: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 260px;
}

.circulo:hover .detalhes {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}

.detalhes span {
    color: #fff;
    font-size: 27px;
    font-weight: 600;
    line-height: 25px;
}

.detalhes p {
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 20px 0 25px 0;
}

.botao {
    padding: 6px 18px;
    width: 130px;
    background: #fff;
    opacity: .8;
    filter: alpha(opacity=80);
}

.botao:hover {
    background: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.seta-esquerda {
    width: 375px;
    border-right: 25px solid;
    height: 130px;
    padding: 6px 0;
    position: relative;
    float: left;
    margin: 3px 0;
}

.seta-esquerda:before {
    content: "\f0d9";
    font-family: FontAwesome;
    font-size: 50px;
    position: absolute;
    right: -5px;
    top: 32%;
}

.seta-direita {
    width: 400px;
    border-left: 25px solid;
    height: 130px;
    padding: 6px 0;
    position: relative;
    float: right;
}

.seta-direita:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 50px;
    position: absolute;
    top: 32%;
    left: -5px;
}

.serv-direita {
    left: 15%;
    position: absolute;
    top: -10%;
}

.serv-esquerda {
   position: absolute;
   right: 15%;
   top: -10%;
}

#aaas {
    border-color: #F26C4F;
}

#aaas:before, #aaas .detalhes a, #aaas .detalhes a:hover {
    color: #F26C4F;
}

#aaas .circulo:hover {
    background: #F26C4F;
}

#cloud {
    border-color: #00A782;
}

#cloud:before, #cloud .detalhes a, #cloud .detalhes a:hover {
    color: #00A782;
}

#cloud .circulo:hover {
    background: #00A782;
}

#implementacao {
    color: #EEC04B;
}

#implementacao:before, #implementacao .detalhes a, #implementacao .detalhes a:hover {
    color: #EEC04B;
}

#implementacao .circulo:hover {
    background: #EEC04B;
}

#sustentacao {
    color: #70BACB;
}

#sustentacao:before, #sustentacao .detalhes a, #sustentacao .detalhes a:hover {
    color: #70BACB;
}

#sustentacao .circulo:hover {
    background: #70BACB;
}

#serv-development {
    color: #1D88B6;
}

#serv-development:before, #serv-development .detalhes a, #serv-development .detalhes a:hover {
    color: #1D88B6;
}

#serv-development .circulo:hover {
    background: #1D88B6;
}


#fale-conosco {
    background: #F1F1F2 url(../images/bg-contato.jpg) no-repeat center;
    height: 600px;


}

.formll {
    position: relative;
    bottom: 20px;
}


.form-contato {
    position: relative;
    bottom: 20px;
}

.form-contato label {
    color: #204571;
    font-weight: bold;
    font-size: 15px;
    width: 90px;
    display: block;
    float: left;
}

.form-contato input {
    height: 32px;
    width: 325px;
    background: #3989C9;
    border: 0;
    margin: 0 0 10px 0;
    color: #fff;
    padding: 0 5px;
    font-family: 'Exo', sans-serif;
}

.form-contato textarea {
    background: #3989C9;
    border: 0;
    width: 325px;
    max-width: 325px;
    height: 117px;
    max-height: 117px;
    color: #fff;
    padding: 5px;
    font-family: 'Exo', sans-serif;
}

.form-contato button {
    display: block;
    background: #204571;
    border: 0;
    padding: 8px 20px;
    font-family: 'Exo', sans-serif;
    margin: 10px 0 0 90px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    width: 130px;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
}

.form-contato button:hover {
    background: #464748;
}

.coluna-rodape {
    width: 237px;
    float: left;
}

.coluna-rodape p{
    margin: 15px 25px;
    min-height: 64px;
}

footer {
    color: #808284;
    padding: 20px 0;
    font-size: 12px;
    border-top: 1px solid #BBBDC0;
    border-bottom: 1px solid #BBBDC0;
}

footer span {
    font-weight: 600;
    font-size: 16px;
}

#nossos-servicos ul {
    padding: 15px 0 0 0;
}

#nossos-servicos li {
    list-style: none;
    padding: 3px 0;
}

#nossos-servicos a:before {
    content: "";
    transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    font-size: 10px;
}

#nossos-servicos a:hover:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 10px;
    padding: 0 2px 0 0;
}

#nossos-servicos .active:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 10px;
    padding: 0 2px 0 0;
}

.localizacao {
    color: #3989C9;
    font-size: 25px;
    padding: 0 5px 0 0;
}

.tel-rodape {
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    display: table-cell;
    height: 35px;
    vertical-align: middle;
    width: 200px;
}
/*Ultilizar esse codigo para dois telefones.
#sao-paulo .tel-rodape:before {
    padding: 9px 2px 0 0;
}*/

.tel-rodape:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 25px;
    color: #3989C9;
    float: left;
    padding: 4px 0 0 0;
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
}

.box-social {
    padding: 20px 0 0 0;
}

.redes-sociais {
    padding: 10px 0;
    line-height: 15px;
}

.redes-sociais i {
    font-size: 15px;
    color: #fff;
    background: #3989C9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    display: table-cell;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

#facebook, #linkedin {
    float: left;
    padding: 0 15px 0 0;
}

#direitos-reservados {
    float: left;
}

#desenvolvimento {
    float: right;
}

#desenvolvimento a:hover {
    color: #92c83e;
}

#bottom {
    padding: 10px 0;
    font-size: 11px;
}

.circulos-p {
	float: left;
	margin: 25px 5px 15px 5px;
	position: absolute;
	padding-left: 100px;
}

.circulos-p figure{
    background: #F26C4F;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;    
}

.circulos-p figcaption {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 0 25px 0;
}

.circulos-m {
    float: left;
    margin: 15px 13px 35px 13px;
}

.circulos-m figure{
    background: #F26C4F;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;    
}

.circulos-m figcaption {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 0;
}

.row-icones {
    display: table;
    padding: 2px 0;
}


.row-icones figure {
    width: 217px;
    float: left;
    text-align: center;
    padding: 5px 0 0 0;
    margin: 5px;
    min-height: 70px;
}

.row-icones img {
    padding: 4px;
}

.row-icones figcaption, .circ-trabalhe figcaption {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
}

.icones-cloud {
    background: #00A782;
    height: 156px;
    padding: 10px 0;
}

.icones-cloud figcaption {
    padding: 5px 0 20px 0;
}

.process {
    background: #EEC04B;
    width: 210px;
    text-align: center;
    float: left;
    padding: 15px 10px;
    margin: 4px;
}

.process span {
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 220px;
}

.icones-sustentacao {
    background: #70BACB;
}

.icones-sustentacao img {
    float: left;
    padding: 8px 4px 4px 10px;
}

.icones-sustentacao figcaption {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    width: 155px;
    padding-left: 5px;
    text-align: center;
    font-size: 16px;
}

.development {
    background: #1D88B6;
    width: 143px;
    text-align: center;
    float: left;
    padding: 25px 0;
    margin: 4px;
}

.development span {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    height: 66px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 145px;
    }

.saiba-mais {
    padding: 20px;
    width: 420px;
    position: relative;
    margin-top: 45px !important;
}

.saiba-mais span:before {
    content: "\f067";
    font-family: "FontAwesome";
    font-size: 42px;
    position: absolute;
    top: -10px;
    left: -5px;
}

.saiba-mais span {
    font-weight: 500;
    font-size: 20px;
}

.saiba-mais span:after {
    content: "\f067";
    font-family: "FontAwesome";
    position: absolute;
    left: 22px;
    top: -20px;
    font-size: 22px;
}


.outros-servicos {
    display: inline-block;
    border-top: 1px solid #BBBDC0;
    clear: both;
    margin: 20px 0 0 0;
}

.outros-servicos .box-servicos {
    margin: 15px 0;
    height: 85px;
    padding: 10px;
    position: relative;
}

.box-servicos:hover figure:before {
    right: 3%;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.outros-servicos figure {
    display: table-cell;
    vertical-align: middle;
    height: 65px;
}

.outros-servicos figure:before {
    content: "\f054";
    font-family: FontAwesome;
    position: absolute;
    top: 40%;
    right: 5%;
    font-size: 22px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.outros-servicos img {
    float: left;
    padding: 0 0 0 8px;
}

.outros-servicos figcaption {
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 21%;
    top: 40%;
}

#programa-estagio {
    background: url(../images/programa-estagio.png) no-repeat;
    height: 325px;
    position: relative;
}

#programa-estagio span {
    color: #3989C9;
    font-weight: 500;
    font-size: 24px;
    position: absolute;
    top: 12%;
    left: 5%;
}

#programa-estagio p {
    width: 190px;
    position: absolute;
    bottom: 33%;
    left: 5%;
}

#programa-estagio a {
    position: absolute;
    bottom: 20%;
    left: 5%;
    color: #fff;
    padding: 5px 10px;
    background: #3989C9;
}

#programa-estagio a:hover {
    background: #464748;
}

.circ-trabalhe {
    width: 140px;
    height: 140px;
    background: #3989C9;
    float: left;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 35px 5px;
}

.circ-trabalhe figure {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    height: 140px;
}

.botao-contato {
    display: block;
    background: #204571;
    border: 0;
    padding: 8px 20px;
    font-family: 'Exo', sans-serif;
    margin: 30px 0 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    text-transform: uppercase;
    width: 200px;
}

.botao-contato:hover {
    background: #464748;
    color: #fff;
}