/*
-------------------------------------------------------------------------
   HOME

      
*/
#home {
    text-align: center;
    padding-bottom: 200px;
    position: relative;
    overflow: visible;
}

.contrate-logo-dois {
    display: none;
}

.contrate-logo {
    position: relative;
    z-index: 3;
    /* float: left; */
    margin: 15px;
}

.contrate-logo > svg {
    width: 110px;
    height: 110px;
    transform: rotate(-20deg);
}

.contrate-logo-svg {
    /* margin-top: 85px; */
    /* margin-left: 20px; */
}

.contrate-logo-svg path {
    fill: black;
}

.impress-on-oque .contrate-logo-dois svg {
    fill: #940009;
}

.impress-on-quem .contrate-logo-dois svg {
    fill: #6D1454;
}

.impress-on-ofato .contrate-logo-dois svg {
    fill: #1C1977;
}

.impress-on-ofato2 .contrate-logo-dois svg {
    fill: #1E1B61;
}

.impress-on-aversao .contrate-logo-dois svg {
    fill: #0C5C28;
}

.impress-on-porque .contrate-logo-dois svg {
    fill: #406F09;
}

.impress-on-anoticia .contrate-logo-dois svg {
    fill: #005C7D;
}

.impress-on-analise .contrate-logo-dois svg {
    fill: #9A5700;
}

.impress-on-quando .contrate-logo-dois svg {
    fill: #7E8C02;
}

.impress-on-como .contrate-logo-dois svg {
    fill: rgba(0, 0, 0, 0.48);
    opacity: 0.3
}

.impress-on-onde .contrate-logo-dois svg {
    fill: rgba(0, 0, 0, 0.46);
}

.home-bg {
    background-image: url(../img/rainbow.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: auto 130px;
    /* width: 100%; */
    left: 0;
    right: 0;
    height: 130px;
    position: absolute;
    bottom: 0;
}

.home-logo {
    margin-top: 0%;
    margin-bottom: 4%;
    margin-left: auto;
    margin-right: auto;
}

.home-logo .logo-full {
    width: 80%;
    min-width: 180px;
    max-width: 300px;
}

.video-play {
    display: block;
    /* width: 100px; */
    margin: 0 auto;
    color: #000;
    text-decoration: none;
    text-align: center;
}

.video-play:hover {
    text-decoration: none;
    color: inherit;
}

.video-play .lbl {
    display: block;
    font-size: 0.9em;
}

.video-play img {
    width: 90px;
    height: 70px;
    transition: transform .3s;
}

.video-play:hover img {
    transform: scale(1.1);
}

.impress-enabled .home-logo {
    margin-top: 8%;
    text-align: center;
}

.impress-enabled .home-bg {
    left: -15%;
    right: -15%;
    bottom: -130px;
    height: 240px;
    background-size: auto 100%;
}

.impress-enabled #home .video-container {
    display: none;
}

#col-saibamais .panel-body {
    text-align: center;
}

@media all and (min-width: 1200px) {
    .impress-enabled .home-bg {
        left: -40%;
        right: -40%;
    }
}

/*/mediaquery*/
/*
-------------------------------------------------------------------------
   O que
*/
#oque {
    text-align: center;
    /* border: #000 solid 2px; */
    background-color: #E20614;
    clear: both;
}

.impress-on-oque {
    background-color: #E20614;
}

.oque-logo {
    width: 40%;
    margin: 15% auto 10%;
    /* clear: both; */
}

#oque .slide-content {
}

#oque h2 {
}

.oque-t1 {
    display: block;
    font-weight: 400;
    font-size: 0.9em;
}

.oque-t2 {
    display: block;
    font-weight: 400;
    font-size: 0.7em;
    /* margin-left: 36%; */
}

.oque-t3 {
    display: block;
    color: #fff;
    font-weight: 700;
}

.oque-t4 {
    display: block;
    font-weight: 100;
    font-size: 1.3em;
}

.impress-enabled .oque-logo {
    margin: 5% auto;
    width: 20%;
}

.impress-enabled #oque .slide-content h2 {
    font-size: 440%;
}

/*
-------------------------------------------------------------------------
   Quem
*/
#quem {
    /* color: #fff; */
    background-color: #AA3489;
}

.impress-on-quem {
    background-color: #AA3489;
}

.quem-container {
    padding-top: 20%;
    /* padding-bottom: 20%; */
    text-align: center;
}

.quem-inner {
    margin-bottom: 40px;
}

.quem-inner2 {
    background-color: rgba(255, 255, 255, 0.12);
    padding: 20px 0 40px;
    overflow: hidden;
}

.quem-inner2 a, .quem-inner2 a:visited {
    color: #E2ADD3;
}

.quem-inner2 a:hover, .quem-inner2 a:active {
}

#quem .pessoa-1 {
    margin: 0 0 8%;
    padding: 0 0 8% 0;
    display: inline-block;
    position: relative;
}

#quem .pessoa-1::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #000;
    position: absolute;
    bottom: 0;
}

#quem .nome {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
}

