/*mobile*/
.div-body {
    background-image: url("../img/bgImg.png");
    background-repeat: no-repeat;
}

footer {
    background-image: url("../img/bgImg.png");
}

.div-carousel-01 {
    position: absolute;
}

.test-carousel {
    height: 500px;
    width: 100%;
}

.div-absolute {
    position: absolute;
}

.div-test {
    background-color: blanchedalmond;
    width: 100%;
    height: 600px;
}

.div-relative {
    position: relative;
}

.div-mapa {
    height: 600px;
}

.div-01 {
    position: absolute;
    height: 350px;
    width: 260px;
    border-width: 10px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    margin-left: 25px;

}

.div-02 {
    background-color: rgb(13, 25, 38);
    position: relative;
    height: 370px;
    width: 250px;
    margin-top: 25px;
}

.div-03 {
    padding: 10px;
}

.div-04 {
    margin-top: 90px;
    margin-left: 10%;
    padding: 10px;
}

.div-05 {
    position: absolute;
    height: 400px;
    width: 260px;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(19, 189, 126);
    margin-left: 20px;


}

.div-06 {
    background-color: rgb(13, 25, 38);
    position: relative;
    height: 350px;
    width: 250px;
    margin-top: 25px;

}

.div-07 {
    padding: 10px;

    margin-top: 80px;
}

.div-08 {
    position: absolute;
    align-items: center;
    height: 110px;
    width: 110px;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(19, 189, 126);

}

.div-09 {
    background-color: rgb(13, 25, 38);
    position: relative;
    height: 110px;
    width: 110px;
    margin-top: 15px;
    margin-left: 15px;

}

.div-10 {
    padding: 10px;

}

.div-11 {
    filter: brightness(50%) blur(4px);
}

.div-12 {
    background-color: rgba(13, 25, 38, 0.6);
}

.div-13 {
    background-color: #ffffff;
    height: 870px;
}

.div-14 {
    height: 1000px;
}

.div-15 {
    background-color: rgb(61, 70, 92);
    height: 600px;
}

.div-16 {
    background-color: rgb(181, 185, 192);
    height: 750px;
}

.div-17 {
    position: absolute;
    height: 400px;
    width: 300px;
    border-width: 10px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    margin-left: 30px;
}

.div-18 {
    background-color: rgb(13, 25, 38);
    position: relative;
    height: 400px;
    width: 300px;
    margin-top: 30px;
}

.div-19 {
    margin-top: 20px;
    padding: 1px;
}

.div-20 {
    padding-top: 10%;
    height: 1000px;
    background-color: rgb(181, 185, 192);
}

.div-21 {
    background-color: #ffffff;
    height: 500px;
    width: 1000px;
}

.div-22 {
    border-style: solid;
    border-color: rgb(181, 185, 192);
    border-width: 1px;
    margin-right: 12px;
    margin-left: 20px;
}

.div-23 {
    background-color: #f5f5f5; 
    height: 2000px;
}

.div-24 {
    height: 800px;
    margin-bottom: 100px;
}

.div-btn {
    border-left: 1px solid rgb(13, 25, 38);
}

.div-btn-01 {
    background-color: black;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    width: 100%;
    padding: 5px;
}

.div-btn-02 {
    background-color: transparent;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    width: 100%;
    padding: 5px;
}

.div-btn-03 {
    background-color: transparent;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    width: 100%;
    padding: 5px;
}

.btn-verde {
    background-color: rgb(19, 189, 126);
    color: #ffffff;
    border-radius: 10px;
    font-weight: bold;
}

.div-contato {
    background-color: transparent;
    border-width: 0.4px;
    border-style: solid;
    border-color: rgb(13, 25, 38);
}

.div-card {
    height: 400px;
}

@font-face {
    font-family: light;
    src: url(../fonte/Avenir_LT_35_Ligh_Regular.ttf);
}

@font-face {
    font-family: heavy;
    src: url(../fonte/Avenir_LT_Std_85_Heavy.otf);
}

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

.font-02 {
    font-family: heavy;
}

.icon-01 {
    height: 25px;
    width: 25px;
}

.icon-02 {
    height: 40px;
    width: 40px;
    filter: grayscale(40%);
}

.icon-03 {
    height: 100%;
    width: 100%;
    filter: invert(100%);
    color: green;
}

.input-01 {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid black;
    width: 100%;

}

.registro {
    background: #348F50;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #56B4D3, #348F50);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #56B4D3, #348F50);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


#logo-footer {
    display: none;
}

#parcerias {
    display: none;
}

#pdfBotao {
    cursor: pointer;
}

