/********************************************
*   	
*   Rodrigo Alison Lopes
*   rodrigoalisonlopes at gmail dot com
*   17/04/2025
*   
********************************************/

/********************************************
*	
*   ANIMAÇÕES
*
********************************************/
@keyframes bounce {
    0% { transform: translateY(0); }
    50% { transform: translateY(10px); }
    100% { transform: translateY(0); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/********************************************
*	
*   GERAL
*
********************************************/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
}

html {    
    font-size: 16px;
}

html, body {
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: none;
}

body {
    font-family: "Montserrat", arial, sans-serif;
    letter-spacing: -1px;
    /*background: #FFF;*/
}

a {
    text-decoration: none;
    color: #231F20;
    transition: all linear 0.2s;
}

section {    
    height: 100%;
    width: 100%;
    position: absolute;
    backface-visibility: hidden; 
    overflow: hidden;
}

.titulo {
    display: block;
    width: 100%;    
    /*font-size: 40px;*/
    font-size: 1.9rem;
    font-weight: 300;
    text-align: center;
    /*padding: 30px 0 10px;*/
    padding: 1.9rem 0 10px;
    
}

.titulo strong {
    display: block;
    width: 100%;
    /*font-size: 70px;*/
    /*font-size: 50px;*/
    font-size: 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
}

.conteudo {
    width: 1140px;
    margin: 0 auto;
    /*padding: 0 25px;*/
    position: relative;
    z-index: 10;
    transition: all linear 0.2s;
    display: flow-root;
}

.texto-secao {
    display: block;
    /*font-size: 35px;*/
    /*font-size: 30px;*/
    font-size: 1.8rem;
    text-align: center;
    width: 100%;
    float: left;
}

/* ESTILOS DE FONTES */
.light  { font-weight: 300; }
.medium { font-weight: 500; }
.bold   { font-weight: bold; }

/* ÍCONE MOUSE DOWN */
.mouse-down {
    display: block;
    width: 40px;
    height: 65px;
    border: 4px #FFF solid;
    border-radius: 18px;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -20px;
    z-index: 10;
    border-color: transparent !important;
}

.mouse-down:before {
    content: "";
    display: block;
    height: 17px;
    width: 0;
    border: 2px #FFF solid;
    border-radius: 2px;
    position: relative;
    top: 12px;
    margin: 0 auto;
    border-color: transparent !important;
}

.mouse-down .seta {
    display: block;    
    height: 24px;
    width: 0;
    border: 2px #FFF solid;
    border-radius: 2px;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -2px;
    animation: bounce 1s ease-in-out infinite;
}

.mouse-down .seta:before,
.mouse-down .seta:after {
    content: "";
    display: block;
    height: 14px;
    width: 0;
    border: 2px #FFF solid;
    background: #FFF;
    border-radius: 2px;
    position: absolute;
    bottom: -2px;
    left: 3px;
    transform: rotate(45deg);
}
.mouse-down .seta:after {
    left: -7px;
    transform: rotate(-45deg);
}

/* COR DOS MOUSES */
.mouse-down.escuro { border-color: #000; }
.mouse-down.escuro:before { border-color: #000; }
.mouse-down.escuro .seta { border-color: #000; }
.mouse-down.escuro .seta:before,
.mouse-down.escuro .seta:after { border-color: #000; background: #000; }

/* PAGER DOS SLIDES */
.pager a {
    display: inline-block;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    /*border: 2px solid #FFF;*/
    box-shadow: 0 0 3px #585858;
    line-height: 50px;
    overflow: hidden;
    background: #000;    
    margin: 0 5px;
}

.pager a.slide-ativo {
    background-color: #585858;
}

/*MENSAGEM DO ENVIO DO FORMULÁRIO*/
#status.processando:before,
#status.processando:before {
    content: "Enviando...";
}

#status.sucesso:before,
#status.sucesso:before {
    content: "Mensagem enviada com sucesso";
    color: #1EB12B;
}

#status.erro:before,
#status.erro:before {
    content: "Falha ao enviar mensagem";
    color: #E41010;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
    
#loading {
    border: 8px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 8px solid #F9B809;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
} 

/********************************************
*	
*   HEADER
*
********************************************/

/*header {
    position: fixed;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 80px;
    background: rgba(0,0,0,0.5);
}

header img {
    display: inline-block;
    float: left;
    margin: 15px 0;
}

#menu {
    float: right;
    margin: 20px 0 26px;
}

#menu li {
    display: inline-block;
    float: left;
    margin-left: 20px;
}

#menu:hover li a {
    opacity: 0.4;
}

#menu li a {
    display: inline-block;
    font-size: 25px;
    text-transform: lowercase;
    color: #FFF;
    transition: all 0.3s;
    text-shadow: 0 0 5px #000;
}

#menu:hover li a:hover {
    color: #EBC616;
    opacity: 1;
}*/

/********************************************
*	
*   BANNER
*
********************************************/
#inicio {  
    background: #000;
}

#video-banner {    
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: url(../videos/banner.mp4);
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    opacity: 0.5;
}