#quem .pro-bono {
    font-weight: 400;
    font-size: 0.6em;
    display: block;
}

.impress-enabled #quem .pro-bono {
    display: block;
    -right: -110px;
    text-align: right;
    padding-right: 71px;
    padding-top: 4px;
}

#quem .mail {
    display: block;
    vertical-align: bottom;
    margin: -16px 0 0 10px;
    float: right;
    display: none;
}

#quem .mail > img {
    width: 30px;
}

#quem .cargo {
    font-weight: 300;
    font-size: 0.8em;
    /* margin-left: 12%; */
    margin-top: 10px;
}

#quem .contacts {
    font-size: 0.65em;
    line-height: 1.3em;
    font-weight: normal;
    color: #E29CCF;
    margin-top: 21px;
    text-align: center;
}

#quem .contacts small {
    color: inherit;
    font-size: 80%;
    line-height: inherit;
}

#quem .phone {
}

#quem .contacts .mail:link, #quem .contacts .mail:visited {
    color: inherit;
    display: inline;
    float: none;
    margin: 0;
    margin-left: -15px;
    font-size: 0.8em;
}

.impress-enabled #quem .pessoa-2 {
    margin-left: 50%;
    margin-top: -224px;
}

#quem .pessoa-1 .nome {
}

#quem .pessoa-2 .nome {
}

#quem .pessoa-2 .cargo {
}

.quem-t1 {
}

.quem-t1-1 {
    display: block;
    text-align: center;
    font-size: 0.7em;
    font-weight: 700;
    margin: 10px 0 10px;
}

.quem-t1-2 {
}

.quem-t1-2 img {
    display: block;
    margin: 0 auto;
    width: 230px;
}

.quem-t1-3 {
    display: block;
    margin: 10px 0;
    font-size: 0.8em;
}

.quem-t1-3 p {
    /* font-size: 0.7em; */
    /* line-height: 1.2em; */
    margin: 0;
}

.quem-t2 {
}

.quem-t2-1 {
    display: block;
    text-align: center;
    font-size: 0.7em;
    font-weight: 700;
    margin: 40px 0 10px;
}

.quem-t2-2 {
    display: block;
}

.quem-t2-2 img {
    width: 220px;
    margin: 0 auto;
    display: block;
}

.impress-enabled .quem-container {
    padding: 0;
}

.impress-enabled .quem-inner2 {
    transform: scale(.7);
    padding: 70px 0;
    /* margin-top: 40px; */
}

.impress-enabled .quem-t1 {
    width: 50%;
    float: left;
    display: block;
    position: relative;
    /* top: 140px; */
}

/*
.impress-enabled .quem-t1::after{
    content:"";
    display: block;
    width: 300px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 160px;
    right: -150px;
    transform: rotate(-65deg);
}
*/
.impress-enabled .quem-t2 {
    display: block;
    float: left;
    width: 50%;
    /* top: 140px; */
    position: relative;
}

.impress-enabled .quem-t1-1, .impress-enabled .quem-t2-1 {
    margin-top: 0;
    font-size: 1.3em;
}

.impress-enabled .quem-t1-2 img {
    width: 280px;
}

.impress-enabled .quem-t2-2 img {
    width: 300px;
}

.impress-enabled .quem-t1-3 {
    font-size: 1em;
}

/*************************/
.impress-enabled .quem-inner {
    font-size: 220%;
}

.impress-enabled #quem .pessoa-1 {
    margin-left: -38%;
    margin-bottom: 0;
    clear: left;
}

.impress-enabled #quem .pessoa-1::after {
    transform: rotate(-68deg);
    right: -94px;
    bottom: 149px;
    width: 188px;
    display: none;
}

.impress-enabled #quem .nome {
}

.impress-enabled #quem .mail {
}

.impress-enabled #quem .cargo {
    margin-left: 1px;
    text-align: center;
    /* padding-right: 84px; */
    padding-top: 8px;
}

.machado {
    display: block;
    text-align: right;
    padding-right: 23px;
}

/*
-------------------------------------------------------------------------
   o fato
*/
#ofato {
    background-color: #3E3B8F;
    min-height: 1px;
}

.impress-on-ofato {
    background-color: #3E3B8F;
}

#ofato2 {
    background-color: #3E3B8F;
    min-height: 1px;
    padding-bottom: 15%;
}

.impress-on-ofato2 {
    background-color: #3E3B8F;
}

.ofato-container {
    /* margin-top: 10%; */
    margin-bottom: 60px;
}

.ofato-inner {
}

.ofato-btw {
    text-align: center;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.3em;
    color: #ABE1D4;
    margin: 20px 20px 40px;
}

.ofato-t1 {
    text-align: center;
    color: #ABE1D9;
    font-size: 0.8em;
    padding: 4% 0;
}

.ofato-t1-1 {
    font-weight: 400;
}

.ofato-t1-2 {
    font-weight: 100;
}

.ofato-t1-3 {
    font-weight: 300;
}

.ofato-t1-3 strong {
    font-weight: 700;
}

