@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap");
.form-control:focus,
.form-control:hover,
.bootstrap-select:hover,
.bootstrap-select:focus {
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

:root {
    --branco: #ffffff;
    --azul: #4b81fa;
    --azul-escuro: #42496d;
    --texto2: #939bc4;
    --fundo: #f7f8ff;
}

a:hover {
    text-decoration: none;
}

.button-top {
    position: fixed;
    width: max(50px, 6.19vh);
    height: max(50px, 6.19vh);
    right: max(50px, 4.16vw);
    bottom: 0;
    background: #4b81fa url(../img/icons/seta-up.svg) no-repeat center;
    border-radius: 4px 4px 0 0;
    content: "";
    z-index: 7;
    border: none;
}

.sem-link {
    opacity: 0.5;
    margin-top: 0;
    border: none;
    color: #6e718a !important;
}

.sem-link:hover {
    opacity: 0.4;
    margin-top: 0 !important;
    border: none;
    color: #6e718a !important;
}

.sem-link:hover:before {
    display: none;
}

.form-control:focus,
.form-control:hover,
button:hover,
button:focus,
.box-formatos:focus,
.box-formatos:hover,
.slick-initialized .slick-slide:hover,
.slick-initialized .slick-slide:focus {
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}


/* Padroes */

h1 {
    font-size: 45px;
    line-height: 62px;
}

h2 {
    font-size: 40px;
    line-height: 46px;
    letter-spacing: -0.02em;
    font-weight: 500;
}

p {
    font-size: 16px;
    line-height: 24px;
}

.formulario-contatos label {
    font-size: 16px;
    line-height: 24px;
}

p.secundario,
.link-simples {
    font-size: 16px;
    line-height: 24px;
    margin-top: max(35px, 4.64vh);
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

h3 {
    font-size: 18px;
    line-height: 23px;
    font-style: normal;
    font-weight: normal;
}

.btn-padrao {
    transition: all ease-in 0.2s;
    color: var(--branco) !important;
    background: var(--azul);
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.04em;
    height: max(50px, 6.19vh);
    line-height: max(50px, 6.19vh);
    border: 1px solid va(r--azul);
    min-width: max(250px, 12.5vw);
    border: 1px solid var(--azul);
}

.btn-padrao:hover {
    text-decoration: none;
    cursor: pointer;
    background: none;
    color: var(--azul) !important;
}

.btn-enviar {
    height: 50px;
    line-height: 50px;
}


/* /Padroes */

section:not(.painel):not(.top-painel) {
    overflow: hidden !important;
}

body {
    font-family: "Poppins", sans-serif;
    color: #003e5e;
}

* {
    list-style: none;
}

.banner {
    width: 100%;
    min-height: 100vh;
    position: relative;
    background-color: rgba(0, 0, 0, 0.9);
    overflow: hidden;
    display: table;
    z-index: 9;
    background-attachment: fixed;
}

.bg-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient( 90deg, rgba(0, 0, 0, 0.8) 1.56%, rgba(0, 0, 0, 0) 100%);
    left: 0;
}

.banner .scroll {
    width: 23px;
    height: 34px;
    background: url(../img/icons/mouse.svg) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 60px;
    content: "";
    animation: ease-in-out mouse 0.7s infinite;
    z-index: 8;
}

.banner .scroll:hover {
    cursor: pointer;
}

@keyframes mouse {
    0% {
        bottom: 60px;
    }
    50% {
        bottom: 70px;
    }
    100% {
        bottom: 60px;
    }
}

#banner .layer {
    position: absolute !important;
}

#banner .animation1 {
    width: 52px;
    height: 80px;
    left: 20% !important;
    top: 23% !important;
    z-index: 1;
}

#banner .col-6 {
    position: relative;
}

#banner .animation2 {
    width: 36px;
    height: 57px;
    right: -32% !important;
    top: 55% !important;
    z-index: 1;
    left: initial !important;
}

#banner .animation3 {
    width: 192px;
    height: 158px;
    right: -38% !important;
    top: 20% !important;
    z-index: 1;
    left: initial !important;
}

#banner .animation4 {
    width: 113px;
    height: 114px;
    left: 81% !important;
    top: 68% !important;
    z-index: 1;
}

#banner .animation5 {
    width: 179px;
    height: 88px;
    left: 41% !important;
    top: 21% !important;
    z-index: 1;
}

.page-index .banner,
.page-anunciantes .banner,
.page-publisher .banner,
.page-sobre .banner {
    background: #000 url(../img/banners/bg-home.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-index .banner .img {
    position: absolute;
    width: 140%;
    margin-top: 200px;
}

.page-anunciantes .banner .img {
    position: absolute;
    width: 115%;
    margin-top: 140px;
    bottom: 0;
    left: 10%;
}

#banner-anunciantes .col-6 {
    position: relative;
}

#banner-anunciantes .layer {
    position: absolute !important;
}

#banner-anunciantes .animation1 {
    width: 61px;
    height: 61px;
    left: 10% !important;
    bottom: 6% !important;
    z-index: 1;
    top: initial !important;
    position: absolute !important;
}

#banner-anunciantes .animation2 {
    width: 61px;
    height: 111px;
    right: -7% !important;
    bottom: 3% !important;
    z-index: 1;
    left: initial !important;
    top: initial !important;
}

#banner-anunciantes .animation3 {
    width: 61px;
    height: 111px;
    left: 14% !important;
    top: 40% !important;
    z-index: 1;
}

#banner-anunciantes .animation4 {
    width: 316px;
    height: 154px;
    left: 3% !important;
    top: 52% !important;
    z-index: 0;
}

#banner-anunciantes .animation5 {
    width: 116px;
    height: 116px;
    left: 87% !important;
    top: 52% !important;
    z-index: 1;
}

#banner-anunciantes .animation6 {
    width: 88px;
    height: 179px;
    left: 26% !important;
    top: 25% !important;
    z-index: 1;
}

.page-publisher .banner .img {
    position: absolute;
    width: 115%;
    margin-top: 140px;
    bottom: 0;
    left: 10%;
}

#banner-publisher .col-6 {
    position: relative;
}

#banner-publisher .layer {
    position: absolute !important;
}

#banner-publisher .animation1 {
    width: 61px;
    height: 61px;
    left: 24% !important;
    bottom: 6% !important;
    z-index: 1;
    top: initial !important;
    position: absolute !important;
}

#banner-publisher .animation2 {
    width: 61px;
    height: 111px;
    right: -7% !important;
    bottom: 3% !important;
    z-index: 1;
    left: initial !important;
    top: initial !important;
}

#banner-publisher .animation3 {
    width: 61px;
    height: 111px;
    left: 14% !important;
    top: 58% !important;
    z-index: 1;
}

#banner-publisher .animation4 {
    width: 316px;
    height: 154px;
    left: 27% !important;
    top: 35% !important;
    z-index: 0;
}

#banner-publisher .animation5 {
    width: 116px;
    height: 116px;
    left: 60% !important;
    top: 18% !important;
    z-index: 1;
}

#banner-publisher .animation6 {
    width: 88px;
    height: 179px;
    left: 10% !important;
    top: 39% !important;
    z-index: 1;
}

.page-sobre .banner .img {
    position: absolute;
    width: 160%;
    margin-top: 140px;
    bottom: 0;
    left: 10%;
}

#banner-sobre .col-6 {
    position: relative;
}

#banner-sobre .layer {
    position: absolute !important;
}

#banner-sobre .animation1 {
    width: 61px;
    height: 61px;
    right: -28% !important;
    z-index: 1;
    top: 32% !important;
    position: absolute !important;
    left: initial !important;
}

#banner-sobre .animation2 {
    width: 61px;
    height: 111px;
    left: 30% !important;
    bottom: 41% !important;
    z-index: 1;
    top: initial !important;
}

#banner-sobre .animation3 {
    width: 61px;
    height: 111px;
    right: -30% !important;
    top: 40% !important;
    z-index: 1;
    left: initial !important;
}

#banner-sobre .animation4 {
    width: 316px;
    height: 154px;
    left: 27% !important;
    top: 63% !important;
    z-index: 0;
}

#banner-sobre .animation5 {
    width: 116px;
    height: 116px;
    left: 87% !important;
    top: 24% !important;
    z-index: 1;
}

#banner-sobre .animation6 {
    width: 88px;
    height: 179px;
    left: 35% !important;
    top: 70% !important;
    z-index: 1;
}

.banner>div>div>div {
    min-height: 100vh;
    display: table;
}

.descricao-banner {
    display: table-cell;
    vertical-align: middle;
    min-height: 100vh;
    position: relative;
    z-index: 2;
}

.descricao-banner h1 {
    color: var(--branco);
    padding: 0;
    z-index: 1;
    position: relative;
    font-style: normal;
    margin-bottom: 0;
}

.descricao-banner h5 {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 16px;
    color: #ffffff;
    margin-bottom: 6.57vh;
}

.descricao-banner p {
    color: var(--branco);
    margin-top: max(25px, 2.54vh);
    margin-bottom: 0;
    width: 80%;
}

.banner-center {
    text-align: center;
}

.banner-center p {
    width: 60%;
    margin: max(30px, 4.54vh) auto 0 auto;
}

.descricao-banner a {
    margin-top: max(30px, 4.54vh);
    text-transform: uppercase;
}

.banner .descricao-banner .btn-padrao.cinza {
    margin-left: 15px;
}

.banner.banner-center .descricao-banner a {
    margin-right: 10px;
    margin-left: 10px;
}

.descricao-banner a.link,
.descricao-nos-somos a.link {
    color: var(--branco) !important;
    transition: all ease-in 0.2s;
    margin-right: 5px;
    font-size: 18px;
    padding: 0 !important;
    margin-left: 20px;
    margin-top: 20.4vw;
    padding-right: 25px !important;
    position: relative;
    letter-spacing: -0.01em;
    line-height: 20px;
    font-weight: 300;
}

.descricao-banner a.link:before,
.descricao-nos-somos a.link:before {
    content: "";
    background: url(../img/icons/btn-seta.png) no-repeat center;
    width: 13px;
    height: 20px;
    font-size: 32px;
    position: absolute;
    bottom: 0;
    transition: all ease-in 0.2s;
    opacity: 1;
    text-align: center;
    right: 0;
}

#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    object-fit: cover;
}


/* ---- Menu ----- */

ul.navbar-nav .border-menu-mobile {
    float: right;
}

ul.navbar-nav {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.d-lg-flex.justify-content-end {
    width: 100%;
    position: relative;
    text-align: center;
}

li.nav-item {
    display: inline-block;
}

.navbar {
    padding: max(30px, 6.81vh) 0 20px 0;
    position: fixed;
    z-index: 11;
    width: 100%;
    backdrop-filter: blur(3px);
    background: rgb(255, 255, 255);
    background: linear-gradient( 0deg, rgba(48, 51, 68, 0) 2%, rgba(0, 0, 0, 1) 77%);
    transition: all ease-in-out 0.2s;
    opacity: 1;
    top: 0;
}

.navbar.fixed {
    background: rgba(37, 41, 63, 0.95);
    padding: 20px 0 16px 0;
    opacity: 1;
    top: 0px;
}

.navbar.sumir {
    opacity: 0;
    background: rgba(37, 41, 63, 0.9);
    padding: 20px 0 16px 0;
    top: -100px;
}

.navbar-nav li {
    padding: 5px 20px;
    margin-top: 0;
}

.navbar-nav li a.nav-link {
    color: #cdcdcd !important;
    transition: all ease-in 0.2s;
    margin-right: 0;
    font-size: 16px;
    position: relative;
    padding: 0 !important;
    font-weight: 300;
}

.navbar-nav li a.nav-link:hover {
    color: var(--branco) !important;
}

.navbar-nav li a.nav-link.active {
    color: var(--branco) !important;
}

.navbar-nav li a.nav-link:before {
    content: "";
    background: var(--azul);
    width: 30px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    bottom: -15px;
    transition: all ease-in 0.2s;
    opacity: 0;
}

.navbar-nav li a.nav-link.active:before,
.navbar-nav li a.nav-link:hover:before {
    bottom: -20px;
    opacity: 1;
}

.navbar-nav li a.nav-link:hover:before {
    bottom: -15px;
}

.navbar-nav li a.nav-link.active:hover:before,
.navbar-nav li a.nav-link:hover:before {
    width: 100%;
}

.navbar-nav li a.btn-busca {
    background: url(../img/split.png) no-repeat -30px 4px;
    width: 14px;
    display: inline-block;
    height: 26px;
    padding: 0 !important;
    margin-left: 80px;
}

.navbar-nav li a.btn-busca:hover,
.navbar-nav li a.btn-busca.active {
    background: url(../img/split.png) no-repeat -44px 4px;
    cursor: pointer;
}

.navbar-nav li a.btn-login {
    color: var(--branco) !important;
    transition: all ease-in 0.2s;
    font-size: 18px;
}

ul.box-login,
ul.box-geo {
    background: #ffffff;
    border-radius: 8px;
    padding: 30px 22px;
    position: absolute;
    top: 43px;
    right: -29px;
    width: 240px;
    display: none;
}

ul.box-login li {
    padding: 0;
    margin: 0;
}

ul.box-login a {
    background: #ecedf8;
    border-radius: 4px;
    padding: 9px 12px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    color: #6e718a;
    display: block;
    width: 100%;
    margin: 8px 0;
    transition: all ease 0.2s;
}

ul.box-geo a:hover {
    color: var(--azul) !important;
    cursor: pointer;
}

ul.box-login a:hover {
    background: #6e718a;
    color: #ecedf8 !important;
    cursor: pointer;
}

.navbar-nav li a.btn-login.active i {
    transform: rotate(90deg);
    transition: all ease-in 0.2s;
}

.navbar-nav li a.btn-login:hover,
.navbar-nav li a.btn-login.active {
    color: var(--azul) !important;
    cursor: pointer;
}

.navbar-nav li a.btn-login i {
    background: url(../img/split.png) no-repeat -2px 0px;
    width: 11px;
    position: absolute;
    height: 16px;
    padding: 0 !important;
    margin-top: 5px;
    margin-left: 10px;
}

.navbar-nav li a.btn-login:hover i,
.navbar-nav li a.btn-login.active i {
    background: url(../img/split.png) no-repeat -15px 0px;
}

.navbar-nav li a.btn-login:hover {
    text-decoration: none;
}

.menu-flutuante {
    background: #303344 url(../img/back-menu-denakop.png) no-repeat center bottom / cover;
    width: 100%;
    min-height: 100vh;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 20;
    transition: all ease-in 0.4s;
    padding: 100px 70px 50px 70px;
}

.box-flutuante {
    position: relative;
    padding: 0;
}

.menu-flutuante ul {
    margin: 0;
    list-style: none;
    padding: 10px 0;
    float: left;
}

.menu-flutuante h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

.menu-flutuante ul li {
    padding: 4px 0;
}

.menu-flutuante ul li a {
    margin: 0;
    list-style: none;
    padding: 0;
}

.menu-flutuante ul li a {
    font-weight: normal;
    font-size: 14px;
    color: #9b9eb6;
    position: relative;
}

.menu-flutuante ul li a:hover,
.menu-flutuante ul li a.active {
    color: #4b81fa;
    text-decoration: none;
}

.menu-flutuante ul li a:hover,
.menu-flutuante ul li a.active {
    color: #4b81fa;
    text-decoration: none;
}

.menu-flutuante ul li a::before,
.menu-flutuante ul li a::before {
    background: #4b81fa;
    content: "";
    top: 4px;
    height: 0px;
    width: 0px;
    position: absolute;
    left: -12px;
    transition: all ease-in-out 0.2s;
}

.menu-flutuante ul li a:hover::before,
.menu-flutuante ul li a.active::before {
    background: #4b81fa;
    content: "";
    top: 4px;
    height: 12px;
    width: 4px;
    position: absolute;
    left: -14px;
    border-radius: 5px;
}

.backdrop {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -110%;
    cursor: pointer;
    z-index: 11;
    transition: all ease-in 0.6s;
}

.menu-flutuante:hover+.backdrop {
    backdrop-filter: blur(4px);
}

.locais a {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px;
    color: #303344;
}

.locais li {
    padding: 5px 0;
    margin-right: 20px;
    display: inline-block;
}

.locais ul {
    padding: 20px 20px;
}

.locais {
    border-top: 2px solid #cdcfdf;
    bottom: 50px;
    position: absolute;
    width: 100%;
    padding-bottom: 20px;
}

.box-flutuante {
    position: relative;
}

ul.menu-intitucional {
    width: 100%;
    margin-bottom: 16vh;
    padding: 0;
    text-align: right;
    padding-right: 70px;
}

ul.menu-intitucional li:nth-child(1) {
    float: left;
}

ul.menu-intitucional li,
ul.menu-intitucional li a {
    display: inline-block;
    padding: 0 4px 0 4px;
    color: #fff;
    transition: all ease 0.2s;
}

ul.menu-intitucional li:nth-child(1),
ul.menu-intitucional li a:nth-child(1) {
    padding: 0;
}

ul.menu-intitucional li a:hover::before,
ul.menu-intitucional li a.active::before {
    display: none;
}

.menu-flutuante .menu-mobile-box {
    position: absolute;
    right: -4px;
}

.navbar .redes {
    width: 420px;
    padding: 0;
    margin: 0;
}

.navbar .redes li {
    position: relative;
    display: inline-block;
}

.navbar .redes a {
    width: 35px;
    height: 35px;
    float: left;
    transition: all ease 0.2s;
    border-radius: 100px;
}

.navbar .redes .iconify {
    font-size: 28px;
    color: #fff;
    transition: all ease 0.2s;
}

.navbar .redes .iconify:hover {
    color: var(--azul);
}

.navbar .redes a::before {
    display: none !important;
}

.navbar .redes a:hover {
    cursor: pointer;
}

.es a,
.en a,
.pt a,
.it a {
    color: #cdcdcd !important;
    transition: all ease-in 0.2s;
    margin-right: 0;
    font-size: 16px;
    position: relative;
    padding: 0 !important;
    font-weight: 500;
    border-radius: 0 !important;
}

.redes .idiomas:nth-child(5)::before {
    border-right: 2px solid #fff;
    content: "";
    height: 16px;
    width: 2px;
    position: absolute;
    right: -3px;
    top: 4px;
}

.redes .idiomas:nth-child(5) {
    margin-left: 10px;
}


/* .redes .idiomas:nth-child(6)::before {
  border-right: 2px solid #fff;
  content: "";
  height: 16px;
  width: 2px;
  position: absolute;
  right: -3px;
  top: 4px;
} */

.redes .idiomas:nth-child(6) {
    margin-left: 0;
}

.redes .idiomas:after {
    content: "";
    background: var(--azul);
    width: 0px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    bottom: -5px;
    transition: all ease-in 0.2s;
    opacity: 0;
    left: 5px;
}

.redes .idiomas:hover:after {
    width: 20px;
}

.redes .idiomas:hover:after {
    bottom: -5px;
    opacity: 1;
}

ul.redes.bar-idiomas {
    display: none;
}


/* --- Carregando ---- */

.bg-ripple {
    display: inline-block;
    position: absolute !important;
    width: 1px;
    height: 0;
    padding: 0 !important;
    margin: 0 !important;
    left: 50%;
    top: 50%;
    opacity: 1;
    position: absolute;
    background: #571f72;
    z-index: 10;
    animation: loading 1s ease-in-out;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99999;
    margin-left: -40px;
    margin-top: -40px;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    margin: 0;
    padding: 0;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
        margin: 0;
        padding: 0;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
        margin: 0;
        padding: 0;
    }
}

@keyframes loading {
    0% {
        display: block;
        opacity: 1;
        height: 100%;
    }
    80% {
        opacity: 0;
    }
    99% {
        opacity: 0;
        height: 100%;
    }
    100% {
        opacity: 0;
        height: 0;
    }
}


/* ----- Modal Video ----- */

.modal-video {
    background: #303344;
    position: fixed;
    width: 90%;
    height: 90%;
    left: 105%;
    top: 5%;
    z-index: 11;
    padding: 40px;
    transition: all ease-in-out 0.8s;
}

.modal-video .menu-mobile-box {
    height: 26px;
    width: 26px;
}

.modal-video .fechar {
    top: 10px;
    right: 10px;
    position: absolute;
}

.modal-video .incluir-video {
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    position: relative;
    transition: all ease-in-out 0.4s;
}


/* Sobre */

.sobre img {
    position: absolute;
    right: 50px;
}


/* ---- Soluções ----- */

.content-padrao {
    height: auto;
    background: var(--branco);
    padding: 7.81vw 0;
    padding-top: max(80px, 7.81vw);
}

.content-padrao.cinza {
    background: #f8f8f8;
}

.content-padrao h2 {
    font-style: normal;
    font-weight: 600;
    color: #42496d;
    margin-bottom: max(20px, 2.08vw);
}

.content-padrao p {
    font-style: normal;
    font-weight: normal;
    color: #6e718a;
    margin-bottom: 100px;
}

.box-padrao {
    height: auto;
    background: var(--branco);
    padding: max(75px, 18.47vh) 0 max(75px, 18.47vh);
}

.box-padrao.cinza {
    background: #fafafa;
}

.box-padrao h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #4b81fa;
    margin-top: 125px;
    position: relative;
    padding-left: 30px;
}

.box-padrao.sobre h3::before {
    background: #4b81fa;
    width: 20px;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    top: 13px;
}

.box-padrao h2 {
    font-style: normal;
    font-weight: 600;
    color: #42496d;
}

.box-padrao p {
    font-style: normal;
    font-weight: normal;
    color: #6e718a;
    margin-top: 20px;
    margin-bottom: 20px;
}

.item-solucoes {
    background: #f8f8f8;
    box-shadow: none;
    border-radius: 5px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    min-height: 350px;
    margin-bottom: 20px;
    transition: all ease-in 0.2s;
}

.item-solucoes:hover {
    background: #fff;
    box-shadow: 0px 10px 22px -5px #cdcfdf;
}

.item-solucoes::after {
    content: "";
    background: var(--azul);
    height: 0px;
    border-radius: 10px;
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    opacity: 0;
    transition: all ease-in 0.2s;
}

.item-solucoes-titulo h2 {
    font-size: 40px;
    line-height: 50px;
    margin-top: 40px;
    margin-bottom: 0;
}

.item-solucoes-titulo strong {
    color: #4b81fa;
    font-weight: 600;
}

.item-solucoes:hover::after {
    opacity: 1;
    height: 10px;
    cursor: pointer;
}

.slick-solucoes>div>div>div,
.slick-beneficios>div>div>div {
    padding: 20px 15px;
}

.slick-solucoes .slick-list,
.slick-beneficios .slick-list {
    overflow: inherit;
}

.slick-solucoes::before,
.slick-beneficios::before {
    width: 100%;
    height: 330px;
    position: absolute;
    background: #fff;
    left: -100%;
    content: "";
    z-index: 10;
}