.conteudo.inicio {
    text-align: center;
} 

#logo {
    /*float: right;*/
    display: inline-block;
    /*width: 300px;*/
    width: 14rem;
    margin: 0 auto;
    filter: drop-shadow(0px 0px 5px #000);
}

.conteudo.inicio .titulo, 
.conteudo.inicio .subtitulo {
    float: right;
    clear: both;
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 5px #000;
    /*line-height: 42px;*/
    line-height: 2.6rem;
    /*margin-top: 70px;*/
    margin: 20px auto 0;
    /*font-size: 40px;*/
    font-size: 2.5rem;
    font-weight: bold;
    /*padding: 0 150px;*/
    padding: 0 9.4rem;
    width: 100%;
}

.conteudo.inicio .subtitulo {
    /*margin-top: 20px;*/
    margin-top: 1.25rem;
    /*font-size: 35px;*/
    font-size: 2.2rem;
    /*line-height: 35px;*/
    line-height: 2.2rem;
    font-weight: 500;
    padding-bottom: 5rem;
}

/********************************************
*	
*   SEGMENTOS
*
********************************************/

#segmentos {    
    color: #FFF;
    background: #000000;
    background: linear-gradient(
        -45deg, 
        rgba(0, 0, 0, 1) 0%, 
        rgba(40, 40, 40, 1) 100%
    );
    
/*    background: none;*/
}

.conteudo.segmentos .titulo {    
    text-shadow: 0 1px 2px #000;
}

.conteudo.segmentos .titulo strong {
    text-shadow: 0 2px 2px #000;    
}

#lista-segmentos {
    display: block;
    font-weight: 300;
    text-align: center;
}

#lista-segmentos li {
    display: inline-block;
    /*line-height: 60px;*/
    line-height: 3.75rem;
    /*font-size: 31px;*/
    font-size: 1.5rem;
    padding-left: 25px;
    width: 37%;
    margin-bottom: 15px;
    text-align: left;
    text-shadow: 0 1px 2px #000;
}

#lista-segmentos li:nth-child(odd){
}

#lista-segmentos li:nth-child(even){
    
}

#lista-segmentos li img {
    display: inline-block;
    /*height: 60px;*/
    height: 3.75rem;
    /*width: 60px;*/
    width: 3.75rem;
    /*margin-right: 50px;*/
    margin-right: 2rem;    
    float: left;
} 

.conteudo.segmentos .texto-secao {    
    text-shadow: 0 1px 2px #000;    
    /*padding: 30px 0 130px;*/
    padding: 2rem 0 4rem;
    /*font-size: 30px;*/
    font-size: 1.6rem;
}

/********************************************
*	
*   VALORES
*
********************************************/

#valores {  
    background: #F9B809;
    background: linear-gradient(
        135deg,
        rgba(249, 184, 9, 1) 0%, 
        rgba(253, 223, 9, 1) 100%
    );
    color: #000;
    text-shadow: 0 1px 2px #765704;
    
/*    background: none;*/
}

.conteudo.valores .titulo {
    padding-bottom: 50px;
    font-size: 2.3rem;
}

.conteudo.valores .titulo span {
    display: inline-block;    
}

.conteudo.valores .titulo span:after {
    content: " - ";
    padding-left: 12px;
    padding-right: 7px;
}

.conteudo.valores .titulo span:last-child:after {
    content: "";
    padding: 0;
}


.conteudo.valores .texto-secao {
    margin-top: 0;
    padding: 0 30px;
    font-size: 2.1rem;
}

/********************************************
*	
*   SOLUÇÕES
*
********************************************/