.ofato-t2 {
    text-align: center;
    color: #ABE1D9;
    font-size: 1em;
    padding: 4% 0 0;
}

.ofato-t2-1 {
    font-weight: 100;
}

.ofato-t2-2 {
    font-weight: 400;
}

.ofato-t2-3 {
    font-weight: 700;
}

.ofato-t3 {
    /* color: #FDCF28; */
    text-align: center;
    position: relative;
}

.ofato-t3 .icon {
    position: absolute;
    width: 50px;
    top: -20px;
    left: 50%;
    margin-left: -25px;
    background-color: #3E3B8F;
    padding: 0 10px;
}

.ofato-t3 .icon img {
    width: 100%;
    height: auto;
}

.ofato-t3::after, .ofato-t3::before {
    content: "";
    display: block;
    width: 76%;
    height: 1px;
    background-color: #080808;
    margin-left: 12%;
}

.ofato-t3-1 {
    display: block;
    font-weight: 400;
    font-size: 1em;
    margin-top: 3%;
}

.ofato-t3-2 {
    display: block;
    font-weight: 100;
    font-size: 1.8em;
}

.ofato-t3-3 {
    display: block;
    font-weight: 900;
    /* font-size: 1.6em; */
    /* margin-bottom: 4%; */
}

/*-------------------------------------------------------------------------*/
.impress-enabled .ofato-inner {
    font-size: 250%;
}

.impress-enabled .ofato-t1 {
    padding: 1% 0;
}

.impress-enabled .ofato-t2 {
    padding: 1% 0 2%;
}

.impress-enabled .ofato-container {
    margin-top: 6%;
}

.impress-enabled .ofato-btw {
    margin-left: 7%;
    margin-right: 7%;
    margin-left: auto;
    margin-right: auto;
    max-width: 920px;
    font-size: 137%;
}

/*
-------------------------------------------------------------------------
   o mote
*/
#omote {
    /* background-color: #3E3B8F; */
    min-height: 1px;
}

.impress-on-omote {
    /* background-color: #3E3B8F; */
}

#omote2 {
    background-color: #3E3B8F;
    min-height: 1px;
    padding-bottom: 15%;
}

.impress-on-omote2 {
    background-color: #3E3B8F;
}

.omote-container {
    margin: 10% 0;
}

.omote-inner {
}

.omote-btw {
    text-align: center;
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.3em;
    color: #ABE1D4;
    margin: 20px 20px 40px;
}

.omote-t1 {
    text-align: center;
    color: #ABE1D9;
    font-size: 0.8em;
    padding: 4% 0;
}

.omote-t1-1 {
    font-weight: 400;
}

.omote-t1-2 {
    font-weight: 100;
}

.omote-t1-3 {
    font-weight: 700;
}

.omote-t2 {
    text-align: center;
    color: #ABE1D9;
    font-size: 1em;
    padding: 4% 0 0;
}

.omote-t2-1 {
    font-weight: 100;
}

.omote-t2-2 {
    font-weight: 400;
}

.omote-t2-3 {
    font-weight: 700;
}

.omote-t3 {
    color: #FDCF28;
    text-align: center;
    position: relative;
}

.omote-t3 .icon {
    position: absolute;
    width: 50px;
    top: -20px;
    left: 50%;
    margin-left: -25px;
    background-color: #3E3B8F;
    padding: 0 10px;
}

.omote-t3 .icon img {
    width: 100%;
    height: auto;
}

.omote-t3::after, .omote-t3::before {
    content: "";
    display: block;
    width: 76%;
    height: 1px;
    background-color: #E7ECEA;
    margin-left: 12%;
}

.omote-t3-1 {
    display: block;
    font-weight: 400;
    font-size: 1em;
    margin-top: 3%;
}

.omote-t3-2 {
    display: block;
    font-weight: 100;
    font-size: 1.8em;
}

.omote-t3-3 {
    display: block;
    font-weight: 900;
    font-size: 1.6em;
    /* margin-bottom: 4%; */
}

/*
-------------------------------------------------------------------------
   A Versao
*/
#aversao {
    background-color: #22A851;
    overflow: visible-y;
    /* padding-bottom: 60px; */
}

.impress-on-aversao {
    background-color: #22A851;
}

.impress-on-aversao #header {
    background-color: rgb(34, 168, 81);
}

.aversao-container {
}

.aversao-inner {
    margin: 30px 0;
}

.aversao-t1 {
    display: block;
    text-align: center;
    width: 160px;
    height: 160px;
    margin: 5% auto;
    border: #fff solid 1px;
    border-radius: 1000px;
    color: #fff;
    font-weight: 300;
    font-size: 0.48em;
    line-height: 150px;
    position: relative;
    z-index: 999;
    background-color: rgb(30, 158, 75);
}

.aversao-t1-inner {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 1.1em;
}

.aversao-t1 > br {
}

.aversao-t2 {
    display: block;
    position: relative;
    z-index: 34;
}

.aversao-t2-group-1 {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
    text-align: right;
    color: #fff;
}

