@font-face{
    font-family:'publica-sans';
    src:url('../font/publica-sans.woff2') format('woff2'), url('../fonts/publica-sans.woff') format('woff');
    font-weight:normal;
    font-style:normal}

*{
    outline:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box}

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, asd, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline}

/* HTML5 display-role reset for older browsers */
article, asd, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}

ol, ul{list-style:none}

blockquote, q{quotes:none}

blockquote:before, blockquote:after, q:before, q:after{
    content:"";
    content:none}

table{
    border-collapse:collapse;
    border-spacing:0}

body{
    font-family:'publica-sans', Arial, Helvetica, sans-serif;
    line-height:1.6;
    font-size:16px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    counter-reset:section}

/* gerais */
::-moz-selection{
    background:#111;
    color:#fff}

::selection{
    background:#111;
    color:#fff}

.bg{background-color:#111}

a{text-decoration:none}

a{position:relative!important}

a::-moz-focus-inner{border:none}

input, textarea, button, select, a{
    -webkit-tap-highlight-color:rgba(0,0,0,0)}

/*centralizar*/
.cnt{
    /*max-width:480px;*/
    margin-left:auto;
    margin-right:auto}

.cnt-v{
    position:absolute!important;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)}

.txt-lt{
    -webkit-box-pack:start!important;
    -ms-flex-pack:start;!important;
    justify-content:flex-start!important;
    -ms-flex-line-pack:start!important;
    align-content:flex-start!important;
    -webkit-box-align:start!important;
    -ms-flex-align:start!important;
    align-items:flex-start!important;
    text-align:left}

.txt-rt{
    -webkit-box-pack:end!important;
    -ms-flex-pack:end!important;
    justify-content:flex-end!important;
    -ms-flex-line-pack:end!important;
    align-content:flex-end!important;
    -webkit-box-align:end!important;
    -ms-flex-align:end!important;
    align-items:flex-end!important;
    text-align:right}

.txt-ct{
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important;
    -ms-flex-line-pack:center!important;
    align-content:center!important;
    -webkit-box-align:center!important;
    -ms-flex-align:center!important;
    align-items:center!important;
    text-align:center}

.nivel-1{
    font-size:24px;
    color:#333}

.nivel-2{
    font-size:20px;
    color:#666}

.nivel-3{
    font-size:16px;
    color:#999}

.cnt, .col{
    position:relative;
    width:100%;
    clear:both}

.col > div[class^="col"]{
    margin-top:10px;
    margin-bottom:10px}

.col > div > div:not(.col-10-10):first-child, .col > div:not(.col-10-10):first-child{
    margin-left:0;
    margin-right:10px}

.col > div > div:not(.col-10-10):last-child, .col > div:not(.col-10-10):last-child{
    margin-left:10px;
    margin-right:0}

 .col, .col > div, .d-lt{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row;
    flex-flow:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-line-pack:distribute;
    align-content:space-around}

.col-10-10{width:100%}

.col-9-10{width:90%}

.col-8-10{width:80%}

.col-7-10{width:70%}

.col-6-10{width:60%}

.col-5-10{width:50%}

.col-4-10{width:40%}

.col-3-10{width:30%}

.col-2-10{width:20%}

.col-1-10{width:10%}

.col > div > div[class^="col"]{
    position:relative;
    padding:20px}

.col > div ul li:before, .col > div > div ul li:before{
    display:inline-block;
    content:"";
    width:20px;
    height:20px;
    margin-right:10px;
    /*centizando*/
    line-height:20px;
    text-align:center;
    border-radius:100px;
    background-color:#0CF;
    color:#fff;
    /*fazendo a contagem*/
    counter-increment:section;
    content:counter(section);
    font-size:0.875em}
    
/*.col:last-child input{border-bottom:none!important}*/

/*separador*/
.separador{
    margin:20px 0;
    border-bottom:1px solid #ddd; 
    height:1px}

.lt-sd{
    position:fixed;
    height:100%;
    left:0;
    top:0}

.mg-rt{margin-right:16px}

.mg-lt{margin-left:16px}

/*formularios*/
form, .col label{width:100%}

.col input, .col label, .col select, .col textarea{display:block}

.col label{margin-bottom:5px}

.col select{
    background:url(../img/select-icon.png) right no-repeat;
    background-size:auto;
    -webkit-appearance:none}

.col textarea{
    height:120px;
    overflow-y:scroll}

.col input[type=tel], .col input[type=date], .col input[type=email], .col input[type=password], .col input[type=submit], .col input[type=text], .col select, .col textarea{
    width:100%;
    border:1px solid #fff;
    border-bottom-color:#999;
    background-color:#fff;
    color:#999;
    font-family:'publica-sans', Arial, Helvetica, sans-serif;
    line-height:1.4;
    font-size:16px;
    resize:none;
    padding:16px 20px;
    border-radius:3px}

::-webkit-input-placeholder { /* Edge */
  color:#ccc}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#ccc}

::placeholder {
  color:#ccc}

.col-100 input[type=button], .col-100 input[type=submit]{
    margin-top:25px}

.col input[readonly], .col textarea[readonly]{
    border-top-color:transparent;
    border-left-color:transparent;
    border-right-color:transparent;
    padding:16px 0;
    color:#ccc}

.col input[type=tel]:focus, .col input[type=date]:focus, .col input[type=email]:focus, .col input[type=password]:focus, .col input[type=text]:focus, .col select:focus, .col textarea:focus{
    border-bottom-color:#c1272d}

.col > div:focus-within > label{
    transition:all 250ms ease;
    color:#666}

@media (max-width:1920px){
    .clear, .col, .col > div[class^="col"]{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-line-pack:stretch;
        align-content:stretch}
    
    .col > div > div:not(.col-10-10):first-child, .col > div:not(.col-10-10):first-child{
        margin-left:0;
        margin-right:0}
    
    .col > div > div:not(.col-10-10):last-child, .col > div:not(.col-10-10):last-child{
        margin-left:0;
        position:relative;
        margin-right:0}
    
    .col > div > div:not(.col-10-10):first-child{margin-bottom:10px}
    
    .col > div > div:not(.col-10-10):last-child{margin-top:10px}
    
    .col > div, .col > div > div{
        width:100%;
        float:none;
        clear:both}
}