#solucoes {    
    color: #000;
    background: #FDFDFD;
    background: linear-gradient(
        135deg, 
        rgba(253, 253, 253, 1) 0%, 
        rgba(199, 199, 199, 1) 100%
    );
    
/*    background: none;*/
}

.conteudo.solucoes .titulo {
    color: #9C7306;    
    text-shadow: 0 1px 2px #765704;
    padding-top: 0;
}

.conteudo.solucoes .titulo strong {
    color: #F9B809;
    text-shadow: 0 2px 2px #765704;
}

#lista-solucoes {
    position: relative;
    min-height: 25rem;
    /*margin-top: -40px;*/
    padding-bottom: 40px;
    text-align: center;
}

.item-solucoes {
    position: absolute;
    width: 100%;
    text-align: center;
    /*background: none !important;*/
}

.conteudo-item-solucoes {
    display: inline-block;
}

.item-solucoes h3 {
    display: block;
    /*font-size: 40px;*/
    /*font-size: 30px;*/
    font-size: 1.9rem;
    font-weight: bold;
    text-align: right;
    margin-bottom: 10px;
}

.item-solucoes span {
    display: block;
    /*font-size: 18px;*/
    font-size: 1.2rem;
    font-weight: 400;
    text-align: right;
    /*line-height: 32px;*/
    line-height: 2rem;
}

.item-solucoes img {
    display: inline-block;
    float: left;
    width: 25rem;
}

.texto-item-solucoes {
    float: left;
    /*width: 50%;*/  
    width: 25rem;  
}

#controles-lista-solucoes {
    width: 100%;
    height: 250px;
    position: absolute;
    bottom: 0;    
    margin-bottom: 125px;
    z-index: 10;
    display: none;
}

.btn-nav-solucoes {
    display: block;
    height: 250px;
    width: 88px;
    position: absolute;
    top: 0;
    line-height: 600px;
    overflow: hidden;
    transition: all linear 0.2s;
}

.btn-nav-solucoes:before,
.btn-nav-solucoes:after {
    content: "";
    display: block;
    height: 150px;
    width: 0;
    border: 2px #F9B809 solid;
    border-radius: 2px;
    position: absolute;
    top: -10px;
    left: 42px;
    transform: rotate(35deg);
    transition: all linear 0.2s;
}

.btn-nav-solucoes:after {
    top: 110px;    
    transform: rotate(145deg);    
}

.btn-nav-solucoes:hover:before,
.btn-nav-solucoes:hover:after {
    border-color: #A57902;
}

#prev-solucoes {
    left: 0;
}

#prev-solucoes:hover {
    left: -15px;
}

#next-solucoes {
    right: 0;
}

#next-solucoes:hover {
    right: -15px;
}

#next-solucoes:before {    
    transform: rotate(-35deg);
}

#next-solucoes:after {    
    transform: rotate(-145deg);
}

#pager-solucoes {
    width: 100%;
    position: absolute;
    bottom: 55px;
    text-align: center;
    z-index: 20;
}

#pager-solucoes a {
    box-shadow: 0 0 3px #585858;
    background: #000;    
}

#pager-solucoes a.slide-ativo {
    background-color: #F9B809;
}

.conteudo.solucoes .mouse-down {
    bottom: 30px;
}

/********************************************
*	
*   PROFISSIONAIS
*
********************************************/

#profissionais {  
    background: #00436E;
    background: linear-gradient(
        135deg,
        rgba(2, 109, 172, 1) 0%, 
        rgba(0, 51, 84, 1) 100%
    );
    
/*    background: none;*/
}

.conteudo.profissionais .titulo {
    padding-bottom: 50px;
}

.conteudo.profissionais .texto-secao {
    color: #FFF;
    text-shadow: 0 2px 2px #001726;
    /*margin-top: 40px;*/
    /*font-size: 40px;*/
    font-size: 2.5rem;
}

#estrelas {
    display: block;
    width: 100%;
    text-align: center;
    color: #F9B809;
    text-shadow: 0 2px 2px #001726;
    /*margin-bottom: 40px;*/  
    margin-bottom: 2.5rem; 
}

/********************************************
*	
*   CASES
*
********************************************/

#cases {    
    color: #000;
    background: #FDFDFD;
    background: linear-gradient(
        135deg, 
        rgba(253, 253, 253, 1) 0%, 
        rgba(199, 199, 199, 1) 100%
    );
    
/*    background: none;*/
}

