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

body, html{
  overflow-x: hidden;
}



/*
    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
    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}


select,
input,
label:before,
label:after,
.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: 'bold', sans-serif;
    font-size: 18px;
}

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: 700px;
}

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

/*
   ██████████   ███   ███   ███   ██████████  
   ██████████░░ ███░░ ███░░ ███░░ ██████████░░
   ████░░░░░░░░ ███░░ ███░░ ███░░ ████░░░░░░░░
   ██████████   ███░░ ███░░ ███░░ ██████████  
   ██████████░░ ███░░ ███░░ ███░░ ██████████░░
     ░░░░████░░ ███░░ ███░░ ███░░   ░░░░████░░
   ██████████░░ ███████████████░░ ██████████░░
   ██████████░░ ███████████████░░ ██████████░░
     â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘  â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘   â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘â–‘
*/


.azul_escuro{
    color: #382F83;
}
.bg_azul_escuro{
    background: #382F83;
}
.bg_azul_escuro.hover:hover,
.bg_azul_escuro_alt{
    background: #2C2566;   
}


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


.verde{
    color: #40DDA6;
}
.bg_verde{
    background: #40DDA6;
}
.bg_verde.hover:hover,
.bg_verde_alt{
    background: #1FCE91;   
}


.cinza_escuro{
    color: #4F4F57;
}
.bg_cinza_escuro{
    background: #4F4F57;
}
.bg_cinza_escuro.hover:hover,
.bg_cinza_escuro_alt{
    background: #404046;   
}


.cinza{
    color: #506676;
}
.bg_cinza{
    background: #506676;
}
.bg_cinza.hover:hover,
.bg_cinza_alt{
    background: #435663;   
}


.cinza_claro{
    color: #8897A2;
}
.bg_cinza_claro{
    background: #8897A2;
}
.bg_cinza_claro.hover:hover,
.bg_cinza_claro_alt{
    background: #6D7F8C;   
}


.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: #F5F8FA;
}
.bg_agua{
    background: #F5F8FA;
}
.bg_agua.hover:hover,
.bg_agua_alt{
    background: #dfe3e5;
}

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

.radius{
    border-radius: 4px;
}

.titulo_1{
    font-size: 50px;
    line-height: 50px;
    font-family: 'black';
}

.titulo_2{
    font-size: 35px;
    line-height: 40px;
    font-family: 'black';
}

.titulo_3{
    font-size: 25px;
    line-height: 30px;
    font-family: 'black';
}

.titulo_4{
    font-size: 22px;
    line-height: 35px;
    font-family: 'black';
}

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

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

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

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

.mw{
    max-width: 550px;
}

.mb5{
    margin-bottom: 5px;
}

.mb10{
    margin-bottom: 10px;
}

.mb15{
    margin-bottom: 15px;
}

.mb30{
    margin-bottom: 30px;
}

.mb60{
    margin-bottom: 60px;
}

.mb90{
    margin-bottom: 90px;
}


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


.txt,
.txt p{
    font-size: 21px;
    line-height: 30px;
    display: block;
    min-height: 30px;
}

.txt a{
    text-decoration: underline;
}

.txt a:hover{
    text-decoration: none;
}


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

:root{
    --aba: 450px;
}


.aba{
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: var(--aba);
    background-size: auto 50vh;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.aba_in{
    height: 50vh;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.aba_pos{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding: 30px;
    text-align: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.aba_pos img{
    max-width: 150px;
    margin-bottom: 30px;
}

.aba_tit{
    font-size: 50px;
    font-family: 'black';
    line-height: 50px;
}

.titulo_aba{
  padding: 20px;
}

.pirilampo{
  margin-left: -30%;
  width: 120%;
}

.action{
    margin-right: var(--aba);
    position: relative;
    min-height: 100vh;
    box-sizing: border-box;
    padding: 30px;
    vertical-align: center;
}

.action_box{
    margin: 0px auto;
    max-width: 750px;
}

.logotipo{
    max-width: 100px;
}

.conteudo{
    margin: 60px 0px;
}

.form_select,
.form_texto{
    border: 1px solid rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.02);
    box-sizing: border-box;
    padding: 10px 15px;
    width: 100%;
    margin: 10px 0px;
    color: #4F4F57;
    font-size: 20px;
    font-family: 'bold';
}

.form_el > div{
  margin: 10px 0px;
  width: 100%;
}

.form_texto:readonly{
    pointer-events: none;
}

.form_select:hover,
.form_texto:hover{
    border-color: #f16f63;
}

.form_select:focus,
.form_texto:focus{
    color: #f16f63;
    border-color: #f16f63;
    background: #fff;
}

.form_tit{
    margin-bottom: 5px;
}

.form_legenda{
    font-family: 'medium';
    font-size: 16px;
}

.form_checkbox{
    position: relative;
}

.form_checkbox input{
    display: none;
}

.form_checkbox label{
    padding-left: 40px;
    display: block;
    cursor: pointer;
}

.margem_checkbox{
    padding-left: 40px;
}

.form_checkbox label:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.02);
    top: 50%;
    transform: translateY(-50%);
}

.form_checkbox label:hover:before{
    border-color: #40DDA6;
}

.form_checkbox label:after{
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 12px;
    border: 4px solid white;
    left: 6px;
    top: 50%;
    border-left: 0;
    border-top: 0;
    transform: translateY(-11px) rotate(45deg);
}

.form_checkbox input:checked+label:before{
    background: #40DDA6;
    border-color: #40DDA6;
}

.form_checkbox label a{
  color: inherit;
  text-decoration: underline;
}

.form_checkbox label a:hover{
  text-decoration: none;
}

