html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    outline: none;
}
a {
    text-decoration: none;
}
/*
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    SEMANTICA
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
body {
    overflow-x: hidden;
}
html,
body {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}
input,
textarea,
button {
    background: transparent;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    left: 0;
    top: 0;
    -webkit-appearance: none;
}
footer,
header,
main,
section {
    display: block;
    position: relative;
}

/*
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    BASE
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
.in {
    position: relative;
    margin: 0 auto;
}
.tal {
    text-align: left;
}
.tar {
    text-align: right;
}
.tac {
    text-align: center;
}
.tab,
.fs0 {
    font-size: 0px;
}
.dib {
    display: inline-block;
    font-size: 14px;
}
.scroll {
    -webkit-overflow-scrolling: touch;
}
.noscroll {
    overflow: hidden;
}
/*
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    SCREEN
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
/* torna a altura do elemento no mínimo do tamanho do viewport */
.screen {
    width: 100%;
    display: flex;
    min-height: 100vh;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    flex-wrap: wrap;
}
/* fix à largura do filho */
.screen > * {
    display: block;
    width: 100%;
}
/* a altura do elemento fica forçada ao tamanho do viewport e adiciona scroll */
.screen.screen_scroll {
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    font-size: 0px;
    -webkit-overflow-scrolling: touch;
}
/* alinha os filhos ao topo */
.screen.screen_t {
    align-items: flex-start;
}
/* alinha os filhos a baixo */
.screen.screen_b {
    align-items: flex-end;
}

/*
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    ESTRUTURA: BLOCO
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
.ct {
    position: relative;
    display: flex;
    box-sizing: border-box;
    height: 100%;
    flex-wrap: wrap;
    align-items: center;
}
/* VERTICAL  */
/* topo */
.ct_v_t {
    align-items: flex-start;
}
/* meio */
.ct_v_m,
.ct_v_c {
    align-items: center;
}
/* baixo */
.ct_v_b {
    align-items: flex-end;
}
/* força altura igual (não permite multi-linhas) */

.ct_v_s {
    align-items: stretch;
}
.ct_v_s > .it {
}
.ct_v_s > .it > * {
    height: 100%;
    box-sizing: border-box;
}

