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;
}

.xx:zau{
    background: green;
}
/*
    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{
    flex: 1;
}
.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
*/

/*
.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.checkbox .check:after,
label.checkbox .check:before,
.hover,
.fx{
  -webkit-transition: all 450ms cubic-bezier(.29,.52,.22,1);
  -moz-transition: all 450ms cubic-bezier(.29,.52,.22,1);
  -o-transition: all 450ms cubic-bezier(.29,.52,.22,1);
  transition: all 450ms cubic-bezier(.29,.52,.22,1);
}

.fxx{
  -webkit-transition: all 300ms cubic-bezier(0.000, 0.845, 0.440, 1.000); 
  -moz-transition: all 300ms cubic-bezier(0.000, 0.845, 0.440, 1.000); 
  -o-transition: all 300ms cubic-bezier(0.000, 0.845, 0.440, 1.000); 
  transition: all 300ms cubic-bezier(0.000, 0.845, 0.440, 1.000);
}

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

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

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

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

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

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

main.not_homepage{
    margin-top:  0;
}

body{
    font-family: 'medium';
}

.roxo{
    color: #373282;
}
.bg_roxo{
    background-color: #373282;
}
.bg_roxo.hover:hover,
.bg_roxo_alt{
    background-color: #27236b;
}

.azul_escuro{
    color: #150b4f;
}
.bg_azul_escuro{
    background-color: #150b4f;
}
.bg_azul_escuro.hover:hover,
.bg_azul_escuro_alt{
    background-color: #150b4f;   
}


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


.verde{
    color: #7edf9d;
}
.bg_verde{
    background-color: #7edf9d;
}
.bg_verde.hover:hover,
.bg_verde_alt{
    background-color: #74cc90;   
}


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


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


.vermelho{
    color: #ff6f61;
}
.bg_vermelho{
    background-color: #ff6f61;
}
.bg_vermelho.hover:hover,
.bg_vermelho_alt{
    background-color: #ff6f61;   
}


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

.agua{
    color: #F5F8FA;
}
.bg_agua{
    background-color: #F5F8FA;
}
.bg_agua.hover:hover,
.bg_agua_alt{
    background-color: #dfe3e5;
}

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

.lilas{
    color: #d8cfef;
}
.bg_lilas{
    background-color: #d8cfef;
}
.bg_lilas.hover:hover,
.bg_lilas_alt{
    background-color: #c2b7de;
}

.eletrico{
    color: #00ffff;
}

.bg_eletrico{
    background-color: #00ffff;
}
.bg_eletrico.hover:hover,
.bg_eletrico_alt{
    background-color: #03d5d5;
}

.preto{
    color: #222c33;
}

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

.wp_header{
    left: 0;
    top: 0;
    width: 100vw;
    position: absolute;
    z-index: 10;
    margin-top: 50px;
}

.header_txt img{
    max-width: 300px;
}

.header_logo img{
    width: 150px;
}

.banner_txts{
    max-width: 60%;
    padding-top: 300px;
    padding-bottom: 100px;
}

.banner_social img{
    width: 50px;
}

.banner_social a:hover{
    opacity: 0.6;
}

.banner_tags{
    margin-top: 50px;
}

.banner_hashtag > div{
    font-size: 40px;
    padding: 5px 10px;
    font-family: 'bold';
}

.bt_avalia{
    margin-top: 30px;
    border: 4px solid;
    padding: 15px 20px;
    font-family: 'black';
    display: inline-block;
    border-radius: 10px;
    font-size: 30px;
    cursor: pointer;
}

.bt_avalia:hover{
    opacity: 0.6;
}

.wp_banner{
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 60% auto;
}

.wp_guerreiros{
    padding: 120px 0px;
}

.guerreiros_txt{
    font-size: 50px;
    font-family: 'black';
}

.guerreiros_txt h1 span{
    font-size: 200%;
    display: inline-block;
    padding-bottom: 10px;
}

.guerreiros_icon{
    text-align: right;
}

.guerreiros_icon img{
    max-width: 250px;
}

.bt_alvo img{
    width: 30px;
}

.bt_alvo{
    font-size: 40px;
    display: inline-block;
    margin-top: 60px;
    border:  4px solid;
    border-radius: 10px;
    padding: 15px 20px;
    cursor: pointer;
}

.bt_alvo:hover{
    opacity: 0.6;
}

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

.mapa_cx{
    padding: 200px 0px;
    font-size: 40px;
    font-family: 'book';
    position: relative;
}

.mapa_cx strong{
    font-family: 'black';
}

.mapa_cx_2,
.mapa_cx_4{
    text-align: right;
}

.mapa_cx_txt{
    padding: 20px;
    display: inline-block;
    max-width: 750px;
    text-align: left;
    position: relative;
    z-index: 2;
}

.mapa_cx_txt small{
    font-size: 70%;
}

.mapa_cx_icon{
    position: absolute;
    z-index: 1;
}

.mapa_cx_1 .mapa_cx_icon{
    right: -15vw;
    width: 30vw;
    bottom: -15vw;
}


.mapa_cx_2 .mapa_cx_icon{
    top: 50%;
    width: 20%;
    transform: translateY(-50%) rotate(10deg);
}

.mapa_cx_3 .mapa_cx_icon{
    top: 50%;
    width: 20%;
    right: 0;
    transform: translateY(-50%) rotate(-20deg);
}


.mapa_cx_4 .mapa_cx_icon{
    top: 50%;
    width: 20%;
    transform: translateY(-50%) rotate(-10deg);
}

.smile{
    width: 40px;
    display: inline-block;
    transform: translateY(5px);
}

.wp_clas{
    padding: 150px 0px;
    text-align: center;
    background-size: 70% auto;
    background-repeat: no-repeat;
    background-position: 70% bottom;
    background-attachment: fixed;
}

.clas_tit{
    font-size: 100px;
    font-family: 'black';
}

.cla_img img{
    max-width: 150px;
}

.cla_img{
    padding: 25px 0px;
    font-size: 25px;
    line-height: 30px;
    font-family: 'book';
}

.cla h2{
    padding: 20px 0px 20px 0px;
    font-family: 'black';
    font-size: 40px;
    display: block;
    text-transform: uppercase;
}

.wp_agenda{
    padding: 150px 0px 150px 0px;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}

.agenda_1{
    max-width: 900px;
    padding: 30px;
    font-size: 40px;
}

.agenda_1 strong{
    font-family: 'black';
    display: inline-block;
    font-size: 55px;
}

.agenda_2{
    text-align:  right;
    margin:  100px 0px;
}

.agenda_2_in{
    display: inline-block;
    font-size: 80px;
    font-family: 'book';
    padding: 30px;
}

.agenda_2_in strong{
    font-family: 'black';
}

.dia_in{
    padding: 0px 0px 0px 30px;
    font-size: 0px;
    line-height: 40px;
    position: relative;
}

.dia ul{
    padding-left: 80px;
}

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

.dia ul strong{
    width: 90px;
    font-family: 'book';
    opacity: 0.7;
}

.dia ul span{
    width: calc(100% - 90px);
    font-family: 'bold';
}

.dia_marco{
    position: absolute;
    left: 30px;
    top: 30px;
    font-size: 80px;
    font-family: 'black';
    transform: rotate(-90deg) translate(-45px, -55px);
}

.dia_2{
    margin-top: 100px;
}

.local_info{
    padding: 20px 0px 300px 0px;
}

.local_info_txt{
    font-size: 40px;
}

.local_info_txt strong{
    font-family: 'black';
    font-size: 60px;
    display: inline-block;
    padding-bottom: 10px;
}

.fim_mapa img{
    margin-top: -200px;
}

.fim_info{
    padding: 100px 0px 0px 0px;
    font-size: 60px;
    font-family: 'black';
}

.bt_dicas{
    color: #9f75fe;
    font-family: 'medium';
    font-size: 30px;
    margin: 75px 0px;
    display: block;
    text-decoration: underline;
    cursor: pointer;
}

.bt_dicas:hover{
    opacity: 0.6;
}

.logo_fim{
    max-width: 120px;
}

.fim_imagem{
    font-size: 0;
}


/* --------------------------------- */
/* lightbox */
.lb.animated {
    animation-duration: .3s;
}
.lb{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    display: none;
    overflow: hidden;
}
.lb_frame{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: auto;
}