.item-solucoes .circulo {
    width: auto;
    background: #eff0f4;
    border-radius: 200px;
    padding: 30px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.item-solucoes .circulo .item-circulo {
    background: #fcfcfc;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    width: max(160px, 10.41vw);
    height: max(160px, 10.41vw);
    text-align: center;
    display: inline-block;
    border-radius: 100px;
    display: table;
    transition: all ease-in 0.2s;
}

.item-solucoes .circulo.caixa .item-circulo {
    display: inline-block;
}

.item-solucoes .circulo.caixa .item-circulo span {
    display: inline-block;
    padding-top: 58px;
}

.item-solucoes .circulo.caixa:hover .item-circulo span {
    padding-top: 70px;
}

.item-solucoes span {
    width: 100%;
    height: 45px;
    display: inline-block;
    margin-bottom: 10px;
}

.item-solucoes span img {
    height: 100%;
}

.efeito-circulo {
    position: absolute;
    width: 50%;
    height: 50%;
    border-radius: 200px;
    background: var(--azul);
    left: 25%;
    top: 25%;
    z-index: 0;
    transition: all ease 0.6s;
}

.item-solucoes:hover .efeito-circulo {
    width: 115%;
    background: var(--azul);
    height: 115%;
    left: -7.5%;
    top: -7.5%;
}

.item-solucoes span i {
    width: 60px;
    height: 60px;
    background: url(../img/split.png) no-repeat;
    display: inline-block;
}

.box-padrao .item-solucoes h3 {
    font-style: normal;
    font-weight: 600;
    text-align: center;
    color: #6e718a;
    padding: 0;
    position: relative;
    text-align: center;
    font-family: "Poppins", sans-serif;
    margin-top: 0;
    width: 80%;
    margin: auto;
    margin-bottom: 10px;
}

.box-padrao .item-solucoes p {
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #6e718a;
    margin: auto;
    margin-bottom: 10px;
    padding: 1vh 0;
    height: 6.3vw;
}

.box-padrao .item-solucoes a {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 15px;
    background: #4b81fa;
    position: absolute;
    width: 100%;
    height: 100%;
    left: calc(100% - 10px);
    top: 0;
    text-align: center;
    margin: 0;
    transition: all ease 0.2s;
    border-radius: 5px;
}

.box-padrao .item-solucoes:hover a {
    left: 0;
    text-decoration: none;
    cursor: pointer;
}

.box-padrao .item-solucoes a b {
    -webkit-transform: translate(0, -47%);
    transform: translate(0, -47%);
    top: 47%;
    position: relative;
    height: 100%;
    font-weight: 400;
    font-size: 20px;
}


/* ---- Sobre o Denakop ----- */

.page-index .box-padrao-imagem {
    background: url(../img/bg-nos-somos.png) no-repeat center / cover;
}

.box-padrao-imagem {
    width: 100%;
    min-height: 100vh;
    position: relative;
    background: rgba(37, 41, 63, 0.9);
    overflow: hidden;
    display: table;
}

.box-padrao-imagem>div>div>div {
    min-height: 100vh;
    display: table;
}

.box-padrao-imagem .descricao {
    display: table-cell;
    vertical-align: middle;
    min-height: 100vh;
    position: relative;
    z-index: 2;
}

.box-padrao-imagem .descricao h2 {
    color: var(--branco);
    text-align: left;
    padding: 0;
    z-index: 1;
    position: relative;
    font-style: normal;
    font-weight: 500;
    width: 90%;
    margin-bottom: 0;
}

.box-padrao-imagem .descricao p {
    color: var(--branco);
    margin: max(30px, 6.19vh) 0 0 0;
    width: 78%;
    font-weight: 300;
}

.box-padrao-imagem .btn-padrao {
    margin-top: max(50px, 6.19vh);
}

.box-padrao-imagem .descricao h3 {
    font-style: normal;
    font-weight: normal;
    color: #77a1fa;
    margin-bottom: max(30px, 6.19vh);
}

.play {
    width: 170px;
    height: 170px;
    background: url(../img/play.svg) no-repeat center;
    display: inline-block;
    left: 50%;
    position: absolute;
    top: 50%;
    margin-top: -85px;
    margin-left: -85px;
    border-radius: 200px;
    box-shadow: 0px 0px 0px 0px rgba(75, 129, 250, 0);
    animation: ease 2s all infinite;
}

.play:hover {
    animation: ease 2s pulse infinite;
}


/* Criar conta */

.box-crie-sua-conta {
    background: #025aa8;
    padding: 140px 0 130px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.box-crie-sua-conta h2 {
    color: var(--branco);
    width: 100%;
}

.box-crie-sua-conta a.btn-padrao {
    background: var(--branco);
    color: #025aa8 !important;
    margin: auto;
    margin-top: 30px;
    border: 1px solid var(--branco);
}

.box-crie-sua-conta a.btn-padrao:hover {
    background: none;
    color: #ffffff !important;
}

.box-crie-sua-conta .layer {
    position: absolute !important;
}

#efeito-conta.box-crie-sua-conta .element-animation1 {
    width: 336px;
    height: 441px;
    right: -50px !important;
    top: -170px !important;
    left: inherit !important;
}

#efeito-conta.box-crie-sua-conta .element-animation2 {
    width: 126px;
    height: 139px;
    bottom: -8px !important;
    right: 250px !important;
    left: inherit !important;
    top: inherit !important;
}

#efeito-conta.box-crie-sua-conta .element-animation3 {
    width: 175px;
    height: 81px;
    top: -5px !important;
    left: 300px !important;
}

#efeito-conta.box-crie-sua-conta .element-animation4 {
    width: 140px;
    height: 413px;
    bottom: -171px;
    left: -54px !important;
    top: inherit !important;
}

#efeito-conta.box-crie-sua-conta .element-animation5 {
    width: 301px;
    height: 127px;
    top: 30px !important;
    right: 150px;
    left: inherit !important;
}

#efeito-conta.box-crie-sua-conta .element-animation6 {
    width: 199px;
    height: 83px;
    top: 80px !important;
    left: 89px !important;
}

#efeito-conta.box-crie-sua-conta .element-animation7 {
    width: 198px;
    height: 155px;
    left: 40px;
    bottom: -5px;
    top: inherit !important;
}

.item-produtos {
    background: #fcfcfc;
    box-shadow: 0px -1px 11px -1px #cdcfdf;
    border-radius: 5px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    min-height: 190px;
    margin-bottom: 20px;
    transition: all ease-in 0.2s;
    width: 100%;
    margin-top: 30px;
}

.big-numbers .item-produtos p {
    font-size: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
}

.item-produtos:hover p {
    color: #fff;
}

.box-padrao.produtos {
    background: #f7f8ff;
}

.item-produtos:hover {
    background: #4b81fa;
}

.item-produtos span {
    color: #4b81fa;
    background: #dbe6fe;
    border-radius: 5px;
    padding: 2px 30px 2px 40px;
    font-weight: 600;
    position: relative;
    transition: all ease-in 0.2s;
}

.item-produtos:hover span,
.item-produtos:hover span.conf {
    color: #fff;
    background: #50a8fb;
}

.item-produtos span.conf {
    background: #e2e3e8;
    color: #6e718a;
}

.item-produtos h3 {
    color: #42496d;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    line-height: 26px;
    padding-left: 0;
}

.item-produtos h3 b {
    font-size: 15px;
    font-weight: 500;
}

.produtos h2 strong {
    color: #4b81fa;
    font-weight: 600;
}

.item-produtos span.star::before {
    background: url(../img/icon-star.png) no-repeat center;
    position: absolute;
    top: 3px;
    left: 15px;
    width: 20px;
    height: 20px;
    content: "";
    transition: all ease-in 0.2s;
}

.item-produtos:hover span.star::before {
    background: url(../img/icon-star-branco.png) no-repeat center;
}

.item-produtos span.conf::before {
    background: url(../img/icon-conf.png) no-repeat center;
    position: absolute;
    top: 3px;
    left: 15px;
    width: 20px;
    height: 20px;
    content: "";
    transition: all ease-in 0.2s;
}

.item-produtos:hover span.conf::before {
    background: url(../img/icon-conf-branco.png) no-repeat center;
}

.item-produtos:hover h3 {
    color: #ffffff;
}


/* Depoimentos */

.depoimento {
    position: relative;
    padding: 120px 0;
}

.depoimento::before {
    background: #4b81fa;
    width: 30%;
    height: 100%;
    position: absolute;
    content: "";
    padding: 60px 0;
    top: 0;
}

.depoimento .item-depoimento {
    background: #fcfcfc;
    box-shadow: 1px 4px 19px 3px rgb(0 0 0 / 18%);
    padding: 80px 80px;
    border-radius: 5px;
}

.depoimento .slick-depoimentos>div {
    padding: 25px;
}

.depoimento .item-depoimento p {
    color: #42496d;
    font-size: 20px;
    line-height: 28px;
}

.depoimento .item-depoimento h3 {
    color: #4b81fa;
    font-size: 20px;
    line-height: 28px;
    margin-top: 30px;
    padding-left: 40px;
    position: relative;
}

.depoimento .item-depoimento h3::before {
    background: #4b81fa;
    width: 30px;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    top: 13px;
}

.slick-depoimentos::before {
    background: url(../img/bg-depoimentos.png) no-repeat;
    width: 189px;
    height: 155px;
    position: absolute;
    content: "";
}


/* ---- Cartão de credito ----- */

.item-icon {
    background: #fcfcfc;
    box-shadow: 0px 10px 30px -5px #cdcfdf;
    border-radius: 5px;
    padding: 100px 40px;
    position: relative;
    overflow: hidden;
    min-height: 270px;
    margin-top: max(40px, 6.19vh);
}

.cartao {
    width: 100%;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    display: table;
    background: url(../img/bg-mao-cartao.png) no-repeat center / cover;
}

.cont-cartao {
    min-height: 100vh;
    display: table;
}

.descricao-cartao {
    display: table-cell;
    vertical-align: middle;
    min-height: 100vh;
    position: relative;
    z-index: 2;
}

.descricao-cartao h2 {
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #42496d;
    font-family: "Poppins", sans-serif;
    margin-bottom: max(40px, 6.19vh);
}

.descricao-cartao p {
    font-style: normal;
    font-weight: normal;
    color: #303344;
    font-family: "Poppins", sans-serif;
    width: 90%;
}

.cartao .btn-padrao {
    margin-top: 2.6vw;
    padding: 0 max(80px, 4.68vw);
}

.cartao img {
    position: absolute;
    bottom: 0;
    left: -20%;
}

.cartao ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none;
    position: relative;
    width: 100%;
    margin-bottom: max(40px, 6.19vh);
}

.cartao li {
    margin: 0;
    padding: 0 20px 0 0;
    display: inline-block;
    text-align: center;
    width: 33%;
    float: left;
}

.cartao li img {
    height: 50px;
    position: relative;
    left: inherit;
}

.cartao li .img {
    text-align: center;
    width: 100px;
}

.cartao li h6 {
    position: relative;
    display: inline-block;
    height: 22px;
    width: 100px;
    margin-top: 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #303344;
}

.element-animation1 {
    position: absolute !important;
    width: 100%;
    width: 100%;
    left: 0 !important;
    bottom: 0 !important;
}


/* -------- Padroes  ------- */

.box-color {
    height: auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    background: rgba(37, 41, 63, 0.9);
}

.box-color h2 {
    font-style: normal;
    font-weight: 600;
    color: #42496d;
}

.box-color p {
    width: 65%;
    padding: 6.19vh 0 0 0;
}

.box-color .btn-padrao {
    margin: 6.19vh 0 0 0;
}

.box-color>div>div>div {
    min-height: 100vh;
    display: table;
}

.descricao-box-color {
    display: table-cell;
    vertical-align: middle;
    min-height: 100vh;
    position: relative;
    z-index: 2;
}


/* ---- Cartão de monetização ----- */

.box-texto-img {
    height: auto;
    background: var(--branco);
    padding: 160px 0;
    position: relative;
    overflow: hidden;
}

.box-texto-img.branco {
    background: var(--branco) !important;
}

.box-texto-img h2 {
    font-style: normal;
    font-weight: 600;
    color: #42496d;
}

.relacao-direta h2 {
    width: 68%;
}

.box-texto-img p {
    width: 73%;
    padding: max(20px, 3.19vh) 0 0 0;
    color: #6e718a;
    margin-bottom: 0;
}

.descricao-box-texto-img .btn-padrao {
    margin-top: max(50px, 6.19vh);
}

.box-texto-img .container {
    position: relative;
    z-index: 2;
}

.box-texto-img>div>div>div {
    min-height: 700px;
    display: table;
}

.descricao-box-texto-img {
    display: table-cell;
    vertical-align: middle;
    min-height: calc(100vh - 600px);
    position: relative;
    z-index: 2;
}

.descricao-box-texto-img img {
    width: 100%;
}

.page-formatos .descricao-box-texto-img img {
    width: 380px;
    box-shadow: 0px 44px 83px -14px rgba(82, 90, 131, 0.2);
}

.box-texto-img span.bg-box-texto-img {
    background: url(../img/bg-monetizacao.png) no-repeat center / cover;
    height: 780px;
    width: 50%;
    position: absolute;
    right: -72px;
    top: 50%;
    margin-top: -390px;
}


/* --- programatica ---*/

.programatica .btn-padrao {
    margin-top: 0;
}

.programatica.box-padrao {
    padding-bottom: 15.81vw;
}

.programatica img {
    margin-top: 40px;
}

.programatica p {
    margin-bottom: 0;
}


/* ------ Menu mobile ---- */

.menu-mobile-box {
    height: 26px;
    width: 32px;
    margin: 0 15px 0;
    display: block;
    float: right;
}

.menu-mobile {
    cursor: pointer;
}

.menu-mobile span {
    display: block;
    width: 100%;
    border-radius: 2px;
    height: 2px;
    background: #fff;
    transition: all 0.3s;
    position: relative;
    margin: 0px 0 7px 0;
}

.menu-mobile:hover span {
    background: var(--azul) !important;
}

.menu-mobile.active span {
    background: #fcfcfc;
    margin: 4px 0 !important;
}

.menu-mobile span+.menu-mobile span {
    margin: 4px 0 !important;
}

.menu-mobile.active span:nth-child(1) {
    animation: ease 0.7s top forwards;
}

.menu-mobile.not-active span:nth-child(1) {
    animation: ease 0.7s top-2 forwards;
}

.menu-mobile.active span:nth-child(2) {
    animation: ease 0.7s scaled forwards;
}

.menu-mobile.not-active span:nth-child(2) {
    animation: ease 0.7s scaled-2 forwards;
}

.menu-mobile.active span:nth-child(3) {
    animation: ease 0.7s bottom forwards;
}

.menu-mobile.not-active span:nth-child(3) {
    animation: ease 0.7s bottom-2 forwards;
}


/* Painel Console */

.box-console-painel {
    position: relative;
    background: #fff;
    height: 900px;
}

.box-console-painel .img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.box-console-painel .descricao-console {
    display: table-cell;
    vertical-align: middle;
    min-height: 100vh;
    position: relative;
    z-index: 2;
}

.item-console-painel>div>div>div {
    min-height: 100vh;
    display: table;
}

.box-console-painel .descricao-console p {
    color: #fff;
    margin: max(50px, 6.19vh) auto 200px auto;
}

.box-console-painel .descricao-console h2 {
    color: #fff;
}

.bg-painel {
    background: linear-gradient( 90deg, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.2) 100%);
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.controle-console {
    padding-bottom: max(150px, 30.95vh);
    margin-top: -300px;
}

.item-controle-console {
    position: relative;
}

.controle-console>div>div>div {
    position: relative;
}

.item-controle-console .img {
    border: none;
    box-shadow: none;
    width: 80%;
    position: relative;
    padding: 10px;
    padding-bottom: 40px;
}

.item-controle-console .img img {
    width: 100%;
    background: #ecedf8;
    box-shadow: 0px 54px 54px -60px rgba(82, 90, 131, 0.2);
    border-radius: 15px;
    border: 10px solid #ecedf8;
}

.bg-controle {
    position: absolute;
    width: 80%;
    height: 100%;
    left: 18%;
    top: 10%;
    background: #f7f8ff;
    border-radius: 33px;
}

.controle-console .btn-padrao {
    margin-top: max(100px, 25.95vh);
}

.controle-console .slick-prev {
    left: inherit !important;
    right: 120px !important;
    top: 318px !important;
    margin-left: -50px;
    z-index: 2;
}

.controle-console .slick-next {
    right: 110px !important;
    top: 318px !important;
    margin-right: -50px;
    z-index: 2;
    font-style: normal;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
}

.controle-console .pagingInfo {
    font-size: 22px;
    position: absolute;
    right: 73px;
    color: #9b9eb6;
    bottom: 60px;
}

.controle-console .pagingInfo b {
    color: #4b81fa;
}

.controle-console .slick-dots {
    display: none !important;
}


/* ----- painel ------ */

.painel {
    position: relative;
    background: #fff;
    height: 1900px;
}

.top-painel {
    background: #fff url(../img/bg-painel.png) no-repeat center / cover;
    height: 850px;
    padding-top: 300px;
    position: relative;
}

.painel .bg-painel {
    background: linear-gradient(90deg, #25293f 1.56%, rgba(0, 0, 0, 0) 100%);
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 850px;
    top: 0;
}

.painel h2 {
    font-style: normal;
    font-weight: 600;
    color: #ffffff;
    font-size: max(40px, 3.2vw);
    margin-bottom: 0;
}

.painel p {
    font-style: normal;
    font-weight: normal;
    color: #fcfcfc;
    margin-top: max(50px, 6.19vh);
    margin-bottom: 0;
}

.painel h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #4b81fa;
}

.box-painel {
    background: #f7f8ff;
    border: 1px solid #eff0f4;
    box-sizing: border-box;
    box-shadow: 0px 20px 30px -10px rgba(205, 207, 223, 0.5);
    border-radius: 4px;
    margin-top: 40px;
}

.box-painel .img {
    padding: 50px 50px 0 50px;
}

.box-painel img {
    box-shadow: 0px 44px 30px -39px rgba(0, 0, 0, 0.2);
    margin-bottom: 70px;
}

.box-painel p {
    font-style: normal;
    font-weight: normal;
    color: #6e718a;
    padding-top: 30px;
    padding-bottom: 0;
}

.box-painel .desc {
    background: #fff;
    padding: 140px 50px 50px 50px;
    margin-top: -157px;
}

