html, body, form {
    position: relative;
    width: 100%;
    height: 100%;
}

section {
    position: relative;
    width: 100%;
    
}

#banner {
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0077ff+0,7db9e8+100 */
    background: #0077ff; /* Old browsers */
    background: -moz-linear-gradient(left, #2687e9 0%, #2687e9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2687e9 0%,#2687e9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2687e9 0%,#2687e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2687e9', endColorstr='#2687e9',GradientType=1 ); /* IE6-9 */
}


.layer {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}

.nuvem1 {
    bottom: 0%;
    position: absolute;
    z-index: 2;
    width: 120%;
    left: -73px;
}

.nuvem2 {
    bottom: 0%;
    position: absolute;
    z-index: 1;
    width: 120%;
    left: -73px;
}


.nuvem3 {
    bottom: 20%;
    position: absolute;
    z-index: 1;
    width: 110%;
    left: -73px;
}

.carrousselSaurus {
    width: 100%;
    height: 100%;
}

.pos {
    position: relative;
    z-index: 1;
    width: 100px;
    height: 100px;
    background: #059;
    background-image: url('image/pos-saurus.html');
    background-repeat: no-repeat;
}

.pc {
    bottom: 220px;
    position: relative;
    z-index: 5;
    width: 59em;
    left: 115px;
}

.fontmenu {
    font-weight: bold;
    color: #fff;
}



.navbar-light .navbar-brand {
    color: #fff;
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(255, 255, 255, 0.5);
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.5);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: #fff;
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(255, 255, 255, 1);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 1);
    }

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0, 0, 0, 0.9);
        }

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3.5rem;
        padding-left: 1.5rem;
    }
}

.navbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.0rem 5rem;
}

.btnmenu {
    height: 80px;
    margin-right: 20px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.00);
    color: #fff;
    border-radius: 0px;
}

    .btnmenu:hover {
        height: 80px;
        margin-right: 20px;
        border: 1px solid #fff;
        background: rgba(255, 255, 255, 1);
        color: #000;
        border-radius: 0px;
    }

.item {
    top: 140px;
    position: relative;
    z-index: 9;
}



/*navbar dark*/


.bg-dark {
    background-color: rgba(0, 0, 0, 0.9) !important;
    border-bottom: 1px solid #fff;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
    height: 75px;
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 20px 0;
    color:#fff;
    /* background: #0680ff; */
    /* border-bottom: 1px solid #50a6ff; */
    /* box-shadow: -7px 1px 20px 0px rgb(0, 0, 0); */
}


    #header.header-scrolled,
    #header.header-pages {
        /*height: 61px;
        padding: 10px 0;*/
        background-color: #0e74c5;
      
    }

    #header .logo h1 {
        font-size: 36px;
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

        #header .logo h1 a,
        #header .logo h1 a:hover {
            color: #00366f;
            text-decoration: none;
        }

    #header .logo img {
        padding: 0;
        margin: -15px 0;
        width: 200px;
        /* max-height: 43px; */
    }

.main-pages {
    margin-top: 60px;
}


/*--------------------------------------------------------------