.aversao-t2-group-2 {
    display: inline-block;
    vertical-align: middle;
}

.aversao-t2-inner {
    position: absolute;
    border: #fff solid 1px;
    border-color: rgba(255, 255, 255, 0.54);
    width: 450px;
    height: 450px;
    border-radius: 100%;
    top: -156%;
    left: 2%;
    z-index: -1;
}

.aversao-t2-1 {
    font-weight: 300;
    transform: rotate(14deg) translateX(6px);
    display: block;
    transform-origin: 100% 50%;
}

.aversao-t2-2 {
    font-weight: 700;
    display: block;
    transform-origin: 100% 50%;
    transform: rotate(5deg) translateX(-2px);
}

.aversao-t2-3 {
    font-weight: 400;
    display: block;
}

.aversao-t2-4 {
    font-weight: 300;
    font-size: 0.8em;
    display: block;
    transform-origin: 100% 50%;
    transform: rotate(-10deg) translate(6px, -9px);
}

.aversao-t2-5 {
    color: #000;
    font-weight: 700;
    font-size: 2.7em;
}

.aversao-t3 {
    position: relative;
    text-align: center;
    display: block;
    margin: 20px 0 0 0;
    z-index: 999;
}

.aversao-t3-1 {
    display: block;
    font-weight: 400;
    font-size: 0.8em;
}

.aversao-t3-2 {
    display: inline;
    color: #fff;
    line-height: 1.2em;
    background-color: rgba(0, 0, 0, 0.48);
    background-color: rgb(12, 92, 40);
}

/*-------------------------------------------------------------------------*/
.impress-enabled #aversao {
    overflow: visible;
    z-index: -1;
}

.impress-enabled .aversao-container {
}

.impress-enabled .aversao-inner {
    font-size: 340%;
}

.impress-enabled .aversao-t1 {
    font-size: 0.35em;
    float: right;
    margin-right: 10%;
    width: 180px;
    height: 180px;
}

.impress-enabled .aversao-t1-inner {
    font-size: 1em;
    margin-top: 20px;
}

.impress-enabled .aversao-t1 > br {
}

.impress-enabled .aversao-t2 {
    float: left;
    margin-top: 5%;
    width: 70%;
}

.impress-enabled .aversao-t2-group-1 {
    width: 55%;
}

.impress-enabled .aversao-t2-group-2 {
}

.impress-enabled .aversao-t2-inner {
    left: 8%;
    top: -150%;
    width: 900px;
    height: 900px;
}

.impress-enabled .aversao-t2-1 {
}

.impress-enabled .aversao-t2-2 {
}

.impress-enabled .aversao-t2-3 {
}

.impress-enabled .aversao-t2-4 {
}

.impress-enabled .aversao-t2-5 {
}

.impress-enabled .aversao-t3 {
    clear: both;
    text-align: left;
    margin-left: 40%;
    transform: rotate(-10deg);
}

.impress-enabled .aversao-t3-1 {
}

.impress-enabled .aversao-t3-2 {
}

/*
-------------------------------------------------------------------------
   a analise
*/
#analise {
    background-color: #EC8600;
    /* overflow: visible; */
}

.impress-on-analise {
    background-color: #ff9c1a;
}

.analise-container {
    padding: 0 20px 20px;
    height: 100%;
    min-height: 100%;
}

.analise-inner {
    position: relative;
    height: 100%;
}

.analise-t1-1 {
    position: relative;
    background-color: rgba(0, 0, 0, 0.55);
    color: #EC8600;
    text-align: center;
    width: 220px;
    height: 220px;
    margin: 0 auto;
    border-radius: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.analise-t1-1::after {
    content: "";
    border: rgba(0, 0, 0, 0.13) solid 1px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    border-radius: 110px;
    transform: scale(1.6);
}

.analise-t1-2 {
    font-size: 20px;
}

.analise-t1-3 {
    font-size: 42px;
}

.analise-g1-ico img, .analise-g2-ico img, .analise-g3-ico img, .analise-g4-ico img, .analise-g5-ico img {
    width: 55px;
    height: 49px;
}

.analise-g {
    text-align: center;
}

.analise-g ul {
    list-style: none;
    padding: 0;
}

.impress-enabled .analise-g ul {
    font-weight: 700;
}

.impress-enabled .analise-g {
    /* border: red solid 1px; */
    display: inline-block;
    position: absolute;
}

.impress-enabled .analise-g h3 {
    font-size: 2em;
}

.impress-enabled .analise-g1 {
    top: 80px;
    left: 50px;
    text-align: left;
}

.impress-enabled .analise-g1-ico {
    top: -30px;
    position: absolute;
}

.impress-enabled .analise-g1-ico img {
}

.impress-enabled .analise-g1-tit {
}

.impress-enabled .analise-g1-list {
}

.impress-enabled .analise-g1-list li {
}

.impress-enabled .analise-g2 {
    top: 140px;
    right: 40px;
    text-align: right;
}

.impress-enabled .analise-g2-ico {
    float: left;
    margin-left: 38px;
}

.impress-enabled .analise-g2-ico img {
}

.impress-enabled .analise-g2-tit {
}

.impress-enabled .analise-g2-list {
}

.impress-enabled .analise-g2-list li {
}

.impress-enabled .analise-g3 {
    left: 133px;
    bottom: 40px;
    text-align: right;
}

.impress-enabled .analise-g3-ico {
}

.impress-enabled .analise-g3-ico img {
}

.impress-enabled .analise-g3-tit {
}

.impress-enabled .analise-g3-list {
}

.impress-enabled .analise-g3-list li {
}

.impress-enabled .analise-g4 {
    right: 60px;
    bottom: 80px;
    text-align: left;
}

.impress-enabled .analise-g4-ico {
    position: absolute;
    top: 70px;
    left: 100px;
}

.impress-enabled .analise-g4-ico img {
}

.impress-enabled .analise-g4-tit {
}

.impress-enabled .analise-g4-list {
}

.impress-enabled .analise-g4-list li {
}

.impress-enabled .analise-g5 {
    left: 40%;
    top: 0px;
    text-align: left;
}

.impress-enabled .analise-g5-ico {
    position: absolute;
    top: 35px;
    left: 130px;
}

.impress-enabled .analise-t1 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -110px;
    transform: scale(1.2);
}