.box-painel .desc a {
    font-style: normal;
    font-weight: normal;
    line-height: 130%;
    text-align: right;
    color: #4b81fa;
    margin-top: 100px;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.box-painel .desc p {
    margin-top: max(30px, 3.92vh);
    padding-top: 0;
}

.painel .btn-padrao {
    margin: max(100px, 15.47vh) auto 0;
}

.videos {
    background: #fff;
    max-height: 800px;
}

.box-video {
    padding: 0;
    height: 17.4vw;
    overflow: hidden;
    position: relative;
    border-radius: 0 0 8px 8px;
}

.box-video::before {
    position: absolute;
    content: "";
    background: url(../img/video-denakop.svg) no-repeat center left;
    width: 160px;
    height: 54px;
    top: 10px;
    left: 10px;
    z-index: 99;
}

.box-video:hover {
    cursor: pointer;
}

.box-video .img {
    width: 100%;
    height: 100%;
    transition: all ease 0.3s;
}

.box-video:hover .img {
    transform: scale(1.2);
}

.box-video:hover .img {
    transform: scale(1.1);
    cursor: pointer;
}

.box-video span {
    background: rgba(66, 73, 109, 60%);
    mix-blend-mode: multiply;
    opacity: 0.8;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.box-video i {
    background: url(../img/icons/play2.svg) no-repeat center;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 80px;
    margin-left: -40px;
    margin-top: -60px;
    position: absolute;
}

.box-video em {
    background: #4b81fa;
    z-index: 2;
    position: absolute;
    border-radius: 4px;
    color: #fff;
    font-style: normal;
    padding: 4px 11px;
    top: 20px;
    font-size: 13px;
    right: 20px;
}

.box-video h4 {
    font-style: normal;
    font-weight: 400;
    font-size: max(16px, 0.9vw);
    line-height: max(24px, 1.3vw);
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--azul-escuro);
    height: 91px;
    margin: 0;
    padding: 20px 30px;
    transition: all ease-in 0.3s;
}

.box-video:hover h4 {
    background: var(--azul);
}

.slick-videos .slick-slide {
    padding: 10px;
}

.slick-videos {
    margin-top: 40px;
}


/* ---- quem usa ---- */

.quem-usa-denakop {
    padding: 8.8vw 0 8.8vw 0;
    overflow: hidden;
}

.quem-usa {
    width: 100%;
    position: relative;
    height: 360px;
}

.item-usa {
    border: 2px solid #eff0f4;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 34px 32px;
    text-align: center;
    height: 200px;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    transition: all ease 0.2s;
    margin-top: 40px;
    filter: grayscale(100%);
}

.item-usa:hover {
    box-shadow: 0px 0px 20px 1px rgba(82, 90, 131, 0.2) !important;
    height: 280px;
    margin-top: 10px;
    cursor: pointer;
    filter: grayscale(0%);
}

.box-usa {
    padding: 15px;
}

.item-usa img {
    margin: auto;
    max-width: 100%;
}

.item-parceiro {
    background: #ffffff;
    border: 1px solid #eff0f4;
    box-sizing: border-box;
    box-shadow: 0px 20px 60px -10px rgba(205, 207, 223, 0.8);
    border-radius: 4px;
    text-align: center;
    margin: max(20px, 3.09vh) 0;
    min-height: 250px;
    display: table;
    width: 100%;
}

.item-parceiro .img {
    display: table-cell;
    vertical-align: middle;
    min-height: 250px;
    position: relative;
    z-index: 2;
}

@keyframes top {
    0% {
        top: 0;
        transform: rotate(0);
    }
    50% {
        top: 6px;
        transform: rotate(0);
    }
    100% {
        top: 6px;
        transform: rotate(45deg);
    }
}

@keyframes top-2 {
    0% {
        top: 22px;
        transform: rotate(45deg);
    }
    50% {
        top: 22px;
        transform: rotate(0deg);
    }
    100% {
        top: 0;
        transform: rotate(0deg);
    }
}

@keyframes bottom {
    0% {
        bottom: 0;
        transform: rotate(0);
    }
    50% {
        bottom: 0;
        transform: rotate(0);
    }
    100% {
        bottom: 6px;
        transform: rotate(135deg);
    }
}

@keyframes bottom-2 {
    0% {
        bottom: 22px;
        transform: rotate(135deg);
    }
    50% {
        bottom: 22px;
        transform: rotate(0);
    }
    100% {
        bottom: 0;
        transform: rotate(0);
    }
}

@keyframes scaled {
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes scaled-2 {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

.box-padrao .slick-prev,
.box-padrao .slick-next,
.videos .slick-prev,
.videos .slick-next,
.controle-console .slick-prev,
.controle-console .slick-next {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -90px;
    top: inherit;
}

.box-padrao .slick-prev,
.videos .slick-prev,
.controle-console .slick-prev {
    background: url(../img/icons/icon-prev.svg) no-repeat;
    left: 50%;
    margin-left: -50px;
}

.box-padrao .slick-next,
.videos .slick-next,
.controle-console .slick-next {
    background: url(../img/icons/icon-next.svg) no-repeat;
    right: 50%;
    margin-right: -50px;
}

.slick-disabled {
    opacity: 0.6;
}

.box-padrao .slick-prev:hover,
.videos .slick-prev:hover,
.box-padrao .slick-next:hover,
.videos .slick-next:hover,
.controle-console .slick-next:hover,
.controle-console .slick-prev:hover {
    opacity: 0.6;
}

.box-padrao .slick-prev::before,
.box-padrao .slick-next::before,
.videos .slick-prev::before,
.videos .slick-next::before,
.controle-console .slick-prev::before,
.controle-console .slick-next::before {
    content: "";
}

.quem-usa a {
    background: #4b81fa;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    color: #fff !important;
    opacity: 0;
    transition: all ease 0.2s;
    font-size: 14px;
}

.quem-usa .item-usa:hover a {
    opacity: 1;
}


/* ---- Canais de atendimento ----- */

.box-texto-img.canais {
    padding: 0;
}

.canais {
    background: #f7f8ff;
}

.canais h2 {
    margin: 0;
    margin-bottom: 20px;
}

.canais h2 strong {
    color: var(--azul);
    font-weight: 600;
}

.canais p {
    margin: 0;
}

.canais-atendimento {
    width: 300px;
    margin: auto;
    padding: 30px 30px;
    display: table-cell;
    vertical-align: middle;
    min-height: 300px;
    position: relative;
    z-index: 2;
}

.box-atendimento {
    background: #ffffff;
    box-shadow: 0px 5px 54px rgba(82, 90, 131, 0.1);
    border-radius: 8px;
    width: 400px;
    height: auto;
    position: relative;
    padding: 80px 70px;
    margin: auto;
}

.descricao-canais {
    display: table-cell;
    vertical-align: middle;
    min-height: 100vh;
    position: relative;
    z-index: 2;
}

.canais p {
    width: 80%;
}

.canais h3 {
    font-style: normal;
    font-weight: 600;
    color: #42496d;
    width: 64%;
}

.canais a.btn-padrao {
    margin-top: 30px;
    margin: 10px auto;
    display: block;
    padding: 0;
    min-width: inherit;
}

.canais h4 {
    font-style: normal;
    font-weight: normal;
    font-size: max(16px, 0.83vw);
    text-align: center;
    color: #6e718a;
}

.canais .mensagem {
    width: 62px;
    height: 54px;
    background-image: url("../img/icons/icon-email.svg");
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    display: block;
}

.canais .email {
    width: 62px;
    height: 54px;
    background-image: url(../img/icons/icon-aroba.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    display: block;
}

.canais .whatsapp {
    width: 62px;
    height: 54px;
    background-image: url(../img/icons/icon-whats.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    display: block;
}

.canais ul {
    width: 100%;
    margin-top: 0px !important;
}

.canais ul,
.canais li {
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
}

.canais li {
    display: inline-block;
    text-align: center;
    margin: 30px 15px;
}

.canais li:first-child {
    margin-left: 0;
}

.canais li:last-child {
    margin-right: 0;
}

.canais a.btn-padrao {
    width: 100%;
    margin-bottom: 18px;
}

.canais a.btn-padrao.cinza {
    width: 100%;
    margin-bottom: 18px;
    background: #eff0f4;
    color: #6e718a !important;
}

.canais a.btn-padrao.cinza:hover {
    background: none !important;
    color: #6e718a !important;
    border-color: #6e718a;
}

.btn-padrao.cinza {
    background: none;
    color: #ecedf8 !important;
    border-color: #ecedf8;
    margin-bottom: 0;
    text-transform: uppercase;
}

.btn-padrao.cinza:hover {
    background: #ecedf8;
    color: #000 !important;
}


/* ---- footer ---- */

.redes-footer {
    background: #ffffff;
    border-top: 1px solid #eff0f4;
    padding: 20px 0 20px 0;
    color: #939bc4;
}

.redes-footer .redes {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

.redes-footer .redes li {
    display: inline-block;
}

.redes-footer .redes a {
    position: relative;
    display: inline-block;
    transition: all ease 0.2s;
    border-radius: 100px;
    transition: all ease-in-out 0.2s;
}

.redes-footer .redes .iconify {
    font-size: 28px;
    color: #ececec;
    transition: all ease 0.2s;
}

.redes-footer .redes a::before {
    display: none !important;
}

.redes-footer .redes .iconify:hover {
    cursor: pointer;
    color: var(--azul);
}

.select2-container--bootstrap4 .select2-selection {
    border: none !important;
    border-bottom: 2px solid #eff0f4 !important;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    height: 60px !important;
    padding: 10px 0;
    margin-top: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    border-radius: 0;
    color: #4b81fa;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: inherit !important;
    box-shadow: inherit !important;
}

span.select2-selection__clear {
    display: none !important;
}

.form-control {
    border: 1px solid #cdcfdf;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    height: 60px;
    padding: 10px 20px;
}

textarea.form-control {
    height: 150px;
}

.page-formularios textarea.form-control {
    height: 150px;
    border: 1px solid #cdcfdf !important;
    border-radius: 4px !important;
    padding: 10px 20px;
}

footer .btn-padrao {
    border: 0;
    float: right;
}

footer ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

footer li {
    padding: 0 30px;
    margin: 0;
    display: inline-block;
}

footer h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #42496d;
    padding-bottom: max(30px, 4.12vh);
}

footer a {
    font-style: normal;
    font-size: 18px;
    color: #42496d;
    line-height: 34px;
    opacity: 0.8;
    margin-right: 5px;
    font-weight: 600;
    position: relative;
}

footer a.active:before,
footer a:hover:before {
    bottom: -15px;
    opacity: 1;
}

footer a:before {
    content: "";
    background: var(--azul);
    width: 30px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    bottom: -15px;
    transition: all ease-in 0.2s;
    opacity: 0;
}

footer a:hover:before {
    bottom: -15px;
}

footer a.active:hover:before,
footer a:hover:before {
    width: 100%;
}

footer p {
    line-height: 36px;
    margin-top: 0;
    margin-bottom: 70px;
}

footer p:nth-child(2) {
    margin-bottom: 0;
}

footer a:hover,
footer a.active {
    color: var(--azul) !important;
    cursor: pointer;
}

.site-map {
    padding: 80px 0 100px;
}

.contatos {
    padding: 50px 0 0;
}

.contatos p {
    padding-bottom: max(30px, 4.12vh);
}

.contatos h4 {
    padding-bottom: max(50px, 7.22vh);
    margin-bottom: 0;
}

.copy {
    background: #fff;
    border-top: 1px solid #eff0f4;
    padding: 20px 0;
    text-align: center;
    color: #939bc4;
}

.copy p {
    padding: 10px 0;
    margin-bottom: 0;
    width: 100%;
}

.form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #cdcfdf;
    opacity: 1;
    /* Firefox */
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #cdcfdf;
}

.form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #cdcfdf;
}


/* --- Monetização ---- */

.page-monetizacao .banner {
    background: #000 url(../img/banners/banner-monetizacao.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-monetizacao .descricao-nos-somos h2 {
    width: 100%;
}

.page-monetizacao .descricao-nos-somos p {
    margin: 2.12vw 0 2.12vw 0;
    width: 100%;
}

.page-monetizacao .box-padrao-imagem .descricao h2 {
    padding: 20px 40px 10px 0;
}

.page-monetizacao .linha-detalhe {
    height: 72%;
    top: 14%;
}

.page-monetizacao .linha-detalhe::after,
.page-monetizacao .linha-detalhe::before {
    height: 12%;
}

.page-monetizacao .box-padrao-imagem .descricao p {
    width: 102%;
}

.btn-play {
    color: var(--branco);
    margin-top: 40px;
    display: inline-block;
}

.btn-play i {
    background: url(../img/play.svg) no-repeat center / cover;
    width: 70px;
    display: inline-block;
    height: 70px;
    float: left;
}

.btn-play span {
    color: #fff;
    float: left;
    padding: 23px 22px;
    text-transform: none;
}

.simples .item-solucoes {
    min-height: 460px;
}

.item-solucoes span i.icon-refresh {
    background-position: -285px -158px;
}

.item-solucoes span i.icon-load {
    background-position: -355px -158px;
}

.item-solucoes span i.icon-otimizacao {
    background-position: -423px -158px;
}

.item-solucoes span i.icon-header {
    background-position: -429px -87px;
}

.item-solucoes.caixa {
    background: none;
    box-shadow: none;
    text-align: center;
    padding: 0;
    transition: all ease 0.3s;
    overflow: inherit;
}

.item-solucoes.caixa span {
    position: relative;
}

.item-solucoes.caixa:hover {
    /*cursor: pointer;*/
}

.item-solucoes.caixa .box-caixa img {
    transition: all ease 0.3s;
    width: 54px;
}

.item-solucoes.caixa .box-caixa:hover img {
    width: 75px;
}

.item-solucoes.caixa .box-caixa {
    border-radius: 6px;
    background: none;
    position: relative;
    transition: all ease 0.3s;
    background: #f9f9f9 !important;
}

.item-solucoes.caixa .box-caixa a {
    background: #4b81fa;
    width: 100%;
    position: absolute;
    left: 0;
    top: inherit;
    bottom: 0;
    height: max(50px, 6.19vh) !important;
    color: #fff !important;
    opacity: 0;
    transition: all ease 0.2s;
    font-size: 14px;
    line-height: max(50px, 6.19vh);
    z-index: 9;
    position: absolute;
    bottom: -16px;
    border-radius: 0 0 4px 4px;
    height: auto;
}

.item-solucoes.caixa .box-caixa:hover a {
    opacity: 1;
    bottom: 0;
    height: auto;
    top: inherit;
}

.item-solucoes.caixa p {
    text-align: center !important;
}

.item-solucoes.caixa .box-caixa .item-circulo {
    box-shadow: none;
    width: 100%;
    height: 250px;
    border-radius: 6px;
    position: relative;
    background: #fcfcfc;
    transition: all ease 0.3s;
    border: 2px solid transparent;
}

.item-solucoes.caixa .box-caixa span {
    border-radius: 6px;
}

.item-solucoes.caixa:hover .box-caixa .item-circulo {
    /*mbox-shadow: 0px 10px 30px -5px #CDCFDF !important;*/
    background: #ffffff;
    border: 2px solid #eff0f4;
    box-sizing: border-box;
    border-radius: 8px;
    /*mheight: 370px;*/
    /*margin-top: -50px;*/
    /*cursor: pointer;*/
    filter: grayscale(0%);
}

.img-header-bidding {
    background-image: url("../img/img-header-bidding.png");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.img-header-bidding img {
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

.linha-detalhe {
    position: absolute;
    width: 133%;
    height: 80%;
    top: 10%;
    left: -38%;
    border-top: 2px solid var(--azul);
    border-bottom: 2px solid var(--azul);
    border-right: 2px solid var(--azul);
}

.linha-detalhe::before {
    content: "";
    position: absolute;
    width: 2px;
    left: -1px;
    top: -2px;
    height: 22%;
    border-right: 2px solid var(--azul);
}

.linha-detalhe::after {
    content: "";
    position: absolute;
    width: 2px;
    left: -1px;
    bottom: -2px;
    height: 34%;
    border-right: 2px solid var(--azul);
}

.bg-fixo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient( 276deg, rgba(255, 255, 255, 0) 0%, rgba(5, 5, 5, 1) 62%);
}

.midia-programatica p {
    position: absolute;
    width: 266px;
    left: 241px;
    top: 30px;
}

.midia-programatica .pie span {
    background: none;
    box-shadow: 0px 7px 26px 0px rgba(0, 0, 0, 0.1);
    width: 188px;
    height: 188px;
    position: absolute;
    border-radius: 200px;
    z-index: 0;
    top: 6px;
    left: 6px;
}

.item-programatica {
    margin-top: 80px;
    margin-bottom: 80px;
}

.tags .btn-padrao {
    margin-top: max(100px, 15.47vh);
}

.animation-tag {
    padding: 0;
    width: 780px;
    height: 650px;
    margin: auto;
    margin-top: max(40px, 6.19vh);
}

.animation-tag .item-tag {
    width: 390px;
    left: 10%;
    position: relative;
    float: left;
    background: #fcfcfc;
    box-shadow: 0px 84px 54px -60px rgba(82, 90, 131, 0.3);
    filter: drop-shadow(0px 0px 100px rgba(54, 61, 101, 0.15));
    border-radius: 20px;
    padding: 5px;
    top: 20px;
    transition: all ease 0.2s;
    transform: scale(0.8, 0.8);
}

.animation-tag .item-tag.segundo {
    left: -10%;
}

.animation-tag .item-tag.active,
.animation-tag .item-tag.segundo.active {
    transform: scale(1);
    z-index: 5;
    width: 50%;
    top: 0px;
}

.animation-tag .item-tag span {
    background: #42496d;
    opacity: 0.9;
    color: #fff;
    padding: 8px 60px;
    border-radius: 5px;
    font-size: 11px;
    position: absolute;
    left: -65px;
    top: 70%;
    box-shadow: -7px 5px 16px -4px rgba(82, 90, 131, 0.6);
    transition: all ease 0.2s;
    opacity: 0;
}

.animation-tag .item-tag.active span {
    opacity: 1;
}

.animation-tag .item-tag.segundo span {
    right: -65px;
    left: initial;
}


/* Grafico */

.percent {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    z-index: 8;
    background: #fcfcfc;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}

.percent .number {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.percent .number h2 {
    color: #525a83;
    font-weight: 600;
    z-index: 10;
    position: relative;
    font-size: 55px;
    transition: 0.5s;
    margin-top: 70px;
}

.percent .number .circ {
    box-shadow: 0px 15px 30px -10px rgba(0, 0, 0, 0.15);
    width: 160px;
    height: 160px;
    background: #fcfcfc;
    border-radius: 300px;
    position: absolute;
    z-index: 4;
}

.card:hover .percent .number h2 {
    font-size: 71px;
}

.percent .number h2 span {
    font-size: 24px;
    color: #525a83;
    transition: 0.5s;
}

.card svg {
    position: relative;
    width: 200px;
    height: 200px;
    z-index: 1000;
    margin-top: 10px;
    margin-left: 10px;
}

.card svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #191919;
    stroke-width: 15px;
    stroke-linecap: round;
    transform: translate(8px, 8px);
}

.card svg {
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
}

._80porcento svg circle {
    stroke-dashoffset: calc(440 - (411 * 90) / 100);
    stroke: #ff859b;
}

._20porcento svg circle {
    stroke-dashoffset: calc(440 - (440 * 15) / 100);
    stroke: #4b81fa;
}

._80porcento .percent svg {
    transform: rotate(270deg);
    left: 5px;
    top: -8px;
}

._20porcento .percent svg {
    transform: rotate(215deg);
    top: -12px;
    left: -1px;
}

.card {
    border: none;
}


/* ---- Contatos ----- */

.page-contatos .banner {
    background: #000 url(../img/banners/bg-contatos.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-contatos .banner .btn-padrao {
    margin-top: 30px;
}

.page-contatos .box-padrao p {
    margin-bottom: 20px;
}

.page-contatos .box-padrao {
    padding: max(150px, 25.95vh) 0;
}

.mapa {
    height: 800px;
    position: relative;
    background: #fff;
    z-index: 10;
}

.bg-brasil {
    background-image: url(../img/mapa-brasil.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 800px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.bg-usa {
    background-image: url(../img/usa-map.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 800px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    display: none;
}

.mapa .unidades {
    background: #4b81fa;
    width: 30%;
    height: 150px;
    position: relative;
    float: left;
    border-radius: 9px 0 0 9px;
}

.mapa .endereco {
    background: #ffffff;
    width: 70%;
    height: 150px;
    position: relative;
    float: left;
    border-radius: 0 9px 9px 0;
    padding: 40px 70px;
}

.end-usa {
    display: none;
    margin-top: 22px;
}

.mapa .unidades i {
    width: 22px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

.mapa .brasil i {
    background: url(../img/brasil.png) no-repeat center;
}

.mapa .usa i {
    background: url(../img/usa.png) no-repeat center;
}

.mapa ul {
    margin: 0;
    padding: 40px 30px;
    list-style: none;
}

.mapa ul li {
    margin: 0;
    padding: 5px 0;
}

.mapa ul li a {
    color: #fff !important;
    font-size: 14px;
}

.mapa ul li a:hover {
    text-decoration: none;
    cursor: pointer;
}

.mapa ul li {
    opacity: 0.6;
}

.mapa ul li:hover,
.mapa ul li.active {
    opacity: 1;
    text-decoration: none;
    cursor: pointer;
}

.mapa .seletor-unidade {
    background: #fff;
    width: 670px;
    height: 150px;
    position: absolute;
    left: 15px;
    top: 160px;
    border-radius: 12px;
}

.mapa .endereco p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #6e718a;
    position: relative;
}

.mapa h3 {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-transform: capitalize;
    color: #ffffff;
    margin-top: 100px;
}

.icon-pulse {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(180, 203, 250, 1);
    height: 20px;
    width: 20px;
    position: absolute;
    z-index: 2;
    margin: 0;
}

.icon-pulse b {
    background: rgba(180, 203, 250, 0.3);
    border-radius: 50%;
    box-shadow: 0 0 0 0 #4b81fa;
    margin: 10px;
    height: 20px;
    width: 20px;
    transform: scale(2);
    animation: pulse-1 2s infinite;
    position: absolute;
    z-index: 3;
    top: -10px;
    left: -10px;
}

.icon-pulse span {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(215, 227, 252, 1);
    height: 20px;
    width: 20px;
    transform: scale(1);
    animation: pulse-3 2s infinite;
    position: absolute;
    z-index: 1;
    margin: 0;
}

.icon-pulse i {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(180, 203, 250, 1);
    height: 20px;
    width: 20px;
    transform: scale(1);
    animation: pulse-2 2s infinite;
    position: absolute;
    z-index: 2;
    margin: 0;
}

.bg-brasil .icon-pulse {
    top: 50%;
    left: 50%;
    margin-top: 168px;
    margin-left: 252px;
}

.bg-usa .icon-pulse {
    left: 50%;
    top: 50%;
    margin-left: 268px;
    margin-top: 78px;
}

@keyframes pulse-1 {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(180, 203, 250, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 130px rgba(180, 203, 250, 0.3);
    }
    90% {
        opacity: 0;
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(180, 203, 250, 0.3);
        opacity: 0;
    }
}

@keyframes pulse-2 {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(75, 129, 250, 0.3);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 60px rgba(75, 129, 250, 1);
    }
    90% {
        opacity: 0;
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(75, 129, 250, 0.3);
        opacity: 0;
    }
}

@keyframes pulse-3 {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(48, 51, 682, 0.1);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 200px rgba(48, 51, 68, 0.2);
    }
    90% {
        opacity: 0;
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(48, 51, 68, 0.1);
        opacity: 0;
    }
}

.formulario-contatos {
    padding-bottom: 30px;
}

.formulario h4 {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    color: #42496d;
    margin-bottom: 80px;
}

.formulario-contatos label {
    font-style: normal;
    font-weight: normal;
    color: #9b9eb6;
    margin-top: max(20px, 4.19vh);
}

.formulario-contatos label span {
    color: #4b81fa;
}

.formulario-contatos .form-control {
    border: none;
    border-bottom: 2px solid #eff0f4;
    padding: 10px 0;
    margin-top: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    border-radius: 0;
    color: #4b81fa;
}

.select2-search--dropdown .select2-search__field {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: #9b9eb6;
    padding-left: 10px;
    background: url(../img/icons/icon-search.svg) no-repeat 5px 5px;
    padding-left: 40px !important;
}

.select2-results__option {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: #9b9eb6;
    padding-left: 10px;
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: #fefefe;
    color: #4b81fa;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    border-color: #9b9eb6 transparent transparent transparent;
    border-width: 7px 5px 0 5px;
    margin-left: -12px;
}

.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
    border: 1px solid #ced4da;
    border-radius: 5px;
}

.page-contatos .select2-search--dropdown .select2-search__field,
.page-politica-de-privacidade .select2-search--dropdown .select2-search__field {
    display: none;
}

.select2-container--bootstrap4 .select2-dropdown {
    padding: 8px;
}

.formulario-contatos .btn-enviar {
    height: max(60px, 3.16vw);
    line-height: max(60px, 3.16vw);
    margin: auto;
    margin-top: max(50px, 6.19vh);
}

.formulario-contatos .btn-enviar:hover {
    min-width: 300px;
}

.criar-conta {
    background: #fafafa;
    padding: 0;
}

.criar-conta.branco {
    background: #ffffff;
}

.bg-criar-conta {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -68px;
}

.img-criar-conta {
    width: 272px;
    height: 614px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -136px;
    margin-top: -235px;
}

.img-criar-conta img {
    position: relative;
    z-index: 10;
    box-shadow: 2px 63px 41px -45px rgba(0, 0, 0, 0.2) !important;
}

.bg-animation1 {
    background: #4b81fa;
    border-radius: 100%;
    width: 335px;
    height: 335px;
    position: absolute;
    left: 50%;
    left: 50%;
    margin-left: -167px;
    margin-top: -167px;
    z-index: 5;
}

.bg-animation2 {
    background: #d7e3fc;
    border-radius: 100%;
    width: 450px;
    height: 450px;
    position: absolute;
    left: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -225px;
    z-index: 4;
}

.bg-animation3 {
    border: 2px #d7e3fc dashed;
    border-radius: 100%;
    width: 600px;
    height: 600px;
    position: absolute;
    left: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -300px;
    z-index: 3;
    opacity: 0.9;
    animation: rotating3 120s linear infinite;
}

.bg-animation4 {
    border: 2px #d7e3fc dashed;
    border-radius: 100%;
    width: 800px;
    height: 800px;
    position: absolute;
    left: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -400px;
    z-index: 2;
    opacity: 0.6;
    animation: rotating2 80s linear infinite;
}

.bg-animation5 {
    border: 2px #d7e3fc dashed;
    border-radius: 100%;
    width: 1338px;
    height: 1338px;
    position: absolute;
    left: 50%;
    left: 50%;
    margin-left: -669px;
    margin-top: -669px;
    z-index: 2;
    opacity: 0.5;
    animation: rotating 60s linear infinite;
}

.img-criar-conta .icon-pulse {
    background: #4b81fa;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(180, 203, 250, 1);
    height: 20px;
    width: 20px;
    transform: scale(1);
    animation: pulse-4 2s infinite;
    position: absolute;
    z-index: 2;
    margin: 0;
    margin-top: -12px;
}

.img-criar-conta .icon-pulse::before {
    background: #fff;
    border-radius: 50%;
    height: 4px;
    width: 4px;
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
}

.bg-animation4 .icon-pulse,
.bg-animation5 .icon-pulse {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /* IE */
}

@keyframes pulse-4 {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(215, 227, 252, 0.3);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 20px rgba(215, 227, 252, 0.7);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(215, 227, 252, 0.3);
    }
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotating2 {
    from {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes rotating3 {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.box-contato {
    background: #fff;
    border-radius: 5px;
    padding: 70px 50px;
    width: 65%;
    float: right;
}

.box-contato h5 {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 130%;
    display: flex;
    align-items: center;
    color: #6e718a;
    margin-bottom: 4px;
}

.box-contato h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #4b81fa;
    font-family: "Rubik", sans-serif;
    margin-bottom: 50px;
}

.box-contato i {
    right: 0;
    position: absolute;
}

.box-contato .btn-padrao {
    min-width: 100%;
}

.box-contato h4 {
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #303344;
    border-bottom: 1px solid #cdcfdf;
    padding-bottom: 15px;
    margin-bottom: 32px;
    position: relative;
}

.box-contato h4:last-child {
    margin-bottom: 0;
}

.confirmacao {
    background: #303344;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    text-align: center;
    display: none;
}

.confirmacao>div>div>div {
    min-height: 100vh;
    display: table;
}

.confirmacao h2 {
    color: #fff;
}

.confirmacao h2 {
    color: #fff;
}

.confirmacao .descricao-banner p {
    width: 100%;
}

.mapa .bg-brasil a,
.mapa .bg-usa a {
    position: absolute;
    bottom: 100px;
    right: max(50px, 4.16vw);
    width: 152px;
    margin: 0 !important;
    padding: 0;
    margin-left: 53px !important;
    background: var(--azul);
    padding: 15px 25px 15px 15px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    text-transform: initial;
    color: #fff !important;
    transition: all ease 0.2s;
}

.mapa .bg-brasil a:hover,
.mapa .bg-usa a:hover {
    padding: 15px 35px 15px 25px !important;
    width: 170px;
    cursor: pointer;
    text-decoration: none;
}

.mapa .bg-brasil a i,
.mapa .bg-usa a i {
    background: url(../img/split.png) no-repeat -2px 0px;
    width: 11px;
    position: absolute;
    height: 16px;
    padding: 0 !important;
    margin-top: 2px;
    margin-left: 7px;
}

button.btn.dropdown-toggle.btn-light {
    background: #fff;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom: 2px solid #eff0f4;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: #cdcfdf;
    border-radius: 0;
    padding: 12px 0;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #4b81fa;
    text-decoration: none;
    background: none;
}

.dropdown-menu.show {
    padding: 20px 0;
}


/* --- page-consu ---- */

.page-consultoria .banner {
    background: #000 url(../img/banners/banner-consultoria.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-consultoria .descricao-banner p {
    margin-left: auto;
    margin-right: auto;
}

.page-consultoria .box-central p {
    color: #4b81fa;
    width: 80%;
}

.page-consultoria .accordion {
    padding: max(40px, 6.19vh) 0;
}


/* Segmentação */

.page-segmentacao .banner {
    background: #000 url(../img/banners/banner-segmentacao.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-segmentacao .accordion {
    padding: max(40px, 6.19vh) 0;
}

.accordion {
    width: 100%;
    padding: 0;
}

.accordion .card {
    background: none;
    border: 2px solid #eff0f4 !important;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 15px;
}

.accordion .card-header {
    background: none;
    border: none;
}

.accordion .card-header::before {
    width: 45px;
    height: 45px;
    display: inline-block;
    position: absolute;
    content: "";
    top: 10px;
    left: 10px;
}

.accordion .card-header button::before {
    width: 45px;
    height: 45px;
    display: inline-block;
    position: absolute;
    content: "";
    top: 10px;
    left: 15px;
}

.accordion .card-header button i {
    width: 53px;
    display: inline-block;
    padding: 0 10px;
    float: left;
}

.accordion .card-header button p {
    margin-top: 0px;
}

.accordion .card-header button.btn.btn-link {
    width: 100%;
    text-align: left;
    padding-left: 0;
    color: #6e718a;
}

.accordion .card-header button.btn.btn-link:hover {
    text-decoration: none;
}

.accordion .card-header button:before {
    background: url(../img/split.png) no-repeat -320px -420px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 25px;
    right: 20px;
    content: "";
    left: inherit;
}

.accordion .card-header button[aria-expanded="true"]::before {
    transform: rotate(180deg);
}

#segmentacao-complementares button::before {
    background: url(../img/split.png) no-repeat -438px -238px;
}

#segmentacao-resultados button::before {
    background: url(../img/split.png) no-repeat -375px -235px;
}

#segmentacao-desempendo button::before {
    background: url(../img/split.png) no-repeat -310px -238px;
}

.accordion .card-body {
    background: none;
    margin-top: -5px;
    border-radius: 5px;
    color: #6e718a;
    padding: 40px 40px 40px 70px;
}

.accordion .card-body p {
    padding: 0;
    display: flow-root;
    margin: 0;
}

.accordion .card-body i {
    padding: 0;
    margin: 0;
    width: 35px;
    height: 35px;
    display: inline-block;
    float: left;
    background: url(../img/split.png) no-repeat -270px -242px;
    margin-bottom: 25px;
    margin-left: 0;
    margin-top: -5px;
    margin-right: 20px;
}

.accordion a.btn-padrao {
    float: right;
    margin: max(40px, 6.19vh) 0;
}

.importante-segmentar .bg-fixo {
    background: url(../img/bg-importante-segmentar.png) no-repeat center / cover;
    background-attachment: fixed;
}

.importante-segmentar .container {
    position: relative;
}

.importante-segmentar .linha-detalhe {
    position: absolute;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}

.importante-segmentar .descricao-nos-somos h2 {
    width: 100%;
}

.importante-segmentar .descricao-nos-somos p {
    margin: 1vw 0 3.12vw 0;
}

.importante-segmentar .linha-detalhe::after {
    height: 22%;
}

.importante-segmentar .linha-detalhe {
    border-right: none;
}

.importante-segmentar .linha-segmentacao {
    width: 100%;
    height: 100%;
}

.importante-segmentar .linha-segmentacao::before {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    top: -2px;
    height: 22%;
    border-right: 2px solid var(--azul);
}

.importante-segmentar .linha-segmentacao::after {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    bottom: -2px;
    height: 22%;
    border-right: 2px solid var(--azul);
}

.box-padrao2 {
    height: auto;
    background: var(--branco);
    padding: 7.81vw 0 7.81vw 0;
    padding-top: max(80px, 7.81vw);
}

.box-padrao2 h2 {
    font-size: max(25px, 1.56vw);
    font-style: normal;
    font-weight: 400;
    color: #4b81fa;
    margin-bottom: max(50px, 6.19vh);
    padding-left: 95px;
    line-height: 68px;
}

.box-padrao2 img {
    margin-top: max(50px, 4.12);
}

.box-padrao2 p {
    font-style: normal;
    font-weight: normal;
    color: #6e718a;
    margin-bottom: 0;
}

.box-padrao2 h2 i {
    width: 80px;
    height: 78px;
    display: inline-block;
    position: absolute;
    content: "";
    top: -8px;
    left: 15px;
}

.box-padrao2 h2 i {
    background: url(../img/icon-box.png) no-repeat center / cover;
}

.plus.right {
    right: -66px;
}

.plus {
    background: url(../img/icons/plus.png) no-repeat center;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
}

.plus.left {
    left: 0;
}


/* Formatos */

.page-formatos .descricao-banner h1 {
    width: 70%;
    margin-bottom: 3vw;
    margin: auto;
}

.page-formatos .banner {
    background: #000 url(../img/banner-formatos.png) no-repeat center / cover;
    background-attachment: fixed;
}

.img-destaque {
    margin-bottom: 60px;
}

.indentificamos-espacos .bg-fixo {
    background-image: url("../img/bg-formatos.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.indentificamos-espacos .container {
    position: relative;
}

.indentificamos-espacos .linha-detalhe {
    position: absolute;
    width: 52%;
    height: 80%;
    top: 10%;
    left: 10%;
}

.indentificamos-espacos .descricao-nos-somos h2 {
    width: 100%;
}

.indentificamos-espacos .descricao-nos-somos p {
    margin: 1vw 0 3.12vw 0;
    width: 90%;
}

.indentificamos-espacos .linha-detalhe {
    border-right: none;
}

.indentificamos-espacos .linha-detalhe::after {
    height: 8%;
}

.indentificamos-espacos .linha-detalhe::before {
    height: 38%;
}

.indentificamos-espacos .linha {
    width: 100%;
    height: 100%;
}

.indentificamos-espacos .linha::before {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    top: -2px;
    height: 18%;
    border-right: 2px solid var(--azul);
}

.indentificamos-espacos .linha::after {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    bottom: -2px;
    height: 22%;
    border-right: 2px solid var(--azul);
}

.page-formatos .box-texto-img p {
    width: 85%;
    padding: max(40px, 6.19vh) 0 0;
}

.page-formatos label {
    color: #9b9eb6;
    font-size: 14px;
}

.form-formatos .form-control {
    border: 1px solid #cdcfdf;
    border-radius: 5px;
    font-size: 14px;
    padding-left: 40px !important;
    height: 45px;
    padding: 5px 20px;
}

.form-formatos .form-group i {
    background: url(../img/split.png) no-repeat -117px -314px;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 41px;
    left: 25px;
}

.acao-formatos {
    border-radius: 7px;
    border: 1px solid #cdcfdf;
    height: 45px;
    position: relative;
    margin: 0 0 max(40px, 6.19vh) 0;
}

.cinza .acao-formatos {
    margin: max(40px, 6.19vh) 0 max(40px, 6.19vh) 0;
}

.cinza .item-formatos {
    min-height: inherit;
    background: #ffffff;
    border: 2px solid #eff0f4;
    box-sizing: border-box;
    border-radius: 8px;
}

.acao-formatos .btn-formatos {
    border-radius: 5px;
    border: none;
    height: 43px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    color: #9b9eb6;
    float: left;
    width: 50%;
    text-align: center;
    background: none;
    display: inline-block;
}

.slick-desktop .box-formatos .link-hover,
.slick-mobile .box-formatos .link-hover {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 15px;
    background: #4b81fa;
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0;
    bottom: 10px;
    text-align: center;
    margin: 0;
    transition: all ease 0.2s;
    border-radius: 5px;
}

.slick-desktop .box-formatos:hover .link-hover,
.slick-mobile .box-formatos:hover .link-hover {
    bottom: 0;
    height: 12%;
    cursor: pointer;
}

.acao-formatos .btn-formatos span {
    display: inline-block;
    margin-top: 4px;
}

.slick-desktop .box-formatos:hover .link-hover b,
.slick-mobile .box-formatos:hover .link-hover b {
    -webkit-transform: translate(0, -47%);
    transform: translate(0, -47%);
    top: 47%;
    font-weight: 400;
    font-size: 16px;
    position: relative;
}

.acao-formatos .btn-formatos i {
    background: url(../img/split.png) no-repeat -156px -316px;
    width: 23px;
    height: 21px;
    float: left;
    position: relative;
    margin-top: 2px;
}

.acao-formatos .btn-formatos.active i {
    background: url(../img/split.png) no-repeat -183px -316px;
}

.acao-formatos #btn-mobile i {
    background: url(../img/split.png) no-repeat -156px -345px;
}

.acao-formatos #btn-mobile.active i {
    background: url(../img/split.png) no-repeat -183px -345px;
}

.acao-formatos .btn-formatos b {
    margin-top: 3px;
    position: relative;
    float: left;
    margin-left: 11px;
    font-weight: 400;
}

.animation {
    background: #4b81fa;
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    height: 43px;
    border-radius: 5px;
    transition: all ease-in 0.2s;
}

.acao-formatos .btn-formatos.active {
    color: #fff;
}

.item-formatos {
    display: inline-block;
}

.item-formatos .img {
    background: #f9f9f9;
    padding: 25px 30px;
    width: 100%;
    float: left;
    border-radius: 5px;
    text-align: center;
    margin: auto;
}

.slick-mobile .item-formatos .img {
    padding: 15px 30px;
}

.slicks-formatos {
    margin-bottom: max(75px, 15.47vh);
    margin-top: max(40px, 6.57vh);
}

.slick-desktop .box-formatos img {
    width: 90%;
    transition: all ease 0.3s;
}

.slick-mobile .box-formatos img {
    width: 170px;
    transition: all ease 0.3s;
}

.slick-desktop .box-formatos:hover img {
    width: 70%;
}

.slick-mobile .box-formatos:hover img {
    width: 127px;
}

.slick-desktop .box-formatos img,
.slick-mobile .box-formatos .img img {
    margin: auto;
}

.slick-desktop .box-formatos a,
.slick-mobile .box-formatos a {
    background: #77a1fa;
    width: 100%;
    padding: 0px 20px 0px 20px;
    display: inline-block;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #fff;
    transition: all ease-in-out 0.2s;
    height: 10px;
    position: absolute;
    bottom: 0;
    line-height: 50px;
}

.slick-desktop .box-formatos b,
.slick-mobile .box-formatos b {
    display: none;
    transition: all ease-in-out 0.2s;
    font-weight: 400;
}

.slick-desktop .box-formatos:hover a,
.slick-mobile .box-formatos:hover a {
    opacity: 1;
    height: 50px;
}

.slick-desktop .box-formatos:hover b,
.slick-mobile .box-formatos:hover b {
    display: block;
}

.slick-desktop .box-formatos a:hover,
.slick-mobile .box-formatos a:hover {
    color: #fff;
    text-decoration: none;
}

.slick-desktop .box-formatos,
.slick-mobile .box-formatos {
    padding: 20px;
    position: relative;
    overflow: hidden;
    min-height: 470px;
}

.slick-desktop .box-formatos .cont,
.slick-mobile .box-formatos .cont {
    background: #4b81fa;
    margin-bottom: 0;
    width: 100%;
    float: left;
    border-radius: 5px;
    padding: 30px 0 30px 0;
    position: relative;
}

.slick-desktop .box-formatos:hover .cont,
.slick-mobile .box-formatos:hover .cont {
    border-bottom: none;
}

.slick-desktop .box-formatos p,
.slick-mobile .box-formatos p {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 13px;
    letter-spacing: -0.01em;
    color: #fcfcfc;
    height: 40px;
    line-height: 20px;
    padding: 0 30px;
    margin: 0;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
}

.slick-desktop .box-formatos p b,
.slick-mobile .box-formatos p b {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.01em;
    color: #fcfcfc;
    line-height: 30px;
}

.slicks-formatos span,
.slicks-formatos span {
    background: #fff;
    width: 800px;
    height: 100%;
    position: absolute;
    left: -800px;
    z-index: 9;
}

.page-formatos .slicks-formatos span {
    background: #fff;
}

.cinza .slicks-formatos span {
    background: #fafafa;
}

.slick-mobile {
    display: none;
}

.page-formatos .box-padrao-imagem .descricao p {
    width: 95%;
}

.img-full {
    margin-top: max(100px, 12.38vh);
}

.img-full img {
    background: #ecedf8;
    box-shadow: 0px 84px 54px -60px rgba(82, 90, 131, 0.2);
    border-radius: 26px;
    margin-bottom: max(150px, 21.92vh);
}

#displayvideo {
    background: #ecedf8;
    box-shadow: 0px 84px 54px -60px rgba(82, 90, 131, 0.2);
    border-radius: 26px;
    margin-bottom: max(150px, 21.92vh);
    width: 100%;
}


/* Formatos Exemplos */

.page-formatos-exemplos .box-texto-img p {
    width: 85%;
    padding: 1.1vw 0;
}

.page-formatos-exemplos .box-texto-img {
    z-index: 11;
}

.page-formatos-exemplos .canais h2 {
    padding-bottom: 1.1vw;
}

.page-formatos-exemplos header {
    background: rgba(37, 41, 63, 0.9);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}

.page-formatos-exemplos header>div>div>div {
    min-height: 150px;
    display: table;
}

.page-formatos-exemplos header i {
    background: url(../img/split.png) no-repeat -155px -314px;
    width: 25px;
    height: 25px;
    float: left;
    position: relative;
}

.page-formatos-exemplos header .fechar-formato i {
    background: url(../img/split.png) no-repeat -377px -320px;
    margin: 0 15px 0 0;
}

.page-formatos-exemplos header .formato-anterior a:hover i {
    background: url(../img/split.png) no-repeat -241px -363px;
}

.page-formatos-exemplos header .formato-anterior i {
    background: url(../img/split.png) no-repeat -241px -311px;
    width: 45px;
    height: 45px;
}

.page-formatos-exemplos header .formato-proximo a:hover i {
    background: url(../img/split.png) no-repeat -306px -311px;
}

.page-formatos-exemplos header .formato-proximo i {
    background: url(../img/split.png) no-repeat -306px -363px;
    width: 45px;
    height: 45px;
}

.page-formatos-exemplos header .formato-proximo a,
.page-formatos-exemplos header .formato-anterior a {
    padding: 0;
}

.page-formatos-exemplos header .desktop-formato i {
    background: url(../img/split.png) no-repeat -154px -314px;
}

.page-formatos-exemplos header .desktop-formato a.active i,
.page-formatos-exemplos header .desktop-formato a:hover i {
    background: url(../img/split.png) no-repeat -181px -314px;
}

.page-formatos-exemplos header .mobile-formato i {
    background: url(../img/split.png) no-repeat -152px -343px;
}

.page-formatos-exemplos header .mobile-formato a.active i,
.page-formatos-exemplos header .mobile-formato a:hover i {
    background: url(../img/split.png) no-repeat -179px -343px;
}

.page-formatos-exemplos header .mobile-formato a,
.page-formatos-exemplos header .desktop-formato a {
    border: 1px solid #919cc7;
}

.page-formatos-exemplos header .mobile-formato a.active,
.page-formatos-exemplos header .desktop-formato a.active,
.page-formatos-exemplos header .mobile-formato a:hover,
.page-formatos-exemplos header .desktop-formato a:hover {
    background: var(--azul);
    border: 1px solid var(--azul);
    transition: all ease-in 0.2s;
    cursor: pointer;
}

.page-formatos-exemplos header ul,
.descricao-formatos {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    min-height: 80vh;
    position: relative;
    z-index: 2;
}

.page-formatos-exemplos header ul li {
    margin: 0 4px 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.page-formatos-exemplos header ul li a {
    padding: 7px;
    display: inline-block;
    border-radius: 5px;
}

.page-formatos-exemplos header h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 0px;
}

.page-formatos-exemplos header p {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    color: #fcfcfc;
}

.header-montagem {
    background: #f0f0f0 url(../img/bg-menu-formatos.png) no-repeat center top / contain;
    height: 180px;
}

.mobile .header-montagem {
    background: #f0f0f0 url(../img/top-mobile.png) no-repeat center top / contain;
    height: 134px;
    width: 420px;
    margin-top: 193px;
    position: absolute;
    left: 50%;
    margin-left: -210px;
}

.conteudo-demostracao {
    padding: 80px 0;
}

.conteudo-demostracao h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 55px;
    color: #c4c4c4;
    margin-bottom: 50px;
    width: 90%;
}

.conteudo-demostracao h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    color: #c4c4c4;
    margin-bottom: 50px;
}

