body{
background-color: #fff;
font-family: Montserrat, Arial, Sans-serif; 
scroll-behavior: smooth;
--cor-azul-clara-padrao: #0084BB;
--cor-borda-padrao: #ffffff;
--cor-clara-padrao: #ffffff;
--cor-clara-padrao-texto: #ffffff;
}
* { font-family: Montserrat, Arial, Sans-serif; }
p, li {
color: #858585;
font-family: Montserrat, Arial, Sans-serif; 
font-size: 16px;
}
h1,h2,h3,h4,h5,h6 { 
font-family: Montserrat, Arial, Sans-serif;
}
h1 { font-size: 40px; }
h2 { font-size: 40px; }
h3 { font-size: 32px; }
h4 { font-size: 26px; }
h5 { font-size: 22px; }
a:hover {
color: var(--cor-clara-padrao-texto);
cursor: pointer;
text-decoration: none;
transition: all .3s;
}
.container {
max-width: 1300px !important;
} .hidden {
display: none;
}
.visible-xs {
display: none;
}
.hidden-xs {
display: unset;
}
img.alignright {
margin: 0 0 20px 20px;
float: right;
}
img.alignleft {
margin: 0 20px 20px 0;
float: left;
}
.gap10, .gap20, .gap30, .gap40, .gap50, .gap60 { clear: both; }
.gap10 { height: 10px; }
.gap20 { height: 20px; }
.gap30 { height: 30px; }
.gap40 { height: 40px; }
.gap50 { height: 50px; }
.gap60 { height: 60px; }
.cta a {
background-color: transparent;
border: 1px solid white;
border-radius: 7px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: bold;
padding: 9px 30px;
text-align: center;
text-transform: uppercase;;
transition: 0.3s;
}
.cta a:hover {
border-color: #03A0E6;
background: #03A0E6;
color: #fff;
}
.cta.cta-alt a { 
border-color: #0084BB;
background: #fff;
color: #0084BB;
}
.cta.cta-alt a:hover {
background: #0084BB;
color: #fff;
}  .wpcf7 {}
.wpcf7 .row {}
.wpcf7 label {}
.wpcf7 .form-group {
margin-bottom: 18px;
overflow: hidden;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 select {
background: #fff;
border: 1px solid #BFBFBF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #8F8F8F;
font-family: Montserrat, Arial, Sans-serif;
font-size: 15px;
font-weight: 500;
height: 45px;
line-height: 45px;
padding: 0 17px 0 15px;
width: 100%;
}
.wpcf7 textarea {
background: #fff;
border: 1px solid #BFBFBF;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #8F8F8F;
font-family: Montserrat, Arial, Sans-serif;
font-size: 15px;
font-weight: 500;
height: 200px;
padding: 15px 17px;
width: 100%;
resize: none;
}
.wpcf7 input[type="text"]:hover, .wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:hover, .wpcf7 input[type="email"]:focus,
.wpcf7 select:hover, .wpcf7 select:focus,
.wpcf7 textarea:hover, .wpcf7 textarea:focus {
border-color: #858585 !important;
outline: none;
transition: all .3s;
}
span.wpcf7-list-item {
margin: 0 0 0 0 !important;
}
.wpcf7 form input[type="submit"]{
background-color: transparent;
border: 1px solid white;
border-radius: 7px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: bold;
padding: 9px 30px;
text-align: center;
text-transform: uppercase;;
transition: 0.3s;
}
.wpcf7 form input[type="submit"]:hover {
border-color: #03A0E6;
background: #03A0E6;
color: #fff;
cursor: pointer;
}
.wpcf7 input[type="submit"]:focus {
outline: none;
}
.wpcf7 input[type="text"]::-webkit-input-placeholder,
.wpcf7 input[type="email"]::-webkit-input-placeholder
.wpcf7 textarea::-webkit-input-placeholder {
color: #858585;
font-weight: lighter;
} .wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-mail-sent-ok { font-size: 15px; }
.wpcf7-form .wpcf7-response-output { 
border-radius: 10px;
border-color: #fff;
background: #fff;
padding: 12px 15px !important;
font-size: 14px;
margin: 15px 0 25px 0 !important;
}
.wpcf7 form.sent .wpcf7-response-output { color: #4F8A10;
background-color: #dff2bf;
border: 0;
}
.wpcf7 form.invalid .wpcf7-response-output { color: #D8000C;
background-color: #ffbaba;
border: 0;
}
.wpcf7 span.wpcf7-not-valid-tip {
color: #b33;
font-weight: bold;
font-size: 12px;
margin-top: 5px;
} .grecaptcha-badge { visibility: hidden; } #header {
padding: 30px 0;
position: absolute;
width: 100%;
z-index: 9999;
}
#header .container .row {
align-items: center;
}
#header .col-6:first-child { padding: 0; }
#header .col-6:first-child img { width: 220px; }
#header .col-6:last-child {
align-items: center;
display: flex;
justify-content: space-between;
}
#header .col-6:last-child > a{
color: var(--cor-clara-padrao-texto);
font-size: 14px;
padding: 7px;
text-transform: uppercase;
} .header-unpin {
display: none;
}
.header-pin {
background-color: rgba(0,0,0,0.9);
display: none; } .menu-menu-superior-container { width: 100%; }
#menu-superior {}
#menu-superior ul.menu { 
display: flex;
justify-content: space-between;
margin-bottom: 0;
}
#menu-superior a {
color: var(--cor-clara-padrao-texto);
font-size: 13.5px;
padding: 7px;
text-transform: uppercase;
}
#menu-superior a:hover {
color: #899EBE;
}
#menu-superior li,
#menu-superior-1 li {
list-style: none !important;
position: relative;
} #menu-superior .sub-menu,
#menu-superior-1 .sub-menu {
background-color: #1D3B6A;
display: none;
height: auto;
min-width: 195px;
padding: 20px 15px;
position: absolute;
z-index: 1;
}
#menu-superior .sub-menu a,
#menu-superior-1 .sub-menu a{
display: block;
font-size: 13.5px;
text-transform: none;
padding: 7px 0;
}
#menu-superior .sub-menu a:hover,
#menu-superior-1 .sub-menu a:hover {
color: #899EBE;
}
#menu-superior li:hover .sub-menu,
#menu-superior-1 li:hover .sub-menu { 
display: block; 
} #menu-superior .menu-contato a {
border: 1px solid #fff;
border-radius: 6px;
padding: 7px 12px;
}
#menu-superior .menu-contato:hover a {
border-color: #03A0E6;
background: #03A0E6;
color: #fff;
} #overlay {
background-color: rgba(0,16,41,1);
height: 100%;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 999;
}
#overlay ul#menu-mobile {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
z-index: 10
}
#menu-mobile button {
background: none;
border: 0;
margin: 0;
margin: 35px 0;
padding-right: 30px;
outline: 0 !important;
text-align: right;
width: 100%;
}
#menu-mobile li{
list-style: none;
text-align: left;
}
#overlay ul li + li { margin-top: 15px; }
#menu-mobile li a{
color: #fff;
font-family: Montserrat, Arial, Sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
#menu-mobile li a:hover, #menu-mobile ul.sub-menu li a:hover,
#menu-mobile li a:active, #menu-mobile ul.sub-menu li a:active,
#menu-mobile li.current-menu-item a, #menu-mobile ul.sub-menu li.current-menu-item a {
color: var(--cor-azul-clara-padrao) !important;
}
#menu-mobile ul.sub-menu { 
padding-top: 10px; 
padding-left: 25px;
}
#menu-mobile ul.sub-menu li a{
color: #ffffff;
font-weight: normal;
}
.animacao-esconder-elemento{
animation: EsconderElemento 0.5s forwards;
}
@keyframes EsconderElemento{
0%{display:block;opacity: 1;}
10%{display:block;opacity: .9;}
20%{display:block;opacity: .8;}
30%{display:block;opacity: .7;}
40%{display:block;opacity: .6;}
50%{display:block;opacity: .5;}
60%{display:block;opacity: .4;}
70%{display:block;opacity: .3;}
80%{display:block;opacity: .2;}
90%{display:block;opacity: .1;}
100%{display:none;opacity: 0;}
}
.animacao-mostrar-elemento{
animation: MostrarElemento 0.5s forwards;
}
@keyframes MostrarElemento{
0%{display:none;opacity: 0;}
10%{display:block;opacity: .1;}
20%{display:block;opacity: .2;}
30%{display:block;opacity: .3;}
40%{display:block;opacity: .4;}
50%{display:block;opacity: .5;}
60%{display:block;opacity: .6;}
70%{display:block;opacity: .7;}
80%{display:block;opacity: .8;}
90%{display:block;opacity: .9;}
100%{display:block;opacity: 1;}
} #footer{
background: #0D0E23;
padding: 75px 0;
}
#footer > *{color: #dedede !important;}
#footer p{
color: #DEDEDE;
font-size: 14px;
line-height: 1.7;
max-width: 85%;
}
#footer h4 {
color: #DEDEDE;
font-size: 15px;
font-weight: bold;
margin-bottom: 25px;
text-transform: uppercase;
} #footer .footer-col1 {}
#footer .footer-logo {}
#footer .footer-logo img {
margin-bottom: 40px;
width: 220px;
}
#footer .footer-texto { margin-bottom: 30px; }
#footer .footer-texto p {}
#footer .footer-midias {}
#footer .footer-midias i {
background-color: #fff;
border-radius: 5px;
color: #0D0E23;
font-size: 18px;
padding: 5px;
width: 26px;
text-align: center;
}
#footer .footer-midias a {}
#footer .footer-midias a:hover { opacity: .8; } #footer .footer-menu {}
#footer .footer-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer .footer-menu ul li {
display: block;
float: none;
margin-bottom: 13px;
}
#footer .footer-menu ul li a {
color: #DEDEDE;
display: block;
font-size: 13px;
}
#footer .footer-menu ul li a:hover {
color: #DEDEDE;
} #footer .footer-col3 {
color: #DEDEDE;
font-size: 13px;
padding-left: 40px;
}
#footer i{
float: left;
margin-right: 10px;
padding-bottom: 40px;
}
#footer i.fa.fa-envelope{font-size: 18px;}
#footer i.fa.fa-mobile{font-size: 30px;}
#footer i.fa.fa-map-marker{font-size: 22px;}  #clientes{
background: #ffffff;
padding: 80px 0 40px 0;
}
.home #clientes {
padding: 30px 0 40px 0;
}
#clientes .sub {
margin-bottom: 65px;
}
#clientes h2{
color: var(--cor-azul-clara-padrao);
text-align: center;
text-transform: uppercase;
}
#clientes .cliente-item {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}
#clientes .cliente-item img {} #diferenciais-agt{
margin-top: 60px;	
padding-bottom: 80px;
}
#diferenciais-agt h3{
color: #ffffff;
margin-bottom: 50px;
text-align:center;
}
#diferenciais-agt h4{
color: #ffffff;
margin: 35px 0;
}
#diferenciais-agt .vc_col-sm-4 {
background-color: #0084BB;
border-radius: 5px;
padding: 44px 30px;
width: 30%;
}
#diferenciais-agt .vc_col-sm-4 p {
min-height: 170px;
}
#diferenciais-agt .icone {
height: 88px;
}
#diferenciais-agt .vc_col-sm-4 img{
height: auto;
position: static;
width: auto;
}
#diferenciais-agt .vc_col-sm-4.card-meio{
margin: 0 5%;
}
#diferenciais-agt .wpb_text_column{
margin-bottom: 0 !important;
} #depoimentos{
background-color: #fff;
padding: 80px 0;
}
#depoimentos h2 {
color: var(--cor-azul-clara-padrao);
margin-bottom: 80px;
text-align: center;
text-transform: uppercase;
} #depoimentos .swiper-slide p{
font-size: 18px;
margin: 0 auto;
max-width: 820px;
text-align: center;
}
#depoimentos .swiper-button-next,
#depoimentos .swiper-button-prev {
color: #dedede;
font-weight: bold;
}
#depoimentos .swiper-slide img{
display: block;
margin: 75px auto 0 auto;
}
#depoimentos .depoentes {}
#depoimentos .swiper-slide b{
color: #858585;
display: block;
font-family: Montserrat, Arial, Sans-serif;
font-size: 18px;
font-weight: bold;
margin: 17px auto 5px auto;
text-align: center;
}
#depoimentos .depoentes p {
font-size: 15px
}  #alcance-mundial{
background-color: #3D5274;
padding: 90px 0px 65px 0px;
}
#alcance-mundial h2{
color: var(--cor-clara-padrao-texto);
text-align: center;
text-transform: uppercase;
}
#alcance-mundial h2 + p{
color: #DEDEDE;
margin: 30px auto 90px auto;
max-width: 70%;
text-align: center;
}
#alcance-mundial .texto .wpb_wrapper{
display: flex;
justify-content: space-around;
width: 100%;
}
#alcance-mundial .texto div {
color: var(--cor-clara-padrao-texto);
width: 33.3%;
}
#alcance-mundial .texto div:first-child { 
text-align: right;
}
#alcance-mundial .texto div:first-child > p {
float: right;
text-align: right;
}
#alcance-mundial .texto div:last-child {
text-align: left;
}
#alcance-mundial .texto div h6{
color: #42BFF6;
font-size: 22px;
font-weight: bold;
margin-bottom: 15px
}
#alcance-mundial .texto div p{
color: #DEDEDE;
max-width: 70%;
}
#alcance-mundial .cta {
margin-top: 60px;
text-align: center;
} #entre-em-contato{
background: #000 url(//agtonline.dev/wp-content/themes/agt_online/images/bg/fundo-moderno-agt-online.jpg) no-repeat top left;
background-size: cover;
padding: 75px 0 50px 0;
text-align: center;
}
#entre-em-contato h3 {
color: #fff;
margin: 50px 0;
} 
#entre-em-contato p{
color: #DEDEDE;
margin: 0 auto;
max-width: 60%;
}
#entre-em-contato .cta a {
margin-top: 60px;
}  .page-title {
background: #132a51 url(//agtonline.dev/wp-content/themes/agt_online/images/bg/header-blog.jpg) no-repeat center top;
height: 274px;
}
.page-title h1 {
color: #ffffff;
padding: 170px 0 0 0;
text-align: center;
}
.page-title h2 {
color: #ffffff;
font-size: 40px;
padding: 170px 0 0 0;
text-align: center;
}  #hero{
align-items: center;
background: #000f28 url(//agtonline.dev/wp-content/themes/agt_online/images/bg/hero.jpg) no-repeat;
background-attachment: fixed;
display: flex;
height: 600px;
justify-content: center;
}
#hero h1 {
color: var(--cor-clara-padrao-texto);
margin: 175px auto 50px auto;
max-width: 80%;
text-align: center;
}
#hero .cta {
margin-top: 50px;
text-align: center;
}
#hero .mouse-wrapper {
margin-top: 80px;
margin-bottom: 0;
}
#hero .mouse-wrapper a {
position: relative;
}
#hero .mouse-wrapper a:before {
content: '|';
color: #fff;
font-size: 11px;
font-weight: bold;
position: absolute;
text-align: center	;
top: 5px;
width: 100%;
}
#hero .mouse-wrapper a:hover:before {
transform: translate(0, 10px);
transition: transform .5s ease-in-out;
} #servicos {
background: #001029;
padding-top: 80px;
position: relative;
z-index: 10;
}
#servicos:after {
background: #fff;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
content: '';
height: 200px;
z-index: -1;
}
#servicos > * { color: var(--cor-clara-padrao-texto) }
#servicos p,
#servicos h2 { text-align: center; }
#servicos h2 {
margin-bottom: 45px;
text-transform: uppercase;
}
#servicos p {
color: #fff;
margin: 0 auto;
max-width: 65%;
}
#servicos .linha-cards {
margin-top: 60px;
}
#servicos .card-servicos{
position: relative; 
}
#servicos .card-servicos img {
border-radius: 10px;
width: 100%;
}
#servicos .card-servicos .conteudo{
align-items: center;
background-color: rgba(12,148,212,0.9);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
bottom: 0;
max-height: 56px;
padding: 10px 30px;
position: absolute;
width: 100%;
transition: max-height 0.15s ease-out;
}
.card-servicos .conteudo h3 {
font-size: 24px;
line-height: 36px;
}
#servicos .card-servicos a {
display: block;
font-size: 24px;
text-align: left;
}
#servicos .card-servicos p {
display: block;
font-size: 15px;
line-height: 1.8;
margin: 10px 0 0 0;
max-width: 70%;
text-align: left;
}
#servicos .card-servicos strong {
display: flex;
justify-content: flex-end;
margin-top: 30px;
width: 100%;
}
#servicos .card-servicos strong a {
bottom: 20px;
color: #fff;
font-size: 16px;
font-weight: bold;
position: absolute;
text-transform: uppercase;
}
#servicos .card-servicos strong a:hover {
color: #001029;
}
#servicos .card-servicos strong a b {
bottom: -9px;
font-size: 40px;
margin-left: 10px;
position: relative;
}
.card-servicos .hidden-content {
visibility: hidden;
opacity: 0;	
}
.card-servicos:hover .hidden-content {
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.5s linear;
}
#servicos .card-servicos:hover .conteudo {
height: 100%;
max-height: 100%;
transition: max-height 0.5s ease-in;
padding-top: 130px;
transition: all .5s ease-in-out;
} #solucoes{
background-color: var(--cor-clara-padrao);
padding: 85px 0;
}
#solucoes p, #solucoes h2{text-align: center;}
#solucoes h2{
color: var(--cor-azul-clara-padrao);
margin-bottom: 30px;
text-transform: uppercase;
}
#solucoes .titulo{margin-bottom: 90px;}
@media screen and (min-width: 1024px) {
#solucoes .icone {
display: flex;
align-items: end;
justify-content: center;
min-height: 136px;
}
}
#solucoes .texto {}
#solucoes .linha-solucoes h4{
font-size: 20px;
text-align: center; }
#solucoes .linha-solucoes a {
color: var(--cor-azul-clara-padrao);
font-weight: 600;
}
#solucoes .linha-solucoes a:hover {
color: #001029;
}
#solucoes .linha-solucoes img:hover {
opacity: .8;
transition: .3s;
}
#solucoes .linha-solucoes + .linha-solucoes { margin-top: 65px; } #especialistas { 
background: #ffffff url(//agtonline.dev/wp-content/themes/agt_online/images/bg/bg-mockup-desenvolvimento-de-sites.jpg) no-repeat top left;  padding: 125px 0 180px 0;
}
#especialistas .texto {}
#especialistas h3 {
color: #42BFF6;
margin: 0 0 30px 0;
max-width: 60%;
}
#especialistas p {
color: #DEDEDE;
margin: 0 0;
max-width: 60%;
}
#especialistas .cta a {
margin-top: 55px;
} #blog-e-contato{
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0 50px 0;
} #blog{}
#blog h2 {
color: var(--cor-clara-padrao);
margin-bottom: 60px;
text-align: center;
text-transform: uppercase;
}
#blog h4 {
color: #54B7E4;
font-size: 19px;
font-weight: bold;
line-height: 1.4;
margin-left: 10px;
margin-top: 10px;
max-width: 95%;
min-height: 60px;
}
#blog p {
color: #DEDEDE;
font-size: 14px;
margin-left: 10px;
}
#blog .post-img {
border-radius: 10px;
min-height: 253px;
max-height: 253px;
overflow: hidden;
}
#blog .post-img img {
border-radius: 10px;
height: auto;
max-width: 100%;
}
#blog .post-img img:hover {
transition: transform .3s ease-in-out;
transform: scale(1.03);
}
#blog .meta {
display: flex;
justify-content: space-between;
padding-top: 7px;
}
#blog p.cat {
color: #DEDEDE;
font-size: 13px;
font-weight: bold;;
text-align: left;
text-transform: uppercase;
}
#blog p.date {
color: #DEDEDE;
font-size: 13px;
text-align: right;
}
#blog .cta {
margin-top: 60px;
text-align: center;
} #blog-e-contato #contato { margin-top: 150px; }
#blog-e-contato #contato h2 {
color: var(--cor-clara-padrao);
margin-bottom: 35px;
text-transform: uppercase;
}
#blog-e-contato #contato .info-contato p {
color: #fff;
max-width: 80%;
}
#blog-e-contato #contato .contatos .item {
color: #fff;
font-weight: 400;
} #blog-e-contato #contato form input:not(input[type="submit"]), 
#blog-e-contato #contato form textarea{
border: 1px #878E9A solid;
background: #00000080;
}
#blog-e-contato .wpcf7 input::placeholder,
#blog-e-contato .wpcf7 textarea::placeholder,
#blog-e-contato .wpcf7 input,
#blog-e-contato .wpcf7 textarea {
color: var(--cor-clara-padrao);
}
#contato input[type="submit"] {
float: right;
}
#blog-e-contato.pagina .titulo p {
color: #858585;
margin: 0 auto;
max-width: 70%;
text-align: center;
}
#blog-e-contato.pagina #contato a {
color: #858585;
}
#blog-e-contato.pagina #contato .contatos a  {margin-left: 0; }
#blog-e-contato #contato .item { margin-bottom: 30px; }
#blog-e-contato.pagina .contatos a:nth-child(2n),
#blog-e-contato.pagina .contatos a:nth-child(3n),{
margin-left: 15px;
}  #hero-quem-somos{
background: #142E58 url(//agtonline.dev/wp-content/themes/agt_online/images/bg/quem-somos.jpg) no-repeat top left; background-size: contain !important;
background-position: top left !important;
}
#hero-quem-somos #texto{
margin-top: 160px;
}
#hero-quem-somos h2 {
margin-bottom: 35px;
}
#hero-quem-somos h2,
#hero-quem-somos p {
color: #ffffff;
}
#hero-quem-somos #coluna-texto {
max-width: 75%;
padding-left: 50px;
}
#hero-quem-somos img{
position: absolute;
}
#hero-quem-somos .img-escritorio img {
left: -5%;
top: -10px;
z-index: 3;
}
#hero-quem-somos .img-maxime-office img {
left: 35%;
top: 30px;
z-index: 2;
}
#hero-quem-somos .img-computador img {
left: 0%;
top: 240px;
z-index: 1;
}    .page-id-116 #hero,
.page-id-234 #hero { 
background-image: url(//agtonline.dev/wp-content/themes/agt_online/images/bg/header-sites.jpg);
background-size: cover;
overflow: visible !important; 
}
.page-id-234 #hero { padding-bottom: 80px; }
.page-id-116 #hero .titulo .wpb_text_column,
.page-id-234 #hero .titulo .wpb_text_column { max-width: 85%;}
.page-id-116 #hero h1,
.page-id-234 #hero h1 {
margin: 150px 0 0 0;
max-width: 70%;
text-align: left;
margin-bottom: 30px;
}
.page-id-116 #hero .intro,
.page-id-234 #hero .intro {
margin-bottom: 20px;
}
.page-id-116 #hero .intro p,
.page-id-234 #hero .intro p {
color: #DEDEDE;
max-width: 75%;
text-align: left;
}
.page-id-116 #hero .cta,
.page-id-234 #hero .cta {
text-align: left;
}
.page-id-116 #hero .cta a,
.page-id-234 #hero .cta a {
padding: 7px 30px;
}
.page-id-116 #hero img,
.page-id-234 #hero img{
position: absolute;
z-index: 1;
}
.page-id-116 #hero .imagem-ibdec img{
margin-top: 70px;
right: 0;
width: 436px;
}
.page-id-116 #hero .imagem-carbon img{
left: -150px;
margin-top: 65px;
width: 436px;
}
.page-id-116 #hero .imagem-ffn img{
bottom: -600px;
right: 325px;
width: 191px;
}
.page-id-234 #hero .imagem-telas img{
left: -100px;
margin-top: 150px;
max-width: 861px;
} #listagem-de-servicos{
background-color: var(--cor-clara-padrao);
padding: 90px 0px 30px 0px;
}
#listagem-de-servicos .titulo-container{
margin-bottom: 70px;
width: 1300px !important;
}
#listagem-de-servicos .titulo{max-width: 35%;}
#listagem-de-servicos .titulo h2{text-transform: capitalize !important;}
#listagem-de-servicos .titulo h2,
#listagem-de-servicos .titulo p{text-align: left !important;}
#listagem-de-servicos h2{
color: var(--cor-azul-clara-padrao);
font-size: 32px;
margin-bottom: 30px;
text-align: center;
text-transform: uppercase;
}
#listagem-de-servicos h2 + p {
font-size: 16px;
text-align: center;
}
#listagem-de-servicos .cards {
margin: 0 auto 100px auto;
max-width: 90%;
}
#listagem-de-servicos .card-servico > .vc_column-inner > .wpb_wrapper{
border-radius: 5px;
align-items: center;	
display: flex;
max-width: 95%;
min-height: 228px;
padding: 10px 40px;
} #listagem-de-servicos .cards .vc_row .card-servico:first-child > .vc_column-inner > .wpb_wrapper { background-color: #0782B9; }
#listagem-de-servicos .cards .vc_row .card-servico:last-child > .vc_column-inner > .wpb_wrapper{ background-color: #03A0E6; }
#listagem-de-servicos .cards .vc_row .card-servico > .vc_column-inner > .wpb_wrapper:hover {
background-color: #3D5274;
transition: all .3s;
}
#listagem-de-servicos .cards .card-servico .icone {
margin-bottom: 0;
width: 32%;
}
#listagem-de-servicos .cards .card-servico img{ } #listagem-de-servicos .cards .card-servico .texto { margin-bottom: 27px;
width: 68%;
}
#listagem-de-servicos .cards .card-servico p {
color: var(--cor-clara-padrao-texto);
line-height: 1.8;
text-align: left;
}
#listagem-de-servicos .cards .card-servico h4 {
color: var(--cor-clara-padrao-texto);
font-size: 22px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 25px;
}
#listagem-de-servicos .cards .vc_row + .vc_row{margin-top:25px;} 
#listagem-de-servicos .cards .vc_row:nth-child(2n){flex-direction: row-reverse;} #section-cases {
background-color: #fff;
}
#section-cases .sub {
margin-bottom: 60px;;
text-align: center;
}
#section-cases .sub h2 {
color: var(--cor-azul-clara-padrao);
margin-bottom: 30px;
text-transform: uppercase;
} #tecnologias {
background-color: #fff;
padding: 0 0 90px 0;
}
#tecnologias .texto {
padding-left: 35px;
}
#tecnologias h3 {
color: #03A0E6;
float: right;
margin-bottom: 20px;
max-width: 100%;
text-align: right;
}
#tecnologias p {
color: #858585;
text-align: right;
}
#tecnologias .item-logo {
display: flex;
align-items: center;
justify-content: center;
height: 90px;
margin-bottom: 35px;
} .page-id-116 #blog-e-contato, .page-id-234 #blog-e-contato, .page-id-273 #blog-e-contato, .page-id-8551 #blog-e-contato, .page-id-9163 #blog-e-contato { background-color: #3D5274;
background-image: none !important;
}
.page-id-116 #contato,
.page-id-234 #contato,
.page-id-273 #contato,
.page-id-8551 #contato,
.page-id-9163 #contato { 
margin-top: 30px !important;
}
.page-id-116 #contato .titulo p,
.page-id-234 #contato .titulo p,
.page-id-273 #contato .titulo p,
.page-id-8551 #contato .titulo p,
.page-id-9163 #contato .titulo p {
color: #ffffff;
max-width: 85%;
}
.page-id-116 #blog-e-contato input:not(input[type="submit"]),
.page-id-116 #blog-e-contato textarea,
.page-id-234 #blog-e-contato input:not(input[type="submit"]),
.page-id-234 #blog-e-contato textarea,
.page-id-273 #blog-e-contato input:not(input[type="submit"]),
.page-id-273 #blog-e-contato textarea,
.page-id-8551 #blog-e-contato input:not(input[type="submit"]),
.page-id-8551 #blog-e-contato textarea,
.page-id-9163 #blog-e-contato input:not(input[type="submit"]),
.page-id-9163 #blog-e-contato textarea {
background-color: #00000026 !important;
}  .page-id-234 #listagem-de-servicos .titulo {
max-width: 100% !important;
text-align: center;
}
.page-id-234 #listagem-de-servicos .titulo h2,
.page-id-234 #listagem-de-servicos .titulo p {
text-align: center !important;
}
#listagem-de-servicos .titulo-container {
margin-bottom: 30px;
}
.page-id-234 #listagem-de-servicos .cards .card-servico > .vc_column-inner > .wpb_wrapper {
min-height: 288px;
} .page-id-234 #cases-de-sucesso .card-case:not(.fundo) { 
padding-top: 0;
}
.page-id-234 #tecnologias {
padding: 90px 0;
}  .page-id-273 #hero {
background-image: url(//agtonline.dev/wp-content/themes/agt_online/images/bg/header-manutencao-de-sites.jpg);
background-size: cover;
}
.page-id-273 #hero h1{
font-size: 18px;
font-weight: 400;
margin: 135px auto 45px auto;
text-transform: uppercase;
}
.page-id-273 #hero h3{
color: #fff;
font-size: 40px;
margin: 15px 0 50px 0;
} #suporte-tecnico{
background-color: var(--cor-clara-padrao);
padding: 70px 0 100px 0;
}
#suporte-tecnico h2 {
color: var(--cor-azul-clara-padrao);
margin-bottom: 25px;
text-align: center;
}
#suporte-tecnico p {
color: #858585;
margin: 15px auto 0 auto;
max-width: 70%;
text-align: center;
}
#suporte-tecnico .cards-suporte {
column-gap: 25px;
display: flex;
margin-top: 35px;
}
#suporte-tecnico .cards-suporte .vc_col-sm-4:nth-child(odd){
background-color: #03A0E6;
border-radius: 5px;
padding: 50px 30px;
}
#suporte-tecnico .cards-suporte .vc_col-sm-4:nth-child(even){
background-color: var(--cor-azul-clara-padrao);
border-radius: 5px;
padding: 50px 30px;
}
#suporte-tecnico .cards-suporte .vc_col-sm-4:hover {
background-color: #3D5274;
transition: all .3s;
}
#suporte-tecnico .cards-suporte h3 {
color: var(--cor-clara-padrao);
font-size: 28px;
font-weight: 900;
margin: 35px auto 45px auto;
min-height: 68px;
text-align: center;
}
#suporte-tecnico .cards-suporte img {
width: auto;
}
#suporte-tecnico .cards-suporte p{
background: transparent url(//agtonline.dev/wp-content/themes/agt_online/images/icon-check.png) no-repeat center left;
color: var(--cor-clara-padrao);
font-size: 18px;
padding: 3px 0;
padding-left: 45px;
max-width: 100%;
text-align: left;
}
#suporte-tecnico .cards-suporte hr {
background-color: transparent;
border: none;
border-top: 1px dashed #fff;
margin: 17px 0;
} #cases-de-sucesso.pg-manut {
padding-top: 70px;
} #beneficios-agt{padding: 90px 0 110px 0;}
#beneficios-agt h2{
color: var(--cor-clara-padrao);
font-size: 32px;
text-align: center;
}
#beneficios-agt p{
color: #DEDEDE;
line-height: 1.6;
margin: 0 auto;
max-width: 90%;
text-align: center;
}
#beneficios-agt h3{
color: var(--cor-clara-padrao-texto);
font-size: 26px;
margin: 50px 0 20px 0;
text-align: center;
}
#beneficios-agt .cards-beneficios{margin-top: 85px;}
#beneficios-agt .cards-beneficios .vc_single_image-wrapper {
height: 100px;
}
#beneficios-agt .cards-beneficios img{
width: auto;
}  .page-id-8551 #hero {
background-image: url(//agtonline.dev/wp-content/themes/agt_online/images/bg/header-gerenciamento-google-ads.jpg);
background-size: cover;
display: block;
overflow: unset;
z-index: 999;
}
.page-id-8551 #hero .texto {
max-width: 510px;
margin-top: 150px;
text-align: left;
}
.page-id-8551 #hero h1 {
font-size: 18px;
font-weight: 400;  margin: 0;
margin-bottom: 35px;
text-transform: uppercase;
text-align: left;
}
.page-id-8551 #hero h3{
color: #fff;
font-size: 40px;
margin: 15px 0 50px 0;
}
.page-id-8551 #hero .foto-hero {
margin-top: 180px; } #graficos {
background-color: #ffffff;
padding: 30px 0 90px 0;
}
#graficos .sub {
margin-bottom: 20px;
margin-top: 10px;
}
#graficos h2 {
color: #0084BB;
margin-bottom: 15px;
}
#graficos #linha-intro { 
padding-bottom: 60px;
}
#graficos p,
#graficos h5 {
color: #ffffff;
}
#graficos h2 + p {
color: #858585;
margin: 0;
max-width: 70%;
}
#graficos h5 { 
font-weight: bold;
margin-bottom: 15px;
}
#graficos .wpb_text_column,
#graficos .wpb_single_image {
margin-bottom: 0 !important;
} 
#graficos .vc_row .vc_col-sm-4{
border-radius: 10px;
padding: 35px 40px;
width: 32%;
}
#graficos .vc_row .vc_col-sm-4:nth-child(2n){
margin: 0 2%;
}
#graficos .vc_row:nth-child(2n) .vc_col-sm-4:nth-child(odd){
background-color: #03A0E6;
}
#graficos .vc_row:nth-child(2n) .vc_col-sm-4:nth-child(even){
background-color: #0782B9;
}
#graficos .vc_row:nth-child(3n) .vc_col-sm-4:nth-child(even){
background-color: #03A0E6;
}
#graficos .vc_row:nth-child(3n) .vc_col-sm-4:nth-child(odd){
background-color: #0782B9;
}
#graficos .vc_row + .vc_row {
margin-top: 35px;
} body.page-id-8542 { 
background-color: #fff;
}
.titulo-cases-sites {
background: #132a51 url(//agtonline.dev/wp-content/themes/agt_online/images/bg/header-cases.jpg) no-repeat center top;
height: 274px;
}
.titulo-cases-sites h1 {
color: #ffffff;
margin: 170px 0 0 0;
text-align: center;
}
#texto-intro-cases {
padding: 60px 0 30px 0;
}
#texto-intro-cases p {
font-size: 32px;
font-weight: 500;
line-height: 1.3;
text-align: center;
margin: 0 auto;
max-width: 1000px;
} #portfolio-wrapper {
margin-bottom: 130px;
}
#portfolio-wrapper .row {
row-gap: 40px;
}
#portfolio-wrapper .row img {
border-radius: 10px;
max-width: 100%;
}
#portfolio-wrapper .conteudo {
background-color: rgba(12,148,212,0.9);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
bottom: 0;
padding: 15px 22px 15px 22px;
position: absolute;
opacity: 1;
width: 93%;
transition: max-height 0.15s ease-out;
height: 100%;
max-height: 100px;
}
#portfolio-wrapper .conteudo strong { color: #ffffff;
display: block;
font-size: 24px;
font-weight: 400;
}
#portfolio-wrapper .conteudo b{ color: #ffffff;
display: block;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
#portfolio-wrapper .hidden-content {
visibility: hidden;
opacity: 0;	
text-align: right;
position: absolute;
bottom: -20px;
right: 22px;
}
#portfolio-wrapper .hidden-content a {
color: #fff;
font-weight: bold;
}
#portfolio-wrapper .card-portfolio:hover .conteudo {
max-height: 150px;
transition: max-height 0.3s ease-in;
transition: all .3s ease-in-out;
}
#portfolio-wrapper .card-portfolio:hover .hidden-content {
visibility: visible;
opacity: 1;
bottom: 15px;
transition: visibility 0s, bottom 0s, opacity 0.3s linear;
} .single-portfolio-wrapper {
padding-bottom: 75px;
}
.single-portfolio-wrapper .post-content {
margin: 0 auto;
max-width: 835px;
}
.single-portfolio-wrapper .wpb_content_element,
.single-portfolio-wrapper .wpb_single_image *{
margin-bottom: 0;
margin-top: 0;
}
.single-portfolio-wrapper .header  {
padding-top: 60px;
}
.single-portfolio-wrapper .header img {
display: none;
width: 100%;
}
.single-portfolio-wrapper .header .info { 
display: flex;
justify-content: space-between;
margin-top: 30px;
} 
.single-portfolio-wrapper .header .info > div{
padding: 0 15px;
width: 25%;
}
.single-portfolio-wrapper .header .info > div > p:first-child {
color: #0084BB;
font-size: 13px;
font-weight: 600;
margin-bottom: 5px;
text-transform: uppercase;
}
.single-portfolio-wrapper .header .info > div > p:last-child {
color: #858585;
font-size: 15px;
line-height: 1.2;
margin-bottom: 0;
}
.single-portfolio-wrapper .header .info > div{
border-left: #9A9A9A 1px solid;
}
.single-portfolio-wrapper .texto{
margin: 60px 0;
}
.single-portfolio-wrapper .texto p{
color: #858585;
margin-bottom: 25px;
} .fotos-do-layout {
margin: 0 auto;
max-width: 950px; } #projetos-relacionados {
background-color: #F8F8F8;
padding: 70px 0 0 0;
}
#projetos-relacionados .sub {
text-align: center;
margin-bottom: 60px;
}
#projetos-relacionados .sub h2 {
color: var(--cor-azul-clara-padrao);
} body.page-id-8680 { 
background-color: #fff;
}
body.page-id-8680 .page-title {
background: #132a51 url(//agtonline.dev/wp-content/themes/agt_online/images/bg/header-cases.jpg) no-repeat center top;
}
body.page-id-8680 #texto-intro-cases {
padding: 60px 0 0 0;
}
body.page-id-8680 #texto-intro-cases .texto {
margin-bottom: 0;
} #cases-de-sucesso.sistemas-cases{}
#cases-de-sucesso {
background-color: #fff;
}
#cases-de-sucesso h2 {
color: var(--cor-azul-clara-padrao);
text-align: center;
text-transform: uppercase;
}
#cases-de-sucesso .card-case {
column-gap: 30px;
display: flex;
padding-bottom: 35px;
padding-top: 70px;
}
#cases-de-sucesso .fundo {
background-color: #F2F2F2;
flex-direction: row-reverse;
}
#cases-de-sucesso .col-right { padding-right: 85px; }
#cases-de-sucesso .col-left { padding-left: 85px; }
#cases-de-sucesso .fundo .col-left { padding-right: 85px; padding-left:0; }
#cases-de-sucesso .fundo .col-right { padding-left: 85px; padding-right:0; }
#cases-de-sucesso .card-case .cta a {
padding: 6px 30px;
}
#cases-de-sucesso .img-case {
position: relative;
}
#cases-de-sucesso .img-case img {
border-radius: 10px;
width: 100%;
}
#cases-de-sucesso .img-case > div {
background-color: #03A0E6;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
bottom: 0;
position: absolute;
width: 100%;
}
#cases-de-sucesso .img-case > div p {
color: var(--cor-clara-padrao);
font-size: 20px;
margin: 0 !important;
padding: 12px 25px;
}
#cases-de-sucesso h3{
color: #0084BB;
font-size: 26px;
margin-bottom: 40px;
}
#cases-de-sucesso .desc {}
#cases-de-sucesso .desc p {}  #sistemas-texto{
background-color: #ffffff;
padding-top: 60px;
padding-bottom: 70px;
}
#sistemas-texto .texto-intro {
margin-bottom: 70px;
}
#sistemas-texto .texto-intro h2 { 
color: #0084BB;
font-size: 32px;
margin-bottom: 15px;
text-align: center;
}
#sistemas-texto .texto-intro p {
color: #858585;
margin: 0 auto;
max-width: 820px;
text-align: center;
}
#sistemas-texto .desc{ padding: 0 45px;
}
#sistemas-texto .desc h3{
color: #0084BB;
font-size: 26px;
margin-bottom: 15px;
}
#sistemas-texto .desc p {
margin-bottom: 32px;
}
#sistemas-texto .desc p{
max-width: 100%;
text-align: left;
}
#sistemas-texto .grafico-1 img,
#sistemas-texto .grafico-2 img {
position: absolute;
}
#sistemas-texto .grafico-2 img {
bottom: -350%;
right: 15%;
} #tecs-utilizadas{
background-color: #F2F2F2;
padding: 90px 0;
}
#tecs-utilizadas h2{
color: #0084BB;
font-size: 32px;
margin-bottom: 70px;
text-align: center;
}
#tecs-utilizadas .logos-wrapper {
align-items: center;
display: flex;
justify-content: space-between;
}  #intro-contato {
padding-top: 70px;
}
#intro-contato .texto-intro {
text-align: center;
max-width: 830px;
margin: 0 auto 50px auto;
}
#contato-wrapper {
padding-bottom: 70px;
}
#contato-wrapper .col-left {
padding-left: 100px;
}
#contato-wrapper .col-right {
padding-left: 20px;
padding-right: 100px;
}
.contatos .item {
color: #858585;
display: block;
font-size: 17px;
font-weight: 500;
margin-bottom: 13px;
overflow: hidden;
padding-left: 0;
}
.contatos i {
float: left;
}
.contatos .fa.fa-envelope{ 
font-size: 20px;
margin-right: 12px; 
padding-bottom: 15px;
}
.contatos .fa.fa-map-marker {
font-size: 28px;
margin-right: 15px;
padding-bottom: 25px;
}
.contatos .fa.fa-mobile {
font-size: 28px;
margin-right: 15px;
padding-bottom: 40px;
} #contato-wrapper .wpcf7{}
#contato-wrapper .wpcf7 input[type="text"],
#contato-wrapper .wpcf7 input[type="email"],
#contato-wrapper .wpcf7 select {
background: #FBFBFB;
border-color: #C7C7C7;
color: #000;
color: var(--cor-azul-clara-padrao);
}
#contato-wrapper .wpcf7 textarea {
background: #FBFBFB;
border-color: #C7C7C7;
color: #000;
color: var(--cor-azul-clara-padrao);
height: 220px;
}
#contato-wrapper .wpcf7 input[type="submit"] {
background-color: #fff;
border-color: var(--cor-azul-clara-padrao);
color: var(--cor-azul-clara-padrao);
float: right;
margin-top: 25px;
}
#contato-wrapper .wpcf7 input[type="submit"]:hover {
background-color: var(--cor-azul-clara-padrao);;
color: #fff;
} #google-maps {}
#google-maps .mapa { 
margin-bottom: 0;
} #pg-404{
align-items: center;
display: flex;
height: 1000px;
}
#pg-404 h1{
color: #ffffff;
margin-bottom: 20px;
text-align: center;
}
#pg-404 h3{
color: #ffffff;
text-align: center;
} body.page-id-8864 .content-wrapper {
padding: 70px 0;
} .page-template-template-blog {
background-color: #fff;
}
#blog.archive{
padding: 70px 0;
}
#blog.archive .sub {}
#blog.archive .sub h2 {
border-bottom: 1px solid #9A9A9A;
color: var(--cor-azul-clara-padrao);
font-size: 32px;
margin-bottom: 50px;
padding-bottom: 25px;
text-align: left;
text-transform: none;
} #blog.archive .post-single {
margin-bottom: 80px;
}
#blog.archive p.cat,
#blog.archive p.date,
#blog.archive .post-desc {
color: #858585;
} body.single-post {
background-color: #fff;
}
#section-blog-post{
background-color: #fff;
padding-bottom: 35px;
}
#section-blog-post .container {
max-width: 1050px !important;
}
#section-blog-post article.single-blog {} #section-blog-post .post-title {
padding-top: 50px;
}
#section-blog-post .post-title h1 {
border-bottom: 1px solid #9A9A9A;
color: var(--cor-azul-clara-padrao);
font-size: 32px;
margin: 0;
margin-bottom: 15px;
padding-bottom: 40px;
} .single-blog .post-meta {
margin-bottom: 15px;
overflow: hidden;
} .single-blog .post-meta .cats { float: left; line-height: 1; margin-right: 15px; }
.single-blog .post-meta .cats:after { content : '|'; float: left;  font-weight: 400; line-height: 1; padding-left: 15px; }
.single-blog .post-meta .cats b { color: #858585; font-weight: bold; font-size: 14px; }
.single-blog .post-meta .cat-title {  color: #858585; font-size: 14px; font-weight: bold; float: left; text-transform: uppercase; }
.single-blog .post-meta .cat-title a { color: #858585; font-weight: bold; text-transform: uppercase; }
.single-blog .post-meta .cat-title a:hover { color: #707070; }
.single-blog .post-meta .data { color: #858585; float: left; font-size: 14px; font-weight: 400; line-height: 1.2;} .single-blog .share-wrapper { text-align: right; }
.single-blog .share-wrapper img { width: auto; }
.single-blog .share-wrapper a { margin-right: 15px; text-decoration: none; }
.single-blog .share-wrapper a:hover { opacity: .8; }
.single-blog .share-wrapper span { color: #858585; font-size: 14px; font-weight:bold; line-height: 25px; margin-right: 15px; }
.single-blog .share-wrapper span:after { content : '|'; font-weight: 400; padding-left: 15px; } .single-blog .post-feature-img {}
.single-blog .post-feature-img img {
border-radius: 10px;
margin-bottom: 50px;
max-width: 100%;
height: auto;
} .single-blog .post-content {
margin: 0 auto;
width: 85%;
}
.single-blog .post-content p {
margin-bottom: 30px;
}
#section-blog-post a:hover { color: #333; }
.single-blog .post-content h2 { font-size: 30px; }
.single-blog .post-content h3 { font-size: 26px; }
.single-blog .post-content h4 { font-size: 20px; }
.single-blog .post-content h2,
.single-blog .post-content h3,
.single-blog .post-content h4 {
color: var(--cor-azul-clara-padrao);
margin-bottom: 30px;
}
.single-blog .post-content ul {
padding-left: 20px;
}
.single-blog .post-content ul {
list-style: none;
margin-bottom: 30px;
padding-left: 0;
}
.single-blog .post-content ul li { 
position: relative;
margin-bottom: 12px;
padding-left: 20px;
line-height: 1.2; }
.single-blog .post-content ul li:before{
border-radius: 50%;
background-color: #03A0E6;
content: '';
width: 6px;
height: 6px;
position: absolute;
top: 35%;
left: 0;
}
.single-blog .post-content img,
.single-blog .post-content iframe {
height: auto;
margin-bottom: 50px;
margin-top: 50px;
max-width: 100%;
width: auto;
}
.single-blog .post-content iframe {
width: 100%;
} .post-meta.footer {
border-bottom: 1px solid #9A9A9A;
border-top: 1px solid #9A9A9A;
padding: 10px 0;
margin: 50px 0 50px 0;
}
.post-meta.footer .share-wrapper {
text-align: left;
} ul.etapas-blog {
border: 1px solid var(--cor-azul-clara-padrao);
display: inline-block;
min-width: 50%;
padding: 20px 20px 10px 30px;
}
.etapas-blog li {
font-weight: bold;
list-style: none;
}
.etapas-blog li:before { display: none; }
.etapas-blog li a { color: var(--cor-azul-clara-padrao); } body.single-post #blog.archive { 
padding-top: 0;
}
#blog.archive .sub h2 {
border: none;
text-align: center;
padding: 0;
}
#blog.archive .cta {
display: none;
} #section-obrigado-wrapper {
padding: 60px 0;
}
#section-obrigado-wrapper .texto {}
#section-obrigado-wrapper .texto h3 {}
#section-obrigado-wrapper .texto h2 {}
#section-obrigado-wrapper .texto p {}
#section-obrigado-wrapper .icone {}
#section-obrigado-wrapper .icone img {}
#section-obrigado-wrapper .cta {}
#section-obrigado-noticias {}
#section-obrigado-noticias .sub {}
#section-obrigado-noticias .sub h4 {}  .page-id-9163 .page-title { display: none; } .page-id-9163 #hero { 
background-color: #212951;
background-image: url(//agtonline.dev/wp-content/themes/agt_online/images/bg/bg-sistema-de-entregas.jpg);
background-size: 1920px 600px;
background-size: 100% 50%;
background-attachment: inherit;
display: block;
height: auto;
z-index: 2;
position: relative;
}
.page-id-9163 #hero:after {
content: '';
width: 100%;
height: 200px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.page-id-9163 #hero .titulo .wpb_text_column { 
max-width: 85%;
}
.page-id-9163 #hero h1 {
margin: 150px 0 0 0;
max-width: 70%;
text-align: left;
margin-bottom: 30px;
}
.page-id-9163 #hero .intro {
margin-bottom: 20px;
}
.page-id-9163 #hero .intro p {
color: #DEDEDE;
margin-top: 40px;
max-width: 75%;
text-align: left;
}
.page-id-9163 #hero .cta {
text-align: left;
}
.page-id-9163 #hero .cta a {
padding: 7px 30px;
}
.page-id-9163 #hero img{
position: absolute;
z-index: 3;
}
.page-id-9163 #hero .tablet img{
left: -100px;
top: 300px;
width: 296px;
}
.page-id-9163 #hero .caminhao img{
left: 95px;
top: 150px;
width: 313px;
}
.page-id-9163 #hero .van img{
left: 225px;
top: 350px;
width: 296px;
}
.page-id-9163 #hero .texto.cta.intro > div{
padding-left: 100px;
} #video {
padding: 120px 0 70px 0;
position: relative;
}
#video .sub{}
#video .sub h2 {
color: #ffffff;
font-size: 32px;
text-align: center;
}
#video .video {
margin: 0 auto;
width: 100%;
max-width: 870px;
text-align: center;
}
#video .video iframe {	
border-radius: 5px;
height: 471px;
} #suporte-tecnico.sistemas-entrega {
padding: 0 0 100px 0;
}
#suporte-tecnico.sistemas-entrega h2 {
text-transform: uppercase;
}
#suporte-tecnico.sistemas-entrega .cards-suporte h3{
font-weight: 500;
font-size: 24px;
text-align: left;
} #cases-de-sucesso.sistema-de-entregas{ 
padding-top: 0;
padding-bottom: 0;
}
#cases-de-sucesso.sistema-de-entregas .card-case {
padding-top: 0;
padding-bottom: 0;
} #beneficios-agt.sistema-de-entregas{
padding: 70px 0 50px 0
}
#beneficios-agt.sistema-de-entregas .sub { margin-bottom: 70px; }
#beneficios-agt.sistema-de-entregas h2{
color: #0084BB;
font-size: 40px;
margin-bottom: 20px;
}
#beneficios-agt.sistema-de-entregas h3{
color: #0084BB;
font-size: 20px;
font-weight: bold;
}
#beneficios-agt.sistema-de-entregas p{
color: #858585;
font-weight: 500;
}
#beneficios-agt.sistema-de-entregas .cards-beneficios {
margin-top: 35px;
} #entre-em-contato.sistema-de-entregas {
padding: 40px 0;
}
#entre-em-contato.sistema-de-entregas p {
margin-top: 0;
}
#entre-em-contato.sistema-de-entregas p a {
margin-top: 0;
} #visualizacao-estrategica.sistema-de-entregas {
margin: 80px 0 50px 0;
}
#visualizacao-estrategica.sistema-de-entregas  h2{ 
color: #0084bb; 
text-transform: uppercase;
}
#visualizacao-estrategica.sistema-de-entregas .sub { 
margin-bottom: 50px;
text-align: center; 
}
#visualizacao-estrategica.sistema-de-entregas p {
margin: 20px 0 50px 0;
}
#visualizacao-estrategica.sistema-de-entregas h3 {
color: #0084bb;
font-size: 26px;
margin-bottom: 20px;
}
#visualizacao-estrategica.sistema-de-entregas .texto > div {
padding-left: 50px;
}  #hero.pag-manut-gringa {
overflow: initial;
}
#hero.pag-manut-gringa .texto {
padding-left: 70px;
}
#hero.pag-manut-gringa .texto h1 {
font-size: 40px;
margin: 135px 0 45px 0;
text-align: left;
text-transform: none;
}
#hero.pag-manut-gringa .texto h3 {
color: #DEDEDE;
font-size: 24px;
max-width: 80%;
}
#hero.pag-manut-gringa .cta {
text-align: left;
}
#hero.pag-manut-gringa .foto {
position: absolute;
top: 90px;
z-index: 999;
} #suporte-tecnico.pag-manut-gringa {} #hero-quem-somos.pag-manut-gringa {}
#hero-quem-somos.pag-manut-gringa #texto {
margin-top: 100px;
margin-bottom: 65px;
} #depoimentos.pag-manut-gringa {
padding: 70px 0 35px 0;
} #alcance-mundial.pag-manut-gringa {}
#alcance-mundial.pag-manut-gringa .texto .wpb_wrapper {
gap: 90px;
} #clientes.pag-manut-gringa {
padding: 70px 0 15px 0;
} #beneficios-agt.pag-manut-gringa {
padding: 80px 0 60px 0;
}  @media only screen and (max-width: 1367px) { #especialistas { background-position: -350px; } #listagem-de-servicos .cards { margin-bottom: 60px; }
#listagem-de-servicos .card-servico > .vc_column-inner > .wpb_wrapper { padding: 10px 30px; }
#listagem-de-servicos .cards .card-servico .wpb_text_column { margin-bottom: 15px; }
#listagem-de-servicos .cards .card-servico h4 { margin-top: 15px; } #suporte-tecnico .cards-suporte .vc_col-sm-4:nth-child(odd), 
#suporte-tecnico .cards-suporte .vc_col-sm-4:nth-child(even) { padding: 35px 20px; }
#suporte-tecnico .cards-suporte img { max-width: 95px; }
#suporte-tecnico .cards-suporte h3 { font-weight: 700; }
#suporte-tecnico .cards-suporte p { font-size: 17px; }
#suporte-tecnico .cards-suporte hr { margin: 12px 0; }
#beneficios-agt { padding: 90px 0 70px 0; } .contatos .item { font-size: 16px; }
} @media only screen and (max-width: 1200px) { h1 { font-size: 32px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; } #header { padding: 15px 25px 0 25px; } #depoimentos h2 { margin-bottom: 50px; }
#depoimentos .swiper-slide p { font-size: 17px; }
#depoimentos .swiper-slide img { margin-top: 50px; } .vc_row.cards-diferenciais-agt { padding: 0 35px; }
#diferenciais-agt .vc_col-sm-4 { min-height: 436px; padding: 35px 20px; }
#diferenciais-agt h4 { margin: 15px 0 25px 0; } .page-id-116 #hero .titulo .wpb_text_column, 
.page-id-234 #hero .titulo .wpb_text_column { max-width: 95%; }
.page-id-116 #hero h1 { margin: 120px 0 30px 0; }
.page-id-116 #hero .wpb_column.titulo { padding-top: 15px; padding-left: 35px; }
#listagem-de-servicos .cards .card-servico .wpb_text_column { margin-left: 30px; } .page-id-234 #hero .wpb_column.titulo {  padding-top: 30px; padding-left: 35px; }
.page-id-234 #hero h1 { margin: 120px 0 30px 0; } .page-id-273 #hero h3 { font-size: 32px; max-width: 80%; margin: 15px auto 50px auto; }
#beneficios-agt .cards-beneficios { margin-top: 50px; } .page-id-8551 #hero h3 { font-size: 32px; max-width: 80%; margin: 0 0 35px 0; }
.page-id-8551 #hero .col-left { padding-left: 35px; }
.page-id-8551 #hero .foto-hero { margin-top: 160px; width: 80%; }
#graficos .vc_row .vc_col-sm-4 { min-height: 251px;}
#cases-de-sucesso .sub { margin-bottom: 0; }
#beneficios-agt h2 { max-width: 80%; margin: 0 auto; }
#beneficios-agt h3 { font-size: 24px; margin: 35px 0 20px 0; } #texto-intro-cases p { font-size: 26px; }
#portfolio-wrapper .conteudo { padding: 15px; }
#portfolio-wrapper .conteudo strong { font-size: 22px; } .page-id-273 #hero h3 { margin-left: 0; }
.page-id-273 #hero-quem-somos img { position: relative; }
} @media only screen and (max-width: 1024px){ .visible-xs { display: block; }
.hidden-xs { display: none; } #abrirMenuMobile { float: right; } #clients { padding: 60px 0 15px 0; }
#clientes .sub { margin-bottom: 50px; }
#clientes .cliente-item { margin-bottom: 20px; }
#clientes .cliente-item img { max-width: 90%; } #depoimentos { padding: 60px 0 50px 0; } #alcance-mundial { padding: 60px 0 35px 0; }
#alcance-mundial h2 + p { max-width: 90%; margin: 30px auto 70px auto; }
#alcance-mundial .texto div p { max-width: 90%; } #entre-em-contato { padding: 55px 0 35px 0; }
#entre-em-contato .icone img { width: 65px; }
#entre-em-contato h3 { margin: 35px 0; }
#entre-em-contato p { max-width: 80%; }
#entre-em-contato .cta a { margin-top: 45px; 	} #footer { padding: 60px 20px; }
#footer .col-6 { word-break: break-all; } #servicos { padding-top: 60px; }
#servicos p { max-width: 100%; }
#solucoes  { padding: 60px 0 35px 0; }
#solucoes .icone img { max-width: 100px; }
#solucoes .linha-solucoes h4 { font-size: 18px; line-height: 1.3; }
#especialistas { background-position: -420px; padding: 70px 0 180px 0; }
#especialistas .texto { padding-left: 25px; }
#especialistas h3 { max-width: 70%; }
#especialistas p { max-width: 70%; }
#blog .post-img { min-height: 195px; max-height: 195px; }
#blog h4 { font-size: 18px; min-height: 76px; }
#blog .cta { margin-top: 50px; }
#blog-e-contato #contato { margin-top: 100px; } #hero-quem-somos #coluna-texto { max-width: 90%; }
#diferenciais-agt .vc_col-sm-4 { min-height: 461px; } .page-id-116 #hero .imagem-carbon img { left: -80px; width: 350px; }
.page-id-116 #hero .imagem-ibdec img { width: 350px; }
.page-id-116 #hero .imagem-ffn img { bottom: -550px; right: 225px; } 
#listagem-de-servicos .card-servico > .vc_column-inner > .wpb_wrapper { padding: 10px 20px; }
#portfolio-wrapper { margin-bottom: 100px; }
#portfolio-wrapper .conteudo { padding: 15px 10px; width: 311px; }
#portfolio-wrapper .conteudo strong { font-size: 20px; font-weight: 500; }
#tecnologias { padding-bottom: 35px; }
#tecnologias .texto { padding-left: 0; padding-right: 30px; } .page-id-234 #hero .imagem-telas img { left: -50px; }
.page-id-234 #hero .titulo .wpb_text_column { max-width: 100%; }
.page-id-234 #hero h1 { max-width: 90%; }
.page-id-234 #hero .intro p { max-width: 85%; }
.page-id-234 #hero .tit { padding-top: 30px; }
#listagem-de-servicos { padding: 70px 0 30px 0; }
#listagem-de-servicos .titulo-container { width: 100% !important; }
#listagem-de-servicos .cards { max-width: 100%; }
#listagem-de-servicos .card-servico > .vc_column-inner > .wpb_wrapper { max-width: 100%; }
.page-id-234 #listagem-de-servicos .cards .card-servico > .vc_column-inner > .wpb_wrapper { min-height: 235px; }
#cases-de-sucesso .card-case { column-gap: 0; }
.page-id-234 #tecnologias { padding: 70px 0 35px 0; } #suporte-tecnico .cards-suporte h3 { font-size:22px; font-weight: 700; margin: 30px auto; }
#suporte-tecnico .cards-suporte .vc_col-sm-4:nth-child(odd),
#suporte-tecnico .cards-suporte .vc_col-sm-4:nth-child(even) { padding: 35px 10px; }
#beneficios-agt { padding: 70px 0 35px 0; }
#beneficios-agt h2 { max-width: 100%; } #graficos .vc_row + .vc_row { padding: 0 20px; }
#graficos .vc_row .vc_col-sm-4 { padding: 35px 10px; } #tecs-utilizadas { padding: 70px 0 35px 0; } .contatos .item { word-break: break-all; }
} @media only screen and (max-width: 769px){ #header { padding: 0 10px; top: 25px; }
#abrirMenuMobile { float: right; margin-top: 5px; } #footer .footer-menu { display: none; }
#footer .footer-col3 { padding-left: 0; margin-top: 50px; } .page-title h1 { padding: 130px 0 0 0; } #depoimentos { padding: 50px 0 25px 0; }
#depoimentos h2 { margin-bottom: 35px; }
#depoimentos .swiper-slide p { font-size: 16px; }
#depoimentos .swiper-button-next, #depoimentos .swiper-button-prev { display: none; }  #alcance-mundial { padding: 50px 0 15px 0; }
#alcance-mundial h2 + p { margin: 30px auto; }
#alcance-mundial .texto .wpb_wrapper { display: block; }
#alcance-mundial .texto div { width: 100%; text-align: left !important; }
#alcance-mundial .texto div p {	max-width: 100%; text-align: left !important;  margin-bottom: 30px; } #entre-em-contato {	padding: 45px 0 15px 0; } #servicos { padding: 35px 0 15px 0; }
#servicos h2 { margin-bottom: 35px; }
#servicos p { margin-bottom: 15px; }
#servicos .card-servicos .conteudo { padding: 10px; }
.card-servicos .conteudo h3 { font-size: 20px; line-height: 1.3; margin-bottom: 0; margin-top: 5px; }
#servicos:after { display: none; }
#servicos .card-servicos:hover .conteudo { padding-top: 10px; }
#servicos .card-servicos p { max-width: 100%; }
#solucoes { padding: 45px 0 15px 0; }
#solucoes .titulo { margin-bottom: 50px; }
#solucoes .icone { margin-bottom: 20px; }
#solucoes .linha-solucoes + .linha-solucoes { margin-top: 0; }
#especialistas { background-position: -600px top; padding: 35px 0; }
#especialistas h3 { max-width: 90%; }
#especialistas .texto { padding-left: 10px; }
.home #clientes { padding: 35px 0 0 0; }
#blog-e-contato { padding: 35px 0; }
#blog h2 { margin-bottom: 35px; }
#blog .justify-content-center { margin-bottom: 35px; }
#blog h4 { min-height: unset; }
#blog .cta { margin-top: 0; }
#blog-e-contato #contato { margin-top: 60px; padding: 0 15px; } #hero-quem-somos #texto { margin-top: 120px; }
#hero-quem-somos #coluna-texto { max-width: 100%; padding: 0 20px; }
#hero-quem-somos img { position: relative; }
#diferenciais-agt { margin-top: 35px; padding-bottom: 70px; text-align: center;}
#diferenciais-agt .vc_col-sm-4 { width: 100%; min-height: auto; }
#diferenciais-agt .vc_col-sm-4.card-meio { margin: 35px 0; }
#diferenciais-agt .icone  { text-align: center; } .page-id-116 #hero, 
.page-id-234 #hero { display: block; height: auto; overflow: hidden !important; padding-bottom: 20px; }
.page-id-116 #hero .wpb_column.titulo,
.page-id-234 #hero .wpb_column.titulo { padding: 0; margin-top: 120px; }
.page-id-116 #hero h1,
.page-id-234 #hero h1 { max-width: 100%; margin: 0 0 30px; text-align: center; }
.page-id-116 #hero .titulo .wpb_text_column,
.page-id-234 #hero .titulo .wpb_text_column { text-align: center; max-width: 100%; }
.page-id-116 #hero .intro p,
.page-id-234 #hero .intro p { max-width: 100%; text-align: center; }
.page-id-116 #hero img,
.page-id-234 #hero img { position: relative; }
#listagem-de-servicos { padding: 35px 0 0 0; }
#listagem-de-servicos .titulo {	max-width: 90%; margin: 0 auto; }
#listagem-de-servicos .cards .vc_row .card-servico:first-child > .vc_column-inner { display: block; height: auto; min-height: auto;	max-height: unset; margin-bottom: 30px; }
#listagem-de-servicos .card-servico > .vc_column-inner > .wpb_wrapper { padding: 10px 20px 30px 20px; }
#listagem-de-servicos .cards .card-servico h4 { font-size: 20px; } #listagem-de-servicos .cards .card-servico .wpb_text_column { margin-left: 0; margin-bottom: 0; }
#portfolio-wrapper { margin-bottom: 70px; }
#portfolio-wrapper .conteudo { width: 100%; max-width: 100%; position: relative; }
#portfolio-wrapper .card-portfolio { max-width: 360px; width: 100%; margin: 0 auto; }
#portfolio-wrapper .row img { border-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#portfolio-wrapper .hidden-content { display: none; } .page-id-234 #hero .imagem-telas img { left: 0; margin-top: 20px; width: 100%; }
#listagem-de-servicos .cards { margin-bottom: 30px; }
#cases-de-sucesso .card-case { display: block; }
#cases-de-sucesso .col-left,
#cases-de-sucesso .fundo .col-left { padding: 0 15px; }
#cases-de-sucesso .col-right,
#cases-de-sucesso .fundo .col-right { padding: 0 15px; } .page-id-273 #hero h3,
.page-id-8551 #hero h3 { font-size: 28px; max-width: 90%; }
.page-id-273 #hero .mouse-wrapper,
.page-id-8551 #hero .mouse-wrapper { display: none; }
#suporte-tecnico  { padding: 50px 0 30px 0; }
#suporte-tecnico p { max-width: 90%; }
#suporte-tecnico .cards-suporte { flex-direction: column; gap: 35px; }
#suporte-tecnico .cards-suporte .vc_col-sm-4:nth-child(odd),
#suporte-tecnico .cards-suporte .vc_col-sm-4:nth-child(even) { width: 90%; margin: 0 auto; }
#suporte-tecnico .cards-suporte h3 { margin: 30px auto 0 auto; }
#cases-de-sucesso.pg-manut { padding-top: 50px; }
#cases-de-sucesso .sub { margin-bottom: 0; }
#beneficios-agt { padding: 50px 0 25px 0; }
#beneficios-agt .sub { margin-bottom: 0; }
#beneficios-agt .cards-beneficios .vc_single_image-wrapper { height: auto; }
#beneficios-agt h3 { margin: 25px 0 15px 0; }
#beneficios-agt .cards-beneficios .icone { margin-bottom: 0; }
#beneficios-agt .cards-beneficios .texto { margin-bottom: 0; }
#beneficios-agt .cards-beneficios .col-item { margin-bottom: 40px; } .page-id-8551 #hero .col-left { padding-left: 0; }
.page-id-8551 #hero .texto { text-align: center; margin: 0 auto 35px auto; }
.page-id-8551 #hero h1 { text-align: center; margin: 150px auto 35px auto; }
.page-id-8551 #hero h3 { text-align: center; margin: 0px auto 35px auto; }
.page-id-8551 #hero .foto-hero { display: none; }
#graficos { padding: 50px 0 30px 0; }
#graficos h2 + p { max-width: 90%; }
#graficos #linha-intro .sub { width: 90%; margin: 0 auto 35px auto !important; }
#graficos h2 + p { max-width: 100%; }
#graficos .vc_row + .vc_row { margin-top: 0; }
#graficos .vc_row .vc_col-sm-4 { width: 100%; min-height: auto; margin-bottom: 35px; }
#graficos .vc_row .vc_col-sm-4:nth-child(2n) { margin: 0; margin-bottom: 35px; } .titulo-cases-sites h1 { margin: 130px 0 0 0; } .single-portfolio-wrapper .header { padding-top: 35px; }
.single-portfolio-wrapper .header .info { flex-direction: column; }
.single-portfolio-wrapper .header .info > div { width: 100%; margin: 0 0 15px 0; }
.single-portfolio-wrapper .header .info > div > p:first-child { font-size: 16px; }
.single-portfolio-wrapper .header .info > div > p:last-child  { font-size: 17px; }
.single-portfolio-wrapper .texto { margin: 50px 0; }
#projetos-relacionados { padding: 50px 0 0 0; } #sistemas-texto { padding-bottom: 35px; }
#sistemas-texto .texto-intro { margin-bottom: 50px;	}
#sistemas-texto .texto-intro h2 { margin-bottom: 30px; }
#desc-projeto-wrapper { display: flex; flex-direction: column; }
#desc-projeto-wrapper .col-left { order: 2; }
#desc-projeto-wrapper .col-right { order: 1; }
#sistemas-texto .grafico-1,
#sistemas-texto .grafico-2 { text-align: center; }
#sistemas-texto .grafico-1 img,
#sistemas-texto .grafico-2 img { position: relative; top: 0; left: 0; margin-top: 0; right: 0; bottom: 0; }
#sistemas-texto .desc { margin-bottom: 50px; padding: 0 20px; }
#sistemas-texto .desc h3 { font-size: 28px; }
#sistemas-texto .desc p { font-size: 17px; }
#tecs-utilizadas .logos-wrapper { flex-direction: column; gap: 45px; } #blog.archive { padding: 50px 0 0 0; }
#blog.archive .post-single { margin-bottom: 35px } .single-blog .post-meta .cats { line-height: 17px; }
.single-blog .share-wrapper { margin-top: 25px; }
.single-blog .share-wrapper span { display: none; }
.post-meta.footer .share-wrapper { margin-top: 0; }
.post-meta.footer .share-wrapper span { display: inline-block; } #contato-wrapper .col-left { padding-left: 35px; }
#contato-wrapper .col-right { padding: 25px 35px 0 35px !important; } .page-id-9163 #hero { padding-bottom: 50px; }
.page-id-9163 #hero:after { display: none; }
.page-id-9163 #hero .intro { padding: 0; margin-top: 120px; }
.page-id-9163 #hero .texto.cta.intro > div { padding-left: 0; }
.page-id-9163 #hero .intro h1 {	max-width: 100%; margin: 0 0 30px; text-align: center; }
.page-id-9163 #hero .intro p { text-align: center; max-width: 100%; }
.page-id-9163 #hero img { position: relative; }
#video { padding: 15px 0 35px 0; }
#video .video iframe { height: 260px; }
#suporte-tecnico.sistemas-entrega { padding: 50px 20px 15px 20px !important; }
#suporte-tecnico.sistemas-entrega h2 { margin-bottom: 0; }
#suporte-tecnico.sistemas-entrega .cards-suporte { margin-top: 0; }
#cases-de-sucesso.sistemas-entrega { background: #f8f8f8; padding: 50px 0 15px 0; }
#beneficios-agt.sistema-de-entregas { padding: 50px 0; }
#visualizacao-estrategica.sistema-de-entregas { margin: 0; padding: 50px 0 15px 0; }
#visualizacao-estrategica .colunas-grade { display: flex; flex-direction: column; }
#visualizacao-estrategica .colunas-grade .col-right { order: 1; }
#visualizacao-estrategica .colunas-grade .col-left { order: 2; } #hero.pag-manut-gringa .texto { padding-left: 30px; }
#hero.pag-manut-gringa .foto { top: 190px; width: 90%; left: 0; }
}
@media screen and (max-width:480px) { #hero.pag-manut-gringa .foto { display: none; }
#hero.pag-manut-gringa .texto h1 { font-size: 32px; margin-top: 85px; }
#hero.pag-manut-gringa .texto h3 { font-size: 24px; max-width: 90%; }
#alcance-mundial h2 { text-align: left; }
#alcance-mundial h2 + p { max-width: 100%; text-align: left; }
}