@font-face {
    font-family: avenir;
    font-weight: normal;
    src: url('../fonts/avenir.ttc') format('TTC');
}
@font-face {
    font-family: opensans_bold;
    font-weight: normal;
    src: url('../fonts/opensans_bold.woff') format('woff'),
         url('../fonts/opensans_bold.ttf') format("truetype");
}


body {
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
}

/****************************************************************************************************/
/*** #COVER ***/
    #cover {
        background: #002A41;
        height: 100vh;
        width: 100vw;
        position: relative;
    }
    #cover .logo {
        display: flex;
        height: 100vh;
    }
    #cover .logo img {
        transition: all 0.3s;
        margin-left: 15%;
        margin-top: 50%;
        margin-bottom: auto;
        max-width:50%;
    }
    #cover .items-div {
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
    #cover .items-div .items {
        position: relative;
        height: 100%;
        display: flex;
        align-items: flex-end;
        float: right;
    }
    #cover #cover_bus {
        position:relative;
        bottom: 0;
        right: 0;
        height: 80%;
        width: auto;
    }
    #cover #cover_img1 {
        position:absolute;
        top: 2%;
        right: 6vw;
        max-height: 27%;
        height: 100%;
    }
    #cover #cover_img2 {
        position:absolute; 
        top: 10%;
        right: 25%;
        max-height: 35%;
        height: 100%;
    }
    #cover #cover_img5 {
        position:absolute; 
        top: 22vh;
        left: -36px;
        max-height: 35%;
        height: 30vw%;
        z-index: 1;
    }
    #cover #cover_img3 {
        position:absolute;
        top: 52vh;
        left: -37px;
        max-height: 30%;
        height: 100%;
    }
    #cover #cover_img4 {
        position:absolute;
        bottom: 0;
        left: -55px;
        max-height: 24%;
        height: 100%;
    }
/*** #COVER - END ***/
/****************************************************************************************************/



/****************************************************************************************************/
/*** #SUBCOVER ***/
    #subcover {
        background: #FFF;
        width: 100vw;
        position: relative;
    }
    #subcover .items-div {
        transition: all 0.3s;
    }
    #subcover #subcover_bg {
        margin: 0; 
        width:100%; 
        height:auto; 
        margin-left: -700px;
    }
    #subcover #subcover_img_bus {
        position: absolute;
        top: 30%;
        max-width: 35%;
        left: 26%;
        z-index: 2;
    }
    #subcover #subcover_img1 {
        position: absolute;
        top: 18%;
        left: 19%;
        max-width: 16%;
        z-index: 1;
    }
    #subcover #subcover_img2 {
        position: absolute;
        top: 34%;
        left: 50%;
        max-height: 15%;
        z-index: 3;
    }
    #subcover #subcover_img3 {
        position: absolute;
        top: 20%;
        left: 37%;
        max-height: 25%;
        z-index: 1;
    }
/*** #SUBCOVER - END ***/
/****************************************************************************************************/