.impress-enabled .analise-t1-1 {
}

/*
-------------------------------------------------------------------------
   Porque
*/
#porque {
    background-color: #75B62A;
    /* overflow: visible; */
}

.impress-on-porque {
    background-color: #75B62A;
}

.porque-container {
    padding: 0 20px;
    padding-bottom: 50px;
}

.porque-inner {
    margin-left: 16%;
}

.porque-t1 {
    display: block;
    margin: 50px 0;
}

.porque-t1-1 {
    display: inline-block;
    width: 50px;
    /* float: left; */
    vertical-align: middle;
    margin-right: 10px;
}

.porque-t1-1 > img {
}

.porque-t1-2 {
    display: inline-block;
    font-size: 0.9em;
    line-height: 1em;
    width: 80%;
    font-weight: 400;
    vertical-align: middle;
}

.porque-t2 {
    display: block;
    margin: 50px 0;
}

.porque-t2-1 {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    margin-right: 10px;
}

.porque-t2-1 > img {
}

.porque-t2-2 {
    display: inline-block;
    width: 80%;
    font-size: 0.8em;
    vertical-align: middle;
}

.porque-t2-2-1 {
    font-weight: 700;
}

.porque-t2-2-2 {
    font-weight: 300;
    font-size: 1.6em;
    display: block;
}

.porque-t3 {
    display: block;
    margin: 50px 0 0;
}

.porque-t3-1 {
    display: inline-block;
    width: 23%;
    vertical-align: middle;
    margin-right: 60px;
}

.porque-t3-1 > img {
}

.porque-t3-2 {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    /* text-align:  center; */
}

.porque-t3-2-1 {
    font-weight: 700;
}

.porque-t3-2-2 {
    font-weight: 300;
    font-size: 0.8em;
    clear: both;
    display: block;
}

.porque-t3-2-3 {
    font-weight: 700;
    display: inline;
    white-space: nowrap;
}

/*-------------------------------------------------------------------------*/
.impress-enabled #porque {
    overflow: visible;
}

.impress-enabled .porque-t1 {
    margin: 70px 0;
}

.impress-enabled .porque-t1-1 {
}

.impress-enabled .porque-t1-1 > img {
}

.impress-enabled .porque-t1-2 {
}

.impress-enabled .porque-t2 {
    font-size: 1.4em;
    margin: 80px 0 80px 70px;
}

.impress-enabled .porque-t2-1 {
}

.impress-enabled .porque-t2-1 > img {
}

.impress-enabled .porque-t2-2 {
}

.impress-enabled .porque-t2-2-1 {
}

.impress-enabled .porque-t2-2-2 {
}

.impress-enabled .porque-t3 { /* margin-top: 100px; */
}

.impress-enabled .porque-t3-1 {
    width: 32%;
}

.impress-enabled .porque-t3-1 > img {
}

.impress-enabled .porque-t3-2 {
    width: 55%;
    font-size: 1.8em;
    margin-left: 2%;
}

.impress-enabled .porque-t3-2-1 {
}

.impress-enabled .porque-t3-2-2 {
    font-size: 1em;
}

.impress-enabled .porque-t3-2-3 {
}

/*
-------------------------------------------------------------------------
   A noticia
*/
#anoticia {
    background-color: #0096CC;
}

.impress-on-anoticia {
    background-color: #0096CC;
}

.anoticia-container {
    padding: 13% 20px 18%;
}

.anoticia-inner {
}

.anoticia-t1 {
    color: #fff;
    margin: 7% 0;
    text-align: center;
}

.anoticia-t1-1 {
    font-weight: 300;
}

.anoticia-t1-2 {
    font-weight: 400;
}