.conteudo-demostracao p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #c4c4c4;
    margin-bottom: 20px;
}

.conteudo-demostracao h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #c4c4c4;
    margin-bottom: 20px;
}

.quadrado-demostracao {
    background: #f7f7f7;
    width: 100%;
    padding: 40%;
    margin-bottom: 40px;
}

.side .mobile-formato {
    display: none;
}

.banner-inimage-demostracao {
    background-image: url(../img/formatos/inimage-banner-desktop.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 501px;
    padding: 20px;
    margin: 30px 0;
    display: none;
}

.inimage .banner-inimage-demostracao {
    display: block;
}

.mobile .banner-inimage-demostracao {
    background-image: url(../img/formatos/inimage-banner-mobile.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 295px;
}

.banner-intext-demostracao {
    background-image: url(../img/formatos/intext-banner-desktop.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 280px;
    padding: 20px;
    margin: 30px 0;
    display: none;
}

.intext .banner-intext-demostracao {
    display: block;
}

.mobile .banner-intext-demostracao {
    background-image: url(../img/formatos/intext-banner-mobile.png);
    background-position: center;
    background-repeat: no-repeat;
}

.banner-first-demostracao {
    background-image: url(../img/formatos/First-Banner-desktop.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f8f8f8;
    width: 100%;
    height: 310px;
    padding: 20px;
    display: none;
}

.first .banner-first-demostracao {
    display: block;
}

.mobile .banner-first-demostracao {
    background: #f8f8f8 url(../img/formatos/First-Banner-Mobile.png) center no-repeat;
    width: 420px;
    height: 150px;
    padding: 20px;
    position: absolute;
    top: 327px;
    left: 50%;
    margin-left: -210px;
}

.mobile.first .conteudo-demostracao h2 {
    font-size: 24px;
    line-height: 38px;
    margin-top: 200px;
}

.banner-side-demostracao {
    background: url(../img/formatos/Side-Banner-desktop.png) center no-repeat;
    width: 120px;
    height: 620px;
    padding: 20px;
    display: block;
    top: 158px;
    right: 0;
    position: fixed;
    z-index: 10;
    display: none;
}

.side .banner-side-demostracao {
    display: block;
}

.mobile .banner-side-demostracao {
    display: none;
}

.banner-postitial-demostracao {
    background-image: url(../img/formatos/postitial-banner-desktop.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 360px;
    height: 320px;
    padding: 20px;
    display: block;
    top: 50%;
    padding: 0;
    margin-left: -180px;
    margin-top: -159px;
    left: 50%;
    position: fixed;
    z-index: 10;
    display: none;
}

.banner-postitial-demostracao i {
    left: inherit !important;
    right: 0 !important;
    width: 41px !important;
    height: 43px !important;
    margin-left: 135px;
    top: 30px !important;
}

.postitial .banner-postitial-demostracao {
    display: block;
}

.mobile.postitial .banner-postitial-demostracao {
    display: block;
}

.banner-top-demostracao {
    background: url(../img/formatos/TopBanner.png) center 0 no-repeat;
    width: 728px;
    height: 93px;
    padding: 20px;
    display: block;
    top: 150px;
    margin-left: -364px;
    left: 50%;
    position: fixed;
    z-index: 10;
    display: none;
    transition: all ease 0.2s;
}

.banner-top-demostracao.oculto {
    background: url(../img/formatos/TopBanner.png) center -100px no-repeat;
}

.top .banner-top-demostracao {
    display: block;
}

.top .header-montagem {
    background: #C4C4C4 url(../img/bg-menu-formatos.png) no-repeat center bottom / contain;
    height: 211px;
    margin-top: 150px;
}

.mobile.top .banner-top-demostracao {
    background: url(../img/formatos/TopBannerMobile.png) center 0px no-repeat;
    width: 728px;
    height: 79px;
    transition: all ease 0.2s;
}

.mobile.top .banner-top-demostracao.oculto {
    background: url(../img/formatos/TopBannerMobile.png) center -80px no-repeat;
}

.mobile.top .header-montagem {
    background: #f0f0f0 url(../img/top-mobile.png) no-repeat center bottom / contain;
    height: 194px;
    margin-top: 150px;
}

.banner-slidervideo-demostracao {
    background: url(../img/formatos/sliderVideo.png) center no-repeat;
    width: 420px;
    height: 241px;
    padding: 20px;
    bottom: 80px;
    margin-left: -364px;
    right: 30px;
    position: fixed;
    z-index: 10;
    display: none;
    transition: all ease-in 0.4s;
}

.slidervideo .banner-slidervideo-demostracao {
    display: block;
}

.slidervideo.mobile .banner-slidervideo-demostracao {
    background: url(../img/formatos/sliderVideo.png) center no-repeat;
    background-size: contain;
    width: 280px;
    height: 161px;
    left: 50%;
    margin-left: -86px;
    bottom: 60px;
}

.page-formatos-exemplos .fechar {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
}

.page-formatos-exemplos .ocultar {
    width: 60px;
    height: 25px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -30px;
    z-index: 1;
    cursor: pointer;
    background: url(../img/formatos/btn-ocultar-hover.png) center no-repeat;
    transition: all ease 0.2s;
}

.page-formatos-exemplos.desktop .ocultar {
    bottom: -14px;
}

.page-formatos-exemplos .oculto .ocultar {
    bottom: 60px;
    background: url(../img/formatos/btn-ocultar.png) center no-repeat;
}

.page-formatos-exemplos.desktop .oculto .ocultar {
    bottom: 75px;
}

.slidervideo.mobile .conteudo-demostracao {
    padding: 280px 0 0;
}

.banner-under-demostracao {
    background: url(../img/formatos/under-banner-desktop.png) center no-repeat;
    width: 728px;
    height: 110px;
    padding: 20px;
    display: block;
    bottom: 0;
    margin-left: -364px;
    left: 50%;
    position: fixed;
    z-index: 10;
    display: none;
}

.under .banner-under-demostracao {
    display: block;
}

.mobile .banner-under-demostracao {
    background: url(../img/formatos/mobile-under-banner.png);
    width: 311px;
    height: 105px;
    margin-left: -155px;
}

.banner-scroll-demostracao {
    background: url(../img/formatos/Scroll-Banner-desktop.png) center no-repeat;
    width: 964px;
    height: 237px;
    margin: 80px auto !important;
    display: none;
}

.scroll .banner-scroll-demostracao {
    display: block;
}

.mobile .banner-scroll-demostracao {
    background: url(../img/formatos/Scroll-Banner-mobile.png);
    width: 315px;
    height: 280px;
    margin: 30px auto !important;
}

.mobile .conteudo-demostracao {
    background: #f6f6f6;
    padding: 280px 0;
}

.mobile .conteudo-demostracao .col-md-4 {
    display: none;
}

.mobile .conteudo-demostracao .row {
    max-width: 420px;
    margin: auto;
    padding: 40px;
    background: #fff;
}

.mobile .conteudo-demostracao .row:last-child {
    border-bottom: 100px #f0f0f0 solid;
}

.mobile .conteudo-demostracao .col-md-8 {
    width: 100% !important;
    max-width: 340px;
    flex: auto;
}

.mobile .conteudo-demostracao h2 {
    font-size: 24px;
    line-height: 38px;
    margin-top: 50px;
}

.mobile .conteudo-demostracao h5 {
    font-size: 18px;
    line-height: 26px;
}

.mobile .conteudo-demostracao p {
    line-height: 27px;
}

.bloqueio {
    display: none;
}


/* Pagamentos Cartão */

.page-pagamentos-cartao .banner {
    background: #000 url(../img/banners/banner-pagamento-cartao.png) no-repeat center / cover;
    background-attachment: fixed;
}

.pagamento-cartao .bg-fixo {
    background: url(../img/bg-cartao.png) no-repeat center / cover;
    background-attachment: fixed;
}

.pagamento-cartao .container {
    position: relative;
}

.pagamento-cartao .linha-detalhe {
    position: absolute;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}

.pagamento-cartao .descricao-nos-somos h2 {
    width: 100%;
}

.pagamento-cartao .descricao-nos-somos p {
    margin: 1vw 0 3.12vw 0;
}

.pagamento-cartao .linha-detalhe::before {
    height: 18%;
}

.pagamento-cartao .linha-detalhe::after {
    height: 15%;
}

.pagamento-cartao .linha-detalhe {
    border-right: none;
}

.pagamento-cartao .linha-segmentacao {
    width: 100%;
    height: 100%;
}

.pagamento-cartao .linha-segmentacao::before {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    top: -2px;
    height: 18%;
    border-right: 2px solid var(--azul);
}

.pagamento-cartao .linha-segmentacao::after {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    bottom: -2px;
    height: 18%;
    border-right: 2px solid var(--azul);
}

.pagamento-cartao .btn-padrao {
    height: max(50px, 3.16vw);
    line-height: max(50px, 3.16vw);
    padding: 0 max(40px, 1.68vw);
    border: 1px solid var(--azul);
}

.page-pagamentos-cartao .descricao-box-content-img img {
    box-shadow: 2px 63px 41px -45px rgba(0, 0, 0, 0.2) !important;
    border-radius: 20px;
}

.box-padrao-imagem.pagamento-cartao img {
    margin-right: -100px;
}

.box-content-img {
    height: auto;
    background: var(--branco);
    position: relative;
    overflow: hidden;
}

.box-content-img h2 {
    font-style: normal;
    font-weight: 600;
    color: #42496d;
    width: 80%;
    margin-bottom: 0;
}

.box-content-img p {
    width: 80%;
    padding: max(40px, 6.19vh) 0 0 0;
}

.box-content-img em {
    width: 80%;
    padding: max(20px, 3.19vh) 0 0 0;
    color: #4b81fa;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    display: inline-block;
    padding-bottom: 0;
}

.box-content-img .btn-padrao {
    padding: 0 90px;
}

.box-content-img>div>div>div {
    min-height: 100vh;
    display: table;
}

.descricao-box-content-img {
    display: table-cell;
    vertical-align: middle;
    min-height: 100vh;
    position: relative;
    z-index: 2;
}

.descricao-box-content-img img {
    width: 50%;
}

.cartao-denakop {
    background: #ffffff;
    border: 1px solid #eff0f4;
    box-sizing: border-box;
    box-shadow: 0px 20px 30px -10px rgba(205, 207, 223, 0.5);
    border-radius: 7px;
    width: 80%;
    position: relative;
    margin: auto;
    text-align: center;
    padding: max(50px, 6.19vh) 0;
}

.cartao-denakop span {
    background: #f7f8ff;
    border-radius: 4px 4px 0 0;
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
}

.cartao-denakop img {
    z-index: 2;
    position: relative;
    width: 80%;
    margin: auto;
    display: block;
}

.cartao-denakop h3 {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #4b81fa;
    margin: 80px 0;
}


/* --- publicidade pelo bem -- */

.page-publicidade-pelo-bem .descricao-banner p {
    width: 100%;
}

.page-publicidade-pelo-bem .banner {
    background: #000 url(../img/banners/banner-publicidade-pelo-bem.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-publicidade-pelo-bem .descricao-box-content-img img {
    width: 100%;
}

.box-padrao h5 {
    color: #4b81fa;
    font-style: normal;
    font-weight: normal;
    font-size: max(30px, 2vw);
    color: #4b81fa;
    margin-bottom: 40px;
}


/* Bidding */

.page-bidding .banner {
    background: #000 url(../img/banners/banner-bidding.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-bidding .bg-fixo {
    background: url(../img/bg-independencia.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-bidding .slick-slide {
    padding: 0 80px 0 0;
}

.page-bidding .item-solucoes {
    overflow: inherit;
}

.page-bidding .container {
    position: relative;
}

.page-bidding .linha-detalhe {
    position: absolute;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}

.page-bidding .descricao-nos-somos h2 {
    width: 100%;
}

.page-bidding .descricao-nos-somos p {
    margin: 1vw 0 3.12vw 0;
}

.page-bidding .linha-detalhe::before {
    height: 22%;
}

.page-bidding .linha-detalhe::after {
    height: 22%;
}

.page-bidding .linha-detalhe {
    border-right: none;
}

.page-bidding .linha {
    width: 100%;
    height: 100%;
}

.page-bidding .linha::before {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    top: -2px;
    height: 18%;
    border-right: 2px solid var(--azul);
}

.page-bidding .linha::after {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    bottom: -2px;
    height: 18%;
    border-right: 2px solid var(--azul);
}

.page-bidding .linha-segmentacao::before {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    top: -2px;
    height: 22%;
    border-right: 2px solid var(--azul);
}

.page-bidding .linha-segmentacao::after {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    bottom: -2px;
    height: 22%;
    border-right: 2px solid var(--azul);
}

p.pbidding {
    width: 50% !important;
    padding: 0;
    margin: 11px 0 0 296px !important;
    text-align: center;
    right: 0;
}

.page-bidding .descricao-nos-somos img {
    margin-right: -35px;
}

.page-bidding h3 {
    color: #4b81fa;
    font-weight: 600;
}

.box-central {
    background: #ffffff;
    border: 1px solid #eff0f4;
    box-sizing: border-box;
    box-shadow: 0px 30px 100px rgba(54, 61, 101, 0.1);
    border-radius: 4px;
    padding: max(50px, 10.19vh) 40px;
    width: 400px;
    margin: auto;
}

.box-central.tipo2 {
    width: max(420px, 22.47vw);
    padding-top: max(50px, 7.22vh);
}

.box-central.tipo2 .btn-padrao {
    margin-top: max(50px, 7.22vh);
}

.box-central.tipo2 p {
    margin-top: max(50px, 7.22vh);
    padding: 0 !important;
}

.box-central p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #4b81fa;
    margin: auto;
}

.box-central img {
    width: auto;
}

.btn-segundario {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    display: inline-block;
    align-items: center;
    text-align: center;
    letter-spacing: 0.04em;
    color: #6e718a;
    background: #eff0f4;
    border-radius: 4px;
    padding: 20px 60px;
    margin: 6.19vh 0 0 0;
}

.page-bidding .content-padrao img {
    margin-bottom: 20px;
}

.page-bidding .content-padrao h5 {
    color: #4b81fa;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 120%;
    letter-spacing: -0.01em;
    margin-bottom: 20px;
}

.page-bidding .content-padrao h2 {
    margin-bottom: max(20px, 5vw);
}


/* Consultoria */

.criar-conta .box-contato {
    position: relative;
    z-index: 10;
    width: 340px;
    left: 34px !important;
    padding: 60px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    top: 34px;
}


/* Formulario */

.icon-fechar {
    background: url(../img/icon-fechar.png) no-repeat center;
    width: auto;
    height: 30px;
    position: relative;
    float: right;
    line-height: 27px;
    padding-right: 45px;
    margin-top: 50px;
    color: #9b9eb6;
}

.page-criar-conta {
    margin-bottom: 20px;
}

.icon-fechar:hover {
    text-decoration: none;
    color: #4b81fa;
    cursor: pointer;
}

.icon-fechar i {
    background: url(../img/icons/icon-fechar.png) no-repeat center;
    width: 30px;
    height: 30px;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    transition: all ease 0.3s;
}

.icon-fechar:hover i {
    transform: rotate(90deg);
}


/* --- Página big data --- */

.page-big-data .banner p {
    width: 100%;
}

.page-big-data .banner {
    background: #000 url(../img/banners/banner-big.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-big-data .box-padrao-imagem .descricao p {
    width: 100%;
    margin-left: 100px !important;
}

.AdOut {
    background: url("../img/bg-big1.jpg") no-repeat top center, url("../img/bg-big2.jpg") no-repeat bottom center;
    background-color: #28444b;
}

.AdOut h2,
.AdOut p {
    color: #fff;
}

.AdOut h2 {
    width: 80%;
}

.AdOut img {
    width: auto;
    margin: 2.1vw 0;
}

.box-texto-img.AdOut p {
    width: 80%;
}

.img-big .bg-fixo {
    background: url(../img/bg-big.png) no-repeat center / cover;
    background-attachment: fixed;
}

.img-big .container {
    position: relative;
}

.img-big .linha-detalhe {
    position: absolute;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}

.img-big .descricao-nos-somos h2 {
    width: 100%;
}

.img-big .descricao-nos-somos p {
    margin: 1vw 0 3.12vw 0;
}

.img-big .linha-detalhe::before {
    height: 35%;
}

.img-big .linha-detalhe::after {
    height: 35%;
}

.img-big .linha-detalhe {
    border-right: none;
}

.img-big .linha-segmentacao {
    width: 100%;
    height: 100%;
}

.img-big .linha-segmentacao::before {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    top: -2px;
    height: 30%;
    border-right: 2px solid var(--azul);
}

.img-big .linha-segmentacao::after {
    content: "";
    position: absolute;
    width: 2px;
    right: -1px;
    bottom: -2px;
    height: 30%;
    border-right: 2px solid var(--azul);
}

.img-big p {
    width: 100%;
}

.page-big-data .card-body i,
.box-card.card-body i {
    padding: 0;
    margin: 0;
    width: 35px;
    height: 35px;
    display: inline-block;
    float: left;
    background: url(../img/split.png) no-repeat -270px -242px;
    margin-bottom: 25px;
    margin-left: 35px;
    margin-top: -7px;
}

.page-big-data .card-body i,
.box-card.card-body i {
    margin-left: 0;
}

.page-big-data .card-body p,
.box-card.card-body p {
    padding: 0;
    display: grid;
    margin: 0;
}

.page-big-data .accordion .card-body p {
    padding-bottom: 40px;
}

.page-big-data .btn-padrao {
    margin-top: max(40px, 6.19vh);
}

.box-AdOut {
    background: #ffffff;
    border-radius: 40px;
    width: 90%;
    padding: 40px 50px;
    float: right;
}

.box-AdOut h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.01em;
    color: #23db83;
}

.box-AdOut p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: #303344;
    width: 100% !important;
    margin: 0;
    padding: 5px 0;
}

.box-AdOut .link-AdOut {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.01em;
    text-decoration-line: underline;
    color: #23db83;
    margin-top: 5px;
    display: inline-block;
    padding: 5px 0;
}

.box-AdOut .link-opcoes {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 120%;
    text-align: left;
    letter-spacing: -0.01em;
    color: #303344;
    display: inline-block;
    padding: 10px 0;
    margin-top: 20px;
    width: 50%;
}

.box-AdOut .btn-AdOut {
    background: #23db83;
    border-radius: 40px;
    display: inline-block;
    align-items: center;
    letter-spacing: -0.01em;
    color: #ffffff;
    width: 47%;
    padding: 5px 0;
    text-align: center;
    float: right;
    margin-top: 20px;
}


/* --- Antecipação Financeira --- */

.page-antecipacao .banner {
    background: #000 url(../img/banners/banner-antecipacao.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-antecipacao .box-texto-img p {
    width: 80%;
}

.page-antecipacao .criar-conta {
    background: #ffffff;
    padding: 0;
}

.page-antecipacao .descricao-banner h1 {
    width: 65%;
    margin: auto;
}

.page-antecipacao .box-central p {
    color: #4b81fa;
    width: 50%;
}

.page-antecipacao .box-central img {
    width: 50px;
}

.card-body {
    padding: max(50px, 6.19vh) 0;
}


/* --- Auditoria --- */

.page-auditoria .banner {
    background: url(../img/banners/banner-auditoria.png) no-repeat center / cover;
    background-attachment: fixed;
}

.box-card.card-body i {
    margin-left: 0;
}

.page-antecipacao .box-padrao.programatica {
    padding-top: max(150px, 20.63vh);
}

.box-padrao.programatica img {
    background: #ecedf8;
    box-shadow: 0px 84px 54px -60px rgba(82, 90, 131, 0.3);
    border-radius: 8px;
    margin-bottom: max(150px, 20.63vh);
}

.page-antecipacao .box-padrao .card-body {
    padding: 0;
}


/* ---- Campanhas ----- */

.page-campanhas .banner {
    background: #000 url(../img/banners/banner-vitrine.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-campanhas .slicks-formatos span {
    background: #fff;
}

.page-campanhas .box-color {
    background: url(../img/bg-campanhas.png) no-repeat center / cover;
}

.page-campanhas .box-color h2,
.page-campanhas .box-color p {
    color: #ffffff;
}

.page-campanhas .btn-padrao {
    padding: 0 max(60px, 2.68vw);
}

.page-campanhas .box-central p {
    color: #4b81fa;
}

.slick-campanha {
    padding-top: 10.96vh;
}

.slick-criativos .slick-list {
    overflow: inherit;
}

.slick-criativos .slick-slide {
    text-align: center;
}

.slick-criativos .slick-list img,
.slick-vendas .slick-list img {
    padding: 20px 20px 0 20px;
    width: 100%;
    float: left;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0px 84px 54px -60px rgba(82, 90, 131, 0.2);
    border-radius: 16px;
}

.slick-criativos .slick-list img {
    padding: 0;
    box-shadow: none;
    width: auto;
    max-height: 500px;
}

.slick-criativos .item-formatos .img {
    padding: 0 20px 0 0;
    background: #fff;
}

.slick-vendas .item-formatos .img {
    background: #fff;
    padding: 25px 30px 59px 30px;
}

.slick-vendas h4 i {
    width: 66px;
    height: 66px;
    text-align: center;
    background: #4b81fa;
    border: 3px solid #b4cbfa;
    border-radius: 100px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    line-height: 60px;
    font-style: inherit;
    margin-right: 10px;
}

.slick-vendas p {
    height: 150px;
}

.slick-vendas h4 {
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    letter-spacing: -0.01em;
    color: #4b81fa;
}

.slick-vendas .slick-prev,
.slick-vendas .slick-next {
    bottom: -6.19vh;
    z-index: 2;
}

.icon-bloqueios {
    background: #f9f9f9;
    border-radius: 20px;
    border-radius: 5px;
    width: 100%;
    height: 150px;
    text-align: center;
    padding-top: 45px;
}

.icon-bloqueios img {
    width: 50px;
}


/* Page Acordos Preferenciais */

.page-acordos-preferenciais .banner {
    background: #000 url(../img/banners/banner-acordos.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-acordos-preferenciais .bg-fixo {
    background: url(../img/bg-acordos.png) no-repeat center / cover;
}

.page-acordos-preferenciais .descricao-nos-somos h2 {
    width: 100%;
}

.page-acordos-preferenciais .linha-detalhe::after {
    height: 26%;
}

.page-acordos-preferenciais .box-texto-img span.bg-box-texto-img {
    background: url(../img/bg-dedicada.png) no-repeat center / cover;
}

.page-acordos-preferenciais .accordion {
    margin-top: max(40px, 6.19vh);
}


/* ---- Anuciante ------ */

.page-anunciante .banner {
    background: #000 url(../img/banners/banner-anunciante.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-anunciantes .box-padrao h3 {
    margin-top: 25px;
}

.page-anunciantes .item-produtos h2 {
    text-align: center;
}

.page-anunciantes .item-produtos:hover h2 {
    text-align: center;
    color: var(--branco);
}

.page-anunciantes .box-padrao .item-produtos h3 {
    margin-top: 13px;
    text-align: center;
    padding-left: 0;
}

.page-anunciantes .box-padrao h2 strong {
    color: var(--azul);
    font-weight: 500;
}

#melhores-solucoes>div>div>div {
    padding: 20px;
}

#melhores-solucoes .item-solucoes span img {
    display: inline-block;
}

#melhores-solucoes .item-solucoes {
    min-height: 380px;
}

.slick-viewability>div>div>div {
    padding: 20px;
}

.page-anunciante .painel .box-painel {
    background: #4b81fa;
    color: #fff;
    border: none;
    border-right: 12px solid #77a1fa;
    height: 330px;
    padding: 113px 100px;
    margin-top: 200px;
    box-shadow: 0px 20px 30px -10px #6e718a;
    border-radius: 4px;
    transition: all ease-in 0.2s;
    overflow: hidden;
}

.page-anunciante .box-texto-img span.bg-box-texto-img {
    background: url(../img/bg-anunciantes.png) no-repeat center / cover;
}

.page-anunciante .bg-painel {
    background: url(../img/banners/banner-viewability.png) no-repeat center / cover;
}

.page-anunciante .painel .box-painel:hover {
    padding: 40px 80px;
    background: #fff;
    border-right: 0;
    border-left: 12px solid #77a1fa;
    cursor: pointer;
}

.page-anunciante .painel .box-painel h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: -0.01em;
    color: #ffffff;
    transition: all ease-in 0.2s;
}