/* altura em elentos dentro do it - forçar */
.altura {
    height: 100%;
}
/* HORIZONTAL  */
/* espaço até as pontas */
.ct_h_sb,
.ct_h_ep {
    justify-content: space-between;
}
/* espaço até com margens iguais */
.ct_h_em {
    justify-content: space-around;
}
/* espaço até com distribuição igual */
.ct_h_ed {
    justify-content: space-evenly;
}
/* esquerda */
.ct_h_e {
    justify-content: flex-start;
}
/* direita */
.ct_h_d {
    justify-content: flex-end;
}
/* centro */
.ct_h_m,
.ct_h_c {
    justify-content: center;
}
/* COLUNAS */
/* força a ficar na mesma coluna */
.ct_tab {
    flex-wrap: nowrap;
}
/* .ct_tab > .it{
    width: 100%;
} */
/*
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    ESTRUTURA: FILHOS
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
.it {
    position: relative;
    box-sizing: border-box;
}
/* alinha o conteudo interior ao topo */
.it_v_t {
    align-self: flex-start;
}
/* alinha o conteudo interior ao centro */
.it_v_m,
.it_v_c {
    align-self: center;
}
/* alinha o conteudo interior a baixo */
.it_v_b {
    align-self: flex-end;
}
/*
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    LARGURA DIRETA NO ELEMENTO
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
.w0 {
    width: 0%;
}
.w1 {
    width: 1%;
}
.w2 {
    width: 2%;
}
.w3 {
    width: 3%;
}
.w4 {
    width: 4%;
}
.w5 {
    width: 5%;
}
.w6 {
    width: 6%;
}
.w7 {
    width: 7%;
}
.w8 {
    width: 8%;
}
.w9 {
    width: 9%;
}
.w10 {
    width: 10%;
}
.w11 {
    width: 11%;
}
.w12 {
    width: 12%;
}
.w13 {
    width: 13%;
}
.w14 {
    width: 14%;
}
.w15 {
    width: 15%;
}
.w16 {
    width: 16%;
}
.w17 {
    width: 17%;
}
.w18 {
    width: 18%;
}
.w19 {
    width: 19%;
}
.w20 {
    width: 20%;
}
.w21 {
    width: 21%;
}
.w22 {
    width: 22%;
}
.w23 {
    width: 23%;
}
.w24 {
    width: 24%;
}
.w25 {
    width: 25%;
}
.w26 {
    width: 26%;
}
.w27 {
    width: 27%;
}
.w28 {
    width: 28%;
}
.w29 {
    width: 29%;
}
.w30 {
    width: 30%;
}
.w31 {
    width: 31%;
}
.w32 {
    width: 32%;
}
.w33 {
    width: 33%;
}
.w34 {
    width: 34%;
}
.w35 {
    width: 35%;
}
.w36 {
    width: 36%;
}
.w37 {
    width: 37%;
}
.w38 {
    width: 38%;
}
.w39 {
    width: 39%;
}
.w40 {
    width: 40%;
}
.w41 {
    width: 41%;
}
.w42 {
    width: 42%;
}
.w43 {
    width: 43%;
}
.w44 {
    width: 44%;
}
.w45 {
    width: 45%;
}
.w46 {
    width: 46%;
}
.w47 {
    width: 47%;
}
.w48 {
    width: 48%;
}
.w49 {
    width: 49%;
}
.w50 {
    width: 50%;
}
.w51 {
    width: 51%;
}
.w52 {
    width: 52%;
}
.w53 {
    width: 53%;
}
.w54 {
    width: 54%;
}
.w55 {
    width: 55%;
}
.w56 {
    width: 56%;
}
.w57 {
    width: 57%;
}
.w58 {
    width: 58%;
}
.w59 {
    width: 59%;
}
.w60 {
    width: 60%;
}
.w61 {
    width: 61%;
}
.w62 {
    width: 62%;
}
.w63 {
    width: 63%;
}
.w64 {
    width: 64%;
}
.w65 {
    width: 65%;
}
.w66 {
    width: 66%;
}
.w67 {
    width: 67%;
}
.w68 {
    width: 68%;
}
.w69 {
    width: 69%;
}
.w70 {
    width: 70%;
}
.w71 {
    width: 71%;
}
.w72 {
    width: 72%;
}
.w73 {
    width: 73%;
}
.w74 {
    width: 74%;
}
.w75 {
    width: 75%;
}
.w76 {
    width: 76%;
}
.w77 {
    width: 77%;
}
.w78 {
    width: 78%;
}
.w79 {
    width: 79%;
}
.w80 {
    width: 80%;
}
.w81 {
    width: 81%;
}
.w82 {
    width: 82%;
}
.w83 {
    width: 83%;
}
.w84 {
    width: 84%;
}
.w85 {
    width: 85%;
}
.w86 {
    width: 86%;
}
.w87 {
    width: 87%;
}
.w88 {
    width: 88%;
}
.w89 {
    width: 89%;
}
.w90 {
    width: 90%;
}
.w91 {
    width: 91%;
}
.w92 {
    width: 92%;
}
.w93 {
    width: 93%;
}
.w94 {
    width: 94%;
}
.w95 {
    width: 95%;
}
.w96 {
    width: 96%;
}
.w97 {
    width: 97%;
}
.w98 {
    width: 98%;
}
.w99 {
    width: 99%;
}
.w100 {
    width: 100%;
}
.w333 {
    width: 33.333%;
}
.w666 {
    width: 66.666%;
}
.d1 {
    width: 100%;
}
.d2 {
    width: 50%;
}
.d3 {
    width: 33.33%;
}
.d4 {
    width: 25%;
}
.d5 {
    width: 20%;
}
.d6 {
    width: 16.666%;
}
.d7 {
    width: 14.28%;
}
.d8 {
    width: 12.5%;
}
.d9 {
    width: 11.11%;
}
.d10 {
    width: 10%;
}
.d11 {
    width: 9.09%;
}
.d12 {
    width: 8.33%;
}
.d13 {
    width: 7.69%;
}
.d14 {
    width: 7.14%;
}
.d15 {
    width: 6.66%;
}
/*
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    LIMITAR A LARGURA
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
.mw0 {
    max-width: 0%;
}
.mw1 {
    max-width: 1%;
}
.mw2 {
    max-width: 2%;
}
.mw3 {
    max-width: 3%;
}
.mw4 {
    max-width: 4%;
}
.mw5 {
    max-width: 5%;
}
.mw6 {
    max-width: 6%;
}
.mw7 {
    max-width: 7%;
}
.mw8 {
    max-width: 8%;
}
.mw9 {
    max-width: 9%;
}
.mw10 {
    max-width: 10%;
}
.mw11 {
    max-width: 11%;
}
.mw12 {
    max-width: 12%;
}
.mw13 {
    max-width: 13%;
}
.mw14 {
    max-width: 14%;
}
.mw15 {
    max-width: 15%;
}
.mw16 {
    max-width: 16%;
}
.mw17 {
    max-width: 17%;
}
.mw18 {
    max-width: 18%;
}
.mw19 {
    max-width: 19%;
}
.mw20 {
    max-width: 20%;
}
.mw21 {
    max-width: 21%;
}
.mw22 {
    max-width: 22%;
}
.mw23 {
    max-width: 23%;
}
.mw24 {
    max-width: 24%;
}
.mw25 {
    max-width: 25%;
}
.mw26 {
    max-width: 26%;
}
.mw27 {
    max-width: 27%;
}
.mw28 {
    max-width: 28%;
}
.mw29 {
    max-width: 29%;
}
.mw30 {
    max-width: 30%;
}
.mw31 {
    max-width: 31%;
}
.mw32 {
    max-width: 32%;
}
.mw33 {
    max-width: 33%;
}
.mw34 {
    max-width: 34%;
}
.mw35 {
    max-width: 35%;
}
.mw36 {
    max-width: 36%;
}
.mw37 {
    max-width: 37%;
}
.mw38 {
    max-width: 38%;
}
.mw39 {
    max-width: 39%;
}
.mw40 {
    max-width: 40%;
}
.mw41 {
    max-width: 41%;
}
.mw42 {
    max-width: 42%;
}
.mw43 {
    max-width: 43%;
}
.mw44 {
    max-width: 44%;
}
.mw45 {
    max-width: 45%;
}
.mw46 {
    max-width: 46%;
}
.mw47 {
    max-width: 47%;
}
.mw48 {
    max-width: 48%;
}
.mw49 {
    max-width: 49%;
}
.mw50 {
    max-width: 50%;
}
.mw51 {
    max-width: 51%;
}
.mw52 {
    max-width: 52%;
}
.mw53 {
    max-width: 53%;
}
.mw54 {
    max-width: 54%;
}
.mw55 {
    max-width: 55%;
}
.mw56 {
    max-width: 56%;
}
.mw57 {
    max-width: 57%;
}
.mw58 {
    max-width: 58%;
}
.mw59 {
    max-width: 59%;
}
.mw60 {
    max-width: 60%;
}
.mw61 {
    max-width: 61%;
}
.mw62 {
    max-width: 62%;
}
.mw63 {
    max-width: 63%;
}
.mw64 {
    max-width: 64%;
}
.mw65 {
    max-width: 65%;
}
.mw66 {
    max-width: 66%;
}
.mw67 {
    max-width: 67%;
}
.mw68 {
    max-width: 68%;
}
.mw69 {
    max-width: 69%;
}
.mw70 {
    max-width: 70%;
}
.mw71 {
    max-width: 71%;
}
.mw72 {
    max-width: 72%;
}
.mw73 {
    max-width: 73%;
}
.mw74 {
    max-width: 74%;
}
.mw75 {
    max-width: 75%;
}
.mw76 {
    max-width: 76%;
}
.mw77 {
    max-width: 77%;
}
.mw78 {
    max-width: 78%;
}
.mw79 {
    max-width: 79%;
}
.mw80 {
    max-width: 80%;
}
.mw81 {
    max-width: 81%;
}
.mw82 {
    max-width: 82%;
}
.mw83 {
    max-width: 83%;
}
.mw84 {
    max-width: 84%;
}
.mw85 {
    max-width: 85%;
}
.mw86 {
    max-width: 86%;
}
.mw87 {
    max-width: 87%;
}
.mw88 {
    max-width: 88%;
}
.mw89 {
    max-width: 89%;
}
.mw90 {
    max-width: 90%;
}
.mw91 {
    max-width: 91%;
}
.mw92 {
    max-width: 92%;
}
.mw93 {
    max-width: 93%;
}
.mw94 {
    max-width: 94%;
}
.mw95 {
    max-width: 95%;
}
.mw96 {
    max-width: 96%;
}
.mw97 {
    max-width: 97%;
}
.mw98 {
    max-width: 98%;
}
.mw99 {
    max-width: 99%;
}
.mw100 {
    max-width: 100%;
}
.mw333 {
    max-width: 33.333%;
}
.mw666 {
    max-width: 66.666%;
}

/*
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    DIVIDIR OS IT'S (FILHOS DO CT)
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

.ct_d1 > .it {
    width: 100%;
}
.ct_d2 > .it {
    width: 50%;
}
.ct_d3 > .it {
    width: 33.33%;
}
.ct_d4 > .it {
    width: 25%;
}
.ct_d5 > .it {
    width: 20%;
}
.ct_d6 > .it {
    width: 16.666%;
}
.ct_d7 > .it {
    width: 14.28%;
}
.ct_d8 > .it {
    width: 12.5%;
}
.ct_d9 > .it {
    width: 11.11%;
}
.ct_d10 > .it {
    width: 10%;
}
.ct_d11 > .it {
    width: 9.09%;
}
.ct_d12 > .it {
    width: 8.33%;
}
.ct_d13 > .it {
    width: 7.69%;
}
.ct_d14 > .it {
    width: 7.14%;
}
.ct_d15 > .it {
    width: 6.66%;
}

/*
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    MARGENS
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb25 {
    margin-bottom: 25px;
}
.mb30 {
    margin-bottom: 30px;
}

/*
.ct_m_XXX da margem apenas horizontal
acrescentando o .ct_m_full da margem vertical também.
*/