.conteudo.cases .titulo {
    color: #003456;    
    text-shadow: 0 1px 2px #001828;
}

.conteudo.cases .titulo strong {
    color: #02639C;    
    text-shadow: 0 2px 2px #001828;
}

.conteudo.cases .texto-secao {
    margin-top: 0;
}

#wrapper-lista-cases {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#aspas {
    display: block;
    position: absolute;
    top: -10px;
    right: 25px;
    font-size: 150px;
    color: #02639C;   
    text-shadow: 5px 5px 10px #001828AB;
}

#lista-cases {
    display: inline-block;
    position: relative;   
    width: 100%;
    height: 250px;
    margin: 40px 0 0;
}

.item-lista-cases {
    text-align: center;
    display: inline-block;
    height: 16.8rem;
    width: 100%;
    margin: 0 33px;
}

.conteudo-item-lista-cases {
    display: inline-block;
}

.imagem-case {
    /*height: 200px;*/
    height: 12.5rem;
    /*width: 200px;*/
    width: 12.5rem;
    border: 5px solid #02639C;
    border-radius: 50%;
    box-shadow: 0 0 10px #585858;
    float: left;
    overflow: hidden;
}

.imagem-case img {
    height: 100%;
    width: 100%;
}

.texto-case {
    float: left;
    width: 500px;
    margin-left: 30px;
    text-align: left;
}

.depoimento-case {
    display: inline-block;
    width: 100%;
    /*font-size: 20px;*/
    font-size: 1.25rem;
    font-weight: 400;
    /*line-height: 30px;*/
    line-height: 1.8rem;
    margin-bottom: 15px;
}

.responsavel-depoimento {    
    display: inline-block;
    width: 100%;
    font-size: 25px;
    line-height: 35px;
    color: #02639C;
}

.cargo-empresa-responsavel {    
    display: inline-block;
    width: 100%;
    font-size: 17px;
    line-height: 20px;
    font-weight: 300;
}

.cargo-empresa-responsavel a {
    color: #003456;
    animation: all linear 0.5s;  
    font-weight: 500;
}

.cargo-empresa-responsavel a:hover {
    color: #02639C;
    text-decoration: underline;
}

#pager-cases {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 10;
}

#pager-cases a {
    box-shadow: 0 0 3px #585858;
    background: #000;  
}

#pager-cases a.slide-ativo {
    background-color: #02639C;
}

/*#lista-cases {
    width: 100%;
    position: relative;   
    float: left;
    margin-bottom: 100px;
    text-align: center;
}

.item-lista-cases {
    display: inline-block;
    width: 270px;
    height: 270px;   
    margin: 5px;
    border-radius: 5px;    
}

.item-lista-cases img {
    display: block;
    height: 270px;
    width: 270px;
    border-radius: 5px;
    transition: all linear 0.2s;
    border: 1px solid transparent;
}

#lista-cases:hover .item-lista-cases img {
    opacity: 0.5
}

#lista-cases:hover .item-lista-cases img:hover {
    border-color: #FFF;
    box-shadow: 0 0 5px #FFF;
    opacity: 1;
}*/

/********************************************
*	
*   CONTATOS
*
********************************************/

#contatos {    
    color: #FFF;
    
    background: #000000;
    background: linear-gradient(
        -45deg, 
        rgba(0, 0, 0, 1) 0%, 
        rgba(40, 40, 40, 1) 100%
    );
    
/*    background: none;*/
}

.conteudo.contatos {
    text-align: center;
}

.conteudo.contatos .titulo {
    color: #F9B809;    
    text-shadow: 0 1px 2px #000;
}

.conteudo.contatos .titulo strong {
}

.conteudo.contatos .texto-secao {
    margin-bottom: 30px;
}

#wrapper-form-contato {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}

#form-contato {
    width: 30rem;
    display: inline-block;
    float: left;
}

#form-contato label {    
    float: left;
    position: relative;
    width: 100%;
}

#form-contato label.metade {
    width: calc(50% - 10px);
}

#form-contato label.metade:first-child {
    margin-right: 20px;
}

#form-contato label i {    
    display: inline-block;
    color: #F9B809;
    /*height: 55px;
    width: 55px;
    line-height: 55px;*/
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    text-align: center;
    /*font-size: 23px;*/
    font-size: 1.1rem;
    position: absolute;
    left: 0;
    top: 0;
    transition: all linear 0.2s;
}