.page-anunciante .painel .box-painel:hover h4 {
    font-size: 20px;
    color: #6e718a;
}

.page-anunciante .painel .box-painel p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #6e718a;
    padding-bottom: 10px;
    opacity: 0;
    transition: all ease-in 0.2s;
}

.page-anunciante .painel .box-painel:hover p {
    margin-top: 0;
}

.page-anunciante .painel .box-painel:hover p {
    opacity: 1;
}

.page-anunciante .painel .box-painel a {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    text-align: right;
    color: #4b81fa;
    opacity: 0;
    transition: all ease-in 0.1s;
    width: 100%;
    float: right;
}

.page-anunciante .painel .box-painel:hover a {
    opacity: 1;
}

.page-anunciante .top-painel {
    padding-top: 250px;
}

.page-anunciante .painel {
    height: 1050px;
}

.item-blog h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.01em;
    color: #303344;
    margin-top: 5px;
}

.item-blog p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #6e718a;
    margin-top: 15px;
}

.item-blog .img {
    width: 100%;
    height: 300px;
    position: relative;
    display: inline-block;
}

.item-blog {
    padding: 10px 30px 10px 0;
}


/* ---- Anuciante Auditoria ------ */

.page-anunciante-auditoria .banner {
    background: url(../img/banners/banner-anunciantes-auditoria.png) no-repeat center / cover;
    background-attachment: fixed;
}


/* ---- DSP Programatica ------ */

.page-dsp-programatica .banner {
    background: #000 url(../img/banners/banner-dsp-programatica.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-dsp-programatica .formulario-contatos .form-control {
    color: #4b81fa;
}

li.selected.active {
    color: #4b81fa;
}

option:checked {
    color: #4b81fa;
}

.filter-option-inner-inner {
    color: #4b81fa;
}


/* ---- Viewability ------ */

.page-viewability .banner {
    background: #000 url(../img/banners/banner-viewability.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-viewability .item-formatos {
    background: #ffffff;
    border: 2px solid #eff0f4;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 8px;
    margin-top: 80px;
}

.tipo-viewability .item-formatos p,
.tipo-viewability.item-formatos:hover p {
    color: #6e718a;
    padding: 30px;
    height: auto;
}

.slick-mobile .box-formatos img {
    width: 100px;
}

.tipo-viewability .slick-mobile .box-formatos:hover img {
    width: 120px;
}

.tipo-viewability .slick-desktop .box-formatos img,
.tipo-viewability .slick-mobile .box-formatos .img {
    /*background: #ffffff;*/
}

.tipo-viewability .slicks-formatos span,
.tipo-viewability .slicks-formatos span {
    background: #fafafa;
}

.page-viewability .btn-padrao {
    margin-top: max(40px, 6.19vh);
}

.page-viewability .accordion {
    margin-top: max(40px, 6.19vh);
}

.tipo-viewability .item-formatos {
    min-height: inherit;
    position: relative;
    overflow: hidden;
}


/* -- ads-for-good */

.porcento p {
    margin-top: 0;
}

.box-padrao.porcento {
    padding-bottom: 0;
}


/* ---- politica-de-privacidade ------ */

.page-politica-de-privacidade .banner {
    background: #000 url(../img/banners/banner-politica-de-privacidade.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-politica-de-privacidade .banner b {
    color: #4b81fa;
}

.page-politica-de-privacidade .box-card.card-body i {
    margin-left: -10px;
    margin-right: 10px;
}

.page-politica-de-privacidade .box-card.card-body {
    padding: 0;
}

.page-politica-de-privacidade h3 {
    color: #4b81fa;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    color: #4b81fa;
    margin-bottom: 40px;
    margin-top: 40px;
}

.page-politica-de-privacidade h2 {
    margin-top: max(50px, 6.19vh);
    margin-bottom: max(50px, 6.19vh);
}

.page-politica-de-privacidade p {
    margin-bottom: 30px;
}


/* ---- Formularios ------ */

.page-formularios header {
    position: absolute;
    width: 100%;
    z-index: 10;
}

.page-formularios .box-formulario {
    display: table;
    width: 100%;
    min-height: 100vh;
}

.page-formularios .formulario {
    display: table-cell;
    vertical-align: middle;
    min-height: 100vh;
    position: relative;
}

.page-formularios .formulario-contatos a {
    color: var(--azul);
}

.page-formularios .formulario-contatos p {
    padding-top: 50px;
    padding-bottom: 10px;
}


/* ---- Sobre ----- */

.slick-sobre {
    margin-top: 100px;
    position: relative;
    z-index: 10;
}

.slick-sobre h4 {
    position: absolute;
    width: 80px;
    height: 80px;
    background: none;
    border-radius: 200px;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
    display: flex;
    align-items: center;
    letter-spacing: -0.01em;
    color: #cdcfdf;
    transition: all ease-in 0.3s;
    padding: 5px;
    margin-top: -20px;
    margin-left: 60px;
}

.slick-sobre p {
    position: absolute;
    width: 700px;
    height: auto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #4b81fa;
    opacity: 0;
    left: -14px;
    top: 60px;
    transition: all ease-in 0.3s;
}

.slick-sobre .slick-next {
    margin-right: 0;
    top: 160px;
    z-index: 10;
    left: 1200px;
}

.slick-sobre .slick-prev {
    margin-right: 0;
    top: 160px;
    left: 1190px;
    z-index: 10;
}

.page-sobre .slick-track .slick-active.slick-current p {
    opacity: 1;
}

.linha-do-tempo {
    padding-top: 200px;
}

.line-sobre {
    border-top: 1px solid #cdcfdf;
    content: "";
    left: -100%;
    width: 400%;
    height: 1px;
    position: absolute;
    top: 150px;
    z-index: 0;
}

.page-sobre .slick-list {
    overflow: inherit;
}

.page-sobre .slick-track .slick-active.slick-current h4 {
    color: #fff;
    margin-left: 46px;
    width: 120px;
}

.page-sobre .btn-padrao {
    margin: 30px 10px 10px 0;
}

.page-sobre .btn-padrao.btn-sou {
    margin-left: 0 !important;
}

.circle-item-sobre::before {
    position: absolute;
    width: 200px;
    height: 200px;
    background: #4b81fa;
    border-radius: 200px;
    color: #ffff;
    padding: 0 65px;
    margin-top: 50px;
    margin-left: 50px;
    z-index: 2;
    content: "";
    opacity: 1;
}

.circle-item-sobre {
    width: 300px;
    height: 300px;
    background: #d7e3fc;
    position: absolute;
    border-radius: 200px;
    z-index: 1;
    left: 100px;
    top: 156px;
    margin-left: -150px;
    margin-top: -150px;
    transition: all ease-in 0.6s;
}

.item-sobre {
    height: 300px;
    position: relative;
}

.sobre-animation1 {
    border: 2px #cdcfdf dashed;
    border-radius: 100%;
    width: 380px;
    height: 380px;
    position: absolute;
    left: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -90px;
    z-index: 2;
    opacity: 0.8;
    animation: line-tempo1 120s linear infinite;
    opacity: 1;
}


/*.sobre-animation2 {
  border: 2px #D7E3FC dashed;
  border-radius: 100%;
  width: 465px;
  height: 465px;
  position: absolute;
  left: 50%;
  left: 50%;
  margin-left: -230px;
  margin-top: -130px;
  z-index: 2;
  opacity: 0.8;
  animation: line-tempo2 120s linear infinite;
  opacity: 1;
}*/

.sobre-animation2 {
    width: 400px;
    height: 203px;
    position: absolute;
    margin-left: -105px;
    margin-top: 95px;
    background: #fff;
    z-index: 2;
}

.bg-item-sobre {
    position: absolute;
    left: 50px;
    top: 100px;
    margin-top: -50px;
    width: 200px;
    height: 200px;
    margin-left: 0px;
}

.page-sobre .star {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 27px;
    right: -25px;
    background: url(../img/icons/star.png) no-repeat center;
    transition: all ease-in 0.3s;
}

.page-sobre .usa {
    width: 35px;
    height: 22px;
    position: absolute;
    top: 29px;
    right: -39px;
    background: url(../img/icons/usa.png) no-repeat center;
    transition: all ease-in 0.3s;
}

.page-sobre .slick-track .slick-active.slick-current h4 .star {
    top: 27px;
    right: 18px;
}

.page-sobre .slick-track .slick-active.slick-current h4 .usa {
    top: 28px;
    right: 5px;
}

@-webkit-keyframes line-tempo1 {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes line-tempo2 {
    from {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


/* Criar Conta */

.page-criar-conta {
    background: url(../img/bg-cadastro.jpg) no-repeat center;
    height: 100vh;
}

.page-criar-conta .box-criar-conta {
    width: 800px;
    position: relative;
    margin: auto;
    filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.1));
    top: 50%;
    margin-top: -375px;
    padding-top: 25px;
    overflow: hidden;
}

.page-criar-conta .formulario-criar-conta {
    width: 411px;
    margin: auto;
    overflow: hidden;
}

.box-criar-conta p {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #fcfcfc;
    margin-top: 80px;
}

.formulario-criar-conta .form-control {
    border: 1px solid #cdcfdf;
    box-sizing: border-box;
    border-radius: 4px;
    height: 45px;
}

.formulario-criar-conta .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6e718a;
    opacity: 1;
    /* Firefox */
}

.formulario-criar-conta .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #6e718a;
}

.formulario-criar-conta .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #6e718a;
}

.formulario-criar-conta .btn-padrao3 {
    transition: all ease-in 0.2s;
    color: #6e718a !important;
    box-sizing: border-box;
    border-radius: 4px;
    background: none;
    font-style: normal;
    font-weight: 500;
    font-size: max(14px, 0.83vw);
    display: inline-block;
    text-align: center;
    letter-spacing: 0.04em;
    height: max(60px, 3.16vw);
    line-height: max(60px, 3.16vw);
    border: 1px solid #cdcfdf;
    width: 100%;
}

.formulario-criar-conta .btn-padrao3:not(:disabled):hover {
    text-decoration: none;
    border: 1px solid var(--azul);
    background: var(--azul);
    color: var(--branco) !important;
    cursor: pointer;
}

.formulario-criar-conta .status {
    text-align: center;
    color: #4b81fa;
    height: 25px;
    width: 100%;
    margin: 20px 0;
}