/****************************************************************************************************/
/*** #ITEMS ***/
    #items {
        background: #cae0ee;
        height: auto;
        width: 100vw;
        position: relative;
        margin-top: -135px;
        padding-bottom: 75px;
    }
    #items .container-fluid {
        font-family:avenir;
        padding:0;
        margin:0;
        padding-right: 100px;
        padding-left: 100px;
    }
    #items .items-div {
        width: 100%;
    }
    #items .items-div .item-img {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        width: 50%;
        max-width: 350px;
        z-index: 1;
    }
    #items .items-div .item-sub-img {
        position: absolute;
        top: 6vh;
        left: 61%;
        width: 6vw;
        max-width: 115px;
        z-index: 1;
    }
    #items .items-div .item-sub-img-2 {
        position: absolute;
        top: 18vh;
        left: 16vw;
        width: 15vw;
        max-width: 248px;
        z-index: 1;
    }
    #items .items-div .item-sub-img-3 {
        position: absolute;
        top: 23vh;
        left: 12vw;
        width: 20vw;
        max-width: 309px;
    }
    #items .items-div .item-sub-img-5 {
        position: absolute;
        top: 23vh;
        left: 14vw;
        width: 14vw;
        max-width: 217px;
        z-index: 1; 
    }
    #items .items-div .item-text-div {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        padding-left: 10%;
        padding-right: 10%;
        color:#1275B7;
    }
    #items .items-div .item-text-div-2 {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        padding-left: 10%;
        padding-right: 10%;
        color:#1275B7;
    }
    #items .items-div .item-text-div-3 {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10%;
        padding-right: 10%;
        color:#1275B7;
    }
    #items .animacao-nuvens {
        position:relative; 
        width:100vw;
        height:100%;
        margin-top: 15vh;
    }
                        /* NUVES */
                            .cloud-1 {
                                position: absolute;
                                bottom: 1.1vh;
                                left: 250px;
                                width: 34px;
                                height: 34px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-1:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-1:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -30px;
                                width: 20px;
                                height: 20px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }      
                            .cloud-2 {
                                position: absolute;
                                bottom: 6vh;
                                left: -50px;
                                width: 56px;
                                height: 56px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-2:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -35px;
                                width: 46px;
                                height: 32px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-2:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -67px;
                                width: 37px;
                                height: 30px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }      
                            .cloud-3 {
                                position: absolute;
                                bottom: 9.5vh;
                                left: 570px;
                                width: 34px;
                                height: 34px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-3:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-3:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -30px;
                                width: 20px;
                                height: 20px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }      
                            .cloud-4 {
                                position: absolute;
                                bottom: 1vh;
                                left: -200px;
                                width: 34px;
                                height: 34px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-4:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-4:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -30px;
                                width: 20px;
                                height: 20px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }      
                            .cloud-5 {
                                position: absolute;
                                bottom: 3vh;
                                left: 80px;
                                width: 34px;
                                height: 34px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-5:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-5:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -30px;
                                width: 20px;
                                height: 20px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }      
                            .cloud-6 {
                                position: absolute;
                                bottom: 9.6vh;
                                left: 280px;
                                width: 34px;
                                height: 34px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-6:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-6:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -30px;
                                width: 20px;
                                height: 20px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }    
                            .cloud-7 {
                                position: absolute;
                                bottom: 8vh;
                                left: 170px;
                                width: 34px;
                                height: 34px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-7:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-7:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -30px;
                                width: 20px;
                                height: 20px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }   
                            .cloud-8 {
                                position: absolute;
                                bottom: 6vh;
                                left: 410px;
                                width: 56px;
                                height: 56px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-8:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -35px;
                                width: 46px;
                                height: 32px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-8:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -67px;
                                width: 37px;
                                height: 30px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }                                                                              
                            .cloud-9 {
                                position: absolute;
                                bottom: 9vh;
                                left: -300px;
                                width: 34px;
                                height: 34px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-9:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-9:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -30px;
                                width: 20px;
                                height: 20px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }   
                            .cloud-10 {
                                position: absolute;
                                bottom: 2.5vh;
                                left: 510px;
                                width: 34px;
                                height: 34px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-10:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-10:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -30px;
                                width: 20px;
                                height: 20px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }   
                            .cloud-11 {
                                position: absolute;
                                bottom: 6vh;
                                left: -500px;
                                width: 56px;
                                height: 56px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-11:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -35px;
                                width: 46px;
                                height: 32px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-11:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -67px;
                                width: 37px;
                                height: 30px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }    
                            .cloud-12 {
                                position: absolute;
                                bottom: 8.2vh;
                                left: -700px;
                                width: 56px;
                                height: 56px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-12:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -35px;
                                width: 46px;
                                height: 32px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-12:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -67px;
                                width: 37px;
                                height: 30px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }                            
                            .cloud-13 {
                                position: absolute;
                                bottom: 3.6vh;
                                left: -780px;
                                width: 34px;
                                height: 34px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-13:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-13:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -30px;
                                width: 20px;
                                height: 20px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }  
                            .cloud-14 {
                                position: absolute;
                                bottom: 3.6vh;
                                left: -480px;
                                width: 34px;
                                height: 34px;
                                border-radius: 100% 100% 100% 0;
                                background: white;
                                opacity: .3;
                            }
                            .cloud-14:before {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 100% 100% 0 0;
                                background: white;
                            }       
                            .cloud-14:after {
                                content: '';
                                position: absolute;
                                bottom: 0;
                                left: -30px;
                                width: 20px;
                                height: 20px;
                                border-radius: 100% 100% 0 100%;
                                background: white;
                            }                          
                            /* ANIMACAO - NUVEM */
                                .nuvem-animation-1 {
                                    animation: nuvens linear 14s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 14s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 14s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 14s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 14s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }        
                                .nuvem-animation-2 {
                                    animation: nuvens linear 13s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 13s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 13s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 13s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 13s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }        
                                .nuvem-animation-3 {
                                    animation: nuvens linear 15s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 15s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 15s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 15s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 15s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }        
                                .nuvem-animation-4 {
                                    animation: nuvens linear 14s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 14s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 14s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 14s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 14s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }        
                                .nuvem-animation-5 {
                                    animation: nuvens linear 13s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 13s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 13s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 13s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 13s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }        
                                .nuvem-animation-6 {
                                    animation: nuvens linear 15s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 15s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 15s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 15s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 15s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }         
                                .nuvem-animation-7 {
                                    animation: nuvens linear 10s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 10s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 10s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 10s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 10s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }       
                                .nuvem-animation-8 {
                                    animation: nuvens linear 11s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 11s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 11s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 11s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 11s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }                                                                                   
                                .nuvem-animation-9 {
                                    animation: nuvens linear 12s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 12s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 12s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 12s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 12s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }      
                                .nuvem-animation-10 {
                                    animation: nuvens linear 13s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 13s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 13s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 13s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 13s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }                                                                                                              
                                .nuvem-animation-11 {
                                    animation: nuvens linear 14s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 14s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 14s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 14s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 14s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }                                                                                                              
                                .nuvem-animation-12 {
                                    animation: nuvens linear 15s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 15s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 15s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 15s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 15s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }                                                                                                              
                                .nuvem-animation-13 {
                                    animation: nuvens linear 12s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 12s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 12s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 12s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 12s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }                                                                                                              
                                .nuvem-animation-14 {
                                    animation: nuvens linear 10s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    -webkit-animation: nuvens linear 10s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -moz-animation: nuvens linear 10s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -o-animation: nuvens linear 10s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -ms-animation: nuvens linear 10s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                }                                                                                                              

                                @keyframes nuvens{
                                    0% {
                                        transform:  translate(0,0px)  ;
                                    }
                                    100% {
                                        transform:  translate(100vw,0px)  ;
                                    }
                                }
                                @-moz-keyframes nuvens{
                                    0% {
                                        -moz-transform:  translate(0,0px)  ;
                                    }
                                    100% {
                                        -moz-transform:  translate(100vw,0px)  ;
                                    }
                                }
                                @-webkit-keyframes nuvens {
                                    0% {
                                        -webkit-transform:  translate(0,0px)  ;
                                    }
                                    100% {
                                        -webkit-transform:  translate(100vw,0px)  ;
                                    }
                                }
                                @-o-keyframes nuvens {
                                    0% {
                                        -o-transform:  translate(0,0px)  ;
                                    }
                                    100% {
                                        -o-transform:  translate(100vw,0px)  ;
                                    }
                                }
                                @-ms-keyframes nuvens {
                                    0% {
                                        -ms-transform:  translate(0,0px)  ;
                                    }
                                    100% {
                                        -ms-transform:  translate(100vw,0px)  ;
                                    }
                                } 
                            /* ANIMACAO - NUVEM */

                        /* NUVENS: END */

                        /* ANIMACAO - ONIBUS */
                            .onibus-animation{
                                    animation: onibus linear 4s;
                                    animation-iteration-count: infinite;
                                    transform-origin: 50% 50%;
                                    animation-fill-mode:forwards; /*when the spec is finished*/
                                    -webkit-animation: onibus linear 4s;
                                    -webkit-animation-iteration-count: infinite;
                                    -webkit-transform-origin: 50% 50%;
                                    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
                                    -moz-animation: onibus linear 4s;
                                    -moz-animation-iteration-count: infinite;
                                    -moz-transform-origin: 50% 50%;
                                    -moz-animation-fill-mode:forwards; /*FF 5+*/
                                    -o-animation: onibus linear 4s;
                                    -o-animation-iteration-count: infinite;
                                    -o-transform-origin: 50% 50%;
                                    -o-animation-fill-mode:forwards; /*Not implemented yet*/
                                    -ms-animation: onibus linear 4s;
                                    -ms-animation-iteration-count: infinite;
                                    -ms-transform-origin: 50% 50%;
                                    -ms-animation-fill-mode:forwards; /*IE 10+*/
                                    position: absolute; bottom: -78px; max-width: 18%; left: 40%;
                                }

                                @keyframes onibus{
                                0% {
                                    transform:  rotate(0deg) ;
                                }
                                25% {
                                    transform:  rotate(-3deg) ;
                                }
                                50% {
                                    transform:  rotate(2deg) ;
                                }
                                75% {
                                    transform:  rotate(-3deg) ;
                                }
                                100% {
                                    transform:  rotate(0deg) ;
                                }
                                }

                                @-moz-keyframes onibus{
                                0% {
                                    -moz-transform:  rotate(0deg) ;
                                }
                                25% {
                                    -moz-transform:  rotate(-3deg) ;
                                }
                                50% {
                                    -moz-transform:  rotate(2deg) ;
                                }
                                75% {
                                    -moz-transform:  rotate(-3deg) ;
                                }
                                100% {
                                    -moz-transform:  rotate(0deg) ;
                                }
                                }

                                @-webkit-keyframes onibus {
                                0% {
                                    -webkit-transform:  rotate(0deg) ;
                                }
                                25% {
                                    -webkit-transform:  rotate(-3deg) ;
                                }
                                50% {
                                    -webkit-transform:  rotate(2deg) ;
                                }
                                75% {
                                    -webkit-transform:  rotate(-3deg) ;
                                }
                                100% {
                                    -webkit-transform:  rotate(0deg) ;
                                }
                                }

                                @-o-keyframes onibus {
                                0% {
                                    -o-transform:  rotate(0deg) ;
                                }
                                25% {
                                    -o-transform:  rotate(-3deg) ;
                                }
                                50% {
                                    -o-transform:  rotate(2deg) ;
                                }
                                75% {
                                    -o-transform:  rotate(-3deg) ;
                                }
                                100% {
                                    -o-transform:  rotate(0deg) ;
                                }
                                }

                                @-ms-keyframes onibus {
                                0% {
                                    -ms-transform:  rotate(0deg) ;
                                }
                                25% {
                                    -ms-transform:  rotate(-3deg) ;
                                }
                                50% {
                                    -ms-transform:  rotate(2deg) ;
                                }
                                75% {
                                    -ms-transform:  rotate(-3deg) ;
                                }
                                100% {
                                    -ms-transform:  rotate(0deg) ;
                                }
                                }        
                        /* END: ANIMACAO - ONIBUS */