.anoticia-t1-3 {
    font-weight: 700;
}

.anoticia-t2 {
    margin: 7% 0;
    text-align: center;
    color: #000;
}

.anoticia-t2-1 {
    font-weight: 300;
}

.anoticia-t2-2 {
    font-weight: 400;
}

.anoticia-t2-3 {
    font-weight: 700;
}

.anoticia-t3 {
    color: #fff;
    margin: 5% 0;
    text-align: center;
}

.anoticia-t4 {
    text-align: center;
    font-size: 0.8em;
    /* line-height: 1em; */
    margin: 80px 0 13px 0;
    font-weight: 400;
}

.anoticia-t3-1 {
    font-weight: 400;
    display: block;
}

.anoticia-t3-2 {
    position: relative;
    display: inline-block;
    /* font-size: 3em; */
    padding: 0 15px;
    background-color: rgba(0, 0, 0, 0.23);
}

.anoticia-t3-2 .umbrella {
    width: 110px;
    display: block;
    position: absolute;
    top: 63%;
    left: 18%;
}

.anoticia-t3-2 .umbrella img {
    width: 100%;
    height: auto;
}

/*-------------------------------------------------------------------------*/
.impress-enabled .anoticia-t1 {
    float: left;
    width: 40%;
    text-align: right;
    margin-right: 10%;
}

.impress-enabled .anoticia-t1-1 {
    display: block;
    font-size: 2em;
}

.impress-enabled .anoticia-t1-1 span {
    font-size: 0.9em;
}

.impress-enabled .anoticia-t1-2 {
    display: block;
    font-size: 1.5em;
    margin-right: 50px;
}

.impress-enabled .anoticia-t1-3 {
    font-size: 0.7em;
    margin-right: 30px;
    font-weight: 400;
}

.impress-enabled .anoticia-t2 {
    float: left;
    width: 50%;
    text-align: right;
}

.impress-enabled .anoticia-t2-1 {
    display: block;
    font-size: 1.4em;
    line-height: 1.6em;
    margin-left: 20px;
}

.impress-enabled .anoticia-t2-2 {
    display: block;
    font-size: 1.7em;
    line-height: 0.7em;
    margin-right: 22px;
}

.impress-enabled .anoticia-t2-3 {
    font-size: 2.7em;
    line-height: 1em;
    margin-right: 50px;
}

.impress-enabled .anoticia-t3 {
    clear: both;
    font-size: 1.8em;
}

.impress-enabled .anoticia-t3-2 .umbrella {
    left: 30%;
    top: 41%;
}

.impress-enabled .anoticia-t4 {
    font-size: 1em;
    margin-top: 60px;
}

/*
-------------------------------------------------------------------------
   Quando
*/
#quando {
    background-color: #BDCF1E;
}

.impress-on-quando {
    background-color: #BDCF1E;
}

.quando-container {
    padding: 40px 20px 40px;
}

.quando-inner {
    border: #000 solid 1px;
    margin: 0;
    padding: 20px;
    text-align: center;
    display: block;
}

.quando-t1 {
    display: block;
    margin-top: -36px;
    margin-bottom: 18.2px;
}

.quando-t1-1 {
    font-weight: 100;
    display: inline-block;
    background-color: rgb(189, 207, 30);
    padding: 0 9px;
}

.quando-t1-2 {
    font-weight: 700;
    font-size: 1.5em;
    display: block;
}

.quando-t1-3 {
    font-weight: 400;
    font-size: 0.5em;
    display: block;
    line-height: 1.3em;
    margin: 10px 10%;
}

.quando-t2 {
    display: block;
    margin: 20px 0;
    font-weight: 400;
}

.quando-t2-1 {
    display: block;
    font-weight: 300;
    font-size: 0.8em;
}

.quando-t2-2 {
    font-size: 0.8em;
}

.quando-t2-3 {
    display: block;
    font-size: 0.35em;
    line-height: 1.3em;
}

.quando-t3 {
    display: block;
    margin: 20px 0;
}

.quando-t4 {
    display: block;
    margin: 10px 0;
}

.quando-t3-1 {
    display: block;
    font-weight: 300;
    font-size: 0.8em;
}

.quando-t3-2 {
    font-weight: 400;
    display: block;
    /* margin: 0 0 10px; */
}

.quando-t3-2 > b {
}

.quando-t3-2 {
    font-weight: 400;
    display: block;
}

.quando-t3-3 {
    display: block;
    font-size: 0.35em;
    line-height: 1.3em;
    font-weight: 400;
}

.quando-t3-3 > b {
}

/*-------------------------------------------------------------------------*/
.impress-enabled .quando-inner {
    font-size: 290%;
}

.impress-enabled .quando-t1-2 {
    font-size: 1.3em;
}

.impress-enabled .quando-t2 {
    margin: 40px 0;
}

.impress-enabled .quando-t3 {
    margin: 30px 0 0;
}

.impress-enabled .quando-t1-3 {
}

/*
-------------------------------------------------------------------------
   Como
*/
#como {
    background-color: #EFDC00;
}