.ct_m_1 > .it {
    padding: 0px 1px;
}
.ct_m_1 {
    margin-left: -1px;
    margin-right: -1px;
}
.ct_m_1.ct_m_full > .it {
    padding: 1px;
}
.ct_m_2 > .it {
    padding: 0px 2px;
}
.ct_m_2 {
    margin-left: -2px;
    margin-right: -2px;
}
.ct_m_2.ct_m_full > .it {
    padding: 2px;
}
.ct_m_3 > .it {
    padding: 0px 3px;
}
.ct_m_3 {
    margin-left: -3px;
    margin-right: -3px;
}
.ct_m_3.ct_m_full > .it {
    padding: 3px;
}
.ct_m_4 > .it {
    padding: 0px 4px;
}
.ct_m_4 {
    margin-left: -4px;
    margin-right: -4px;
}
.ct_m_4.ct_m_full > .it {
    padding: 4px;
}
.ct_m_5 > .it {
    padding: 0px 5px;
}
.ct_m_5 {
    margin-left: -5px;
    margin-right: -5px;
}
.ct_m_5.ct_m_full > .it {
    padding: 5px;
}
.ct_m_6 > .it {
    padding: 0px 6px;
}
.ct_m_6 {
    margin-left: -6px;
    margin-right: -6px;
}
.ct_m_6.ct_m_full > .it {
    padding: 6px;
}
.ct_m_7 > .it {
    padding: 0px 7px;
}
.ct_m_7 {
    margin-left: -7px;
    margin-right: -7px;
}
.ct_m_7.ct_m_full > .it {
    padding: 7px;
}
.ct_m_8 > .it {
    padding: 0px 8px;
}
.ct_m_8 {
    margin-left: -8px;
    margin-right: -8px;
}
.ct_m_8.ct_m_full > .it {
    padding: 8px;
}
.ct_m_9 > .it {
    padding: 0px 9px;
}
.ct_m_9 {
    margin-left: -9px;
    margin-right: -9px;
}
.ct_m_9.ct_m_full > .it {
    padding: 9px;
}
.ct_m_10 > .it {
    padding: 0px 10px;
}
.ct_m_10 {
    margin-left: -10px;
    margin-right: -10px;
}
.ct_m_10.ct_m_full > .it {
    padding: 10px;
}
.ct_m_11 > .it {
    padding: 0px 11px;
}
.ct_m_11 {
    margin-left: -11px;
    margin-right: -11px;
}
.ct_m_11.ct_m_full > .it {
    padding: 11px;
}
.ct_m_12 > .it {
    padding: 0px 12px;
}
.ct_m_12 {
    margin-left: -12px;
    margin-right: -12px;
}
.ct_m_12.ct_m_full > .it {
    padding: 12px;
}
.ct_m_13 > .it {
    padding: 0px 13px;
}
.ct_m_13 {
    margin-left: -13px;
    margin-right: -13px;
}
.ct_m_13.ct_m_full > .it {
    padding: 13px;
}
.ct_m_14 > .it {
    padding: 0px 14px;
}
.ct_m_14 {
    margin-left: -14px;
    margin-right: -14px;
}
.ct_m_14.ct_m_full > .it {
    padding: 14px;
}
.ct_m_15 > .it {
    padding: 0px 15px;
}
.ct_m_15 {
    margin-left: -15px;
    margin-right: -15px;
}
.ct_m_15.ct_m_full > .it {
    padding: 15px;
}
.ct_m_16 > .it {
    padding: 0px 16px;
}
.ct_m_16 {
    margin-left: -16px;
    margin-right: -16px;
}
.ct_m_16.ct_m_full > .it {
    padding: 16px;
}
.ct_m_17 > .it {
    padding: 0px 17px;
}
.ct_m_17 {
    margin-left: -17px;
    margin-right: -17px;
}
.ct_m_17.ct_m_full > .it {
    padding: 17px;
}
.ct_m_18 > .it {
    padding: 0px 18px;
}
.ct_m_18 {
    margin-left: -18px;
    margin-right: -18px;
}
.ct_m_18.ct_m_full > .it {
    padding: 18px;
}
.ct_m_19 > .it {
    padding: 0px 19px;
}
.ct_m_19 {
    margin-left: -19px;
    margin-right: -19px;
}
.ct_m_19.ct_m_full > .it {
    padding: 19px;
}
.ct_m_20 > .it {
    padding: 0px 20px;
}
.ct_m_20 {
    margin-left: -20px;
    margin-right: -20px;
}
.ct_m_20.ct_m_full > .it {
    padding: 20px;
}
.ct_m_25 > .it {
    padding: 0px 25px;
}
.ct_m_25 {
    margin-left: -25px;
    margin-right: -25px;
}
.ct_m_25.ct_m_full > .it {
    padding: 25px;
}
.ct_m_30 > .it {
    padding: 0px 30px;
}
.ct_m_30 {
    margin-left: -30px;
    margin-right: -30px;
}
.ct_m_30.ct_m_full > .it {
    padding: 30px;
}
.ct_m_35 > .it {
    padding: 0px 35px;
}
.ct_m_35 {
    margin-left: -35px;
    margin-right: -35px;
}
.ct_m_35.ct_m_full > .it {
    padding: 35px;
}
.ct_m_40 > .it {
    padding: 0px 40px;
}
.ct_m_40 {
    margin-left: -40px;
    margin-right: -40px;
}
.ct_m_40.ct_m_full > .it {
    padding: 40px;
}
.ct_m_45 > .it {
    padding: 0px 45px;
}
.ct_m_45 {
    margin-left: -45px;
    margin-right: -45px;
}
.ct_m_45.ct_m_full > .it {
    padding: 45px;
}
.ct_m_50 > .it {
    padding: 0px 50px;
}
.ct_m_50 {
    margin-left: -50px;
    margin-right: -50px;
}
.ct_m_50.ct_m_full > .it {
    padding: 50px;
}
.ct_m_55 > .it {
    padding: 0px 55px;
}
.ct_m_55 {
    margin-left: -55px;
    margin-right: -55px;
}
.ct_m_55.ct_m_full > .it {
    padding: 55px;
}
.ct_m_60 > .it {
    padding: 0px 60px;
}
.ct_m_60 {
    margin-left: -60px;
    margin-right: -60px;
}
.ct_m_60.ct_m_full > .it {
    padding: 60px;
}
.ct_m_65 > .it {
    padding: 0px 65px;
}
.ct_m_65 {
    margin-left: -65px;
    margin-right: -65px;
}
.ct_m_65.ct_m_full > .it {
    padding: 65px;
}
.ct_m_70 > .it {
    padding: 0px 70px;
}
.ct_m_70 {
    margin-left: -70px;
    margin-right: -70px;
}
.ct_m_70.ct_m_full > .it {
    padding: 70px;
}
.ct_m_75 > .it {
    padding: 0px 75px;
}
.ct_m_75 {
    margin-left: -75px;
    margin-right: -75px;
}
.ct_m_75.ct_m_full > .it {
    padding: 75px;
}
.ct_m_80 > .it {
    padding: 0px 80px;
}
.ct_m_80 {
    margin-left: -80px;
    margin-right: -80px;
}
.ct_m_80.ct_m_full > .it {
    padding: 80px;
}
.ct_m_85 > .it {
    padding: 0px 85px;
}
.ct_m_85 {
    margin-left: -85px;
    margin-right: -85px;
}
.ct_m_85.ct_m_full > .it {
    padding: 85px;
}
.ct_m_90 > .it {
    padding: 0px 90px;
}
.ct_m_90 {
    margin-left: -90px;
    margin-right: -90px;
}
.ct_m_90.ct_m_full > .it {
    padding: 90px;
}
.ct_m_99 > .it {
    padding: 0px 99px;
}
.ct_m_99 {
    margin-left: -99px;
    margin-right: -99px;
}
.ct_m_99.ct_m_full > .it {
    padding: 99px;
}
.ct_m_100 > .it {
    padding: 0px 100px;
}
.ct_m_100 {
    margin-left: -100px;
    margin-right: -100px;
}
.ct_m_100.ct_m_full > .it {
    padding: 100px;
}
.ct_m_125 > .it {
    padding: 0px 125px;
}
.ct_m_125 {
    margin-left: -125px;
    margin-right: -125px;
}
.ct_m_125.ct_m_full > .it {
    padding: 125px;
}
.ct_m_150 > .it {
    padding: 0px 150px;
}
.ct_m_150 {
    margin-left: -150px;
    margin-right: -150px;
}
.ct_m_150.ct_m_full > .it {
    padding: 150px;
}
.ct_m_175 > .it {
    padding: 0px 175px;
}
.ct_m_175 {
    margin-left: -175px;
    margin-right: -175px;
}
.ct_m_175.ct_m_full > .it {
    padding: 175px;
}
.ct_m_200 > .it {
    padding: 0px 200px;
}
.ct_m_200 {
    margin-left: -200px;
    margin-right: -200px;
}
.ct_m_200.ct_m_full > .it {
    padding: 200px;
}
.ct_m_250 > .it {
    padding: 0px 250px;
}
.ct_m_250 {
    margin-left: -250px;
    margin-right: -250px;
}
.ct_m_250.ct_m_full > .it {
    padding: 250px;
}
.ct_m_300 > .it {
    padding: 0px 300px;
}
.ct_m_300 {
    margin-left: -300px;
    margin-right: -300px;
}
.ct_m_300.ct_m_full > .it {
    padding: 500px;
}