.lb_area{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
}

.lb_cortina{
    background: red;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(23, 14, 83, 0.8);
    opacity: 1;
}

.lb_hm .lb_cortina{
    background: #fff;
}

.lb_anim_arranque{
    display: block;
}

.lb_anim_arranque .lb_frame{
    margin-top: -100vh;
}
.lb_anim_aberto .lb_frame{
    margin-top: 0px;
}
.lb_anim_fechado .lb_frame{
    margin-top: 100vh;
}

.lb_anim_arranque .lb_cortina{
    opacity: 0;
}
.lb_anim_aberto .lb_cortina{
    opacity: 1;
}
.lb_anim_fechado .lb_cortina{
    opacity: 0;
}

.lb_x{
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    z-index: 2;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.3);
    transition: all 300ms ease-out;
    cursor: pointer;
}

.lb_hm .lb_x{
    position: fixed;
    right: 10px;
    top: 10px;
}

.lb_x:before,
.lb_x:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 2px;
    background: #999;
    transform: rotate(45deg);
    margin-left: -9px;
    margin-top: -1px;
    border-radius: 2px;
}
.lb_x:after{
    transform: rotate(-45deg);
}
.lb_x:hover{
    transform: scale(1.3,1.3);
}
.lb_in{
    width: 100vw;
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    flex-wrap: wrap;
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 20px;
}