#form-contato input[type="text"],
#form-contato textarea {
    /*height: 55px;*/
    height: 2rem;
    /*width: 380px;*/
    /*width: 23.75rem;*/
    width: 100%;
    background: #FFF;
    border: 1px solid #FFF;
    /*line-height: 55px;*/
    line-height: 3.4rem;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    /*font-size: 23px;*/
    font-size: 1rem;
    /*padding: 0 20px 0 55px;*/
    padding: 0 1.25rem 0 2rem;
    margin-bottom: 20px;
    transition: all linear 0.2s;
    border-radius: 3px;
}

#form-contato #email,
#form-contato #mensagem {
    /*width: 780px;*/
    width: 100%;
}

#form-contato #mensagem {
    resize: none;
    /*height: 70px;*/
    height: 4.4rem;
    line-height: 1.2;
    /*padding-top: 14px;*/
    padding-top: 2px;
}

#form-contato input[type="text"]:focus,
#form-contato textarea:focus {
    outline: none;
    background: #F9B809;
    border-color: #F9B809;
    color: #FFF;
}

#form-contato input[type="text"]:focus::placeholder,
#form-contato textarea:focus::placeholder {
    color: #FFF;
}

#form-contato input[type="text"]:focus + i,
#form-contato textarea:focus + i {
    color: #FFF;
}

#form-contato span {
    display: inline-block;
    line-height: 55px;
    float: right;
    margin: 0 20px;
}

#enviar,
#enviar-whatsapp {
    height: 55px;
    background: #F9B809;
    transition: all linear 0.2s;
    border-radius: 3px;
    color: #000;
    line-height: 55px;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    padding: 0 30px;
    float: right;
    border: none;
}

#enviar-whatsapp {
    background-color: #1EB12B;
    position: relative;
    padding-left: 55px;
}

#enviar-whatsapp i {
    display: inline-block;
    font-size: 27px;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 20px;
    margin: 15px 0;
}

#enviar:hover,
#enviar:focus {
    background: #A57902;
    cursor: pointer;
    color: #FFF;    
    outline: none;
}

#enviar-whatsapp:hover,
#enviar-whatsapp:focus {
    background: #00810B;
    color: #FFF;
}

.formError + input[type="text"],
.formError + textarea{
    border-color: #E41010 !important;
}

.formError + input[type="text"] + i,
.formError + textarea + i {
    color: #E41010 !important;
}

#informacoes {
    /*width: 18.75rem;*/
    display: inline-block;
    float: left;
    width: 14rem;
    margin-left: 3rem;
    position: relative;
}

#informacoes a {
    display: inline-block;
    color: #FFF;
    width: 100%;
    text-align: right;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.4rem;
    position: relative;
    margin: 1.5rem 0 1.7rem;
    transition: all linear 0.2s;
}

#informacoes a:hover {
    color: #F9B809;
}

#informacoes a:before/*,
#informacoes a:after*/ {
    content: "";
    display: inline-block;
    width: calc(100% - 2rem);
    border-bottom: 1px solid #FFF;
    position: absolute;
    /*bottom: -34px;*/
    bottom: -1.7rem;
    left: 0;
}

#informacoes a:after {
    /*left: auto;
    right: 0;*/    
    width: 1.5rem;
    height: 1.5rem;
    color: #F9B809;
    font-size: 1.5rem;
    margin-top: -0.75rem;
    position: absolute;
    bottom: -38px;
    right: 0;
}

#info-celular:after {
    font-family: "Font Awesome 6 Brands";
    content: "\f232";
}

#info-email:after {
    font-family: "Font Awesome 6 Free";
    content: "\f0e0";
}

#info-instagram:after {    
    font-family: "Font Awesome 6 Brands";
    content: "\f16d";
}

/*#informacoes i {
    width: 1.5rem;
    height: 1.5rem;
    color: #F9B809;
    font-size: 1.5rem;
    text-align: right;
    float: right;
    margin-top: -0.75rem;
}*/

#info-celular {
    margin-top: -7px !important;
    font-weight: bold;
}

#info-celular small {
    /*font-size: 27px;*/
    font-size: 1.25rem;
    font-weight: bold;
}

#informacoes a span {
    /*font-size: 27px;*/
    font-size: 1.25rem;
}

#informacoes a strong {
    font-weight: bold;
}

#logo-contato {
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 100px;
}

#logo-contato img {
    display: inline-block;
    width: 120px;
}