.impress-on-como {
    background-color: #EFDC00;
}

.como-container {
    /* padding: 0 0; */
}

.como-inner {
    margin: 0;
}

.como-t1 {
    display: block;
    text-align: center;
    font-size: 0.8em;
    margin: 0 0 30px;
}

.como-t1-1 {
    font-weight: 300;
}

.como-t1-1 > b {
}

.como-t1-2 {
    font-weight: 300;
}

.como-t1-2 > b {
}

.como-t2 {
    display: block;
    text-align: center;
    margin: 30px 0;
}

.como-t2-icon {
    display: block;
    width: 70%;
    margin: 0 auto;
}

.como-t2-icon > img {
}

.como-t2-1 {
    font-weight: 300;
}

.como-t2-2 {
    font-weight: 300;
}

.como-t2-2 > b {
}

.como-t3 {
    display: block;
    margin: 30px 20px 0;
}

.como-t3 > span {
    display: block;
    margin: 20px 0;
    font-weight: 300;
    position: relative;
}

.como-t3 > span::after {
    content: "";
    display: block;
    width: 9%;
    height: 1px;
    position: absolute;
    background-color: #000;
    transform: rotate(-45deg);
    transform-origin: 100% 100%;
    right: 0;
    top: 0px;
}

.como-t3 > span > b {
    display: block;
}

.como-tags {
    font-size: 0.43em;
    /* line-height: 1em; */
    font-weight: 400;
}

.como-tags .tag {
    display: block;
    /* line-height: 0.2em; */
}

.como-t3-1 {
}

.como-t3-1 > b {
}

.como-t3-2 {
}

.como-t3-2 > b {
}

.como-t3-3 {
}

.como-t3-3 > b {
}

/*-------------------------------------------------------------------------*/
.impress-enabled .como-t1 {
    text-align: left;
    position: relative;
    padding: 0 0 0 40px;
}

.impress-enabled .como-t1::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 1px;
    background-color: #000;
    transform: rotate(35deg);
    left: -40px;
}

.impress-enabled .como-t1-1 {
}

.impress-enabled .como-t1-1 > b {
}

.impress-enabled .como-t1-2 {
    display: block;
    margin: 0 0 0 38px;
}

.impress-enabled .como-t2 {
    clear: both;
    margin: -28px 0 30px 80px;
    text-align: left;
    font-size: 1.8em;
    position: relative;
}

.impress-enabled .como-t2::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 1px;
    background-color: #000;
    transform: rotate(-45deg);
    top: 50px;
    right: -100px;
}

.impress-enabled .como-t2-icon {
    float: right;
    width: 31%;
    margin-top: -87px;
    margin-right: 7%;
}

.impress-enabled .como-t2-icon > img {
}

.impress-enabled .como-t2-1 {
    display: block;
    margin: 100px 0 0 0;
}

.impress-enabled .como-t2-2 {
    font-size: 1.1em;
}

.impress-enabled .como-t2-2 > b {
}

.impress-enabled .como-t3 {
    margin-left: 80px;
    /* margin-top: -30px; */
    display: flex;
}

.impress-enabled .como-inner .como-t3:nth-child(3) {

    margin-top: -20px;
}

.impress-enabled .como-t3 > span {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-left: 8px;
    /* background: red; */
    flex: 0 0 calc(25% - 8px);
}

.impress-enabled .como-t3 > .como-t3-3 {
    width: 20%;
}

.impress-enabled .como-t3 > span::after {
    right: 16%;
    display: none;
}

.impress-enabled .como-t3 > span:nth-child(4)::after {
    display: none;
}

/*
-------------------------------------------------------------------------
   Onde
*/
#onde {
    background-color: rgb(255, 255, 255);
}

.impress-on-onde {
    background-color: rgb(255, 255, 255);
}

.topo {
    display: block;
    text-align: center;
    padding: 20px;
    clear: both;
    background-color: #fff;
}

.onde-container {
}

.onde-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.onde-grid > a:link, .onde-grid > a:visited {
    display: flex;
    /* background-color: #eee; */
    /* position: relative; */
    /* height: 200px; */
    padding: 30px 30px;
    float: none;
    width: 50%;
    /* box-shadow: 0 0 1px; */
    align-items: center;
    /* text-align: center; */
    /* overflow: hidden; */
    transition: opacity .3s, transform .5s;
}

.onde-grid > a:hover, .onde-grid > a:active {
    opacity: 0.5;
    transform: scale(.95);
}

.onde-grid > a img {
    width: 100%;
    height: auto;
    margin: 30px 0;
    /* min-width: 100px; */
    /* width: auto; */
    /* min-width: 220px; */
    margin: 0;
    /* align-items: center; */
    /* justify-content: center; */
}

#onde .credit:link, #onde .credit:visited {
    display: block;
    text-align: center;
    color: #747474;
    font-size: 0.7em;
}

.impress-enabled #onde .credit {
    display: none;
}