.lb_hm .lb_in{
    padding: 0px;
}

.lb_cont{
    width: auto;
    max-width: 900px;
    display: block;
    margin: 0px auto;
    position: relative;
    box-sizing: border-box;
    flex: auto;
    padding: 60px;
    font-size: 25px;
    line-height: 30px;
    font-family: 'book';
}

.lb_cont strong{
    font-family: 'black';
}

.lb_hm .lb_cont{
    max-width: 100%;
    padding: 0px;
}


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

/* --------------------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* --------------------------------- */
/* Responsive */


@media (max-width: 1280px){
    .banner_social img{
        width: 40px;
    }
    .banner_hashtag > div{
        font-size: 30px;
    }

    .mapa_cx_1 .mapa_cx_icon {
        right: -10vw;
        width: 35vw;
        bottom: -15vw;
    }

    .bt_avalia{
        font-size: 25px;
    }
}


@media (max-width: 768px){
    .header_txt{
        width: 60%;
    }

    .header_txt img{
        width: 90%;
    }

    .header_logo{
        width: 40%;
        text-align: right;
    }

    .header_logo img{
        width: 75%;
    }

    .wp_header{
        margin-top: 30px;
    }

    .banner_txts{
        max-width: 100%;
        padding-top: 150px;
    }

    .banner_tags {
        margin-top: 470px;
    }

    .wp_banner{
        background-size: 100% auto;
    }

    .bt_avalia{
        text-align: center;
    }

    .guerreiros_txt{
        width: 75%;
    }

    .guerreiros_icon{
        width: 25%;
    }

    .guerreiros_icon img{
        max-width: 200px;
        transform: rotate(15deg);
    }

    .guerreiros_txt h1{
        font-size: 30px;
    }

    .bt_alvo{
        font-size: 30px;
    }

    .mapa_cx{
        padding: 100px 0px;
        font-size: 25px;
    }

    .mapa_cx_1 .mapa_cx_icon {
        right: 20vw;
        width: 55vw;
        bottom: -39vw;
    }

    .mapa_cx_2 .mapa_cx_icon {
        top: 100%;
        width: 30%;
        transform: translateY(-50%) rotate(10deg);
    }

    .mapa_cx_3 .mapa_cx_icon {
        top: 100%;
        width: 16%;
        right: 30%;
        transform: translateY(-50%) rotate(60deg);
    }

    .mapa_cx_4 .mapa_cx_icon {
        top: 90%;
        width: 30%;
        transform: translateY(-30%) rotate(30deg);
        left: 50%;
    }

    .smile {
        width: 24px;
    }

    .clas_tit{
        font-size: 80px;
        padding-bottom: 50px;
    }

    .clas_tit span{
        display: block;
    }

    .clas > .it.cla{
        width: 100%;
    }

    .cla_img img{
        max-width: 75px;
    }

    .cla_img{
        font-size: 20px;
    }

    .cla h2{
        font-size: 30px;
    }

    .agenda_1{
        font-size: 25px;
    }

    .agenda_1 strong{
        font-size: 32px;
        margin-bottom: 10px;
    }

    .agenda_2_in{
        font-size: 60px;
    }

    .dias{
        margin-left: -30px;
        margin-right: -20px;
    }

    .dia ul{
        padding-left: 40px;
    }

    .dia_marco{
        font-size: 60px;
        transform: rotate(-90deg) translate(-20px, -72px);
    }

    .dias > .it.dia{
        width: 100%;
    }

    .dia ul strong, .dia ul span{
        display: block;
        width: 100%;
    }

    .dia ul strong{
        font-size: 18px;
        line-height: 20px;
    }

    .dia ul span{
        font-size: 25px;
        line-height: 25px;
        padding-bottom: 15px;
    }

    .wp_agenda{
        background-attachment: fixed;
    }

    .local_info > .it{
        width: 100%;
    }

    .local_info_icon img{
        width: 20%;
    }

    .local_info_icon{
        padding-top: 30px !important;
        padding-bottom: 15px !important;
    }

    .local_info_txt{
        font-size: 30px;
    }

    .local_info_txt strong{
        font-size: 50px;
    }

    .fim_mapa{
        margin-left: -25px;
        margin-right: -25px;
    }

    .fim_mapa img{
        margin-top: -100px;
    }

    .fim_info > .it{
        width: 100%;
    }

    .fim_textos h1{
        font-size: 40px;
    }

    .logo_fim{
        padding-bottom: 100px;
    }

    .lb_cont{
        padding: 20px;
        font-size: 20px;
        line-height: 25px;
    }

}