/* margens verticais */
.ct_mv_1 > .it {
    padding-top: 1px;
    padding-bottom: 1px;
}
.ct_mv_2 > .it {
    padding-top: 2px;
    padding-bottom: 2px;
}
.ct_mv_3 > .it {
    padding-top: 3px;
    padding-bottom: 3px;
}
.ct_mv_4 > .it {
    padding-top: 4px;
    padding-bottom: 4px;
}
.ct_mv_5 > .it {
    padding-top: 5px;
    padding-bottom: 5px;
}
.ct_mv_6 > .it {
    padding-top: 6px;
    padding-bottom: 6px;
}
.ct_mv_7 > .it {
    padding-top: 7px;
    padding-bottom: 7px;
}
.ct_mv_8 > .it {
    padding-top: 8px;
    padding-bottom: 8px;
}
.ct_mv_9 > .it {
    padding-top: 9px;
    padding-bottom: 9px;
}
.ct_mv_10 > .it {
    padding-top: 10px;
    padding-bottom: 10px;
}
.ct_mv_11 > .it {
    padding-top: 11px;
    padding-bottom: 11px;
}
.ct_mv_12 > .it {
    padding-top: 12px;
    padding-bottom: 12px;
}
.ct_mv_13 > .it {
    padding-top: 13px;
    padding-bottom: 13px;
}
.ct_mv_14 > .it {
    padding-top: 14px;
    padding-bottom: 14px;
}
.ct_mv_15 > .it {
    padding-top: 15px;
    padding-bottom: 15px;
}
.ct_mv_16 > .it {
    padding-top: 16px;
    padding-bottom: 16px;
}
.ct_mv_17 > .it {
    padding-top: 17px;
    padding-bottom: 17px;
}
.ct_mv_18 > .it {
    padding-top: 18px;
    padding-bottom: 18px;
}
.ct_mv_19 > .it {
    padding-top: 19px;
    padding-bottom: 19px;
}
.ct_mv_20 > .it {
    padding-top: 20px;
    padding-bottom: 20px;
}
.ct_mv_25 > .it {
    padding-top: 25px;
    padding-bottom: 25px;
}
.ct_mv_30 > .it {
    padding-top: 30px;
    padding-bottom: 30px;
}
.ct_mv_35 > .it {
    padding-top: 35px;
    padding-bottom: 35px;
}
.ct_mv_40 > .it {
    padding-top: 40px;
    padding-bottom: 40px;
}
.ct_mv_45 > .it {
    padding-top: 45px;
    padding-bottom: 45px;
}
.ct_mv_50 > .it {
    padding-top: 50px;
    padding-bottom: 50px;
}
.ct_mv_55 > .it {
    padding-top: 55px;
    padding-bottom: 55px;
}
.ct_mv_60 > .it {
    padding-top: 60px;
    padding-bottom: 60px;
}
.ct_mv_65 > .it {
    padding-top: 65px;
    padding-bottom: 65px;
}
.ct_mv_70 > .it {
    padding-top: 70px;
    padding-bottom: 70px;
}
.ct_mv_75 > .it {
    padding-top: 75px;
    padding-bottom: 75px;
}
.ct_mv_80 > .it {
    padding-top: 80px;
    padding-bottom: 80px;
}
.ct_mv_85 > .it {
    padding-top: 85px;
    padding-bottom: 85px;
}
.ct_mv_90 > .it {
    padding-top: 90px;
    padding-bottom: 90px;
}
.ct_mv_99 > .it {
    padding-top: 99px;
    padding-bottom: 99px;
}
.ct_mv_100 > .it {
    padding-top: 100px;
    padding-bottom: 100px;
}
.ct_mv_125 > .it {
    padding-top: 125px;
    padding-bottom: 125px;
}
.ct_mv_150 > .it {
    padding-top: 150px;
    padding-bottom: 150px;
}
.ct_mv_175 > .it {
    padding-top: 175px;
    padding-bottom: 175px;
}
.ct_mv_200 > .it {
    padding-top: 200px;
    padding-bottom: 200px;
}
.ct_mv_250 > .it {
    padding-top: 250px;
    padding-bottom: 250px;
}
.ct_mv_300 > .it {
    padding-top: 300px;
    padding-bottom: 300px;
}

