main#landPrincipal div, main#landPrincipal span, main#landPrincipal applet, main#landPrincipal object, main#landPrincipal iframe,
main#landPrincipal h1, main#landPrincipal h2, main#landPrincipal h3, main#landPrincipal h4, main#landPrincipal h5, main#landPrincipal h6, main#landPrincipal p, main#landPrincipal blockquote, main#landPrincipal pre,
main#landPrincipal a, main#landPrincipal abbr, main#landPrincipal acronym, main#landPrincipal address, main#landPrincipal big, main#landPrincipal cite, main#landPrincipal code,
main#landPrincipal del, main#landPrincipal dfn, main#landPrincipal em, imain#landPrincipal mg, main#landPrincipal ins, main#landPrincipal kbd, main#landPrincipal q, main#landPrincipal s, main#landPrincipal samp,
main#landPrincipal small, main#landPrincipal strike, main#landPrincipal strong, main#landPrincipal sub, main#landPrincipal sup, main#landPrincipal tt, main#landPrincipal var,
main#landPrincipal b, main#landPrincipal u, main#landPrincipal i, main#landPrincipal center,
main#landPrincipal dl, main#landPrincipal dt, main#landPrincipal dd, main#landPrincipal ol, main#landPrincipal ul, main#landPrincipal li,
main#landPrincipal fieldset, main#landPrincipal form, main#landPrincipal label, main#landPrincipal legend,
main#landPrincipal table, main#landPrincipal caption, main#landPrincipal tbody, main#landPrincipal tfoot, main#landPrincipal thead, main#landPrincipal tr, main#landPrincipal th, main#landPrincipal td,
main#landPrincipal article, main#landPrincipal aside, main#landPrincipal canvas, main#landPrincipal details, main#landPrincipal embed, 
main#landPrincipal figure, main#landPrincipal figcaption, main#landPrincipal footer, main#landPrincipal header, main#landPrincipal hgroup, 
main#landPrincipal menu, main#landPrincipal nav, omain#landPrincipal utput, main#landPrincipal ruby, main#landPrincipal section, main#landPrincipal summary,
main#landPrincipal time, main#landPrincipal mark, main#landPrincipal audio, main#landPrincipal video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
main#landPrincipal article, main#landPrincipal aside, main#landPrincipal details, main#landPrincipal figcaption, main#landPrincipal figure, 
main#landPrincipal footer, main#landPrincipal header, main#landPrincipal hgroup, main#landPrincipal menu, main#landPrincipal nav, main#landPrincipal section {
	display: block;
}
main#landPrincipal blockquote, main#landPrincipal q {
	quotes: none;
}
main#landPrincipal blockquote:before, main#landPrincipal blockquote:after,
main#landPrincipal q:before, main#landPrincipal q:after {
	content: '';
	content: none;
}
main#landPrincipal table {
	border-collapse: collapse;
	border-spacing: 0;
}

main#landPrincipal a {
display: block !important;
 float: none !important;
 color:inherit;
 text-decoration: none;
}     

/***************** CLASSES E IDS GERAIS ******************/

main#landPrincipal {
	width: 100%;
    position: relative;
    display: block;
}
main#landPrincipal .container{
    width: 1306px;
    margin: auto;
    padding: 0px 20px;
}
main#landPrincipal .centralizar_img{
    display: block;
    margin: auto;
    text-align: center;    
}
main#landPrincipal .img-responsivo{
    display: block;
    max-width: 100%;
}

main#landPrincipal .mob-imagem{
    display: none;
}
main#landPrincipal .desk-imagem{
    display: block;
}

main#landPrincipal section.mkt-banner{
    display: block;
    position: relative;
}
main#landPrincipal section.mkt-vantagens{
    display: block;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
    float: left;
}
main#landPrincipal section.mkt-vantagens h1{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #030303;
}
main#landPrincipal section.mkt-vantagens p{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #030303;
}
main#landPrincipal .box-motivos{
    position: relative;
    display: block;
    margin-top: 30px;
}
main#landPrincipal .box-itens{
    width: 33.33%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
main#landPrincipal .espacamento{
    padding-left: 15%;
    padding-right: 15%;
}
main#landPrincipal .como-funciona{
    display: block;
    position: relative;
    padding: 40px 0;
    background-image: url(https://static.zattini.com.br/bnn/l_zattini/2019-11-11/897_como-funciona-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    float: left;
}
main#landPrincipal .como-funciona h2{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #FFF;
}
main#landPrincipal .como-funciona p{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #FFF;
}
main#landPrincipal .passos{
    display: block;
    position: relative;
    margin-top: 50px;
}
main#landPrincipal .passo-up{
    float: left;
    width: 20%;
}
main#landPrincipal .passo-down{
    float: left;
    width: 20%;
    margin-top: 120px;
}
main#landPrincipal .cadastre-se{
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}
main#landPrincipal .cadastre-se h2{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #030303;
}
main#landPrincipal .cadastre-se p{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #030303;
}
main#landPrincipal section.form{
    display: block;
    width: 100%;
    float: left;
    background: #f3f5f6;
    padding-top: 50px;
    padding-bottom: 50px;
}
main#landPrincipal .centraliza-form {
    display: table;
    margin: auto;
    width: 58%;
}
@media (max-width:1300px){
    main#landPrincipal .container{
        width: 906px;
    }
}
@media (max-width:930px){
    main#landPrincipal .container{
        width: 650px;
    }
}
@media (max-width:700px){
    main#landPrincipal .container{
        width: 500px;
    }
    main#landPrincipal .espacamento {
        padding-left: 0;
        padding-right: 0;
    }
    main#landPrincipal section.mkt-vantagens h1{
        font-size: 20px;
    }
    main#landPrincipal section.mkt-vantagens p{
        font-size: 14px;
    }
    main#landPrincipal .como-funciona h2{
        font-size: 20px;
    }
    main#landPrincipal .como-funciona p{
        font-size: 14px;
    }
    main#landPrincipal .box-itens{
        width: 50%;
    }
    main#landPrincipal .passo-up{
        width: 100%;
        margin-bottom: 20px;
    }
    main#landPrincipal .passo-down{
        width: 100%;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    main#landPrincipal .centraliza-form {
        width: 100%;
    }
    main#landPrincipal .mob-imagem{
        display: block;
        margin: auto;
    }
    main#landPrincipal .desk-imagem{
        display: none;
    }
    
}
@media (max-width:550px){
    main#landPrincipal .container{
        width: 350px;
    }
    main#landPrincipal .mob-imagem{
        display: block;
       
    }
    main#landPrincipal .desk-imagem{
        display: none;
    }
}
@media (max-width:400px){
    main#landPrincipal .container{
        width: 300px;
    }
}
@media (max-width:320px){
    main#landPrincipal .container{
        width: 270px;
    }
}