body {
    margin: 0px;
}

p, li, h1, h2, h3, h4, h5, h6, tr {
    font-family: Arial;
}

/* GERAL */

.banner-premios,
.blog-grade,
.formulario-contato,
.banner-blog,
.testemunhais,
.tabela-cases,
.banner-cases-topo,
.banner-cooperadas,
.banner-home,
.banner-familia, 
.banner-cases, 
.banner-metodo,
.banner-preanjos,
.banner-equipe,
.banner-metodologia {
    display: inline-block;
    width: 100%;
}

h4 { margin-bottom: 10px; }
h6 { color: #888; font-size: 12px !important; }

.t_h2 { font-size: 35px !important; }
.t_h3 { font-size: 25px !important; }
.t_h4 { font-size: 20px !important; }
.t_h5 { font-size: 15px !important; }

.tit-laranja {
    color: #ffa000;
}
.tit-branco {
    color: white;
}

.txbanner{
    text-shadow: 4px 4px 5px black;
}

.banner-text-dir p,
.banner-text-esq p,
.banner-text-dir li,
.banner-text-esq li {
    font-size: 13px !important;
    line-height: 25px;
    color: #555;
    list-style-type: none;
}

/* CASES */

.banner-case {
    height: 520px;
}

.banner-cases h3 {
    margin: 10px 0px 10px 0px;
}

.banner-case .banner-text-dir p,
.banner-case .banner-text-esq p,
.banner-case .banner-text-dir li,
.banner-case .banner-text-esq li {
    font-size: 14px !important;
    line-height: 25px;
    color: #555;
    list-style-type: none;
}

.banner-case .grade-cases {
    width: 90%;
    margin-bottom: 520px;
    margin-top: 0px;
}

.banner-case .grade-cases tr {
    border: none;
}

.banner-case .grade-cases tr td {
    padding: 0px !important;
}

.banner-case .grade-cases tr td img {
    width: 80%;
}

.tipos-campanhas .banner-text-esq p,
.tipos-campanhas .banner-text-dir p {
    font-size: 13px !important;
    line-height: 20px;
    color: #555;
}

.banner-metodologia p,
.banner-cases p,
.banner-text {
    font-size: 14px !important;
    line-height: 20px;
    color: #ffffff;
}

.banner-quadro-metodologia img {
    width: 100%;
}

.banner {
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
}

.banner-home {
    background-image: url("https://gtx100.com.br/img/banner-gtx100.png");
    background-size: 100%;
    padding-top: 200px;
    padding-bottom: 200px;
}

.banner-cases {
    background-image: url("https://gtx100.com.br/img/banner-cases.jpg");
    padding-top: 10px;
    padding-bottom: 10px;
}
.banner-cooperadas {
    background-image: url("https://gtx100.com.br/img/gtx100-cooperadas-banner.jpg");
    padding-top: 50px;
    padding-bottom: 50px;
}
.banner-cases-topo {
    background-image: url("https://gtx100.com.br/img/banner-cases-gtx100-incentivos.jpg");
}

.banner-metodologia {
    background-image: url("https://gtx100.com.br/img/banner-metologia-gtx100.jpg");
}
.banner-engajamento .banner-img-dir.grafico-engajamento {
    background-image: url("https://gtx100.com.br/img/banner-engajamento-grafico.png");
    background-position: left;
    background-size: cover;
    background-repeat:no-repeat;
    background-position-y: -20px;
}
.banner-engajamento {
    height: 400px !Important;
}
.banner-preanjos .banner-img-dir.anjo1 {
    background-image: url("https://gtx100.com.br/img/gtx100-anjo-investidor-1.png");
    background-position: top;
    width: 33.3%;
    height: 250px;
}
.banner-preanjos .banner-img-dir.anjo2 {
    background-image: url("https://gtx100.com.br/img/gtx100-anjo-investidor-2.png");
    background-position: top;
    width: 33.3%;
    height: 250px;
}
.banner-preanjos .banner-img-dir.anjo3 {
    background-image: url("https://gtx100.com.br/img/gtx100-anjo-investidor-3.png");
    background-position: top;
    width: 33.3%;
    height: 250px;
}

.banner-familia .banner-img-dir {
    background-image: url("https://gtx100.com.br/img/banner-familia-gtx100-grad.png");
    background-position: left;
}

.banner-camp-tm .banner-img-esq {
    background-image: url("https://gtx100.com.br/img/gtx100-tailor-made.png");
    background-position: top;
    background-size: cover;
    background-repeat:no-repeat;
}

.banner-camp-mx .banner-img-dir {
    background-image: url("https://gtx100.com.br/img/grupo-maxx-premios.png");
}

.banner-camp-cooperada .banner-img-esq {
    background-image: url("https://gtx100.com.br/img/gtx100-campanhas-cooperadas-banner.png");
}

.banner-fid .banner-img-esq {
    background-image: url("https://gtx100.com.br/img/fidelizacao.png");
    background-position: center;
    background-size: 100%;
    background-repeat:no-repeat;
}

.banner-premios .banner-img-dir.banner-img-premio {
    background-image: url("https://gtx100.com.br/img/familia-catalogo.png");
    height: 520px;
    width: 65%;
}

.banner-premios .banner-img-esq.premi-viagem-image {
    background-image: url("https://gtx100.com.br/img/grupo-viagem.png");
    width: 65%;
}
.container {
    margin: 10px 100px !important;
    max-width: 1280px !important;
    width: 90% !important;
}
.banner-case .banner-img-esq.porto {
    background-image: url("https://gtx100.com.br/img/banner-case-porto-seguro.png");
}

.banner-case .banner-img-dir.sanofi {
    background-image: url("https://gtx100.com.br/img/banner-case-sanfoni.png");
}

.banner-case .banner-img-esq.general {
    background-image: url("https://gtx100.com.br/img/banner-case-general-motors.png");
}

.banner-case .banner-img-dir.procter {
    background-image: url("https://gtx100.com.br/img/banner-case-p&g.png");
}

.banner-case .banner-img-esq.johnson {
    background-image: url("https://gtx100.com.br/img/banner-case-johnson-controls.png");
}

.banner-case .banner-img-dir.syngenta {
    background-image: url("https://gtx100.com.br/img/banner-case-syngenta.png");
}

.banner-case .banner-img-esq.mater {
    background-image: url("https://gtx100.com.br/img/banner-case-grupo-mater.png");
}

.banner-case .banner-img-dir.pecas {
    background-image: url("https://gtx100.com.br/img/banner-case-pecas-genuinas.png");
}

.banner-case .banner-img-dir.vb1 {
    background-image: url("https://gtx100.com.br/img/banner-case-vb-seguros-2.png");
}

.banner-case .banner-img-dir.vb2 {
    background-image: url("https://gtx100.com.br/img/banner-case-vb-seguros-1.png");
}

.banner-camp-tm {
    height: 520px;
    background: white;
}

.banner-preanjos .banner-img-esq {
    background-image: url(https://gtx100.com.br/img/banner-dinheiro-autofinanciavel.png);
}

.banner-camp-tm .banner-text-esq p {
    color: #555;
    font-size: 12px !important;
}

.formulario-contato .banner {
    background-color: white;
}

.banner-camp-mx {
    height: 520px;
    background: white;
}

.testemunhais-titulo h4,
.banner-camp-mx .banner-text-esq .t_h3 {
    color: white;
}

.home-cases tr td img {
    height: 90%;
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: 0.1s;
}

/*.home-cases tr td img:hover {
    height: 85%;
    width: 85%;
}*/

.home-cases tr td {
    width: 20%;
    vertical-align: middle;
    padding: 0px !important;
}

.home-cases {
    width: 75%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.banner-cooperadas-tab tr td img {
    height: 55%;
    width: 55%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.banner-cooperadas-tab tr td {
    width: 25%;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    transition: 0.1s;
}

.banner-cooperadas-tab tr td a {
    text-decoration: none;
    color: #555;
}

.banner-cooperadas-tab {
    width: 80%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.banner-cooperadas-tab-nav {
    display: none;
}
.banner-text-esq,
.banner-text-dir,
.banner-img-esq,
.banner-img-dir {
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    height: 520px;
}

.banner-img-dir {
    width: 60%;
}
.banner-img-esq {
    width: 50%;
}

.banner-text-esq {
    margin-left: 5%;
    margin-right: -20%;
    width: calc(60% - 5%);
}

.banner-text-dir {
    margin-right: 5%;
    margin-left: 5%;
    width: calc(50% - 10%);
}

.banner-metade {
    margin-left: 5% !important;
    margin-right: 5% !important;
    width: calc(50% - 10%) !important;
}

.banner-preanjos .banner-metade {
    height: 300px !important;
}

.banner-3-3 {
    margin-bottom: 50px;
}
.banner-3-3 .banner-img-dir.vb1 {
    width: 30%;
    background-position: top right;
    background-size: cover;
    background-repeat:no-repeat;
}
.banner-3-3 .banner-img-dir.vb2 {
    width: 30%;
    background-position: top left;
    background-size: cover;
    background-repeat:no-repeat;
}
.banner-3-3 .banner-text-esq {
    margin-left: 35px;
    margin-right: 35px;
    width: calc(40% - 70px);
}

.banner-3-3 .banner-text-esq p {
    font-size: 12px !important;
}

.banner-cases-topo .t_h2 {
    color: white;
    font-size: 60px;
    margin-top: 200px;
    margin-bottom: 200px;
}
.banner-case .banner-text-esq,
.banner-case .banner-text-dir,
.banner-case .banner-img-dir,
.banner-case .banner-img-esq {
    height: 520px !important;
}

.banner-case .banner-text-dir img,
.banner-case .banner-text-esq img {
    height: 60px;
}

.banner-case .banner-text-dir .seta,
.banner-case .banner-text-esq .seta {
    height: 70px;
}

.banner-case .banner-text-dir b,
.banner-case .banner-text-esq b {
    color: #ffa000;
}
.banner-cooperadas-tab-nav tr td img {
    height: 75%;
    width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.banner-cooperadas-tab-nav tr td {
    width: 25%;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    transition: 0.1s;
}

.banner-cooperadas-tab-nav tr td:hover {
    width: 25%;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.banner-cooperadas-tab-nav tr td a {
    text-decoration: none;
    color: #555;
}

.banner-cooperadas-tab-nav {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}
/*
.premi-cabecario{
    float: left;
    width: 100%;
    height: 348px;
    background-position-y: -62px;
    background-size: cover;
    background-color: #ffffff;
    background-image: url(https://gtx100.com.br/img/premi-fundo-top.png);
}

.premi-tit{
   float: left;
    width: 100%;
    text-align: center;
    font-size: 30px !important;
    color: white;
    font-family: system-ui;
    padding: 10px 86px;
    margin: 22px 0px 0px 0px;
}

.premi-text{
    text-align: center;
    font-size: 24px !important;
    color: white;
}

.premi-conteudo{
    width: 100%;
    float: left;
    background-color: white;
}

.premi-ponto{
    width: 50%;
    float: left;
    text-align: center;
    padding: 5px 0px 10px 0px;
}

.premi-ponto-image{
    width: 100%;
    background-image: url(https://gtx100.com.br/img/Familia.png);
    background-size: 124%;
    height: 86%;
    background-repeat: no-repeat;
    background-position-y: -4px;
    background-position-x: -114px;
    border-radius: 110px 0px 0px 110px;
}

.premi-ponto h5{
    color: #ffb839;
    font-size: 28px;
}

.premi-ponto p{
    color: #ffffff;
    font-size: 20px !important;
    background-image: url(https://gtx100.com.br/img/premifundo1.png);
    padding: 30px 8px;
    background-size: 100% 100%;
    height: 100px;
    background-position-x: -71px;
    background-repeat: no-repeat;
}

.premi-ponto span{
    font-size: 17px;
    color: #ffffff;
    font-size: 20px !important;
    background-image: url(https://gtx100.com.br/img/premi-fundo2.png);
    padding: 30px 8px;
    background-size: 100% 100%;
    background-position-x: 55px;
    background-repeat: no-repeat;
    height: 84px;
    width: 100%;
    float: right;
}
*/

.banner-premi {
    background-color: #ffa000;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.banner-premios .banner-text-premio {
    margin-left: 70px;
    margin-right: 40px;
    width: calc(35% - 110px);
    height: 520px;
}

.testemunhais-titulo {
    padding: 50px;
    background-color: #ffb839;;
}

.banner.testemunhais-dir {
    background-image: url(https://gtx100.com.br/img/fundo-depoimentos-001.png);
    height: 100%;
}

.banner.testemunhais-esq {
    background-image: url(https://gtx100.com.br/img/fundo-depoimentos-002.jpg);
    height: 100%;
}

.testemunhais .testemunhais-dir img,
.testemunhais .testemunhais-esq img {
    width: 80%;
}
.premi-ponto-img{
    width: 100%;
    background-image: url(https://gtx100.com.br/img/SITE-GTX100-SERVICOSb-1.jpg);
    background-size: 100%;
    height: 240%;
    background-repeat: no-repeat;
}
.premi-ponto2 {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px 0px 0px 0px;
}
.premi-ponto-img .premi-text2 {
    float: right;
    width: 33%;
}
.premi-ponto-img .h5p{
     margin: 10px 64px;
    font-size: 49px;
    padding: 26px 29px;
    color: #f8af24;
}
.premi-ponto-img p{
    color: #969696;
    font-size: 23px !important;
    padding: 11px 75px;
}
.premi-ponto-img span{
    color: #dc9000;
    font-size: 17px !important;
    padding: 11px 1px;
}

.video-center{
    background-color: white;
    width: 100%;
    padding: 10px 5%;
    float: left;
}
.video-tit{
    font-size: 36px;
    color: #ffa000;
    margin: 10px 34px;
}
.video-subtit{
    font-size: 25px;
    color: #606060;
    border-bottom: solid 1.2px;
    border-color: #5c5c5c73;
    width: 77%;
    margin: 15px 5px 42px 10px;
    float: left;
}
.video-frame{
    width: 46%;
    margin: 30px 2%;
    float: left;
}
.video-links{
    width: 23%;
    float: left;
    margin: 30px 0px 30px 2%;
    padding: 0px;
} 
.video-links a{
    color: #606060;
    font-size: 10px;
    float: left;
    height: 25%;
}
.video-cont{
    float: left;
    width: 95%;
    margin-bottom: 8%;
}

.blog-grade {
    width: 90%;
    margin-top: 30px;
    margin-bottom: 100px;
}

.blog-grade table tr td {
    width: 20%;
    padding: 5px;
    height: 350px;
}

.blog-grade table tr td p {
}

.formulario-contato {
    margin-top: 25px;
    padding-left: 100px;
    padding-right: 100px;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=textarea]:not(.browser-default),
input[type=search]:not(.browser-default) {
    border-bottom: 1px solid #ffa000 !important;
    transition: 0.2s;
}

input:not([type]):focus,
input[type=text]:not(.browser-default):focus,
input[type=password]:not(.browser-default):focus,
input[type=email]:not(.browser-default):focus,
input[type=url]:not(.browser-default):focus,
input[type=time]:not(.browser-default):focus,
input[type=date]:not(.browser-default):focus,
input[type=datetime]:not(.browser-default):focus,
input[type=datetime-local]:not(.browser-default):focus,
input[type=tel]:not(.browser-default):focus,
input[type=number]:not(.browser-default):focus,
input[type=search]:not(.browser-default):focus,
input[type=textarea]:not(.browser-default):focus {
    border-bottom: 2px solid #ffa000 !important;
  -webkit-box-shadow: 0 1px 0 0 #ffa000 !important;
          box-shadow: 0 1px 0 0 #ffa000 !important;
          outline: 0;
}

.form input[type=textarea] {
    height: 150px;
    width: 100%;
    border: none;
}

.form button {
    margin-top: 20px;
    background-color: #ffa000;
    border: none;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 30%;
    color: white;
    transition: 0.2s;
}

.form button:hover {
    margin-top: 20px;
    background-color: #E87C0C;
    border: none;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 30%;
    color: white;
    cursor: pointer;
}

.form button:clicked {
    margin-top: 20px;
    background-color: #E87C0C;
    border: none;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 30%;
    color: white;
    cursor: pointer;
}

.blog-art {
    margin-top: 50px;
    margin-right: 50%;
    margin-left: 100px;
    margin-bottom: 150px;
}

.blog-art img {
    width: 100%;
}

.blog-grade table tr a {
    background-color: #ffa000;
    height: 80px;
    width: 80px;
    color: #555;
    font-size: 12px !important;
}

.max-cent {
    float: left;
    width: 100%;
    background-image: url(https://www.gtx100.com.br/img/Fundo_MaxxCards_claro2.jpg);
    background-size: 100%;
    background-position-x: 1px;
    background-position-y: 14px;
}

    .max-banner{
    background-image: url(https://gtx100.com.br/img/fundo_maxx_card.jpg);
    width: 100%;
    height: 100%;
    float: left;
    }
    .max-logo{
    background-image: url(https://gtx100.com.br/img/logo-maxx-cards-p7ej8fnaavueps30hukhphd6e3eqhvbveg7c6p0uzg.png);
    background-size: 100%;
    align-items: center;
    width: 42%;
    height: 58%;
    background-repeat: no-repeat;
    float: left;
    }
    .max-cax{
    align-items: center;
    width: 59%;
    float: left;
    margin: 6% 21%;
    padding: 1% 2%;
    }
    .max-cax p{
    float: left;
    width: 50%;
    color: white;
    margin: 7% 4%;
    }
    .max-cont{
    float: left;
    width: 75%;
    margin: 2% 13%;
    }
    .max-tit{
    color: #E0094A;
    margin: 13% 4px;
    }
    .max-tit h5{
    font-weight: bold;
    font-size: 37px;
    font-stretch: semi-condensed;
    }
    .max-cont span{
    color: #FFAA00;
    font-weight: 600;
    }
    .max-caixa{
    float: left;
    width: 50%;
    line-height: 2rem;
    }
    .max-caixa p{
    color: #747474;
    font-size: 14px !important;
    margin: 11px 1px;
    }
    .max-img{
    float: left;
    width: 50%;
    }
    .max-img img{
    width: 100%;
    }
    .material-icons{
    color: #E0094A !important;
    font-size: 18px !important;
    }
    .max-cax2 h4{
    color: white;
    margin: -8px 22px;
    font-size: 31px;
    font-weight: bolder;
    font-style: inherit;
    }
    .max-cax2 img{
    margin: 18px 38px;
    padding: 8px 48px;
    }
    .max-plat{
    margin: 0px;
    float: left;
    width: 100%;
    }
    .max-plat2{
    margin: 0px;
    float: left;
    width: 49%;
    }
    
    .max-plat p{
    width: 100%;
    margin: 0px;
    padding: 4px 19%;
    color: #152363;
    font-weight: bold;
    }
    .max-txt-radio{
    color: white !important;
    font-size: 14px !important;
    width: 118% !important;
    }
    .max-txt-radio span{
    color: white !important;
    margin: 0px 7px;
    }
    .max-plat-border{
    margin: 22px 1px;
    float: left;
    border-right: solid 2px white;
    width: 50%;
    height: 53%;
    }
    .max-plat-border2{
    float: left;
    width: 49%;
    margin: 22px 0px;
    }
    .max-cax2 {
    align-items: center;
    width: 73%;
    float: left;
    margin: 5% 14%;
    padding: 1% 2%;
    }
    .max-str{
    float: left;
    width: 71%;
    padding: 11px 10px;
    margin: 5% 14% 2% 15%;
    text-align: center;
    font-size: 18;
    color: #878787;
    }
    .max-box-img{
    float: left;
    width: 33%;
    }
    .max-cont2{
    float: left;
    width: 85%;
    margin: 1% 8% 10% 7%;
    }
    .max-real{
    text-align: center;
    color: #7a7a7a;
    font-weight: bold;
    }
    .max-real-txt{
    padding: 1% 6%;
    margin: 1% 5%;
    }
    .max-icon{
    font-size: 13px!important;
    }
    .max-banner-rod{
    background-image: url(https://gtx100.com.br/img/fundo_maxx_card.jpg);
    width: 100%;
    height: 100%;
    float: left;
    }
    .max-banner-rod img{
    float: left;
    width: 50%;
    height: 100%;
    margin: 0px 2%;
    padding: 0% 0% 0% 5%;
    }
    .max-logo2 {
    background-image: url(https://gtx100.com.br/img/logo-maxx-cards-p7ej8fnaavueps30hukhphd6e3eqhvbveg7c6p0uzg.png);
    align-items: center;
    width: 33%;
    height: 29%;
    background-repeat: no-repeat;
    float: left;
    background-size: 100%;
    margin: 9% 33% 3% 33%;
    }
    .max-rod{
    float: left;
    width: 40%;
    margin: 2% 2%;
    }
    .max-rod p{
    text-align: center;
    color: white;
    padding: 3% 18%;
    }
    
    .parallax-container .parallax img {
    opacity: 1 !important;
    }
    .parallax-container {
    height: 450px !important;
    }
    .imlogo{
        margin: 0px 10px 0px 10px;
    }
    .carousels .slick-center .carouimg {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    color: #e67e22;
    opacity: 1;
    transform: scale(1.08);
    }
    .carousels .carouimg {
    opacity: 1.8;
    transition: all 300ms ease;
    color: #ffa000;
    font-size: 18px;
    width: 50px;
    }
    .blocoespec{
    float: left;
    width: 84%;
    margin: 75px 108px;
    }
    .blue .carouimg {
    background: #fff;
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
    }
    .espect{
    font-size: 13px;
    color:#7d7d7d;
    }
    .parallax-container .parallax img {
    bottom: -260px !important;
    }
    .home-cases-nav{
    display: none;
    }
    .flex-container {
    display: flex;
    flex-wrap: wrap;
}

.container-yagi {
    width: 96%;
}

.flex-container>div {
    margin: 5px;
}

.column {
    flex: 18.5%;
    max-width: 18.5%;
}

.tutorial {
    background-color: #2196F3;
    padding: 10px;
    border-radius: 0px 10px 10px 10px;
    margin: 5px;
    font-size: 13px;
}

span.badge.new {
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    background-color: #26a69a;
    border-radius: 20px;
}
nav ul a span.badge {
    display: inline-block;
    float: none;
    margin-left: 4px;
    line-height: 22px;
    height: 21px;
    -webkit-font-smoothing: auto;
}
span.badge {
    min-width: 1.5rem;
}
.limenu:hover{
    background-color: #ffa000;
}
.limenu:active{
    background-color: #ffa000;
}
.icon{
    float: left;
    padding: 3px 4px;
}
.container {
    width: 80%;
}

.nav-resp{
    display:none;
}
    .blog-grade-nav{
        display: none;
    }
@media screen and (min-width: 320px) and (max-width: 475px){
    html {
         width: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;}
        body {
        margin: 0;
        width: 100%;
    }
    .nav-resp{
        display:block;
        background: black;
        width: 100%;
        padding: 11px 14px;
    }
    nav{
        display:none !important;
    }
        .home-cases-nav {
        display: block;
    }
    .home-cases {
        display: none;
    }
    .home-cases-nav tr td img {
        height: 150px;
        width: 100%;
    }
    .premi-3x {
    margin: 5% 0% 4% 0% !important;
    }

        td, th {
    padding: 11px 15px !important;
    }
    .container {
    margin: 10px 16px !important;
    max-width: 1280px !important;
    width: 87% !important;
    }
    .ban-c{
        height: 690px !important
    }
    .banner-cooperadas-tab-nav tr{
        border-bottom: 0px solid rgba(0,0,0,0.12);
    }
    .banner-text-dir .t_h3 {
        margin-top: 54px;
    }
    .banner-metodologia {
    background-position-y: 0px !important;
    background-size: 207%;
    background-position-x: -84px;
    height: 134% !important
    }
    .max-caixa {
    width: 98%;
    }
    .max-img {
    float: left;
    width: 88%;
    }
    .max-img img {
    margin: 17px 28px !important;
    width: 87% !important;
    }
    .max-cax2 {
    width: 99%;
    margin: 6% 0%;
    padding: 1% 1%;
    }
    .max-cax2 img {
    margin: 18px 22px;
    padding: 8px 48px;
    }
    .max-box-img {
    float: left;
    width: 100%;
    }
    .max-real-txt {
    margin: 3% 5% !important;
    }
    .max-rod {
    float: left;
    width: 100%;
    margin: 2% 0%;
    }
    .formulario-contato {
    margin-top: 25px;
    padding-left: 35px;
    padding-right: 35px;
    }
    .formulario-contato .banner-text-dir{
        height: auto;
    }
    .banner-familia .banner-text-esq{
     height: 804px;   
    }
    .max-banner-rod img {
    display: none;
    }
    .max-cax2 h4 {
    color: white;
    margin: 0px 22px;
    font-size: 24px;
    }
    .banner-quadro-metodologia img {
    height: 40% !important;
    }
    .ban-meta {
    height: 343px !important;
    }
    .anjos-prog {
        width: 100% !important;
    }
    .banner-preanjos .banner-metade{
        margin-top: 1px;
        height: 430px !important;
    }
    .banner-preanjos .func {
        height: 508px !important;
    }
    .video-cont {
        margin: 20px 39px 64px 20px !important;
    }
    .video-frame {
        width: 95%;
        margin: 23px 2%;
        float: left;
    }
    .banner-camp-tm .banner-img-esq {
        width: 100%;
    }
    .banner-cooperadas {
        padding-bottom: 0px;
    }
    .material-icons{
        color: #ff9b04 !important;
    }
    .s12 {
        width: 82% !important;
    }
    .blog-grade-nav{
        display: block;
    }
    .blog-grade-nav tr td{
        text-align: center;
    }
    .blog-grade-nav tr td a{
        color: #6c6c6c;
    }
    .max-cax {
    width: 82%;
    margin: 7% 8%;
    padding: 1% 2%;
}
    .max-logo {
    width: 78%;
    height: 42%;
    margin: 1px 38px;
    }
    .max-cax p {
     margin: 7% 4%;
     width: 93%;
     text-align: center;
    }
    .blog-grade{
        display: none;
    }
    .banner-cooperadas-tab-nav {
        display: block;
    }
    .parallax-container .parallax img {
        bottom: -185px !important;
    }
    .imlogo {
        margin: 24px 10px 12px 10px;
        width: 62%;
    }
    .t_h3 {
        font-size: 23px !important;
        padding: 9px 24px;
        margin: 1px 10px;
    }
    .parallax-container {
        height: 520px !important;
    }
    .parallax-container .parallax img {
        left: 45%;
        width: 88pc;
    }
    .t_h5 {
        font-size: 18px !important;
        padding: 5px 36px;
    }
        .banner-cooperadas-tab {
        display: none;
    }
    .banner-img-dir, .banner-img-esq {
        width: 100%;
        background-size: 100%;
    }
    .banner-camp-cooperada .banner-img-esq{
        height: 180px;
        width: 100%;
    }
    .banner-cooperadas center h4{
        margin: 95% 10px 10px 10px;
    }
    .banner-text-esq, .banner-text-dir, .banner-img-esq, .banner-img-dir {
        float: left;
        padding-top: 15px;
        padding-bottom: 25px;
        position: relative;
        height: 942px;
        width: 100% !important;
    }
    .banner-familia .banner-img-dir {
        width: 100%;
        height: 34%;
    }
    .banner-text-dir p{
    padding: 1px 27px;
    }
    .banner-text-esq, .banner-text-dir {
        margin-left: 11px !important;
        margin-right: 9px !important;
        text-align: left !important;
        width: calc(100% - 10%) !important;
    }
    .ban-t{
        height: 800px !important;
    }
    .ban-max{
    float: inherit;
    padding-top: 15px;
    padding-bottom: 25px;
    position: relative;
    height: 451%;
    width: 100% !important;
    }
    .banner-fid .banner-img-esq{
        height: 64%
    }
    .banner-engajamento .banner-img-dir.grafico-engajamento {
    background-position-x: -90px !important;
    }
    .banner-familia {
        display: inline-block;
        width: 100%;
        height: 189%
    }
    .banner-preanjos {
        height: 117%;
    }
    .pre-do{
        height: 197%;
    }
    .t_h4 {
        font-size: 25px !important;
        padding: 1px 32px;
    }
    .banner-cases p {
        font-size: 14px !important;
        line-height: 18px !important;
        color: #ffffff;
        width: 93%;
    }
    .home-cases-nav {
        display: block;
    }
    .home-cases {
        display: none;
    }
    .home-cases-nav tr td img {
        height: 182px;
        width: 100%;
    }
    .banner-preanjos .banner-img-esq {
        display:none;
    }
    .banner-preanjos .banner-img-dir {
        width: 100%;
        height: 96%;
    }
    .banner-preanjos .banner-text-esq ul li {
        list-style-type: square !important;
    }
    .banner-text-esq p {
        float: left;
        width: 100%;
        font-size: 16px !important;
        padding: 3px 18px;
    }
    .banner-text-esq h4 {
        margin: 0.52rem 0 0.912rem 0 !important;
    }
    .blocoespec {
        float: left;
        width: 97%;
        margin: 398px 96px 6px 6px !important; 
    }
    .carousels .carouimg {
        width: 200px !important;}
     
        .slick-track{
        transform: translate3d(-225px, 0px, 0px) !important;}
    .t_h2 {
        font-size: 33px !important;
    }
    .tit-branco {
        color: white;
        font-size: 1.28rem;
    }
}

.page-footer,
.black {
    background-color: #555 !important;
}
/*
.banner-preanjos .banner-text-esq {
    height: 300px;
    padding: 30px !important;
    margin-left: 25px;
    margin-right: 25px;
    width: calc(50% - 50px);
}*/

.banner-preanjos .banner-text-esq ul {
    padding: 0px;
}
.sidenav {
    padding-left: 0px;
}
    .parallax-container .parallax {
    bottom: 154px !important;}
    
    .tit-laranja {
    color: #ffa000;
    text-shadow: 1px 0px 3px black;
    }
    .anjos-prog{
    width: 70%;
    }
    .t_h5 {
    font-size: 20px !important;
    }
    .blocoespec {
    margin: 85px 87px 85px 90px;
}
.blocoespec .tit-laranja {
    color: #ffa000;
    text-shadow: 1px 0px 3px black;
    font-size: 30px !important;
}
.carousels .carouimg {
    text-shadow: -1px 1px 3px #4e4e4e;
}

.seta_top {
    position: fixed;
    bottom: 0;
    float: left;
    margin-left: 15px;
    margin-bottom: 14px;
    z-index: 99;
    cursor: pointer;
}
.seta_top a {
    cursor: pointer;
}
.seta_top a img {
    height: 50px;
    padding: 0px;
    transition: 0.2s;
}
.seta_top a img:hover {
    height: 48px;
    padding: 2px;
}

.tabela-cases {
    height: 600px;
}

.content-case-desc {
    vertical-align: middle
}
}
@media (max-width: 360px){
    html {
         width: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;}
        body {
        margin: 0;
        width: 100%;
    }
    .nav-resp{
        display:block;
        background: black;
        width: 100%;
        padding: 11px 14px;
    }
    nav{
        display:none !important;
    }
    
    td, th {
    padding: 11px 15px !important;
    }
    .container {
    margin: 10px 16px !important;
    max-width: 1280px !important;
    width: 87% !important;
    }
    .ban-c{
        height: 690px !important
    }
    .banner-cooperadas-tab-nav tr{
        border-bottom: 0px solid rgba(0,0,0,0.12);
    }
    .banner-text-dir .t_h3 {
        margin-top: 54px;
    }
    .banner-metodologia {
    background-position-y: 14px !important;
    background-size: 207%;
    background-position-x: -84px;
    height: 115% !important;
    }
    .ban-meta{
    height: 256px !important;
    }
    .anjos-prog {
        width: 100% !important;
    }
    .banner-preanjos .banner-metade{
        margin-top: 1px;
        height: 430px !important;
    }
    .banner-preanjos .func {
        height: 508px !important;
    }
    .banner-camp-tm .banner-img-esq {
        width: 100%;
    }
    .banner-cooperadas {
        padding-bottom: 0px;
    }
    .material-icons{
        color: #ff9b04 !important;
    }
    .s12 {
        width: 82% !important;
    }
    .banner-cooperadas-tab-nav {
        display: block;
    }
    .parallax-container .parallax img {
        bottom: -185px !important;
    }
    .imlogo {
        margin: 24px 10px 12px 10px;
        width: 62%;
    }
    .t_h3 {
        font-size: 23px !important;
        padding: 9px 24px;
        margin: 1px 10px;
    }
    .parallax-container {
        height: 520px !important;
    }
    .parallax-container .parallax img {
        left: 45%;
        width: 88pc;
    }
    .t_h5 {
        font-size: 18px !important;
        padding: 5px 36px;
    }
    .banner-cooperadas-tab {
        display: none;
    }
    .banner-img-dir, .banner-img-esq {
        width: 100%;
        background-size: 100%;
    }
    .banner-camp-cooperada .banner-img-esq{
        height: 180px;
        width: 100%;
    }
    .banner-cooperadas center h4{
        margin: 95% 10px 10px 10px;
    }
    .banner-text-esq, .banner-text-dir, .banner-img-esq, .banner-img-dir {
        float: left;
        padding-top: 15px;
        padding-bottom: 25px;
        position: relative;
        height: 470px;
        width: 100% !important;
    }
    .banner-familia .banner-img-dir {
        width: 100%;
        height: 95%;
    }
    .banner-text-esq, .banner-text-dir {
        margin-left: 11px !important;
        margin-right: 9px !important;
        text-align: left !important;
        width: calc(100% - 10%) !important;
    }
    .ban-t{
        height: 800px !important;
    }
    .ban-max{
    float: inherit;
    padding-top: 15px;
    padding-bottom: 25px;
    position: relative;
    height: 1234px;
    width: 100% !important;
    }
    .banner-fid .banner-img-esq{
        height: 64%
    }
    .banner-engajamento .banner-img-dir.grafico-engajamento {
    background-position-x: -148px !important;
    }
    .banner-familia {
        display: inline-block;
        width: 100%;
        height: 186%
    }
    .banner-preanjos {
        height: 117%;
    }
    .pre-do{
        height: 197%;
    }
    .t_h4 {
        font-size: 25px !important;
        padding: 1px 32px;
    }
    .banner-cases p {
        font-size: 14px !important;
        line-height: 18px !important;
        color: #ffffff;
        width: 93%;
    }
    .home-cases-nav {
        display: block;
    }
    .home-cases {
        display: none;
    }
    .home-cases-nav tr td img {
        height: 150px;
        width: 100%;
    }
    .banner-preanjos .banner-img-esq {
        display:none;
    }
    .banner-preanjos .banner-img-dir {
        width: 100%;
        height: 96%;
    }
    .banner-preanjos .banner-text-esq ul li {
        list-style-type: square !important;
    }
    .banner-text-esq p {
        float: left;
        width: 100%;
        font-size: 16px !important;
        padding: 3px 18px;
    }
    .banner-text-esq h4 {
        margin: 0.52rem 0 0.912rem 0 !important;
    }
    .blocoespec {
        float: left;
        width: 97%;
        margin: 398px 96px 6px 6px !important; 
    }
    .carousels .carouimg {
        width: 200px !important;}
     
        .slick-track{
        transform: translate3d(-225px, 0px, 0px) !important;}
    .t_h2 {
        font-size: 33px !important;
    }
    .tit-branco {
        color: white;
        font-size: 1.28rem;
    }
}

.page-footer,
.black {
    background-color: #555 !important;
}
/*
.banner-preanjos .banner-text-esq {
    height: 300px;
    padding: 30px !important;
    margin-left: 25px;
    margin-right: 25px;
    width: calc(50% - 50px);
}*/

.banner-preanjos .banner-text-esq ul {
    padding: 0px;
}
.sidenav {
    padding-left: 0px;
}
    .parallax-container .parallax {
    bottom: 154px !important;}
    
    .tit-laranja {
    color: #ffa000;
    text-shadow: 1px 0px 3px black;
    }
    .anjos-prog{
    width: 70%;
    }
    .t_h5 {
    font-size: 20px !important;
    }
    .blocoespec {
    margin: 85px 87px 85px 90px;
}
.blocoespec .tit-laranja {
    color: #ffa000;
    text-shadow: 1px 0px 3px black;
    font-size: 30px !important;
}
.carousels .carouimg {
    text-shadow: -1px 1px 3px #4e4e4e;
}

.seta_top {
    position: fixed;
    bottom: 0;
    float: left;
    margin-left: 15px;
    margin-bottom: 14px;
    z-index: 99;
    cursor: pointer;
}
.seta_top a {
    cursor: pointer;
}
.seta_top a img {
    height: 50px;
    padding: 0px;
    transition: 0.2s;
}
.seta_top a img:hover {
    height: 48px;
    padding: 2px;
}

.tabela-cases {
    height: 600px;
}

.content-case-desc {
    vertical-align: middle
}








/* ------------------------------------ ------------------------------------ LANDING PAGE ------------------------------------ ------------------------------------ */

.lp-banner h1,
.lp-banner h2,
.lp-banner h3,
.lp-banner h4,
.lp-banner h5,
.lp-banner h6 {
    margin: 0px !important;
}

.lp-banner h3 {
    font-family: arial;
    font-weight: bold;
}

.lp-banner {
    width: 100%;
    padding: 5% 10% 5% 10%;
}

.lp-banner-1 {
    background-color: #685CA3;
    height: 600px;
}

.lp-banner-video {
    height: 600px;
}

.lp-banner-vantagens {
    background-color: #FFC600;
    height: auto;
    overflow: hidden;
}

.lp-banner-testemunhais {
    height: 500px;
}

.lp-banner-empresa {
    background-color: #FFC600;
    height: auto;
    overflow: hidden;
}

.lp-banner-faq {
    height: auto;
    overflow: hidden;
}

.lp-banner-ctafim {
    background-color: #685CA3;
    height: auto;
    overflow: hidden;
}

.banner-text-lat {
    width: 50%;
    float: left;
    padding: 5%;
}

.lp-banner-testemunhais .banner-text-lat {
    width: 50%;
    float: left;
    padding: 5% 2% 0% 2%;
}
    
.formulario-contato .banner-text-lat {
    margin-left: 4%;
    margin-right: 6%;
}

.t_h5 {
    font-size: 30px !important;
}
.form input[type=textarea] {
    height: 73px !important;
    font-size: 16px;
}
.form button {
    font-size: 16px;
}

.lp-banner .form button {
    margin-top: 20px;
    background-color: #FFC600;
    border: none;
    border-radius: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 30%;
    color: white;
    transition: 0.2s;
    cursor: pointer;
}

.lp-form {
    background-color: white;
    padding: 50px;
    border-radius: 10px;
}

.lp-banner-empresa .banner-text-lat .video,
.lp-banner-video .banner-text-lat .video {
    width: 100%;
    height: 350px;
    background-color: #685CA3;
}

#bloco-col-4 {
    width: 25% !important;
}

#banner-1-text {
    color: white;
}

#nome-test {
    font-size: 18px !important;
}

.btn-cta {
    background-color: #685CA3;
    margin-top: 20px;
    border: none;
    border-radius: 30px;
    padding: 20px 50px 20px 50px;
    color: white;
    font-weight: bold;
    transition: 0.2s;
    cursor: pointer;
}


/* ---------------- ACORDEÃO FAQ ---------------- */

        /*
        * Definir a largura e centraliza os itens da sanfona
        */
        .accordions{
            width: 80%;
            margin: 0 auto;
            border: 1px solid #ccc;
        }
        /*
        * Oculta o input
        */
        .accordion-item input{display: none;}

        /*
         * Aqui configura o label
         * que será parte clicável
        */
        .accordion-item label{
            display: block;
            border: 0px solid #aaa;
            background: #eee;
            cursor: pointer;
            padding: 2%;
            color: #555;
            font-size: 15px;
        }

        /*
        * Aqui o elemento que vai o conteúdo.
        * Define o height:0, para aplicarmos o efeito
        * colocamos overflow:hidden não mostrar o último item
        * O transition o tipo de efeito que queremos
        */
        .accordion-content{
            height: 0px;
            overflow: hidden;
            -webkit-transition: height 0.3s ease-in-out;
            -moz-transition: height 0.3s ease-in-out;
            -o-transition: height 0.3s ease-in-out;
            -ms-transition: height 0.3s ease-in-out;
            transition: height 0.3s ease-in-out;
        }

        /*
        * Selecionar o elemento que está precedente
        * do tipo com atributo checked, sendo
        * que o ID comece o accordion
        * E dentro dele, definimos a altura,
        * mostrando o conteúdo
        */
        [id^=accordion]:checked ~ .accordion-content {
            height: 100px;
        }
        
        .accordion-content p {
            margin: 2%;
        }