label:before,
label:after,
input,
label,
.menu,
.i_popup,
.botao,
.botao_outline,
.hover,
.fx {
    -webkit-transition: all 300ms cubic-bezier(0, 0.845, 0.44, 1);
    -moz-transition: all 300ms cubic-bezier(0, 0.845, 0.44, 1);
    -o-transition: all 300ms cubic-bezier(0, 0.845, 0.44, 1);
    transition: all 300ms cubic-bezier(0, 0.845, 0.44, 1);
}

/* --------------------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* geral */

.hide,
.hidden {
    display: none !important;
}
.show {
    display: block !important;
}

.block,
.bloco {
    display: block;
}

.ttuc {
    text-transform: uppercase;
}

.tdu {
    text-decoration: underline;
}

.opacidade {
    opacity: 0.8;
}

.maiusculas {
    text-transform: uppercase;
}

textarea,
input,
button,
body {
    font-family: "medium", sans-serif;
    font-size: 16px;
}

img {
    max-width: 100%;
}
.in {
    max-width: 1100px;
    padding: 0px 30px;
}
.in_m {
    max-width: 1100px;
}
.in_s {
    max-width: 1000px;
}
.in_xs {
    max-width: 900px;
}
.in_xxs {
    max-width: 800px;
}
.in_xxxs {
    max-width: 650px;
}

/* --------------------------------- */
/* texto */

/*
   ██████████   ███   ███   ███   ██████████  
   ██████████░░ ███░░ ███░░ ███░░ ██████████░░
   ████░░░░░░░░ ███░░ ███░░ ███░░ ████░░░░░░░░
   ██████████   ███░░ ███░░ ███░░ ██████████  
   ██████████░░ ███░░ ███░░ ███░░ ██████████░░
     ░░░░████░░ ███░░ ███░░ ███░░   ░░░░████░░
   ██████████░░ ███████████████░░ ██████████░░
   ██████████░░ ███████████████░░ ██████████░░
     ░░░░░░░░░░  ░░░░░░░░░░░░░░░░   ░░░░░░░░░░
*/