/*Tablet*/
@media only screen and (min-width: 720px) {

    .div-body {
        background-image: url("../img/bgImg.png");
        background-repeat: no-repeat;
    }

    footer {
        background-image: url("../img/bgImg.png");
    }

    .div-carousel-01 {
        position: absolute;
    }

    .test-carousel {
        height: 500px;
        width: 100%;
    }

    .div-absolute {
        position: absolute;
    }

    .div-test {
        background-color: blanchedalmond;
        width: 100%;
        height: 600px;
    }

    .div-relative {
        position: relative;
    }

    .div-mapa {
        height: 600px;
    }

    .div-01 {
        position: absolute;
        height: 400px;
        width: 380px;
        border-width: 10px;
        border-style: solid;
        border-color: rgb(255, 255, 255);
        margin-left: 35px;

    }

    .div-02 {
        background-color: rgb(13, 25, 38);
        position: relative;
        height: 400px;
        width: 380px;
        margin-top: 35px;
    }

    .div-03 {
        padding: 10px;
        margin-left: 20%;
    }

    .div-04 {
        margin-top: 90px;
        margin-left: 60px;
        padding: 10px;
    }

    .div-05 {
        position: absolute;
        height: 420px;
        width: 360px;
        border-width: 5px;
        border-style: solid;
        border-color: rgb(19, 189, 126);
        margin-left: 20px;


    }

    .div-06 {
        background-color: rgb(13, 25, 38);
        position: relative;
        height: 370px;
        width: 350px;
        margin-top: 25px;

    }

    .div-07 {
        padding: 10px;
        margin-left: 25%;
        margin-top: 80px;
    }

    .div-08 {
        position: absolute;
        align-items: center;
        height: 110px;
        width: 110px;
        border-width: 5px;
        border-style: solid;
        border-color: rgb(19, 189, 126);

    }

    .div-09 {
        background-color: rgb(13, 25, 38);
        position: relative;
        height: 110px;
        width: 110px;
        margin-top: 15px;
        margin-left: 15px;

    }

    .div-10 {
        padding: 10px;
    }

    .div-11 {
        filter: brightness(50%) blur(4px);
    }

    .div-12 {
        background-color: rgba(13, 25, 38, 0.6);
    }

    .div-13 {
        background-color: #ffffff;
        height: 820px;
    }

    .div-14 {
        height: 1000px;
    }

    .div-15 {
        background-color: rgb(61, 70, 92);
        height: 500px;
    }

    .div-16 {
        background-color: rgb(181, 185, 192);
        height: 750px;
    }

    .div-17 {
        position: absolute;
        height: 430px;
        width: 450px;
        border-width: 10px;
        border-style: solid;
        border-color: rgb(255, 255, 255);
        margin-left: 35px;
    }

    .div-18 {
        background-color: rgb(13, 25, 38);
        position: relative;
        height: 430px;
        width: 450px;
        margin-top: 35px;
    }

    .div-19 {
        padding: 1px;
        margin-left: 20%;
    }

    .div-20 {
        padding-top: 10%;
        height: 1000px;
        background-color: rgb(181, 185, 192);
    }

    .div-21 {
        background-color: #ffffff;
        height: 500px;
        width: 1000px;
    }

    .div-22 {
        border-style: solid;
        border-color: rgb(181, 185, 192);
        border-width: 1px;
        margin-right: 12px;
        margin-left: 20px;
    }

    .div-23 {
        background-color: #f5f5f5;
        height: 765px;
    }

    .div-24 {
        height: 600px;
        margin-bottom: 100px;
    }

    .div-btn {
        border-left: 1px solid rgb(13, 25, 38);
    }

    .div-btn-01 {
        background-color: black;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        width: 100%;
        padding: 5px;
    }

    .div-btn-02 {
        background-color: transparent;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        width: 100%;
        padding: 5px;
    }

    .div-btn-03 {
        background-color: transparent;
        border-style: solid;
        border-color: black;
        border-width: 1px;

        padding: 5px;
    }

    .btn-verde {
        background-color: rgb(19, 189, 126);
        color: #ffffff;
        border-radius: 10px;
        font-weight: bold;
    }

    .div-contato {
        background-color: transparent;
        border-width: 0.4px;
        border-style: solid;
        border-color: rgb(13, 25, 38);
    }

    .div-card {
        height: 400px;
    }

    @font-face {
        font-family: light;
        src: url(../fonte/Avenir_LT_35_Ligh_Regular.ttf);
    }

    @font-face {
        font-family: heavy;
        src: url(../fonte/Avenir_LT_Std_85_Heavy.otf);
    }

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

    .font-02 {
        font-family: heavy;
    }

    .icon-01 {
        height: 25px;
        width: 25px;
    }

    .icon-02 {
        height: 40px;
        width: 40px;
        filter: grayscale(40%);
    }

    .icon-03 {
        height: 100%;
        width: 100%;
        filter: invert(100%);
        color: green;
    }

    .input-01 {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid black;
        width: 100%;

    }

    .registro {
        background: #348F50;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #56B4D3, #348F50);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #56B4D3, #348F50);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    }

    #logo-footer {
        display: none;
    }

    #parcerias {
        display: block;
    }

}