.formulario-criar-conta h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #4b81fa;
    font-family: "Rubik", sans-serif;
    margin-bottom: 72px;
}

.alert {
    width: 100%;
    position: relative;
    margin-top: 10px;
    display: none;
}

.page-criar-conta .icon-fechar {
    color: #ffffff;
}

.page-criar-conta .icon-fechar i {
    background: url(../img/icons/icon-fechar-branco.png) no-repeat center;
}

.page-criar-conta .icon-fechar b {
    font-weight: normal;
}

.page-criar-conta .contador {
    position: absolute;
    top: -2px;
    right: 195px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #fcfcfc;
}

.seta-prev {
    width: 70px;
    height: 70px;
    background: url(../img/icons/seta-conta-prev.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -60px;
    display: none;
}

.seta-next {
    width: 70px;
    height: 70px;
    background: url(../img/icons/seta-conta-next.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -60px;
    display: none;
}

.etapas {
    background: #ffffff;
    padding: 50px;
    border-radius: 4px;
    width: 411px;
    margin: auto;
    display: inline-block;
    height: 495px;
    float: left;
    margin: 0 2px;
}

.etapas.etapa1 {
    margin-left: 0;
}

.slider-criar-conta {
    margin-left: 0;
    width: 1300px;
    transition: all ease-in-out 0.5s;
}

.logo-mobile {
    display: none;
}


/* --- viewability --- */

.viewability {
    padding: 20px 0;
}

.viewability h2 strong {
    color: var(--azul);
    font-weight: 600;
}

.viewability .card-header {
    background: #fff;
    box-shadow: 1px 1px 21px -2px rgb(0 0 0 / 10%);
    padding: 0px;
    border-bottom: none;
}

.viewability .card-header .btn {
    background: #fff;
    border-left: 10px solid #41a6ff;
    padding: 15px 20px;
}

.viewability .card-header .btn.collapsed {
    border-left: 10px solid #fff;
}

.viewability .card-header button {
    color: #42496d;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

.viewability .card-body {
    padding: 40px;
    background: #f7f8ff;
    margin-bottom: 25px;
    border-radius: 0 0 11px 11px;
}

.box-texto-img p {
    width: 100%;
    padding: 0;
}

.viewability .card {
    margin-bottom: 25px;
}

.viewability .card .btn-padrao {
    margin-top: 25px;
}

.viewability .open {
    background: #dbe6fe url(../img/icons/add.png) no-repeat center;
}

.viewability .collapsed .open {
    background: #dbe6fe url(../img/icons/close.png) no-repeat center;
}

.viewability .card-header button i {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    position: absolute;
    right: 15px;
    top: 13px;
}


/*?mapa-anunciantes */

.mapa-anunciantes {
    background: url(../img/mapa.png) no-repeat center / cover;
    height: 760px;
    padding: 50px 0;
}

.mapa-anunciantes h2 {
    color: var(--branco);
    margin-top: 215px;
}

.mapa-anunciantes p {
    color: var(--branco);
}

.anunciantes-brasil {}

.mapa-anunciantes .legendas-mapa {
    position: absolute;
    top: 30px;
    width: 100%;
    left: 0;
}

.mapa-anunciantes .legendas-mapa span {
    background: rgba(74, 127, 247, 52%);
    border-radius: 5px;
    border: 1px solid #4b81fa;
    padding: 10px 20px;
    position: absolute;
    color: #58e3fd;
    font-size: 16px;
    line-height: 20px;
    backdrop-filter: blur(4px);
    transition: all ease 0.2s;
    transform: scale(1);
}

.bilhao {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    padding: 33px 29px;
    position: absolute;
    color: #42496d;
    font-size: 31px;
    line-height: 20px;
    backdrop-filter: blur(4px);
    transition: all ease 0.2s;
    transform: scale(1);
    font-weight: bold;
    top: 183px;
    left: 140px;
}

.bilhao strong {
    font-weight: normal;
}

.mapa-anunciantes .legendas-mapa span:hover {
    transform: scale(1.1);
}

.mapa-anunciantes .legendas-mapa span strong {
    font-weight: normal;
    color: #ffffff;
}

.mapa-anunciantes .legendas-mapa span:nth-child(1) {
    top: 10px;
    left: 10px;
}

.mapa-anunciantes .legendas-mapa span:nth-child(2) {
    top: 135px;
    left: -50px;
}

.mapa-anunciantes .legendas-mapa span:nth-child(3) {
    top: 122px;
    left: 540px;
}

.mapa-anunciantes .legendas-mapa span:nth-child(4) {
    top: 298px;
    left: 41px;
}

.mapa-anunciantes .legendas-mapa span:nth-child(5) {
    top: 372px;
    left: 470px;
}

.mapa-anunciantes .legendas-mapa span:nth-child(6) {
    top: 507px;
    left: 151px;
}


/* */

.box-padrao h2 strong {
    font-weight: 600;
    color: var(--azul);
}

.box-padrao p strong {
    font-weight: 600;
    color: var(--azul);
}

.box-padrao p em {
    font-weight: 600;
    font-style: normal;
}

.page-publisher .box-padrao.sobre h2 {
    margin-top: 135px;
}

.page-publisher .box-padrao.sobre img {
    margin-top: -100px;
}

.page-publisher .inteligentes {
    background: #f7f8ff;
}

.page-publisher .item-solucoes {
    border: 1px solid #dddfea;
    background: #fff;
}

.simplificacao h2 {
    margin-top: 280px;
}

.simplificacao ul {
    margin: 0;
    padding: 0;
}

.simplificacao li {
    background: #ffffff;
    box-shadow: 0px 4px 30px rgb(205 207 223 / 50%);
    width: 100%;
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    min-height: 115px;
}

.simplificacao li:hover {
    background: #4b81fa;
}

.simplificacao i {
    width: 50px;
    height: 70px;
    position: relative;
    float: left;
    max-height: 100%;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}

.simplificacao ul li:nth-child(1) i {
    background-image: url(../img/icons/icon-acordos-preferenciais.svg);
}

.simplificacao ul li:hover:nth-child(1) i {
    background-image: url(../img/icons/icon-acordos-preferenciais-hover.svg);
}

.simplificacao ul li:nth-child(2) i {
    background-image: url(../img/icons/icon-rapida-implementacao.svg);
}

.simplificacao ul li:hover:nth-child(2) i {
    background-image: url(../img/icons/icon-rapida-implementacao-hover.svg);
}

.simplificacao ul li:nth-child(3) i {
    background-image: url(../img/icons/icon-suporte-diferenciado.svg);
}

.simplificacao ul li:hover:nth-child(3) i {
    background-image: url(../img/icons/icon-suporte-diferenciado-hover.svg);
}

.simplificacao ul li:nth-child(4) i {
    background-image: url(../img/icons/icon-formatos-de-alta-performance.svg);
}

.simplificacao ul li:hover:nth-child(4) i {
    background-image: url(../img/icons/icon-formatos-de-alta-performance-hover.svg);
}

.simplificacao .desc {
    margin-left: 84px;
}

.simplificacao .desc h4 {
    color: #42496d;
    font-size: 16px;
    margin-bottom: 5px;
}

.simplificacao .desc p {
    color: #6e718a;
    font-size: 13px;
    line-height: 20px;
    margin-top: 0;
}

.simplificacao li:hover .desc h4 {
    color: #ffffff;
}

.simplificacao li:hover .desc p {
    color: #ffffff;
}

.simplificacao.box-texto-img h2 {
    margin-top: 170px;
    width: 60%;
}

.quem-usa-denakop p {
    width: 70%;
}

.quem-usa-denakop h2 {
    color: var(--azul-escuro);
    font-weight: 600;
}

.coalition img {
    width: 280px;
}

.coalition p strong {
    color: var(--azul-escuro);
}

.console {
    background-image: url(../img/bg-plataforma.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.console img {
    width: 100%;
    margin-bottom: 40px;
    box-shadow: 0px 85px 29px -72px rgb(82 90 131 / 20%);
    border-radius: 26px;
}

.console .slick-console {
    margin-top: 40px;
}

.console h2 strong,
.console p {
    color: var(--branco);
}

.box-produtos {
    background: var(--azul);
    padding: 80px 0;
    position: relative;
}

.box-produtos h3 {
    color: var(--branco);
    font-size: 40px;
    font-weight: 600;
    z-index: 2;
}

.box-produtos p {
    color: var(--branco);
    font-size: 14px;
    z-index: 2;
}

.box-produtos .item-produtos {
    background: none;
    box-shadow: none;
}

.box-produtos .item-produtos span {
    color: #fff;
    background: #50a8fb;
}

.box-produtos .item-produtos span.star::before {
    background: url(../img/icon-star-branco.png) no-repeat center;
}

.box-produtos .animation1 {
    width: 600px;
    height: 428px;
    right: 0 !important;
    top: 0 !important;
    z-index: 0;
    left: initial !important;
    position: absolute !important;
}

.box-produtos .animation2 {
    width: 62px;
    height: 62px;
    right: 35% !important;
    top: 100px !important;
    z-index: 1;
    left: initial !important;
    position: absolute !important;
}

.box-produtos .animation3 {
    width: 188px;
    height: 128px;
    top: 100px !important;
    z-index: 1;
    left: -50px !important;
    position: absolute !important;
}

.box-produtos .animation4 {
    width: 248px;
    height: 203px;
    top: initial !important;
    z-index: 1;
    right: 80px !important;
    bottom: 0;
    left: initial !important;
    position: absolute !important;
}

.box-produtos .slick-prev,
.box-produtos .slick-next {
    width: 80px;
    height: 60px;
    position: absolute;
    bottom: -110px;
    top: inherit;
    z-index: 10;
}

.box-produtos .slick-prev {
    background: #f7f8ff url(../img/icons/icon-prev.svg) no-repeat center;
    right: 150px;
    margin-left: -50px;
    left: initial;
}

.box-produtos .slick-next {
    background: #f7f8ff url(../img/icons/icon-next.svg) no-repeat center;
    right: 120px;
    margin-right: -50px;
}

.page-sobre .box-padrao h3 {
    margin-top: 68px;
}

.element-animation8 span,
.element-animation9 span {
    color: #42496d;
    position: absolute;
    left: 25px;
    bottom: 29px;
    text-align: center;
    font-size: 16px;
    width: 151px;
}

#efeito-conta.fique-por-dentro .element-animation8 img,
#efeito-conta.fique-por-dentro .element-animation9 img,
#efeito-conta.fique-por-dentro .element-animation10 img {
    width: 100%;
}

#efeito-conta.fique-por-dentro .element-animation10 {
    width: 160px;
    height: 160px;
    left: 130px !important;
    top: 30px !important;
    position: absolute !important;
}

#efeito-conta.fique-por-dentro .element-animation8 {
    width: 200px;
    height: 200px;
    left: 40px !important;
    top: -30px !important;
    position: absolute !important;
    border-radius: 8px;
    opacity: 0.9;
}

#efeito-conta.fique-por-dentro .element-animation9 {
    width: 200px;
    height: 200px;
    left: 182px !important;
    top: 92px !important;
    position: absolute !important;
    border-radius: 8px;
    opacity: 0.9;
}

#efeito-conta.fique-por-dentro p {
    color: var(--branco);
}

#efeito-conta.fique-por-dentro a {
    color: var(--azul);
    font-size: 20px;
    font-weight: bold;
}

#efeito-conta.fique-por-dentro .element-animation9:hover,
#efeito-conta.fique-por-dentro .element-animation8:hover {
    opacity: 1;
    cursor: pointer;
}

.page-sobre #accordion {
    padding-top: 60px;
}

.page-sobre .box-padrao.viewability h3::before {
    background: #4b81fa;
    width: 20px;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    top: 13px;
}

.page-sobre .viewability {
    padding: 120px 0;
}

.page-contatos .banner {
    background: #000 url(../img/banners/banner-contato.png) no-repeat center / cover;
    background-attachment: fixed;
}

.page-contatos .box-padrao h2 strong {
    color: var(--azul);
}

span.desaparecer {
    height: 100px;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: inline-block;
}

span.desaparecer::before {
    background: rgb(255, 255, 255);
    background: linear-gradient( 360deg, rgba(255, 255, 255, 1) 0%, rgba(254, 254, 254, 0) 100%);
    position: absolute;
    height: 120px;
    width: 100%;
    z-index: 2;
    content: "";
}

.border-menu-mobile {
    display: none;
}

.menu {
    display: none;
}

.whatsapp-atendimento h5 {
    text-transform: initial;
}