.light {
    font-family: "light";
}

.book {
    font-family: "book";
}

.medium {
    font-family: "medium";
}

.bold {
    font-family: "bold";
}

.black {
    font-family: "black";
}

.botao {
    font-size: 25px;
    line-height: 25px;
    box-sizing: border-box;
    font-family: "bold";
    color: #fff;
    padding: 15px 50px 15px 20px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    background: #f16f63;
}

.botao.simples {
    padding: 15px 30px;
}

.botao:hover {
    background: #d75f54;
}

.botao.mini {
    font-size: 18px;
    padding: 10px 40px 10px 15px;
}

.botao:before {
    content: "";
    background: url("/_data/seta.svg");
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.botao.outline:before,
.botao.simples:before {
    display: none;
}

.botao.seta_branca:before {
    background: url("/_data/seta.svg");
}

.botao.seta_preta:before {
    background: url("/_data/seta3.svg");
}

.botao.outline {
    font-family: "book";
    color: #fff;
    padding: 13px 30px 13px 30px;
    background: transparent;
    border: 2px solid #fff;
}

.botao.outline:hover {
    background: rgba(255, 255, 255, 0.15);
}

.roxo {
    color: #9b83bc;
}
.bg_roxo {
    background: #9b83bc;
}

.bg_roxo.hover:hover,
.bg_roxo_alt {
    background: #74628e;
}

.roxo_claro {
    color: #9b83bc;
}
.bg_roxo_claro {
    background: #9b83bc;
}

.bg_roxo_claro.hover:hover,
.bg_roxo_claro_alt {
    background: #8d77ab;
}

.purpura {
    color: #d1caf0;
}

.bg_purpura {
    background: #d1caf0;
}

.bg_purpura.hover:hover,
.bg_purpura_alt {
    background: #624add;
}

.purpura_escuro {
    color: #7f66fc;
}

.bg_purpura_escuro {
    background: #7f66fc;
}

.purpura_escuro_footer {
    color: #9b83bc;
}

.bg_purpura_escuro_footer {
    background: #9b83bc;
}

.bg_purpura_footer.hover:hover,
.bg_purpura_alt {
    background: #8e6bbf;
}

.bg_roxo.hover:hover,
.bg_roxo_alt {
    background: #bcb5de;
}

.azul_escuro {
    color: #022a41;
}
.bg_azul_escuro {
    background: #022a41;
}
.bg_azul_escuro.hover:hover,
.bg_azul_escuro_alt {
    background: #011c2c;
}

.azul {
    color: #1e9fd6;
}
.bg_azul {
    background: #1e9fd6;
}
.bg_azul.hover:hover,
.bg_azul_alt {
    background: #0f87bb;
}

.verde {
    color: #a7dcce;
}
.bg_verde {
    background: #a7dcce;
}
.bg_verde.hover:hover,
.bg_verde_alt {
    background: #a7dcce;
}

.cinza {
    color: #7699b7;
}
.bg_cinza {
    background: #7699b7;
}
.bg_cinza.hover:hover,
.bg_cinza_alt {
    background: #6989a4;
}

.cinza_claro {
    color: #b1b3b6;
}
.bg_cinza_claro {
    background: #b1b3b6;
}
.bg_cinza_claro.hover:hover,
.bg_cinza_claro_alt {
    background: #a0a3a6;
}

.vermelho {
    color: #f16f63;
}
.bg_vermelho {
    background: #f16f63;
}
.bg_vermelho.hover:hover,
.bg_vermelho_alt {
    background: #d75f54;
}

.amarelo {
    color: #f0cf2b;
}
.bg_amarelo {
    background: #f0cf2b;
}
.bg_amarelo.hover:hover,
.bg_amarelo_alt {
    background: #ddbf28;
}

.agua {
    color: #e5e5e5;
}
.bg_agua {
    background: #e5e5e5;
}
.bg_agua.hover:hover,
.bg_agua_alt {
    background: #d8d6d6;
}

.verdinho {
    color: #c5e2d2;
}
.bg_verdinho {
    background: #c5e2d2;
}
.bg_verdinho.hover:hover,
.bg_verdinho_alt {
    background: #76c09e;
}

.branco {
    color: #fff;
}
.bg_branco {
    background: #fff;
}

.radius {
    border-radius: 4px;
}

.rosa {
    color: #ef88b0;
}
.bg_rosa {
    background: #ef88b0;
}
.bg_rosa.hover:hover,
.bg_rosa_alt {
    background: #e376a0;
}

.cinza_escuro {
    color: #222d34;
}
.bg_cinza_escuro {
    background: #222d34;
}
.bg_cinza_escuro.hover:hover,
.bg_cinza_escuro_alt {
    background: #000;
}

/* --------------------------------- */
/* --------------------------------- */

.txt_icon {
    width: 27px;
    display: inline-block;
    vertical-align: top;
    margin: 3px 5px 0px 3px;
    color: #fff;
}

.txt,
.txt p {
    font-size: 19px;
    line-height: 25px;
    font-family: "medium";
    min-height: 33px;
}

.txt p strong,
.txt h2 strong,
.txt h3 strong,
.txt strong {
    font-family: "black";
}

.txt ul {
    padding: 5px 0px 5px 30px;
}

.txt ul li:before {
    content: "→";
    position: relative;
    display: inline-block;
    margin-left: -30px;
    width: 30px;
}

.txt.bold,
.txt p.bold,
.txt p strong,
.txt p b {
    font-family: "black";
}

/* --------------------------------- */

body {
    font-size: 22px;
}

.topo {
    padding: 60px;
    background: green;
}

.filho_1,
.filho_2 {
}

main.not_homepage {
    margin-top: 0;
}

.idays23 .intro {
    background: #a7dcce;
    min-height: 140vh;
    background-image: url("../../img/landing_pages/idays23/fundo.svg");
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
}

.intro:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    background-image: url("../../img/landing_pages/idays23/intro_letras.svg");
    background-size: 60vw auto;
    background-position: 45vw -15vh;
    background-repeat: no-repeat;
}