/*-------------------------------------------------------------------------*/
.impress-enabled .onde-grid > a:link, .impress-enabled .onde-grid > a:visited {
    /* width: 25%; */
    /* padding-bottom: 20%; */
    /* padding-left: 4%; */
    /* padding-right: 4%; */
    /* flex-basis: 300px; */
    width: 25%;
    height: 230px;
    padding: 0% 5%;
    float: none;
    /* background-color: #eee; */
    /* border: red solid 1px; */
    display: flex;
    align-items: center;
}

.impress-enabled .topo {
    display: none;
}

.impress-enabled .onde-container {
    padding-top: 0%;
}

/*/mediaquery*/
/* ==========================================================================
   *
   *
   * +yyyyhhhhdddddddddms
   * sh-..............-Nd      mmddddddddddddddddddddddddddmm
   * sd`              .Md      M+                          /M
   * sd`              .Md      M+                          /M
   * sd`              .Md      M+                          /M
   * sd`              .Md      M+                          /M
   * yd`              .Md      M+                          /M
   * yd`              .Md   +  M+                          /M
   * yd`              .Md      MmddddddddddddddddddddddddddmM
   * yd.              .Md      mNNNNNNNNNNNNNNNNNNNNNNNNNNNNm
   * yd.              .Md      ```````````:dddddd/```````````
   * sdhdddddddmmmmmmmmNy                /dMMMMMMm+
   *-------------------------------------------------------------------------
   * TABLET and  UP
   ========================================================================== */

@media all and (min-width: 360px) {
    .ofato-t3-3 {
        font-size: 1.6em;
    }

    .anoticia-t3-2 {
        font-size: 3em;
    }
}

@media all and (min-width: 490px) {
    .porque-t3-1 {
        margin-left: 20%;
    }

    .porque-t3-2 {
        text-align: center;
    }
}

@media all and (min-width: 600px) {
    .aversao-t2-inner {
        left: 10%;
    }
}

@media all and (min-width: 768px) {
    .aversao-t2-inner {
        left: 25%;
    }

    .contrate-logo {
        margin-top: -140px;
        display: none;
    }

    .contrate-logo-svg {
        width: 125px;
    }

    .contrate-logo-dois {
        display: block;
        position: fixed;
        z-index: 999999;
        left: 20px;
        bottom: 20px;
        margin: 0;
        width: 110px;
        height: 110px;
    }

    .aversao-t2-inner {
        left: 18%;
        width: 480px;
        height: 480px;
        top: -176%;
    }

    .onde-grid > a:link, .onde-grid > a:visited {
        width: 30%;
    }

    .como-t3 {
        margin: 30px 80px 0;
    }

    .oque-t3 {
        font-size: 1.3em;
    }
}

/*/mediaquery*/
/* ==========================================================================
   *
   *
   * mmddddddddddddddddddddddddddmm
   * M+                          /M
   * M+                          /M
   * M+                          /M
   * M+                          /M
   * M+                          /M
   * M+                          /M
   * MmddddddddddddddddddddddddddmM
   * mNNNNNNNNNNNNNNNNNNNNNNNNNNNNm
   * ```````````:dddddd/```````````
   *           /dMMMMMMm+
   *-------------------------------------------------------------------------
   * DESKTOP
   ========================================================================== */
@media all and (min-width: 992px) {
    .contrate-logo-svg {
        width: 115px;
    }
}

/*/mediaquery*/
/* ==========================================================================
   *
   *
   * mmddddddddddddddddddddddddddddddddddddmm
   * M+                                    /M
   * M+                                    /M
   * M+                                    /M
   * M+                                    /M
   * M+                                    /M
   * M+                                    /M
   * MmddddddddddddddddddddddddddddddddddddmM
   * mNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNm
   * ````````````````:dddddd/````````````````
   *             /dMMMMMMMMMMm+
   *-------------------------------------------------------------------------
   * RUGE DESKTOP
   ========================================================================== */
@media all and (min-width: 1024px) {
    .impress-enabled .porque-t3 {
        margin-left: 180px;
    }

    .impress-enabled .anoticia-inner {
        margin-top: -60px;
    }

    .impress-enabled .porque-t1 {
        margin: 0;
    }

    .como-t3 {
        margin: -25px 0 0;
    }

    #canal-z {
        /* margin-left: 16px; */
    }

    #comunicacao-integrada {
        /* margin-left: 20px; */
    }

    .impress-enabled .onde-grid > a:link, .impress-enabled .onde-grid > a:visited {
        /* width: 25%; */
    }

    .impress-enabled .porque-t2 {
        font-size: 1.4em;
        margin: 0;
        margin-top: 35px;
        margin-left: 100px;
    }

    .porque-t3-2 {
        text-align: left;
    }
}

@media all and (min-width: 1200px) {
    .impress-enabled #quem .pessoa-1::after {
        transform: rotate(-68deg);
        right: -116px;
        bottom: 159px;
        width: 188px;
    }

    .onde-grid > a img {
        min-width: 220px;
    }

    .anoticia-container {
        padding: 0;
        margin-top: 0;
    }
}