textarea {
    resize: none !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.card-body em {
    font-size: 12px;
    display: inline-block;
    padding-top: 20px;
    color: #6e718a;
}

.canais-atendimento .card-body em {
    width: 100%;
}

.g-recaptcha {
    margin: auto;
    margin-top: 20px;
}

.page-politicas .banner>div>div>div {
    min-height: 400px;
    display: table;
}

.page-politicas .descricao-banner h1 {
    margin-top: 100px;
}

.page-politicas .banner {
    width: 100%;
    min-height: 300px;
}

.page-politicas .descricao-banner p {
    margin-top: 0;
}

.page-politicas .box-padrao h4 {
    font-size: 18px;
    color: #000;
}

.page-politicas .box-padrao h5 {
    font-size: 18px;
    color: #364478;
    margin-bottom: 0;
}

.page-politicas .box-padrao ul {
    padding: 0;
    margin: 0;
    color: #6e718a;
    margin-bottom: 20px;
}

.page-politicas .box-padrao li {
    margin-bottom: 10px;
}

.page-politicas .box-padrao {
    padding: 60px 0;
}

@media (min-width: 2000px) and (max-width: 2600px) {
    .container {
        max-width: 1540px;
    }
}

@media (min-width: 1600px) and (max-width: 2000px) {}

@media (min-width: 1280px) and (max-width: 1600px) {
    #efeito-conta.box-crie-sua-conta .element-animation6 {
        left: -75px !important;
    }
    #efeito-conta.box-crie-sua-conta .element-animation5 {
        right: 84px;
    }
    .page-sobre .btn-padrao {
        margin: 40px 10px 10px 0;
    }
    .page-contatos .box-padrao {
        padding: max(110px, 10.95vh) 0;
    }
    .mapa-anunciantes .legendas-mapa {
        top: 21px;
    }
    .page-sobre .banner .img {
        width: 150%;
        left: -16%;
    }
    .controle-console {
        margin-top: -400px;
    }
    h1 {
        font-size: 45px;
        line-height: 60px;
    }
    h2 {
        font-size: 40px;
        line-height: 50px;
    }
    p {
        font-size: 16px;
        line-height: 24px;
    }
    p.secundario,
    .link-simples {
        font-size: 15px;
        line-height: 24px;
        font-weight: 300;
    }
    .descricao-banner a.link:before,
    .descricao-nos-somos a.link:before {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .descricao-banner a.link,
    .descricao-nos-somos a.link {
        font-size: 16px;
        line-height: 25px;
    }
    .box-padrao-imagem .btn-padrao {
        margin-top: 50px;
    }
    h3 {
        font-size: 17px;
        line-height: 20px;
    }
    .play {
        width: 150px;
        height: 150px;
        background-size: contain;
    }
    .box-painel .desc p {
        padding-top: 0;
    }
    .painel {
        height: 1500px;
    }
    footer h4 {
        font-size: 22px;
    }
    footer a {
        font-size: 16px;
        line-height: 30px;
    }
    footer p {
        line-height: 28px;
        margin-bottom: 60px;
    }
    .menu-flutuante .container {
        min-height: calc(100vh - 100px);
    }
    .menu-flutuante {
        padding: 80px 70px 50px 70px;
    }
    .slick-mobile .box-formatos img {
        width: 110px;
    }
    .slick-mobile .box-formatos:hover img {
        width: 90px !important;
    }
    .slick-desktop .box-formatos img {
        width: 80%;
    }
    .slick-desktop .box-formatos:hover img {
        width: 60%;
    }
    .slicks-formatos span,
    .slicks-formatos span {
        left: -784px;
        top: -1px;
    }
    .slick-criativos .slick-list img {
        width: auto;
        max-height: 418px;
    }
    .slick-desktop .box-formatos p,
    .slick-mobile .box-formatos p {
        font-size: 13px;
        line-height: 19px;
    }
    .slick-desktop .box-formatos,
    .slick-mobile .box-formatos {
        padding: 20px 15px 0 15px;
    }
    .img-header-bidding img {
        transform: scale(0.8, 0.8);
    }
    .page-anunciante .painel .box-painel h4 {
        font-size: 35px;
    }
    .slick-sobre .slick-next {
        left: 1100px;
    }
    .slick-sobre .slick-prev {
        left: 1090px;
    }
    .page-index .banner .img {
        width: 110%;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
    .bloqueio {
        display: block;
    }
    .videos {
        max-height: initial;
    }
    /* menu */
    ul.redes.bar-idiomas {
        display: block;
        padding: 0;
        width: 85px;
        top: 14px;
        position: absolute;
        height: 26px;
        right: 36px;
    }
    ul.redes.bar-idiomas .idiomas:nth-child(1)::before {
        border-right: 2px solid #fff;
        content: "";
        height: 16px;
        width: 2px;
        position: absolute;
        right: -3px;
        top: 4px;
    }
    ul.menu-intitucional a {
        width: 100%;
    }
    .logo-mobile {
        display: block;
        width: 33px;
        height: 30px;
        position: relative;
        background: url(../img/logo-mobile.svg) no-repeat center / cover;
    }
    .menu-flutuante .redes a {
        transform: scale(0.8, 0.8);
    }
    .menu-flutuante .redes {
        bottom: 30px;
        padding: 10px 0;
    }
    .menu-flutuante {
        padding: 30px 30px 30px 30px;
    }
    ul.menu-intitucional {
        padding-right: 0;
        display: grid;
    }
    .menu-intitucional li {
        width: 100%;
        text-align: left;
    }
    .menu-intitucional li:nth-child(3),
    .menu-intitucional li:nth-child(5),
    .menu-intitucional li:nth-child(1) {
        display: none;
    }
    ul.menu-intitucional li,
    ul.menu-intitucional li a {
        color: #6e718a;
        font-size: 15px;
        font-weight: normal;
        margin-bottom: 5px;
    }
    ul.menu-intitucional li a {
        padding: 5px 0 !important;
    }
    .menu-intitucional li:nth-child(6) {
        order: 1;
    }
    .menu-intitucional li:nth-child(2) {
        order: 3;
    }
    .menu-intitucional li:nth-child(4) {
        order: 2;
    }
    ul.menu-intitucional {
        margin-top: 40px;
        margin-bottom: 40px !important;
    }
    .menu-flutuante li.border-menu-mobile {
        margin-top: -29px !important;
    }
    li.border-menu-mobile {
        padding: 0;
    }
    .menu-flutuante .menu ul {
        margin-top: -15px;
        padding: 0;
        text-align: center;
    }
    .menu-flutuante .redes {
        width: 100%;
        text-align: left;
        left: 0;
        margin-left: 0;
    }
    .box-flutuante {
        height: 100vh;
    }
    .button-top {
        right: max(20px, 4.16vw);
    }
    .menu-flutuante .redes {
        bottom: 100px;
        padding: 10px 0;
        position: absolute;
    }
    .menu-flutuante h3 {
        margin-bottom: 20px;
        background: url(../img/icons/icon-menu-mobile.svg) no-repeat center right;
        color: #fff;
    }
    .menu-flutuante h3.active {
        margin-bottom: 20px;
        background: url(../img/icons/icon-menu-mobile2.svg) no-repeat center right;
    }
    .navbar .navbar-nav li {
        display: none;
        margin-top: 15px;
    }
    .navbar .border-menu-mobile {
        display: block !important;
    }
    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 10px 40px 10px 40px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.fixed {
        padding: 15px 30px;
    }
    .d-lg-flex.justify-content-end {
        width: 50%;
    }
    /* geral */
    h1 {
        font-size: 30px;
        line-height: 40px;
        width: 100%;
        margin: auto;
    }
    p.secundario,
    .link-simples {
        font-size: 15px;
    }
    .descricao-banner a {
        margin-bottom: 10px;
        text-transform: uppercase;
        margin-top: 0;
    }
    .banner-center p {
        width: 100%;
        margin: 25px auto 25px auto;
    }
    .banner .scroll {
        margin-bottom: 70px;
    }
    h2 {
        font-size: 27px;
        line-height: 38px;
    }
    .btn-play {
        text-align: center;
    }
    .btn-play i {
        width: 50px;
        height: 50px;
        margin-top: 21px !important;
        margin: auto;
        margin-top: auto;
        display: block;
        float: inherit;
    }
    .btn-play span {
        font-size: 13px;
        font-weight: inherit;
    }
    .descricao-banner h5 {
        font-size: 16px;
        margin-bottom: 4.57vh;
    }
    .box-padrao {
        height: auto;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .box-texto-img p {
        padding-top: 10px;
    }
    .descricao-box-texto-img .btn-padrao {
        margin-top: 40px;
    }
    /* Home */
    h2 br {
        display: none;
    }
    .navbar-brand img {
        width: 100px;
    }
    .menu-mobile-box {
        margin: 0;
    }
    .btn-padrao {
        width: 100%;
        min-width: 100%;
    }
    nav.navbar.navbar-expand-lg.navbar-light.fixed {
        padding: 5px 30px;
    }
    .banner.banner-center .descricao-banner a {
        margin-right: 0;
        margin-left: 0;
    }
    .box-padrao.cinza .btn-padrao {
        margin-top: 50px;
    }
    .cartao-denakop {
        padding: 40px;
    }
    .cartao li img {
        width: 50%;
    }
    .box-content-img .btn-padrao {
        padding: 0;
    }
    .cartao .btn-padrao {
        margin-top: 50px;
    }
    .box-padrao {
        padding-bottom: 40px;
    }
    .box-padrao .item-solucoes p {
        height: auto;
        padding: 100px 0 0;
        font-size: 14px;
        line-height: 20px;
    }
    .descricao-cartao h2 {
        text-align: center;
    }
    .box-padrao .item-solucoes h3 {
        height: 35px;
        padding: 0;
        font-size: 20px;
        line-height: 24px;
    }
    .descricao-cartao p {
        text-align: center;
    }
    .box-console-painel .descricao-console h2 {
        font-size: 18px;
    }
    .itens-solucoes {
        padding: 40px 20px !important;
    }
    .box-padrao .slick-prev,
    .box-padrao .slick-next,
    .videos .slick-prev,
    .videos .slick-next,
    .controle-console .slick-prev,
    .controle-console .slick-next {
        bottom: -74px;
    }
    section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .box-padrao-imagem .descricao h2,
    .box-padrao-imagem .descricao p {
        width: 100%;
    }
    .page-formatos .box-padrao-imagem .descricao h2,
    .box-padrao-imagem .descricao p {
        margin-top: -80px;
    }
    .slick-vendas .item-formatos .img {
        background: #fff;
        padding: 25px 0px 59px 0px;
    }
    .box-texto-img {
        padding: 70px 0 90px 0;
    }
    .box-padrao-imagem>div>div>div {
        min-height: inherit;
    }
    .slick-solucoes::before,
    .slick-beneficios::before {
        display: none;
    }
    .item-solucoes {
        padding: 40px 30px 40px 30px;
        min-height: initial;
    }
    .slick-solucoes>div>div>div,
    .slick-beneficios>div>div>div {
        padding: 20px 8px;
    }
    .box-padrao-imagem {
        padding: 120px 20px;
    }
    .play {
        width: 130px;
        height: 130px;
        position: relative;
        margin-top: 84px;
        background: url(../img/play.svg) no-repeat center / cover;
        margin-bottom: 0;
        margin-left: -65px;
    }
    .slicks-formatos {
        margin-bottom: 0;
    }
    .item-solucoes span img {
        height: 47px;
        margin: auto;
        margin-top: -5px;
    }
    .page-bidding .item-solucoes span img {
        width: 30px;
    }
    .page-bidding .container {
        position: initial;
    }
    .slick-desktop .box-formatos,
    .slick-mobile .box-formatos {
        min-height: 430px;
        padding: 10px;
    }
    .cartao li h6 {
        font-size: 12px;
        line-height: 17px;
    }
    p {
        font-size: 14px;
        line-height: 22px;
    }
    .descricao-box-texto-img {
        display: block;
    }
    .box-texto-img>div>div>div {
        min-height: inherit;
        display: block;
    }
    .box-texto-img .descricao-box-texto-img .btn-padrao {
        margin-bottom: 100px;
    }
    .page-bidding .box-texto-img .box-central .btn-padrao {
        margin-bottom: 0;
    }
    .box-texto-img .descricao-box-texto-img .tipo2 .btn-padrao {
        margin-bottom: 0;
    }
    .box-texto-img span.bg-box-texto-img {
        height: 491px;
        width: 100%;
        left: 25%;
        top: 50%;
        margin-top: -75px;
    }
    .box-texto-img p {
        width: 100%;
    }
    .box-video {
        height: 300px;
    }
    .box-texto-img.canais {
        padding: 80px 20px;
    }
    .box-texto-img.canais {
        padding: 80px 20px;
        background: #f8f8f8;
        height: 760px;
        overflow: inherit !important;
    }
    .box-console-painel {
        padding: 0 !important;
    }
    .box-console-painel .descricao-console {
        display: block;
    }
    .item-console-painel>div>div>div {
        display: block;
        padding: 80px 35px;
        height: 600px;
    }
    .box-console-painel .descricao-console p {
        color: #fff;
        margin: 20px 0;
    }
    .item-console-painel>div>div>div,
    .box-console-painel .descricao-console {
        min-height: inherit;
        margin-bottom: 40px;
    }
    .box-console-painel {
        height: auto;
    }
    .item-controle-console .img {
        padding: 0px;
        padding-bottom: 40px;
        width: 100%;
    }
    .item-controle-console .img img {
        border: 3px solid #ecedf8;
    }
    .bg-controle {
        width: 80%;
        height: 200px;
        left: 77px;
        top: 40px;
        border-radius: 15px;
    }
    .controle-console .pagingInfo {
        font-size: 18px;
        right: 30px;
        bottom: 26px;
    }
    .controle-console {
        margin-top: -350px;
    }
    .controle-console .slick-prev {
        right: 180px !important;
        top: 210px !important;
        margin-left: -50px;
    }
    .controle-console .slick-next {
        right: 180px !important;
        top: 210px !important;
    }
    .controle-console .btn-padrao {
        margin-top: 250px;
    }
    .controle-console {
        padding-bottom: 120px;
    }
    .canais-atendimento {
        width: 100%;
        margin: auto;
        padding: 30px 0;
        display: block;
        min-height: 100%;
    }
    .box-atendimento {
        width: 100%;
        height: auto;
        padding: 35px 35px;
        margin: auto;
    }
    .canais li {
        margin: 40px 15px;
    }
    .canais ul {
        height: auto;
    }
    .item-usa {
        border: 1px solid #eff0f4;
        height: 130px;
    }
    .box-usa {
        padding: 8px;
    }
    .canais a.btn-padrao {
        margin-bottom: 10px;
    }
    .quem-usa {
        height: 225px;
    }
    footer .contatos>div:nth-child(2) {
        display: none;
    }
    footer h4 {
        font-size: 18px;
        margin-top: 40px;
    }
    footer {
        padding: 40px 20px 20px 20px;
    }
    footer li {
        width: 100%;
        position: relative;
    }
    footer a.active:before,
    footer a:hover:before {
        display: none;
    }
    footer .container {
        display: grid;
    }
    footer .site-map {
        order: 2;
        padding: 0px 0 0px 0;
    }
    footer .contatos {
        order: 1;
        padding: 0;
    }
    .contatos h4 {
        padding-bottom: 30px;
    }
    footer p {
        line-height: 25px;
        margin-bottom: 0;
    }
    .copy p {
        padding: 10px 40px;
        margin-bottom: 0;
    }
    .box-padrao.programatica img {
        margin-bottom: 100px;
    }
    footer a {
        font-size: 18px;
        color: #939bc4;
        line-height: 25px;
        opacity: 1;
        width: 100%;
        padding: 5px 0;
        position: relative;
        float: left;
    }
    /* Monetização */
    .item-solucoes.caixa .box-caixa .item-circulo {
        height: 140px;
    }
    .item-solucoes .item-circulo span img {
        height: 100%;
        margin: auto;
    }
    .simples .item-solucoes {
        min-height: 220px;
    }
    .page-monetizacao .linha-detalhe {
        display: none;
    }
    .img-header-bidding {
        background-size: cover;
        min-height: inherit;
        background-attachment: inherit;
    }
    .box-padrao-imagem .descricao p {
        margin: 30px 0 0 0;
    }
    .box-padrao-imagem .btn-padrao {
        margin-top: 50px;
    }
    .box-padrao p {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .animation-tag {
        width: 100%;
        height: 300px;
    }
    .animation-tag .item-tag {
        width: 50%;
        left: 0;
    }
    .animation-tag .item-tag img {
        width: 100%;
    }
    .animation-tag .item-tag {
        border-radius: 5px;
    }
    .animation-tag .item-tag span {
        padding: 8px 30px;
        left: -20px;
    }
    .animation-tag .item-tag.segundo span {
        right: -25px;
    }
    .percent {
        transform: scale(0.7, 0.7);
        margin-left: -40px;
    }
    .percent p {
        font-size: 18px;
        line-height: 26px;
        width: 80% !important;
    }
    .item-programatica {
        margin-top: 0;
        margin-bottom: 0;
    }
    .percent .number h2 {
        font-size: 50px;
        margin-top: 60px;
    }
    /* Formatos */
    .page-formatos .descricao-banner h1 {
        width: 100%;
    }
    .page-formatos section.box-padrao .img-destaque img {
        width: 150px;
    }
    .page-formatos section.box-padrao .img-destaque {
        margin-bottom: 30px;
    }
    .linha-detalhe {
        display: none;
    }
    #displayvideo {
        border-radius: 5px;
    }
    .page-formatos .descricao-box-texto-img img {
        width: 100%;
    }
    .indentificamos-espacos .bg-fixo {
        background-position: -102px 0px;
        background-attachment: inherit;
    }
    .page-formatos .img-header-bidding {
        height: 550px;
    }
    .slick-desktop .box-formatos a,
    .slick-mobile .box-formatos a {
        font-size: 12px;
        line-height: 36px;
    }
    .slick-desktop .box-formatos:hover a,
    .slick-mobile .box-formatos:hover a {
        height: 35px;
    }
    .setas-formatos {
        position: absolute;
        right: 5px;
    }
    .page-formatos-exemplos header ul,
    .descricao-formatos {
        padding: 30px 0 15px 0;
        display: block;
        min-height: 30px;
    }
    .page-formatos-exemplos header>div>div>div.setas-formatos {
        min-height: 100px;
        display: table;
        width: 150px;
    }
    .page-formatos-exemplos header>div>div>div {
        min-height: 95px;
    }
    .descricao-formatos {
        padding: 10px 15px 15px 15px;
    }
    .conteudo-demostracao h2 {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 30px;
    }
    .conteudo-demostracao h5 {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 30px;
    }
    .conteudo-demostracao p {
        font-size: 14px;
        line-height: 25px;
    }
    .accordion .card-header button i {
        width: 24px;
        padding-left: 0;
        margin-bottom: 0;
        float: left;
        margin-right: 5px;
    }
    .accordion .card-header p {
        margin-top: 0;
        float: left;
        width: calc(100% - 30px);
    }
    .accordion .card-header button::before {
        top: 20px;
    }
    .box-AdOut {
        padding: 40px 40px;
    }
    .accordion .card-header button i img {
        width: 18px;
    }
    .accordion .card-body {
        background: none;
        margin-top: -5px;
        padding: 20px 40px 40px 40px;
    }
    .accordion .card-body i {
        margin-right: 5px;
    }
    .box-central {
        width: 100%;
    }
    p.pbidding {
        width: 100% !important;
        margin: 25px 0 0 0 !important;
        text-align: left;
    }
    .page-bidding .img-header-bidding img {
        margin: 0;
        width: 50px;
        float: left;
        margin-right: 20px;
    }
    .plus.right {
        right: -36px;
    }
    .img-criar-conta {
        position: relative;
        margin-top: -134px;
        margin-bottom: 100px;
    }
    .page-bidding .slick-slide {
        padding: 0 50px 0 0;
    }
    .plus {
        background: url(../img/icons/plus.png) no-repeat center / cover;
        width: 22px;
        height: 22px;
        margin-top: -10px;
    }
    .criar-conta {
        background: #fafafa;
        padding: 120px 0;
    }
    .bg-animation4 {
        width: 700px;
        height: 700px;
        margin-left: -350px;
        margin-top: -350px;
    }
    .bg-animation3 {
        width: 550px;
        height: 550px;
        margin-left: -275px;
        margin-top: -275px;
    }
    .bg-animation5 {
        width: 1100px;
        height: 1100px;
        margin-left: -550px;
        margin-top: -550px;
    }
    .criar-conta .btn-padrao {
        margin-bottom: 0;
    }
    .page-bidding .content-padrao h5 {
        font-size: 22px;
    }
    .formulario h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .form-control {
        height: 40px;
    }
    .formulario-contatos .form-control {
        padding: 9px 0;
        font-size: 14px;
    }
    .formulario h4 {
        margin-bottom: 40px;
        margin-top: 0px !important;
    }
    .icon-fechar {
        font-size: 13px;
    }
    .icon-fechar i {
        right: 10px;
    }
    .icon-fechar {
        padding-right: 50px;
    }
    .item-solucoes span {
        left: -5px;
        top: 17px;
    }
    .slick-vendas h4 i {
        width: 50px;
        height: 50px;
        line-height: 49px;
    }
    .slick-vendas h4 {
        font-size: 20px;
    }
    .slick-criativos .slick-list img {
        max-height: inherit;
        width: 300px;
    }
    .descricao-box-color {
        display: block;
        min-height: inherit;
    }
    .box-color>div>div>div {
        min-height: inherit;
    }
    .box-color {
        padding: 80px 0;
    }
    .box-color p {
        width: 100%;
        padding: 6.19vh 0 50px 0;
    }
    .box-padrao h2 {
        margin-top: 20px;
        font-size: 26px;
        line-height: 36px;
        width: 90%;
    }
    .box-central.tipo2 {
        width: 100%;
        margin-top: 40px;
    }
    /* Antecipacao */
    .page-antecipacao .descricao-banner h1 {
        width: 100%;
    }
    .page-antecipacao .box-texto-img p {
        width: 100%;
    }
    .page-antecipacao .box-central p {
        width: 100%;
    }
    .item-parceiro {
        min-height: 150px;
        box-shadow: 0px 20px 10px -10px rgba(205, 207, 223, 0.8);
    }
    .item-parceiro img {
        width: 50%;
        margin: auto;
    }
    .page-antecipacao .criar-conta {
        padding: 100px 0;
    }
    .box-content-img p {
        width: 100%;
    }
    .box-content-img em {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }
    .descricao-box-content-img {
        display: block;
        min-height: inherit;
        padding: 120px 0 0;
    }
    .box-content-img>div>div>div {
        min-height: inherit;
        display: block;
    }
    .cartao-denakop {
        width: 100%;
    }
    .item-icon {
        min-height: 150px;
    }
    .slick-slide img {
        display: block;
        margin: auto;
        padding-top: 0;
    }
    .item-usa:hover {
        height: 170px;
        margin-top: 18px;
        padding: 16px 32px 34px 32px;
    }
    .canais li {
        margin: 30px 19px;
    }
    .quem-usa a {
        padding: 11px;
        font-size: 11px;
    }
    p.secundario,
    .link-simples {
        font-size: 16px;
        line-height: 22px;
    }
    /* Cartão */
    .page-pagamentos-cartao .box-padrao-imagem.pagamento-cartao img {
        margin: 30px 0 0 0;
        width: 80%;
        margin-top: 60px;
        margin-bottom: 100px;
    }
    .page-pagamentos-cartao .box-padrao-imagem .btn-padrao {
        bottom: -400px;
        position: absolute;
    }
    .page-pagamentos-cartao .descricao-box-content-img img {
        border-radius: 8px;
    }
    .page-pagamentos-cartao .descricao-box-content-img {
        padding: 40px 0 60px;
    }
    .page-pagamentos-cartao .box-content-img {
        padding-top: 40px;
    }
    .accordion .card {
        border-radius: 8px !important;
    }
    .accordion a.btn-padrao {
        width: 100%;
    }
    .box-AdOut {
        border-radius: 20px;
        width: 100%;
    }
    .box-AdOut .link-opcoes {
        font-size: 13px;
    }
    .box-AdOut .btn-AdOut {
        font-size: 13px;
    }
    .accordion .card-header button.btn.btn-link {
        font-size: 13px;
        padding-right: 25px;
        line-height: 19px !important;
    }
    .page-big-data .box-padrao-imagem .descricao p {
        width: 100%;
        margin-left: 0px !important;
    }
    .box-padrao-imagem .descricao {
        display: block;
        min-height: inherit;
        position: relative;
        float: left;
    }
    .box-padrao-imagem {
        min-height: inherit;
        display: block;
    }
    .page-big-data .card-body p,
    .box-card.card-body p {
        padding: 0 20px 0 0;
    }
    .page-acordos-preferenciais .linha-detalhe {
        display: block;
        border: none;
        width: 100%;
        text-align: center;
        position: relative;
    }
    .page-acordos-preferenciais .play {
        width: 90px;
        height: 90px;
        margin-top: 0;
    }
    .page-acordos-preferenciais .box-padrao-imagem .descricao h2,
    .page-acordos-preferenciais .box-padrao-imagem .descricao p {
        width: 80%;
    }
    /* Auditoria */
    .page-auditoria .descricao-banner h1 {
        text-align: center;
    }
    .page-auditoria .box-padrao {
        padding-bottom: 50px;
    }
    .page-auditoria .descricao-banner p {
        width: 80%;
        margin: 40px auto 0;
        text-align: center;
    }
    .box-contato {
        width: 100%;
    }
    .banner .container .row>div:nth-child(2) {
        display: none;
    }
    /* ads for good */
    .page-publicidade-pelo-bem .box-padrao img {
        width: 70%;
        margin: auto;
        display: block;
    }
    .box-padrao h5 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    /* Contatos */
    .page-contatos .descricao-banner h1 {
        text-align: center;
    }
    .page-contatos .descricao-banner h5 {
        text-align: center;
    }
    .mapa .seletor-unidade {
        width: 100%;
        height: auto;
        border-radius: 11px 11px 0 0;
        position: relative;
        left: 0;
        top: 0;
    }
    .mapa .unidades {
        background: #4b81fa;
        width: 100%;
        height: 80px;
        position: relative;
        float: left;
        border-radius: 9px 9px 0 0;
    }
    .mapa ul li {
        float: left;
        width: auto;
        padding: 8px 20px 8px 0;
    }
    .mapa ul {
        margin: 0;
        padding: 23px 33px;
    }
    .mapa ul li a {
        font-size: 13px;
    }
    .mapa .endereco {
        width: 100%;
        height: auto;
        border-radius: 0 0 9px 9px;
        padding: 20px 40px;
    }
    .mapa .endereco p {
        font-size: 12px;
        line-height: 17px;
    }
    .mapa h3 {
        margin-top: 60px;
        margin-bottom: 30px;
        font-size: 14px;
    }
    .mapa .bg-brasil a,
    .mapa .bg-usa a {
        position: absolute;
        bottom: 20px;
        left: -30px;
    }
    .page-contatos .box-padrao {
        padding: 0;
    }
    .select2-container--bootstrap4 .select2-selection {
        height: 50px !important;
        font-size: 14px;
    }
    .slick-viewability>div>div>div {
        padding: 0;
    }
    .page-anunciante .painel .box-painel {
        height: 280px;
        padding: 100px 50px;
    }
    .page-anunciante .painel .box-painel h4 {
        font-size: 28px;
    }
    .painel h2 {
        line-height: 45px;
    }
    .page-anunciante .bg-painel {
        left: 0;
    }
    .page-anunciante .painel {
        height: 1050px;
        padding: 0 !important;
        margin: 0;
    }
    .page-anunciante .top-painel {
        padding-top: 150px;
        height: 600px;
    }
    .painel .bg-painel {
        height: 600px;
    }
    .page-anunciante .painel .box-painel {
        margin-top: 50px;
    }
    .page-anunciante .painel {
        height: 790px;
    }
    .page-anunciante .painel .box-painel:hover {
        padding: 30px 20px;
    }
    .page-anunciante .painel .box-painel p {
        padding-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    .page-anunciante .painel .box-painel a {
        font-size: 14px;
    }
    .img-header-bidding img {
        float: left !important;
        width: 40%;
        margin-top: 40px;
    }
    .box-padrao2 h2 {
        font-size: 20px;
        padding-left: 85px;
        line-height: 26px;
    }
    .box-padrao2 h2 i {
        width: 72px;
        height: 67px;
    }
    .page-segmentacao .box-padrao-imagem .linha-detalhe {
        display: block;
    }
    .page-segmentacao .box-padrao-imagem .row div:nth-child(1) {
        order: 2;
    }
    .page-segmentacao .img-header-bidding img {
        width: 21%;
    }
    .page-segmentacao .importante-segmentar .linha-detalhe {
        position: absolute;
        width: 80%;
        height: 450px;
        top: -70px;
        left: 10%;
    }
    .page-segmentacao .importante-segmentar .linha-detalhe::after {
        height: 10%;
    }
    .page-segmentacao .importante-segmentar .linha-segmentacao::after {
        height: 10%;
    }
    .page-segmentacao .importante-segmentar .linha-segmentacao::before {
        height: 40%;
    }
    .page-segmentacao .linha-detalhe::before {
        height: 15%;
    }
    .page-viewability .item-formatos {
        margin-top: 0;
    }
    /* auditoria */
    .page-anunciante-auditoria .descricao-banner h1 {
        text-align: center;
    }
    .page-anunciante-auditoria .descricao-banner p {
        text-align: center;
    }
    .slick-sobre p {
        width: 320px;
        font-size: 14px;
        line-height: 22px;
    }
    .slick-sobre h4 {
        font-size: 22px;
    }
    .circle-item-sobre::before {
        width: 180px;
        height: 180px;
    }
    .circle-item-sobre {
        width: 280px;
        height: 280px;
    }
    .sobre-animation1 {
        width: 364px;
        height: 363px;
    }
    .page-sobre .slick-track .slick-active.slick-current h4 .star {
        right: 30px;
    }
    .page-sobre .slick-track .slick-active.slick-current h4 .usa {
        right: 23px;
    }
    .item-sobre {
        height: 150px;
    }
    .page-sobre .btn-padrao {
        margin: 10px 10px;
    }
    .page-politica-de-privacidade h3 {
        font-size: 21px;
        line-height: 30px;
    }
    /* Criar conta */
    .page-criar-conta .box-criar-conta {
        width: 100%;
    }
    .etapas {
        width: auto;
    }
    .page-criar-conta .formulario-criar-conta {
        width: 100%;
    }
    .page-contatos .box-padrao {
        padding: 80px 0;
    }
    .porcento img {
        width: 30% !important;
    }
    .page-politica-de-privacidade h3 {
        font-size: inherit;
        margin-bottom: 20px;
        margin-top: inherit;
    }
    /* Formulario */
    .formulario-criar-conta h2 {
        margin-bottom: 40px;
    }
    .formulario-criar-conta .status {
        margin: 10px 0;
    }
    .etapas {
        height: 450px;
    }
    .page-criar-conta .box-criar-conta {
        padding-top: 60px;
    }
    .page-criar-conta .icon-fechar b {
        display: none;
    }
    .page-criar-conta .icon-fechar {
        z-index: 10;
    }
    .page-criar-conta .contador {
        display: none;
    }
    .seta-prev {
        left: 5px;
        margin-top: -300px;
        transform: scale(0.6, 0.6);
    }
    .seta-next {
        left: 59px;
        margin-top: -300px;
        transform: scale(0.6, 0.6);
    }
    .form-check-label {
        font-size: 14px;
    }
    .box-criar-conta p {
        font-size: 14px;
        width: 80%;
        margin: 20px auto;
    }
    .bg-brasil {
        background-position: -1083px -34px;
    }
    .bg-brasil .icon-pulse {
        top: 50%;
        left: 50%;
        margin-top: 155px;
        margin-left: -59px;
    }
    .bg-usa {
        background-position: -1144px -10px;
    }
    .bg-usa .icon-pulse {
        top: 50%;
        left: 50%;
        margin-top: 87px;
        margin-left: -107px;
    }
    .page-formatos .btn-play span {
        width: 100%;
        margin-top: -10px;
        display: inline-block;
        margin: auto;
        float: initial;
    }
    .btn-play span {
        padding: 12px 22px;
    }
    .page-monetizacao .item-solucoes.caixa {
        width: 100%;
    }
    .page-monetizacao .item-solucoes span,
    .page-anunciante .item-solucoes span {
        left: -5px;
        top: 0;
    }
    .page-monetizacao .item-solucoes.caixa .box-caixa,
    .page-anunciante .item-solucoes.caixa .box-caixa {
        box-shadow: 0px 20px 17px -10px rgba(205, 207, 223, 0.8);
    }
    .canais .mensagem {
        width: 44px;
        height: 30px;
        background-size: cover;
    }
    .canais .email {
        width: 38px;
        height: 38px;
        background-size: cover;
    }
    .canais .whatsapp {
        width: 38px;
        height: 38px;
        background-size: cover;
    }
    .bloqueio {
        display: none;
    }
    .desktop .bloqueio {
        background: #25293f;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 2;
        display: block;
    }
    .desktop .bloqueio p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 150%;
        text-align: center;
        color: #fcfcfc;
        width: 80%;
        margin: auto;
        position: absolute;
        left: 10%;
        bottom: 10%;
    }
    .desktop .bloqueio i {
        background: url(../img/icons/mobile.svg);
        width: 88px;
        height: 88px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -44px;
        margin-top: -44px;
        animation: ease-in-out virar 2s infinite;
        transform: rotate(0deg);
    }
    .side.desktop .banner-side-demostracao,
    .under.desktop .banner-under-demostracao,
    .postitial.desktop .banner-postitial-demostracao {
        display: none;
    }
    .mobile .banner-scroll-demostracao {
        height: 200px;
        background-size: cover;
    }
    .mobile .banner-intext-demostracao {
        background-size: cover;
        height: 240px;
    }
    .banner-postitial-demostracao {
        width: 300px;
        height: 197px;
        background-size: cover;
        margin-left: -122px;
        margin-top: -40px;
    }
    .mobile .banner-first-demostracao {
        width: 100%;
        margin-left: -50%;
    }
    .mobile .header-montagem {
        width: 100%;
        margin-left: -189px;
        margin-top: 225px;
    }
    .page-campanhas .btn-padrao {
        margin-top: 80px;
    }
    .page-campanhas .box-central .btn-padrao {
        margin-top: 20px;
    }
    .page-campanhas .box-padrao {
        padding-bottom: 70px;
    }
    .page-campanhas .box-padrao.box-duvidas .btn-padrao {
        margin-top: 0px;
    }
    .page-pagamentos-cartao .item-solucoes {
        padding: 50px 30px 30px 30px;
        min-height: 300px;
        width: 100%;
    }
    .page-sobre .item-solucoes {
        width: 100%;
    }
    .page-sobre .item-solucoes span {
        top: 0;
    }
    .page-sobre .accordion {
        margin-top: 60px;
    }
    .page-formularios .formulario h4 {
        font-size: 16px;
        line-height: 23px;
    }
    .alert {
        font-size: 11px;
    }
    .modal-video {
        height: 250px;
        margin-top: -125px;
        top: 50%;
    }
    .modal-video .fechar {
        top: 12px;
        right: 10px;
    }
    .page-criar-conta .box-criar-conta {
        margin-top: -286px;
    }
    .icon-fechar {
        right: 15px;
        top: -35px;
        position: absolute;
    }
    .confirmacao {
        padding: 0 30px;
    }
    .banner .descricao-banner .btn-padrao.cinza {
        margin-left: 0;
    }
    .descricao-banner p {
        margin-bottom: 40px;
        width: 100%;
    }
    .redes li {
        display: inline-block;
    }
    .navbar .redes {
        width: 100%;
    }
    .descricao-banner h1 {
        text-align: center;
        margin-top: -60px;
    }
    .descricao-banner p {
        text-align: center;
    }
    #banner .container .row div:nth-child(2) {
        display: none;
    }
    .sobre img {
        position: relative;
        width: 124%;
        left: -12%;
        margin-top: 40px;
    }
    .sobre .row div:nth-child(1) {
        order: 2;
    }
    .box-padrao h3 {
        margin-top: 0px;
    }
    .item-solucoes-titulo h2 {
        font-size: 30px;
        line-height: 38px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .item-produtos h3 {
        line-height: 26px;
        padding-top: 20px;
    }
    .item-produtos {
        margin-top: 0;
    }
    .depoimento .item-depoimento {
        padding: 40px;
    }
    .depoimento .item-depoimento h3 {
        font-size: 15px;
    }
    .depoimento .item-depoimento p {
        font-size: 16px;
        line-height: 24px;
    }
    .box-crie-sua-conta img {
        width: 100%;
    }
    .box-crie-sua-conta {
        padding: 140px 40px 130px 40px;
    }
    #efeito-conta.box-crie-sua-conta .element-animation6 {
        width: 129px;
        height: 55px;
        top: 59px !important;
        left: -34px !important;
    }
    #efeito-conta.box-crie-sua-conta .element-animation3 {
        width: 110px;
        height: 81px;
        top: -5px !important;
        left: 251px !important;
    }
    #efeito-conta.box-crie-sua-conta .element-animation5 {
        width: 141px;
        height: 71px;
        top: 214px !important;
        right: -57px;
        left: inherit !important;
    }
    #efeito-conta.box-crie-sua-conta .element-animation1 {
        width: 200px;
        height: 300px;
        right: -50px !important;
        top: -130px !important;
        left: inherit !important;
    }
    #efeito-conta.box-crie-sua-conta .element-animation4 {
        width: 95px;
        height: 320px;
        bottom: -171px;
        left: -54px !important;
        top: inherit !important;
    }
    #efeito-conta.box-crie-sua-conta .element-animation2 {
        width: 83px;
        height: 90px;
        bottom: -8px !important;
        right: 0 !important;
        left: inherit !important;
        top: inherit !important;
    }
    .box-crie-sua-conta a.btn-padrao {
        width: 80%;
        min-width: initial;
    }
    .border-menu-mobile {
        display: block;
    }
    .navbar .redes {
        display: none;
    }
    .menu-flutuante .redes {
        display: block;
    }
    .menu-flutuante .redes li {
        padding: 4px 0;
        width: 30px;
        display: inline-block;
    }
    .menu {
        padding: 80px 0;
        display: block;
    }
    .menu-flutuante ul li {
        padding: 4px 0;
        width: 100%;
    }
    .menu-flutuante ul li a {
        font-size: 24px;
    }
    .menu-flutuante .menu-mobile-box {
        top: 22px;
    }
    .page-publisher .box-padrao.sobre h2 {
        margin-top: 0;
    }
    .page-publisher .box-padrao.sobre img {
        margin-top: 0;
    }
    .simplificacao h2 {
        margin-bottom: 40px;
    }
    .simplificacao p {
        margin-bottom: 5px;
    }
    .box-padrao.sobre p {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .console {
        background-image: url(../img/bg-plataforma.png);
        background-position: top center;
        background-repeat: no-repeat;
    }
    .produtos .item-produtos {
        padding: 40px 0;
    }
    .page-sobre .btn-padrao.btn-sou {
        margin-left: auto !important;
    }
    .page-index .produtos .item-produtos {
        padding: 40px;
    }
    .page-index .box-padrao.produtos .item-produtos h3 {
        line-height: 19px;
        padding-top: 17px;
        font-size: 13px;
    }
    .fique-por-dentro {
        height: 600px;
    }
    .box-produtos .item-produtos h3 {
        line-height: 50px;
        font-size: 25px;
    }
    .box-produtos p {
        font-size: 16px;
    }
    .box-produtos img {
        width: 100%;
    }
    .item-solucoes-titulo h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .box-produtos .animation3 {
        width: 137px;
        height: 128px;
        top: 32px !important;
        left: -50px !important;
    }
    .box-produtos .animation2 {
        width: 62px;
        height: 62px;
        right: 12% !important;
        top: 51px !important;
    }
    .box-produtos .animation4 {
        display: none !important;
    }
    .box-produtos .slick-prev,
    .box-produtos .slick-next {
        bottom: -110px;
    }
    .box-produtos .slick-prev {
        right: 50%;
        margin-left: -50px;
        bottom: -40px;
    }
    .box-produtos .slick-next {
        right: 50%;
        margin-right: -80px;
        bottom: -40px;
    }
    .box-padrao {
        padding-bottom: 70px;
    }
    .quem-usa-denakop p {
        width: 100%;
        margin-bottom: 0;
    }
    .coalition img {
        width: 190px;
    }
    .mapa-anunciantes {
        height: 725px;
    }
    .anunciantes-brasil {
        width: 90%;
        margin-left: 10%;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(2) {
        top: 41px;
        left: -13px;
    }
    .mapa-anunciantes .legendas-mapa span {
        padding: 5px 10px;
        font-size: 13px;
        line-height: 17px;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(4) {
        top: 181px;
        left: 75px;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(3) {
        top: 34px;
        right: -16px;
        left: initial;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(5) {
        top: 213px;
        right: -12px;
        left: initial;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(6) {
        top: 292px;
        left: 151px;
    }
    .bilhao {
        padding: 15px 17px;
        font-size: 26px;
        top: 346px;
        left: 10px;
    }
    .fique-por-dentro {
        height: 800px;
    }
    #efeito-conta.fique-por-dentro .element-animation8 {
        left: 2px !important;
        top: 20px !important;
    }
    #efeito-conta.fique-por-dentro .element-animation9 {
        left: 141px !important;
        top: 120px !important;
    }
    #efeito-conta.fique-por-dentro .element-animation10 {
        left: 100px !important;
        top: 60px !important;
    }
    .page-sobre .viewability {
        padding: 80px 0 80px;
    }
    .page-sobre .btn-padrao {
        margin: 10px 10px 0 0;
    }
    .page-sobre .box-padrao h3 {
        margin-top: 0;
    }
    .viewability .card-header .btn {
        padding: 15px 56px 15px 20px;
    }
    .box-padrao.produtos .item-produtos h2 {
        font-size: 42px;
    }
    .box-padrao.produtos .item-produtos h3 {
        line-height: 26px;
        padding-top: 5px;
    }
    .page-anunciantes .box-padrao .item-produtos h3 {
        margin-top: 0px;
    }
    #box-produtos .item-produtos {
        padding: 20px 0px;
    }
    .console img {
        border-radius: 7px;
    }
    .console .slick-console {
        margin-top: 0;
        margin-bottom: 20px;
    }
    @keyframes virar {
        0% {
            transform: rotate(0deg);
        }
        40% {
            transform: rotate(90deg);
        }
        60% {
            transform: rotate(90deg);
        }
        80% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(0deg);
        }
    }
}