.logo {
    max-width: 350px;
    padding-top: 10vh;
}

.logo img {
    width: 100%;
}

.tags {
    padding-top: 30vh;
}

.tags span {
    display: inline-block;
    padding: 7px;
    margin-bottom: 10px;
    font-size: 32px;
}

.intro_social {
    padding-top: 30px;
}

.intro_social a {
    display: inline-block;
    max-width: 50px;
    margin-right: 5px;
}

.intro_social img {
    width: 100%;
}

.infos {
    padding: 150px 0px;
}

.idays_logo {
    max-width: 300px;
    margin-bottom: 30px;
}

.idays_logo img {
    width: 100%;
}

.subtit {
    font-size: 35px;
    padding-bottom: 15px;
}

.bloco_caras {
    padding: 150px 0px 30vw 0px;
}

.bg_cidade {
    background-image: url("../../img/landing_pages/idays23//cidade_roxa.svg");
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.bemvindo_branco img,
.caras_img img {
    height: 300px;
}

.bemvindo_branco,
.caras_img {
    position: relative;
    padding-bottom: 60px;
}

.texto_roxo {
    padding: 100px 0px;
    margin-top: -1px;
    text-align: center;
}

.texto_roxo_tit {
    font-size: 55px;
    padding-bottom: 50px;
}

.cabeca {
    text-align: center;
}

.cabecas {
    padding: 0px 0px 100px 0px;
}

.cabeca_img {
    padding: 0px 0px 15px 0px;
    margin: 30px;
}

.it.cabeca {
    padding-bottom: 0px;
}

.cabeca_txt {
    padding-bottom: 60px;
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
}

.bloco_agenda {
    padding: 150px 0px 100px 0px;
}

.fundo_padrao {
    background-image: url("../../img/landing_pages/idays23/padrao.png");
    background-size: 150% auto;
    background-position: top center;
    background-repeat: no-repeat;
}

.cartao_agenda {
    max-width: 650px;
    padding: 15px;
}

.agenda_tit {
    font-size: 60px;
    padding-bottom: 30px;
}

.agenda_txt,
.agenda_subtit {
    font-size: 32px;
}

.agenda_txt {
    margin-top: 30px;
}

.dia {
    padding: 30px 15px 30px 80px;
    position: relative;
}

.dia ul {
    position: relative;
}

.dia ul li {
    position: relative;
    font-size: 0;
    margin: 5px 0px;
}

.dia ul li.transp {
    opacity: 0.6;
}

.dia ul li strong,
.dia ul li span {
    font-size: 20px;
    vertical-align: top;
    display: inline-block;
}

.dia ul li strong {
    width: 80px;
}

.dia ul li span {
    width: calc(100% - 80px);
}

.dia_vertical {
    position: absolute;
    font-size: 50px;
    left: 0;
    top: 0;
    text-transform: uppercase;
    transform: rotate(-90deg) translate(-65px, -17px);
}

.dia_2 {
    margin-top: 100px;
}

.dias {
    padding-bottom: 150px;
}

.local_evento {
    padding: 150px 0px;
}

.local_tit {
    font-size: 64px;
    margin-bottom: 20px;
    line-height: 40px;
}

.txt .local_txt {
    font-size: 30px;
    opacity: 0.8;
    line-height: 35px;
}

.img_local {
    padding-top: 5vh;
}

.img_local img {
    padding-bottom: 25px;
    max-width: 125px;
}

.contexto_local {
    text-align: center;
    width: 100%;
    text-align: center;
    font-size: 22px;
}

.border {
    text-transform: uppercase;
    border: 3px #836dfb solid;
    width: 150px;
    padding: 5px 15px;
    border-radius: 35px;
}

.txt_local {
    font-size: 24px;
}

.txt_bold {
    font-weight: 800;
    padding-bottom: 10px;
}

.bg_mapa {
    background-image: url("../../img/landing_pages/idays23/mapa.svg");
    background-size: 100vw 100vh;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.mapa {
    min-height: 175vh;
    position: relative;
}

.mapa:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    background-position: bottom center;
    background-image: url("../../img/landing_pages/idays23/mapa.svg");
    background-size: 100vw auto;
    background-repeat: no-repeat;
}

.tit_cab_conselhos {
    font-size: 26px;
    line-height: 30px;
}

.footer {
    font-size: 20px;
    padding: 150px 0px 100px 0px;
}

.conselho {
    text-align: center;
}

.conselho_img {
    padding: 0px 15px 15px 15px;
}

.conselho_txt {
    padding-bottom: 60px;
    margin-top: 10px;
    font-size: 26px;
    line-height: 28px;
}

.footer_txt {
    padding: 0px 5px;
    margin-right: 15px;
    font-size: 24px;
    width: fit-content;
}

.footer_logos {
    text-align: right;
}

.footer_logos img {
    width: 40px;
    padding: 0px 2px;
}

a img:hover,
a strong:hover {
    opacity: 0.6;
}

@media only screen and (max-width: 1024px) {
    .idays23 .intro::before {
        background-position: 45vw -5vh;
    }
    .fundo_padrao .in .ct.ct_d2.ct_m_30.ct_v_t {
        margin: 0px;
    }
    .footer_logos {
        text-align: right;
    }

    .footer_logos img {
        width: 40px;
        padding: 0px 5px 0px 0px;
    }

    .footer_w {
        display: block;
        width: 100%;
        text-align: left;
        margin: 15px 0px;
    }

    .footer {
        padding: 50px 0px;
    }

    .footer_txt {
        display: block;
        padding: 5px;
        margin-bottom: 5px;
    }

    .purpura_escuro.bold {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .local_evento .ct .it,
    div.infos .ct .it,
    div.it.dia_1,
    div.it.dia_2,
    div.it.cabeca,
    .footer .it {
        width: 100%;
    }

    .in.horizontal {
        max-width: 2040px;
        width: 100vw;
        padding: 0px;
        margin: 0px;
        position: relative;
        overflow: hidden;
        overflow-x: auto;
    }

    .ct.ct_d3.ct_m_60.ct_v_t.nowrap_horizontal {
        flex-wrap: nowrap;
    }

    .it.cabeca {
        width: 75vw;
        margin: 0px 150px;
        padding: 0px;
    }

    .cabecas {
        width: fit-content;
        padding: 0px 50px 100px 50px;
    }

    div.it.cabeca {
        width: 250px;
    }
    .it.cabeca {
        width: 50vw;
        margin: 0px 75px;
        padding: 0px;
    }

    .tags {
        padding-top: 15vh;
    }

    .tags span {
        display: inline-block;
        padding: 7px;
        margin-bottom: 10px;
        font-size: 26px;
    }
    .idays23 .intro {
        min-height: 90vh;
    }

    .idays23 .intro::before {
        background-position: 45vw -5vh;
    }

    .intro_social a {
        display: inline-block;
        max-width: 40px;
        margin-right: 5px;
    }

    .logo {
        max-width: 300px;
        padding-top: 10vh;
    }

    .bloco_caras {
        padding: 50px 0px 35vw 0px;
    }

    .bemvindo_branco,
    .caras_img {
        padding: 50px;
        text-align: center;
    }

    .bemvindo_branco img,
    .caras_img img {
        max-height: 130px;
    }

    .texto_roxo_tit {
        font-size: 30px;
    }

    .local_txt {
        font-size: 16px;
    }

    .txt,
    .txt p {
        font-size: 16px;
    }

    .cabeca_img img {
        width: 200px;
    }

    .bloco_agenda {
        padding: 100px 0px 100px 0px;
    }

    .agenda_tit {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .agenda_txt,
    .agenda_subtit {
        margin-top: 10px;
        font-size: 16px;
    }

    .dia {
        padding: 15px;
    }

    .dias {
        padding-bottom: 0px;
    }

    div.it.dia_1 {
        padding: 0px;
    }

    .fundo_padrao .in {
        align-items: center;
    }

    .dia_vertical {
        font-size: 30px;
        position: unset;
        transform: none;
    }

    .dia ul li strong,
    .dia ul li span {
        font-size: 16px;
        vertical-align: top;
        display: inline-block;
    }

    div.it.dia_2 {
        padding: 0px;
    }

    .fundo_padrao {
        background-size: 200% auto;
        padding-bottom: 100px;
    }

    .local_evento {
        padding: 100px 0px;
    }

    .txt .local_txt {
        font-size: 16px;
        line-height: 20px;
    }

    .local_tit {
        font-size: 30px;
        margin-bottom: 0px;
    }

    .img_local {
        padding-top: 100px;
    }

    .img_local img {
        max-width: 80px;
    }

    .border {
        text-transform: uppercase;
        border: 3px #836dfb solid;
        padding: 5px 15px;
        border-radius: 35px;
    }

    .txt_bold {
        font-weight: 800;
        padding-top: 15px;
        padding-bottom: 1px;
        font-size: 16px;
    }

    .txt_local {
        font-size: 20px;
    }

    h1 .verde.book {
        font-size: 16px;
    }

    .tit_cab_conselhos {
        font-size: 16px;
    }

    .texto_roxo {
        padding: 100px 0px;
    }

    p.espaco {
        min-height: 10px;
    }

    .conselho_img {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    .conselho_img img {
        width: 30%;
        padding: 0px;
    }

    .conselho_txt {
        padding-bottom: 20px;
        margin-top: 5px;
        font-size: 16px;
        line-height: 20px;
    }

    .ct .it.conselho {
        padding: 0px;
    }

    .tit_cab_conselhos {
        line-height: 20px;
    }

    .purpura_escuro_footer {
        font-size: 16px;
    }

    .bg_purpura_escuro_footer {
        font-size: 18px;
        display: block;
        padding: 5px 2px;
    }
}

@media only screen and (max-width: 767px) {
    .cabecas {
        width: fit-content;
        padding: 0px 5px 100px 5px;
    }

    div.it.cabeca {
        width: 200px;
    }

    .ct.ct_d3.ct_m_60.ct_v_t.nowrap_horizontal {
        width: fit-content;
        padding: 0px;
        margin: 0px 10px;
    }

    .it.cabeca {
        width: 50vw;
        margin: 0px 25px;
        padding: 0px;
    }

    .tags span {
        display: inline-block;
        padding: 7px;
        margin-bottom: 10px;
        font-size: 20px;
    }

    .idays23 .intro {
        min-height: 75vh;
    }
    .infos {
        padding: 100px 0px;
    }
    .idays23 .intro::before {
        background-position: 45vw 0vh;
    }

    .roxo.black.block.subtit {
        font-size: 30px;
    }

    .intro_social a {
        display: inline-block;
        max-width: 30px;
        margin-right: 5px;
    }

    .logo {
        max-width: 200px;
        padding-top: 10vh;
    }

    .idays_logo {
        max-width: 200px;
        margin-bottom: 15px;
    }

    .idays_logo img {
        width: 100%;
    }

    .bloco_caras.azul_escuro .ct.ct_d2.ct_m_50.ct_v_t .it {
        width: 100%;
        padding-bottom: 50px;
    }

    .ct.ct_m_30.ct_m_full.ct_v_t {
        display: block;
        padding: 0px 30px;
    }

    .ct.ct_m_30.ct_m_full.ct_v_t .it {
        width: 100%;
    }

    .fundo_padrao {
        background-size: 350% auto;
        padding-bottom: 100px;
    }

    .conselho {
        width: 100%;
    }

    .ct .it.conselho {
        padding: 0px 0px 50px 0px;
    }

    .idays_logo {
        width: 100%;
    }

    .padding-top {
        padding-top: 33px;
    }
}