/*Desktop*/
@media only screen and (min-width: 1140px) {

    .div-body {
        background-image: url("../img/bgImg.png");
        background-repeat: no-repeat;
    }

    footer {
        background-image: url("../img/bgImg.png");
    }

    .div-carousel-01 {
        position: absolute;
    }

    .test-carousel {
        height: 500px;
        width: 100%;
    }

    .div-absolute {
        position: absolute;
    }

    .div-test {
        background-color: blanchedalmond;
        width: 100%;
        height: 600px;
    }

    .div-relative {
        position: relative;
    }

    .div-mapa {
        height: 600px;
    }

    .div-01 {
        position: absolute;
        height: 400px;
        width: 380px;
        border-width: 10px;
        border-style: solid;
        border-color: rgb(255, 255, 255);
        margin-left: 35px;

    }

    .div-02 {
        background-color: rgb(13, 25, 38);
        position: relative;
        height: 400px;
        width: 380px;
        margin-top: 35px;
    }

    .div-03 {
        padding: 10px;
    }

    .div-04 {
        margin-top: 90px;
        margin-left: 60px;
        padding: 10px;
    }

    .div-05 {
        position: absolute;
        height: 420px;
        width: 360px;
        border-width: 5px;
        border-style: solid;
        border-color: rgb(19, 189, 126);
        margin-left: 20px;


    }

    .div-06 {
        background-color: rgb(13, 25, 38);
        position: relative;
        height: 370px;
        width: 350px;
        margin-top: 25px;

    }

    .div-07 {
        padding: 10px;
        margin-left: 105px;
        margin-top: 80px;
    }

    .div-08 {
        position: absolute;
        align-items: center;
        height: 110px;
        width: 110px;
        border-width: 5px;
        border-style: solid;
        border-color: rgb(19, 189, 126);

    }

    .div-09 {
        background-color: rgb(13, 25, 38);
        position: relative;
        height: 110px;
        width: 110px;
        margin-top: 15px;
        margin-left: 15px;

    }

    .div-10 {
        padding: 10px;
        margin-left: 45px;
    }

    .div-11 {
        filter: brightness(50%) blur(4px);
    }

    .div-12 {
        background-color: rgba(13, 25, 38, 0.6);
    }

    .div-13 {
        background-color: #ffffff;
        height: 730px;
    }

    .div-14 {
        height: 1000px;
    }

    .div-15 {
        background-color: rgb(61, 70, 92);
        height: 500px;
    }

    .div-16 {
        background-color: rgb(181, 185, 192);
        height: 750px;
    }

    .div-17 {
        position: absolute;
        height: 430px;
        width: 450px;
        border-width: 10px;
        border-style: solid;
        border-color: rgb(255, 255, 255);
        margin-left: 35px;
    }

    .div-18 {
        background-color: rgb(13, 25, 38);
        position: relative;
        height: 430px;
        width: 450px;
        margin-top: 35px;
    }

    .div-19 {
        padding: 1px;
    }

    .div-20 {
        padding-top: 10%;
        height: 1200px;
        background-color: rgb(181, 185, 192);
    }

    .div-21 {
        background-color: #ffffff;
        height: auto;
        width: 1000px;
    }

    .div-22 {
        border-style: solid;
        border-color: rgb(181, 185, 192);
        border-width: 1px;
        margin-right: 12px;
        margin-left: 20px;
    }

    .div-23 {
        background-color: #f5f5f5; 
        height: 765px;
    }

    .div-btn {
        border-left: 1px solid rgb(13, 25, 38);
    }

    .valido {
        border: 1px solid green;
    }

    .invalido {
        border: 1px solid red;
    }

    .div-btn-01 {
        background-color: black;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        width: 100%;
        padding: 5px;
    }

    .div-btn-02 {
        background-color: transparent;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        width: 100%;
        padding: 5px;
    }

    .div-btn-03 {
        background-color: transparent;
        border-style: solid;
        border-color: black;
        border-width: 1px;

        padding: 5px;
    }

    .btn-verde {
        background-color: rgb(19, 189, 126);
        color: #ffffff;
        border-radius: 10px;
        font-weight: bold;
    }

    .div-contato {
        background-color: transparent;
        border-width: 0.4px;
        border-style: solid;
        border-color: rgb(13, 25, 38);
    }

    .div-card {
        height: 400px;
    }

    @font-face {
        font-family: light;
        src: url(../fonte/Avenir_LT_35_Ligh_Regular.ttf);
    }

    @font-face {
        font-family: heavy;
        src: url(../fonte/Avenir_LT_Std_85_Heavy.otf);
    }

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

    .font-02 {
        font-family: heavy;
    }

    .icon-01 {
        height: 25px;
        width: 25px;
    }

    .icon-02 {
        height: 40px;
        width: 40px;
        filter: grayscale(40%);
    }

    .icon-03 {
        height: 100%;
        width: 100%;
        filter: invert(100%);
        color: green;
    }

    .input-01 {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid black;
        width: 100%;

    }

    .registro {
        background: #348F50;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #56B4D3, #348F50);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #56B4D3, #348F50);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    }

    #logo-footer {
        display: block;
    }
}