/********************************************
*	
*   FOOTER
*
********************************************/

footer {
    background: #000;
    color: #FFF;
    font-size: 25px;
    line-height: 100px;
}

footer span {
    display: block;
    width: 100%;
    text-align: center;
}

/********************************************
*	
*   SINGLE
*
********************************************/


/********************************************
*	
*   PAGE
*
********************************************/


/********************************************
*	
*   FORMULÁRIOS
*
********************************************/


/********************************************
*	
*   RESPONSIVE
*
********************************************/

/* Large Devices, Wide Screens - BLUE */
@media only screen and (max-width: 1200px) {    
    /* GERAL */
    .conteudo { width: 900px; }   
    /* SEGMENTOS */
    #lista-segmentos li { font-size: 1.2rem; } 
    /* SOLUÇÕES */    
    .item-solucoes img { width: 23rem; }
    /* PROFISSIONAIS */
    .conteudo.profissionais .texto-secao { font-size: 2rem; }
}

/* Medium Devices, Desktops - RED */
@media only screen and (max-width: 992px) {    
    /* GERAL */
    html { font-size: 13px; }
    .conteudo { width: 750px; }
    /* INÍCIO */
    .conteudo.inicio .titulo, .conteudo.inicio .subtitulo { padding: 0 30px; font-size: 2rem; }
    /* PROFISSIONAIS */
    .conteudo.profissionais { width: 600px; }
    /* CASES */
    #aspas { display: none; }
    .imagem-case { width: 10rem; height: 10rem; }
    /* CONTATOS */
    #enviar-whatsapp { width: 100%; }
    #informacoes a:after { bottom: -33px; }
}

/* Small Devices, Tablets - GREEN */
@media only screen and (max-width: 768px) {    
    /* GERAL */
    html { font-size: 12px; }
    #pp-nav.right { right:10px; }
    .conteudo { width: 100%; }
    .titulo { padding: 0 20px 20px; }
    .texto-secao { padding-left: 40px !important; padding-right: 40px !important; }
    /* SEGMENTOS */
    #lista-segmentos li { font-size: 1.2rem; padding-left: 0; line-height: 2.5rem; width: 50%; }
    #lista-segmentos li img { width: 2.5rem; height: 2.5rem; margin-right: 1rem; }
    /* VALORES */
    .conteudo.valores .titulo span { width: 100%; font-size: 2.1rem; margin-bottom: 5px; }
    .conteudo.valores .titulo span:after { content: ""; padding: 0; }
    /* SOLUÇÕES */
    .conteudo.solucoes { padding-bottom: 100px; }
    .texto-item-solucoes { width: 100%; }
    .item-solucoes h3 { text-align: center; }
    .item-solucoes span { text-align: justify; } 
    .item-solucoes img { width: 15rem; float: none;}
    .conteudo-item-solucoes { padding-left: 40px !important; padding-right: 40px !important; padding-bottom: 30px; }
    /* PROFISSIONAIS */
    .conteudo.profissionais { width: 100%; }
    /* CASES */
    .item-lista-cases { margin: 0; width: 100% !important; padding: 0 40px; }
    .imagem-case { width: 8rem ; height: 8rem; margin: 0 10px 10px 0; border-width: 3px; }
    .texto-case { width: calc(100% - 10rem); margin: 0 }
    /* CONTATOS */
    #wrapper-form-contato { width: 100%; padding: 0 40px; }
    #form-contato { width: 100%; float: none; }
    #informacoes { margin: 15px 0 0; width: 100%; }
    #informacoes a { width: 30%; margin-right: 3%; }
    #informacoes a:after { bottom: -30px; }
    #informacoes a:last-child { margin-right: 0; }
}

/* YELLOW */
@media only screen and (max-width: 480px) { 
    /* CASES */
    .conteudo.cases .texto-secao { display: none; }
    #pager-cases { bottom: -75px; }
    /* CONTATOS */
    #informacoes a, 
    #informacoes a span, 
    #info-celular small { font-size: 1.1rem; }
}

/*
@media only screen and (max-width: 1200px) { body { background: blue; } }
@media only screen and (max-width: 992px)  { body { background: red; } }
@media only screen and (max-width: 768px)  { body { background: green; } }
@media only screen and (max-width: 480px)  { body { background: yellow; } }
@media only screen and (max-width: 320px)  { body { background: orange; } }
*/