/*** #ITEMS - END ***/
/****************************************************************************************************/





/****************************************************************************************************/
/*** #CARACT ***/
    #caract {
        background: #002A41;
        height: auto;
        width: 100vw;
        position: relative;
    }
    #caract .container-fluid {
        font-family:avenir;
        padding:5% 15%;
        margin:0;
    }
    #caract .caract-div {
        padding-right: 7%; 
        padding-left: 7%;
    }
    #caract .topico {
        font-family: opensans_bold; 
        color:#E00E19;
        margin-bottom:15px;
    }
    #caract .item-div, #caract .item-div-outros {
        margin-bottom: 20px;
    }
    #caract .item-div .item {
        color:#FFF;
        margin-bottom: 0;
    }
    #caract .item-div ul, #caract .item-div-outros ul {
        padding-left: 17px;
        margin-bottom:0;
    }
    #caract .item-div li {
        color:#1275B7;
    }
    #caract .item-div-outros li {
        color:#FFF;
    }
/*** #CARACT - END ***/
/****************************************************************************************************/




/****************************************************************************************************/
/*** #FOOTER ***/
    #footer {
        background: #FFF;
        height: 100px;
        width: 100vw;
        position: relative;
    }
    #footer .container-fluid {
        padding:35px 100px; 
        margin:0;
    }
    #footer .logo-1 {
        height: auto;
        width: 100%;
        max-width: 240px;
    }
    #footer .logo-2 {
        height: auto;
        width: 100%;
        max-width: 240px;
    }
    #footer .cofinanciado-div {
        margin-top: -22px;
        text-align: center;
        position: absolute;
        display: grid;
        left: 0;
    }
    #footer .cofinanciado-text {
        font-size:13px;
        width: max-content;
    }
    #footer .cofinanciado-img {
        height: auto;
        width: 100%;
        max-width: 240px;
    }
    
/*** #FOOTER - END ***/
/****************************************************************************************************/