@media (min-width: 600px) and (max-width: 770px) {
    .desktop .bloqueio {
        display: none;
    }
    header .container {
        width: 100%;
        max-width: inherit;
    }
    .page-formatos-exemplos header ul li a {
        padding: 5px;
        display: inline-block;
        border-radius: 5px;
    }
    header .descricao-formatos {
        position: absolute;
        top: -75px;
        left: 140px;
        width: 400px;
    }
    .page-formatos-exemplos header .formato-anterior i {
        background: url(../img/split.png) no-repeat -245px -315px;
        width: 38px;
        height: 38px;
        border: 1px solid #919cc7;
        border-radius: 5px;
    }
    .page-formatos-exemplos header .formato-proximo i {
        background: url(../img/split.png) no-repeat -311px -367px;
        width: 38px;
        height: 38px;
        border: 1px solid #919cc7;
        border-radius: 5px;
    }
    .page-formatos-exemplos header .formato-anterior a:hover i {
        background: url(../img/split.png) no-repeat -245px -367px;
    }
    .page-formatos-exemplos header .formato-proximo a:hover i {
        background: url(../img/split.png) no-repeat -311px -315px;
    }
    .page-formatos-exemplos header ul li {
        margin: 0;
    }
    .page-formatos-exemplos header {
        height: 92px;
    }
    .page-formatos-exemplos header h4 {
        font-size: 12px;
        line-height: 22px;
    }
    .page-formatos-exemplos header p {
        font-size: 10px;
        line-height: 15px;
    }
    .page-formatos-exemplos header ul,
    .descricao-formatos {
        padding: 15px 0 0px 0;
    }
    .page-formatos-exemplos header>div>div>div {
        min-height: 70px;
    }
    .page-formatos-exemplos header p,
    .page-formatos-exemplos header h4 {
        padding-left: 10px;
    }
    .page-formatos-exemplos header p {
        margin-bottom: 30px;
    }
    .page-formatos-exemplos header .fechar-formato i {
        margin: 0;
    }
    .banner-first-demostracao {
        background-size: cover;
        width: 500px;
        height: 110px;
        padding: 20px;
        display: none;
        margin: auto;
    }
    .header-montagem {
        background-size: cover;
        height: 110px;
        margin-top: 92px;
    }
    .banner-scroll-demostracao {
        width: 964px;
        height: 135px;
        background-size: contain;
        margin: 20px auto !important;
    }
    .quadrado-demostracao {
        padding: 14%;
    }
    .banner-side-demostracao {
        width: 50px;
        height: 270px;
        top: 117px;
        background-size: cover;
    }
    .side.desktop .banner-side-demostracao,
    .under.desktop .banner-under-demostracao,
    .postitial.desktop .banner-postitial-demostracao {
        display: block;
    }
    .banner-under-demostracao {
        width: 500px;
        height: 75px;
        margin-left: -250px;
        left: 50%;
        background-size: cover;
    }
    .banner-postitial-demostracao {
        width: 224px;
        height: 200px;
        padding: 20px;
        top: 50%;
        margin-left: -112px;
        margin-top: -9px;
        background-size: cover;
    }
    .banner-intext-demostracao {
        width: 202px;
        height: 178px;
        background-size: cover;
        margin: auto;
        margin-bottom: auto;
        margin-bottom: 40px;
    }
    .quadrado-demostracao {
        display: none;
    }
    .mobile .conteudo-demostracao h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .mobile .conteudo-demostracao .row {
        padding: 40px 20px;
    }
    .page-bidding .box-padrao {
        padding-bottom: 60px;
    }
    .page-bidding .item-solucoes {
        min-height: 200px;
    }
    .cartao-denakop h3 {
        margin: 80px 0 40px 0;
    }
}

@media (min-width: 601px) and (max-width: 1024px) {
    .d-lg-flex.justify-content-end {
        width: 75%;
    }
    .navbar {
        padding: 30px 0 20px;
    }
    .navbar-nav li {
        padding: 5px 5px;
    }
    .box-padrao .item-solucoes h3 {
        line-height: 22px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .item-solucoes {
        min-height: 325px;
    }
    .slick-solucoes::before,
    .slick-beneficios::before {
        height: 420px;
    }
    h2 {
        font-size: 35px;
        line-height: 46px;
    }
    .box-padrao-imagem .descricao h2 {
        width: 100%;
    }
    .box-padrao-imagem .descricao p {
        width: 100%;
    }
    .box-padrao-imagem .descricao p {
        margin: 40px 0 0 0;
    }
    .box-padrao-imagem .descricao h3 {
        margin-bottom: 40px;
    }
    .box-padrao {
        padding: 150px 0;
    }
    .item-solucoes {
        padding: 10px 20px;
    }
    .banner .btn-padrao {
        min-width: max(350px, 16.06vw);
        width: inherit;
        font-size: 16px;
        margin: auto;
        display: table;
        margin-bottom: 20px;
    }
    .item-produtos span {
        padding: 2px 15px 2px 37px;
    }
    .banner .descricao-banner .btn-padrao.cinza {
        margin-left: auto;
    }
    h1 {
        font-size: 40px;
        line-height: 55px;
    }
    .descricao-canais {
        min-height: 40vh;
    }
    .descricao-banner a {
        margin-bottom: 15px;
    }
    #melhores-solucoes>div>div>div {
        padding: 10px;
    }
    .box-padrao .item-solucoes p {
        padding: 80px 0 0;
        ;
    }
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .btn-padrao {
        min-width: max(250px, 14.06vw);
        width: auto;
    }
    .controle-console .btn-padrao {
        margin-top: 20px;
    }
    .box-texto-img.canais {
        height: auto;
        padding: 0px 20px;
    }
    .box-padrao h2 {
        margin-bottom: 20px;
    }
    .menu-flutuante h3 {
        margin-bottom: 0;
        margin-top: 20px;
    }
    .menu-flutuante {
        padding: 60px;
    }
    .box-flutuante {
        height: 94vh;
    }
    .cartao li .img {
        margin: auto;
    }
    .descricao-cartao p {
        width: 100%;
    }
    .descricao-cartao {
        text-align: center;
    }
    p,
    .box-produtos p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    .box-texto-img>div>div>div {
        min-height: 40vh;
        display: table;
    }
    .descricao-box-texto-img {
        display: table-cell;
    }
    .box-texto-img span.bg-box-texto-img {
        height: 491px;
        width: 54%;
        left: 59%;
        top: 50%;
        margin-top: -252px;
    }
    .canais-atendimento {
        display: table-cell;
    }
    .cartao li h6 {
        font-size: 16px;
        line-height: 23px;
    }
    .box-padrao-imagem>div>div>div {
        min-height: 100vh;
    }
    .box-padrao-imagem .descricao {
        display: table-cell;
        vertical-align: middle;
        min-height: 100vh;
        position: relative;
        z-index: 2;
        float: inherit;
    }
    .play {
        margin-top: 0;
    }
    .box-padrao {
        min-height: 100vh;
    }
    .banner-center p {
        margin: 40px auto 40px auto;
    }
    .slick-solucoes .item-solucoes {
        min-height: 289px;
    }
    .play {
        margin-top: inherit;
        position: absolute;
    }
    .controle-console .slick-next {
        right: 50% !important;
        top: 440px !important;
    }
    .controle-console .slick-prev {
        right: 50% !important;
        top: 440px !important;
        margin-left: -50px;
    }
    .bg-controle {
        display: none;
    }
    .controle-console .btn-padrao {
        margin-top: 40px;
    }
    .quem-usa-denakop h2 {
        margin-top: 200px;
    }
    .box-texto-img {
        padding: 0px 0 90px 0;
    }
    .box-central {
        padding: max(50px, 10.19vh) 20px;
    }
    .page-antecipacao .criar-conta {
        padding: 0 0;
    }
    .img-criar-conta {
        margin-top: 220px;
    }
    .box-padrao {
        padding: 0;
    }
    .page-antecipacao .box-padrao h2 {
        margin-top: 150px;
    }
    .box-texto-img h2 {
        width: 80%;
    }
    .copy p {
        padding: 20px 40px;
    }
    .box-padrao {
        padding: 150px 0;
        min-height: inherit;
    }
    .accordion a.btn-padrao {
        width: inherit;
    }
    .page-big-data .box-padrao-imagem .descricao h2 {
        margin-top: 119px;
    }
    .box-texto-img {
        padding: 0px;
    }
    .page-segmentacao .box-padrao-imagem>div>div>div,
    .page-pagamentos-cartao .box-padrao-imagem>div>div>div,
    .page-bidding .box-padrao-imagem>div>div>div,
    .page-acordos-preferenciais .box-padrao-imagem>div>div>div,
    .page-monetizacao .box-padrao-imagem>div>div>div {
        min-height: inherit;
    }
    .page-bidding .box-padrao-imagem .descricao,
    .page-segmentacao .box-padrao-imagem .descricao {
        display: block;
        min-height: inherit;
    }
    .page-acordos-preferenciais .play {
        margin-top: 29px;
        margin-left: 48px;
    }
    .page-pagamentos-cartao .item-solucoes {
        min-height: 180px;
    }
    .page-pagamentos-cartao .box-padrao-imagem.pagamento-cartao img {
        margin-bottom: 0;
    }
    .slick-viewability>div>div>div {
        padding: 10px;
    }
    .page-anunciante .painel .box-painel {
        box-shadow: 0px 11px 14px -10px #6e718a;
    }
    .box-texto-img p {
        width: 80%;
    }
    .page-segmentacao .importante-segmentar .linha-detalhe {
        height: 350px;
        top: -75px;
        left: 10%;
    }
    .page-segmentacao .img-header-bidding img {
        width: 40%;
    }
    .page-segmentacao .box-padrao-imagem .descricao h2 {
        font-size: 21px;
        line-height: 29px;
    }
    .page-segmentacao .importante-segmentar .linha-segmentacao::before {
        height: 18%;
    }
    .modal-video {
        height: 426px;
        margin-top: -213px;
    }
    .mapa .seletor-unidade {
        width: 50%;
    }
    .bg-brasil {
        background-position: -887px -34px;
    }
    .bg-usa {
        background-position: -948px -11px;
    }
    .porcento img {
        width: 100% !important;
        margin-top: 70px !important;
    }
    .page-publicidade-pelo-bem .box-padrao h5 {
        font-size: 19px;
        margin-bottom: 10px;
    }
    .page-publicidade-pelo-bem .box-padrao p {
        margin-top: 20px;
    }
    .slider-criar-conta {
        width: 3300px;
    }
}

@media (min-height: 750px) and (max-height: 820px) {
    ul.menu-intitucional {
        margin-bottom: 11vh;
    }
}

@media (min-height: 719px) and (max-height: 749px) {
    ul.menu-intitucional {
        margin-bottom: 7vh;
    }
}

@media (min-height: 500px) and (max-height: 670px) {
    ul.menu-intitucional li,
    ul.menu-intitucional li a {
        font-size: 14px;
        margin-bottom: 2px;
    }
    ul.menu-intitucional {
        margin-top: 30px;
        margin-bottom: 30px !important;
    }
    .menu-flutuante ul li {
        padding: 2px 0;
    }
    .menu-flutuante h3 {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .menu-flutuante h3.active {
        margin-bottom: 15px;
    }
    .slick-desktop .box-formatos .cont,
    .slick-mobile .box-formatos .cont {
        padding: 24px 0 40px 0;
    }
}

@media (min-width: 1000px) and (max-width: 1100px) {
    h2 {
        font-size: 27px;
        line-height: 36px;
    }
    .page-sobre .box-padrao h3 {
        margin-top: 0;
    }
    .sobre img {
        position: absolute;
        right: 50px;
        width: 94%;
    }
    .page-contatos .box-padrao {
        padding: max(100px, 13.95vh) 0;
    }
    .navbar,
    .navbar.fixed {
        padding: 20px;
    }
    .banner .btn-padrao {
        min-width: max(200px, 16.06vw);
        font-size: 14px;
    }
    .navbar {
        padding: 60px 0 20px;
    }
    .slick-solucoes .item-solucoes {
        min-height: 260px;
    }
    .box-padrao-imagem .play {
        margin-top: -109px !important;
    }
    .item-solucoes {
        min-height: 292px;
    }
    .descricao-cartao {
        text-align: left;
    }
    .cartao li h6 {
        font-size: 14px;
        line-height: 20px;
    }
    .controle-console {
        margin-top: -483px;
    }
    .bg-controle {
        display: block;
    }
    .controle-console .slick-prev {
        right: 110px !important;
        top: 295px !important;
        margin-left: -50px;
    }
    .controle-console .slick-next {
        right: 108px !important;
        top: 295px !important;
    }
    .controle-console .btn-padrao {
        margin-top: 100px;
    }
    .box-video h4 {
        font-size: max(13px, 0.9vw);
        line-height: max(19px, 1.3vw);
        top: 25px;
        left: 30px;
        width: 191px;
    }
    .quem-usa-denakop h2 {
        margin-top: 0;
    }
    .box-atendimento {
        width: 100%;
    }
    .canais li {
        margin: 40px 10px;
    }
    .canais ul {
        height: 150px;
    }
    footer h4 {
        font-size: 16px;
        padding-bottom: 20px;
    }
    .menu-flutuante .redes {
        width: 100%;
        left: 50%;
        margin-left: -50%;
    }
    .box-flutuante {
        height: 89vh;
    }
    .menu-flutuante h3 {
        font-size: 15px;
    }
    .item-usa {
        height: 160px;
    }
    .navbar-nav li {
        padding: 5px 13px;
    }
    .item-solucoes.caixa .box-caixa .item-circulo {
        height: 180px;
    }
    .simples .item-solucoes {
        min-height: 300px;
    }
    .img-criar-conta {
        margin-top: -235px;
    }
    .card p {
        margin-top: 0;
        width: 90%;
        position: relative;
        float: left;
    }
    .accordion .card-header button i {
        float: left;
    }
    .box-contato {
        width: auto;
    }
    .mapa ul {
        padding: 35px 25px;
    }
    .mapa .endereco {
        padding: 30px 27px;
    }
    .bg-usa {
        background-position: center;
    }
    .bg-brasil {
        background-position: center;
    }
    .mapa .seletor-unidade {
        width: 65%;
    }
    .box-contato {
        padding: 50px 50px;
    }
    .fique-por-dentro .layer img {
        width: 100%;
    }
    #efeito-conta.box-crie-sua-conta .element-animation3 {
        width: 129px;
        height: 63px;
    }
    #efeito-conta.box-crie-sua-conta .element-animation6 {
        width: 127px;
        height: 55px;
    }
    #efeito-conta.box-crie-sua-conta .element-animation1 {
        width: 165px;
        height: 254px;
        right: -5px !important;
        top: -3px !important;
    }
    #efeito-conta.box-crie-sua-conta .element-animation5 {
        width: 184px;
        height: 85px;
        top: 30px !important;
        right: 72px;
    }
    #efeito-conta.box-crie-sua-conta .element-animation2 {
        width: 80px;
        height: 88px;
        bottom: -8px !important;
        right: 76px !important;
    }
    #efeito-conta.box-crie-sua-conta .element-animation4 {
        width: 57px;
        height: 293px;
        bottom: -171px;
        left: -46px !important;
    }
    #efeito-conta.fique-por-dentro .element-animation8 {
        width: 180px;
        height: 180px;
        left: 74px !important;
        top: -10px !important;
    }
    #efeito-conta.fique-por-dentro .element-animation9 {
        width: 180px;
        height: 180px;
        left: 182px !important;
        top: 92px !important;
    }
    .site-map {
        padding: 60px 0 70px;
    }
    footer a {
        font-size: 14px;
    }
    .page-sobre .banner .img {
        width: 153%;
        left: -45%;
    }
    .descricao-canais,
    .descricao-canais {
        min-height: 90vh;
    }
    .page-anunciantes .banner .img {
        width: 100%;
        left: 7%;
    }
    .mapa-anunciantes .legendas-mapa {
        top: -30px;
        width: 90%;
        left: -26px;
    }
    .anunciantes-brasil {
        width: 100%;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(2) {
        top: 50px;
        left: -50px;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(4) {
        top: 206px;
        left: 41px;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(6) {
        top: 380px;
        left: 151px;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(3) {
        top: 83px;
        right: -59px;
        left: initial;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(5) {
        top: 272px;
        right: -12px;
        left: initial;
    }
    .mapa-anunciantes .legendas-mapa span:nth-child(3) {
        top: 83px;
        right: -59px;
    }
    .bilhao {
        padding: 25px 14px;
        font-size: 24px;
        top: 123px;
        left: 103px;
    }
    .mapa-anunciantes {
        height: 622px;
    }
    .page-publisher .box-padrao.sobre h2 {
        margin-top: 0;
    }
    .page-publisher .box-padrao.sobre img {
        margin-top: 0;
    }
    .box-padrao {
        padding: 100px 0;
        min-height: inherit;
    }
    #box-produtos .layer img,
    #efeito-conta .layer img {
        width: 100%;
    }
    .box-produtos .animation3 {
        width: 117px;
        height: 80px;
        top: 48px !important;
        left: -13px !important;
    }
    .box-produtos .animation4 {
        width: 164px;
        height: 129px;
        right: 80px !important;
    }
    #box-produtos {
        padding: 50px 0;
        min-height: inherit;
    }
    .box-produtos .slick-prev,
    .box-produtos .slick-next {
        bottom: -80px;
    }
    .box-padrao h3 {
        margin-top: 0;
        font-size: 17px;
    }
}

@media (min-height: 1024px) and (max-height: 1300px) {
    .page-index .banner .img {
        margin-top: 190px;
    }
    .banner {
        min-height: 80vh;
    }
    .banner>div>div>div {
        min-height: 80vh;
        display: table;
    }
    #banner-publisher .animation4 {
        top: 49% !important;
    }
    .simplificacao h2 {
        margin-top: 230px;
    }
    p,
    .box-produtos p {
        font-size: 18px;
        line-height: 26px;
    }
    .box-padrao {
        padding: max(35px, 11.47vh) 0 max(35px, 11.47vh);
    }
    .slicks-formatos {
        margin-bottom: max(75px, 6.47vh);
        margin-top: max(40px, 2.57vh);
    }
    .page-sobre .banner .img {
        width: 167%;
    }
    .page-contatos .box-padrao {
        padding: max(100px, 5.95vh) 0;
    }
}