/* CSS3 */

/*------------------------------------ GERAL ------------------------------------------*/
* {
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Remover Marcas azul CSS */
    font-weight: normal;
    
    background-repeat: repeat;
    font-family: "GLACIAL-INDIFFERENCE", Verdana, Arial, sans-serif;
    font-size: 18px;
    color: #262626;
    
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

h1, h2 {
    font-family: "SIFONN_PRO", Verdana, Arial, sans-serif;
}

strong {
    font-weight: bold;
}

.ds_none{
    display: none !important;
}

@font-face {
    font-family: 'GLACIAL-INDIFFERENCE';
    src: url('fonts/GLACIAL-INDIFFERENCE.eot');
    src: url('fonts/GLACIAL-INDIFFERENCE.TTF') format('truetype'), url('fonts/GLACIAL-INDIFFERENCE.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SIFONN_PRO';
    src: url('fonts/SIFONN_PRO.eot');
    src: url('fonts/SIFONN_PRO.TTF') format('truetype'), url('fonts/SIFONN_PRO.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Alterar a cor do placeholder */
    ::-webkit-input-placeholder {
        font-family: Verdana, Arial, sans-serif;
        font-size: 16px;
        color: #000000;
	opacity: 0.7;
            filter: alpha(opacity=7);
    }

    :-moz-placeholder { /* Firefox 18- */
        font-family: Verdana, Arial, sans-serif;
        font-size: 16px;
        color: #000000;
	opacity: 0.7;
            filter: alpha(opacity=7);
    }

    ::-moz-placeholder {  /* Firefox 19+ */
        font-family: Verdana, Arial, sans-serif;
        font-size: 16px;
        color: #000000;
	opacity: 0.7;
            filter: alpha(opacity=7);
    }

    :-ms-input-placeholder {  
        font-family: Verdana, Arial, sans-serif;
        font-size: 16px;
        color: #000000;
	opacity: 0.7;
            filter: alpha(opacity=7);
    }

html, body {
    width: 100%;
    height: 100%;
}

/*cabeçalho-topo, 	menu, 	conteudo-principal, 	sessões-blocos, 	chamadas, 	rodapé, 	figura*/
header, 		nav, 	section, 		article, 		aside, 		footer, 	figure {
}

button,
input[type='submit'],
input[type='button'] {
    cursor: pointer;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

a:hover,
button:hover,
input[type='submit']:hover,
input[type='button']:hover,
input:focus {
    outline: none;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.corBrancosvg path, 
.corBrancosvg circle, 
.corBrancosvg rect
.corBrancosvg line, 
.corBrancosvg polyline, 
.corBrancosvg polygon, 
.corBrancosvg path, 
.corBrancosvg text {
    fill: #FFF;
}

/* WHATSAPP
================================================== */

a.btWhatsApp {
    background-color: #4dc247;

    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);

    opacity: 1;
    filter: alpha(opacity=10);

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    position: fixed;
    z-index: 1;
    top: auto;
    width: 50px;
    height: 50px;
    bottom: 15px;
    right: 15px;
} 
a.btWhatsApp svg {
    width: 26px;
    height: 26px;
    margin-top: 12px;
    margin-left: 12px;
}

/* FIM WHATSAPP
================================================== */


/* GERAL
================================================== */
    
    div.centralizarBtsGeral{
        text-align: center;
        padding: 80px 0;
    }
        div.centralizarBtsGeral a {
            padding: 15px 40px;
            font-size: 27px;
            color: #FFF;
            -webkit-border-radius: 2em;
               -moz-border-radius: 2em;
                    border-radius: 2em;
        }
        
        div.centralizarBtsGeral a.btGG {
            background: #FF8000;
            padding: 45px 50px;
        }
        div.centralizarBtsGeral a.btG {
            background: #FF8000;
        }
        div.centralizarBtsGeral a.btM {
            background: #7EAE2E;
        }
        
    section.bgCadastroConfirmado {
        display: none;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('img/bgTopo.png');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        padding-bottom: 120px; 
    }
        section.bgCadastroConfirmado header {
            text-align: center;
            max-width: 650px;
            padding: 0 20px;
            margin: 0 auto;
        }
            section.bgCadastroConfirmado header h1 {
                padding-top: 160px;
                padding-bottom: 20px;
            }
                section.bgCadastroConfirmado header h1 span {
                    font-size: 52px;
                    color: #C9E065;
                    font-weight: normal;
                }
                    section.bgCadastroConfirmado header h1 span u {
                        font-size: inherit;
                        color: inherit;
                        text-decoration: underline;
                    }
            section.bgCadastroConfirmado header p {
                font-size: 37px;
                color: #C9E065;
                padding-bottom: 30px;
            }
                section.bgCadastroConfirmado header p span {
                    font-size: inherit;
                    color: #FF7F00;
                }
    
    section.bgTopo {
        background: url(img/bgTopo.png) no-repeat;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    }
        section.bgTopo img.naoPerca {
            position: absolute;
            right: 40px;
            top: 40px;
            height: 140px;
        }
        section.bgTopo header {
            display: flex;
                justify-content: space-between;
            margin: 0 auto;
            padding-top: 200px;
            width: 1014px;
        }
            section.bgTopo header h1 {
                display: none;
            }
            section.bgTopo header img.logoMes {
                width: 404px;
            }
            section.bgTopo header div.video {
                width: 537px;
            }
                section.bgTopo header div.video video {
                    width: 100%;

                }
                section.bgTopo header div.video p {
                    text-align: center;
                    font-size: 20px;
                    color: #C9DF65;
                }
    
    section.quemSou {
        background: #F3F3F3 url(img/bgQuemSou.png) no-repeat;
        
        -webkit-background-size: 100% 159px;
           -moz-background-size: 100% 159px;
             -o-background-size: 100% 159px;
                background-size: 100% 159px;
    }
        section.quemSou header {
            text-align: center;
            padding-top: 25px;
        }
            section.quemSou header h1 {
                font-size: 31px;
                color: #FFF;
                margin-bottom: 5px;
            }
            section.quemSou header p {
                font-size: 27px;
                color: #FFF;
            }
            
        section.quemSou article {
            width: 1024px;
            margin: 0 auto;
            margin-top: 120px;
            display: flex;
                justify-content: space-between;
        }
            div.fotoQuemSou {

            }
                section.quemSou article img {
                    margin-top: 10px;
                }
                section.quemSou article aside {
                    width: 625px;
                }
                    section.quemSou article aside h2 {
                        color: #007239;
                        font-size: 31px;
                    }
                    section.quemSou article aside p {
                        font-size: 18px;
                        padding-bottom: 20px;
                    }
            
    section.paraQuem {
        
    }
        section.paraQuem header {
            text-align: center;
            padding-top: 60px;
            
        }
            section.paraQuem header h1 {
                font-size: 33px;
                color: #007239;
                border-bottom: 3px #FF8000 solid;
                display: inline;
            }
            section.paraQuem header p {
                margin-top: 10px;
                margin-bottom: 40px;
                font-size: 16px;
            }
            
        section.paraQuem article {
            width: 1050px;
            margin: 0 auto;
            display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
        }
            section.paraQuem article aside {
                width: 480px;
                padding-left: 140px; 
                margin-bottom: 50px;
                background-position: 0 50px !important;
            } section.paraQuem article aside.ico1 {
                background: url(img/icoBasico.png) no-repeat;
            } section.paraQuem article aside.ico2 {
                background: url(img/icoIntermediario.png) no-repeat;
            } section.paraQuem article aside.ico3 {
                background: url(img/icoAvancado.png) no-repeat;
            } section.paraQuem article aside.ico4 {
                background: url(img/icoEspecialista.png) no-repeat;
                background-position: 0 45px !important;
            }
                section.paraQuem article aside h2 {
                    font-size: 20px;
                    width: 235px;
                    margin-bottom: 15px;
                    border-bottom: 3px #FF8000 solid;
                }
                section.paraQuem article aside p {

                }
                
            section.paraQuem div.centralizarBtsGeral {
                padding-top: 30px;
            }
            
    section.confira {
        background:  url(img/bgConfira.png) no-repeat;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        padding: 0 30px;
    }
        section.confira header {
            text-align: center;
            padding-top: 80px;
        }
            section.confira header h1 {
                font-size: 44px;
                color: #FFF;
                border-bottom: 3px #FF8000 solid;
                display: inline;
            }
            section.confira header p {
                margin-top: 10px;
                margin-bottom: 40px;
                font-size: 16px;
                color: #FFF;
            }
            
        section.confira article {
            padding: 30px;
            max-width: 1050px;
            margin: 30px auto;
            background: #FFF;
            -webkit-border-radius: 2em;
               -moz-border-radius: 2em;
                    border-radius: 2em;
            display: flex;
        }
            section.confira article div {
                background: #FF8000;
                -webkit-border-radius: 1.5em;
                   -moz-border-radius: 1.5em;
                        border-radius: 1.5em;
                margin-right: 30px;
                padding: 10px;
                display: flex;
                align-items: center;

            }
                section.confira article div img {
                    width: 80px;
                    margin: 5px;
                }
            section.confira article aside {

            }
                section.confira article aside h2 {
                    margin-bottom: 10px;
                }
                section.confira article aside p {
                    font-size: 17px;
                }
                
        section.confira div.centralizarBtsGeral {
            padding-top: 30px !important;
        }
            
    section.querContinuar {
        background: #F3F3F3;
        padding: 0 20px;
        padding-bottom: 100px;
    }
        section.querContinuar header {
            text-align: center;
            padding-top: 60px;
        }
            section.querContinuar header h1 {
                font-size: 31px;
                color: #007239;
                border-bottom: 3px #FF8000 solid;
                display: inline;
            }
            section.querContinuar header p {
                margin-top: 10px;
                margin-bottom: 40px;
                font-size: 16px;
            }
            
        section.querContinuar article {
            padding: 30px;
            max-width: 990px;
            margin: 30px auto;
            padding-top: 50px;
            text-align: center;
            background: #01723A;
            -webkit-border-radius: 2em;
               -moz-border-radius: 2em;
                    border-radius: 2em;
        }
            section.querContinuar article svg {
                width: 45px;
            }
            section.querContinuar article p {
                color: #FFF;
                font-size: 20px;
                margin: 7px 0;
            }
            section.querContinuar article h2 {
                color: #FFF;
                font-size: 30px;
                font-family: "GLACIAL-INDIFFERENCE", Verdana, Arial, sans-serif;
            }
                
        section.querContinuar div.centralizarBtsGeral {
            padding-top: 55px;
            padding-bottom: 50px;
        }
            
    section.formCadastro {
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        display: none;
            justify-content: center;
            align-items: center;
        width: 100%;
        height: 100%;
        z-index: 2;
        top: 0;
        left: 0;
    }
        section.formCadastro article {
            position: relative;
            background: #FFF;
            width: 450px;
            padding: 30px;
        }
            section.formCadastro article a.fechar {
                background: #FFF url(img/icoFechar.png) center no-repeat;
                position: absolute;
                right: 10px;
                top: 10px;
                text-align: center;
                padding: 5px;
                width: 18px;
                height: 18px;
                border: 1px #000 solid;
                -webkit-border-radius: 50%;
                   -moz-border-radius: 50%;
                        border-radius: 50%;
            }
        
            section.formCadastro article header {
            }
                section.formCadastro article header h1 {
                    text-align: center;
                    font-weight: bold;
                    font-size: 23px;
                    margin-bottom: 15px;
                }
                section.formCadastro article header p {
                    font-size: 15px;
                    margin-bottom: 7px;
                }

            section.formCadastro article form {

            }
                section.formCadastro article form input {
                    background: #ECF5D8;
                    width: 100%;
                    padding: 10px;
                    margin-bottom: 7px;
                }
                section.formCadastro article form button {
                    background: #FF8000;
                    color: #FFF;
                    margin-top: 20px;
                    margin-bottom: 10px;
                    display: block;
                    width: 100%;
                    padding: 10px;
                }

            section.formCadastro article div {
                display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-basis: 100%;

            }
                section.formCadastro article span {
                    font-size: 13px;

                }
                    section.formCadastro article img {
                        width: 9px;
                        height: auto;
                        margin-right: 5px;
                        margin-top: 2px;
                    }
                    
    section.boxAlert {
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        display: none;
            justify-content: center;
            align-items: center;
        width: 100%;
        height: 100%;
        z-index: 2;
        top: 0;
        left: 0;
    }
        section.boxAlert article {
            position: relative;
            background: #FFF;
            width: 450px;
            padding: 30px;
        }
            section.boxAlert article a.fechar,
            section.boxAlert article a.fecharErro {
                background: #FFF url(img/icoFechar.png) center no-repeat;
                position: absolute;
                right: 10px;
                top: 10px;
                text-align: center;
                padding: 5px;
                width: 18px;
                height: 18px;
                border: 1px #000 solid;
                -webkit-border-radius: 50%;
                   -moz-border-radius: 50%;
                        border-radius: 50%;
            }
        
            section.boxAlert article header {
            }
                section.boxAlert article header h1 {
                    text-align: center;
                    font-weight: bold;
                    font-size: 23px;
                }
            
footer.baseGeral {
    background: #01723A;
    padding: 30px;
    display: flex;
        flex-wrap: wrap;
}
    footer.baseGeral div.grupoRedeSocial {
        margin-bottom: 15px;
        display: flex;
            justify-content: center;
            flex-basis: 100%;
    }

        div.grupoRedeSocial a {
            background: #1A351F;
            opacity: 0.7;
                    filter: alpha(opacity=7);
            margin: 0 7px;
            -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
                            border-radius: 50%;

            width: 38px;
            height: 38px;

            display: flex;
                justify-content: center;
                align-items: center;
        }

        div.grupoRedeSocial a:hover {
            opacity: 1;
                    filter: alpha(opacity=10);
        }

            div.grupoRedeSocial a svg {
                width: 20px;
            }

                div.grupoRedeSocial a svg path {
                    fill: #FFF;
                }

    footer.baseGeral p {
        font-size: 16px;
        color: #FFF;
        text-align: center;
        flex-basis: 100%;
    }
        footer.baseGeral p a {
            font-size: inherit;
            color: inherit;
            text-align:  inherit;
        }

/* FIM GERAL
================================================== */

/* Responsivo
================================================== */

@media (max-width: 1100px) {
    section.bgTopo header {
        flex-wrap: wrap;
            justify-content: center;
        width: 95%;
        padding-top: 100px;
    }
        section.bgTopo header img.logoMes {
            display: block;
            margin: 0 50px;
            margin-bottom: 50px;
        }

    section.quemSou {
        background-position: center top;
        -webkit-background-size: auto;
           -moz-background-size: auto;
             -o-background-size: auto;
                background-size: auto;
    }
    section.quemSou article {
        width: 90%;
    }
    
    section.quemSou article img {
    }
    section.quemSou article aside {
        width: calc(90% - 340px);
    }
    
    section.paraQuem article {
        width: 95%;
            justify-content: center;
    }
    section.paraQuem article aside {
        width: 670px;
    }
}

@media (max-width: 720px) {
    section.bgTopo img.naoPerca {
        height: 100px;
    }
    
    section.bgTopo header img.logoMes {
        width: 264px;
    }
    
    section.bgTopo header div.video {
        width: 100%;
    }
    
    section.bgTopo header video source {
        width: 100%;
    }
    
    section.quemSou {
        background-position: center -30px;
    }
    section.quemSou header h1 {
        font-size: 25px;
    }
    section.quemSou header p {
        font-size: 15px;
    }
    section.quemSou article {
        width: 90%;
        flex-wrap: wrap;
            justify-content: center;
    }
    
    section.quemSou article img {
        margin-bottom: 20px;
    } 
    
    section.quemSou article aside {
        width: 90%;
    } section.quemSou article aside * {
        text-align: center;
    }
    
    section.paraQuem article aside {
        width: 100%;
    }
    section.paraQuem article aside h2 {
        width: 100%;
    }
    
    section.querContinuar article p {
        font-size: 15px;
    }
    section.querContinuar article h2 {
        font-size: 20px;
    }
}

@media (max-width: 500px) {   
    section.bgTopo img.naoPerca {
        top: 20px;
        right: 20px;
    }
    section.bgCadastroConfirmado header h1 span {
        font-size: 42px;
    }
    section.bgCadastroConfirmado header p {
        font-size: 27px;
    }
    
        div.centralizarBtsGeral a {
            padding: 15px 40px;
            font-size: 17px;
            color: #FFF;
            -webkit-border-radius: 2em;
               -moz-border-radius: 2em;
                    border-radius: 2em;
        }
        
    section.confira article {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    section.confira article div {
        margin-bottom: 20px;
        margin-right: 0;
    }
    
    div.centralizarBtsGeral a {
        display: block;
        margin: 0 20px;
    }
    
    section.querContinuar article svg {
        width: 35px;
    }
    
    section.formCadastro article,
    section.boxAlert article {
        width: 100%;
        padding: 30px;
    }
}

/* Fim Responsivo
================================================== */