.metodos{
    margin-top: 30px;
}

.metodo img{
    height: 35px;
}

.metodo{
    position: relative;
}

.metodo input{
    display: none;
}

.metodo label{
    padding-left: 40px;
    display: block;
    cursor: pointer;
    font-size: 0px;
}

.metodo label:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.02);
    top: 50%;
    transform: translateY(-50%);
}

.metodo label:hover:before{
    border-color: #f16f63;
}

.metodo label:after{
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 10px;
    border: 3px solid white;
    left: 8px;
    top: 50%;
    border-left: 0;
    border-top: 0;
    transform: translateY(-9px) rotate(45deg);
}

.metodo input:checked+label:before{
    background: #f16f63;
    border-color: #f16f63;
}

.frame_botoes{
    margin-top: 30px;
}

.botao{
    display: inline-block;
    padding: 15px;
    min-width: 140px;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    font-family: 'black';
    border-radius: 4px;
    cursor: pointer;
}

.botao.outline{
  border: 2px solid;
  box-sizing: border-box;
}

.botao.outline:hover{
  opacity: 0.75;
}

.swslb_botoes{
  padding: 20px 0px;
  font-size: 0px;
}

.swslb_botoes .botao{
  margin-right: 10px;
}

.bloco{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(0,0,0,0.15);
}

.form_el{
    position: relative;
}

.form_el.pequeno{
    max-width: 120px;
}

.barra{
    height: 70px;
    line-height: 70px;
    display: block;
    font-size: 30px;
}

.pagamento_icon{
    max-width: 120px;
}

.titulo_pagamento{
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.swslb{
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  overflow: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  padding: 20px;
}

.swslb_overlay{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

.ct_swslb{
  min-height: calc(100vh - 40px);
}

.swslb_mensagem{
  background: #fff;
  margin: 0px auto;
  z-index: 2;
  position: relative;
  max-width: 800px;
  padding: 60px;
}

.icon_aviso{
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  margin-right: 10px;
  font-size: 80%;
}


table.ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker-next,
.ui-datepicker-prev {
    display: none;
}

.ui-datepicker .ui-datepicker-title select {
    width: 49%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0;
}


.ui-datepicker .ui-datepicker-title{
    margin-bottom: 20px;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
    margin-right: 2%;
}

.ui-datepicker-calendar tr th,
.ui-datepicker-calendar tr td{
    text-align: center;
    padding: 5px 0px;
}


.ui-state-default{
    font-family: 'book';
    text-decoration: line-through;
    padding: 0px 5px;
}

a.ui-state-default{
    color: #506676;
    font-family: 'medium';
    text-decoration: none;
    cursor: pointer;
    border-radius: 2px;
}

a.ui-state-default:hover{
    background: rgba(0,0,0,0.05);
}
.ui-state-default.ui-state-active:hover,
.ui-state-default.ui-state-active{
    font-family: 'black';
    background: #f16f63;
    color: #fff;
}


.loading{
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.7);
}

.loading:before{
    content: "";
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background-image: var(--url_loading);
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.erro{
    padding-top: 15px;
    margin: 5px 0px;
}


.bloco_inicial .ct_d2 .it.vazio {
    padding: 0;
}



@media (max-width: 1366px){
    :root{
        --aba: 350px;
    }

    .aba_tit{
        font-size: 40px;
        line-height: 40px;
    }

    .aba_pos img{
        max-width: 120px;
        margin-bottom: 15px;
    }
}

@media (max-width: 1180px){
    :root{
        --aba: 300px;
    }

    .titulo_1{
        font-size: 40px;
        line-height: 40px;
    }

    .titulo_2{
        font-size: 30px;
        line-height: 35px;
    }

    .titulo_3{
        font-size: 25px;
        line-height: 30px;
    }

    .pagamento_icon{
        max-width: 100px;
    }
}

@media (max-width: 768px){
    :root{
        --aba: 0px;
    }

    .titulo_1{
        font-size: 35px;
        line-height: 35px;
    }

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

    .titulo_3{
        font-size: 22px;
        line-height: 25px;
    }

    .aba{
        position: relative;
        width: 100%;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: auto;
        height: auto;
        background-position: right bottom;
        background-size: auto 100%;
    }

    .aba_in{
        height: auto;
        position: relative;
        width: 50%;
    }

    .aba_pos{
        position: relative;
        transform: none;
        top: 0;
    }

    .aba_pos img{
        width: 60px;
    }

    .aba_tit{
        font-size: 22px;
        line-height: 22px;
    }

    .logotipo{
        max-width: 80px;
    }

    .bloco_in > .ct > .it,
    .metodos > .ct > .it,
    .form > .ct > .it{
        width: 100%;
    }

    .iti,
    .telefone{
        width: 100%;
    }

  .aba_pirilampo .titulo_1{
    text-align: left;
    position: relative;
    z-index: 2;
    max-width: 300px;
  }

  .pirilampo{
    margin-left: 60%;
    width: 50%;
    margin-top: -40vw;
    margin-bottom: -30vw;
  }

  .bloco{
    border: none;
  }

  .bloco_calendario > .ct > .it{
    width: 100%;
  }

  .titulo_4{
    line-height: 22px;
  }

  .form_checkbox label{
    font-size: 14px;
  }

  .form_checkbox label:before{
    top: 0;
    transform: none;
  }

  .form_checkbox label:after{
    top: 12px;
  }

  .swslb_mensagem{
    padding: 20px;
  }

  .swslb_botoes{
    padding: 30px 0px;
  }

  .swslb_botoes .botao{
    min-width: 110px;
  }
}