* {
    box-sizing: border-box;
}

body {
    overflow-x: hidden !important;
    color: rgb(81, 94, 102);
}

.primary-color{
    color:rgb(191, 205, 46);
}

#header-nav{
    min-width: 100%;
    top:-5%;/*TEMPORARIO*/
}

#logotipo{
    margin-left: 2%;
}

#navbar-menu-items ul:first-child{
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 0 50px;
}

#navbar-menu-items ul:first-child li{
    color: rgb(74, 75, 76);
}

@media(max-width:767px){
    #header-nav > div {
        bottom: 60px;
    }
}

@media (max-width:768px){
    #logotipo {
        margin-left: 0;
    }
    #header-nav > div{
      position: relative;
      z-index: 1!important;
    }
    #header-nav>div button{
      margin-left: 85%;
    }
    /*#navbar-menu-items ul:first-child li a{
        font-size:.7rem;
    }*/
}

#navbar-menu-items ul:first-child li a {
    color: rgb(81, 94, 102);
    font-weight: 600;
}

#navbar-menu-items ul:first-child li a:hover{
    color:rgb(191, 205, 46);
}

#navbar-menu-items ul:last-child a{
    /*width: 70%;*/
    margin: auto;
}

#navbar-menu-items ul:last-child a img{
    width: 80%;
}

@media (max-width:768px){
    #footer{
        background-size: cover;
    }
}

/**/
#primary a {
    color: rgb(81, 94, 102);
}
/**/

/*Elevador*/
#elevador-grua-close{
    display: none;
}
a:hover{
    text-decoration: none;
}

.yearTimeLine{
    position: absolute;
    top: 11%;
    left: 2%;
    display: none;
}

.yearTimeLine h2{
    font-weight: 700;
}

@media (min-width:2025px){
    #elevador-grua{
        left: 30%!important;
    }
    #elevador-grua>div{
        left: 2%!important;
    }
}

@media (min-width:1441px) and (max-width:2024px){
    #elevador-grua{
        left: 23%!important;
    }

    #elevador-grua>div{
        left: 5%!important;
    }
}

@media (min-width:1025px){
    #frame-info p {
        font-size: 10px;
    }
}

@media (max-width:1025px){
    #elevador-grua>div{
        left: 15%!important;
    }
    #elevador-grua{
        left: 8%!important;
    }

    #elevador-grua img{
        width: 100%;
    }

    .yearTimeLine{
        top: 6%;
    }

    .yearTimeLine h2{
        font-weight: 700;
        font-size: 35px;
    }
    
}

@media (min-width: 769px){
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
    #div_timeline_titilo_desc ul li {
        display: list-item !important;
    }
}

@media (max-width:769px){
    #elevador-grua>div{
        left: 4%!important;
    }
    #left-element .col-1{
        max-width: 10.666667%!important;
        -webkit-box-flex: 0!important;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%!important;
    }
    

    .yearTimeLine{
        top: 3%;
    }

    .yearTimeLine h2{
        font-weight: 700;
        font-size: 30px;
    }
    
}

#elevador-grua{
    -webkit-transition: top 1s; /* Safari */
    transition: top 1s;
    left: 12%;
    /*top: 30%;*/
    position: absolute;
}

#elevador-grua>div{
    left: 12%;
}

#elevador-grua,
#frame-info{
    display:none;
}

#frame-info p{
    font-size: 8px;
    text-transform: uppercase;
    margin-bottom: .2rem!important;
}

    #frame-info li {
        color: rgb(112,173,71); /* or whatever color you prefer */
    }

        #frame-info li span {
            color: rgb(81, 94, 102);
            font-size: 13px;
        }

#frame-info >div:first-child h5{
    text-transform: uppercase;
    font-size: 15px;
}

#frame-info >div:first-child p, #frame-info >div:first-child li{
    font-size: 13px;
    margin-bottom: 1rem!important;
}

#frame-info>div:first-child{
    height: auto;
    border: 1px solid rgb(81, 94, 102);
    border-radius: 15px;
}

@media(max-width:425px){
    #frame-info > div:first-child {
        height: auto;
    }
}

#frame-info>div:last-child>div:first-child span i{
    font-size: 24px;
}

#frame-info>div:last-child>div:first-child h5{
    font-size: 18px;
}

#frame-info > div:last-child > div:last-child {
    background-color: rgb(81, 94, 102);
    color: #fff;
}

#frame-info>div:last-child>div:last-child p{
    font-size:10px!important;
}

#frame-info>div:last-child>div:last-child h5{
    font-size: 15px;
}


/*Elevador End*/

/*VIDEO*/
.videoContent{
    z-index: -1!important;
    position: relative;
    top: 10px;
}
/*END VIDEO*/

/*Linhas Vericais*/
#timeLine{
    position: relative;
    /*top: 50px;*/ 
}

#left-element{
    display: none;
}

#right-element{
    visibility: hidden;
}

.vl {
    border-left: 1px solid rgb(81, 94, 102);
    width: 2%;
    height: 550px;
}

#last_back_vl {
    height: 1000px;
}

#left-element .vl {
    margin-left: 90%;
}

#big_timeline {
    height: 1000px !important;
}

#big_timeline .vl {
    height: 1500px !important;
}

#left-element > div:first-child .vl {
    height: 250px;
}

#left-element>div:nth-child(1) span, #left-element>div:nth-child(2) span{
    position: absolute;
    width: 80%;
    top:40%;
    border-bottom: 1px solid #000;
}
/**Time Line*/
#left-element>div:nth-child(2) div span:nth-child(2){
    top: 0%;
}

#left-element > div:nth-child(2) div span:nth-child(3) {
    top: 10%;
}

#left-element > div:nth-child(2) div span:nth-child(4) {
    top: 20%;
}

#left-element > div:nth-child(2) div span:nth-child(5) {
    top: 30%;
}
 
 #left-element > div:nth-child(2) div span:nth-child(6) {
    top: 40%;
}
 
 #left-element > div:nth-child(2) div span:nth-child(7) {
    top: 50%;
}
 
 #left-element > div:nth-child(2) div span:nth-child(8) {
    top: 60%;
}
 
 #left-element > div:nth-child(2) div span:nth-child(9) {
    top: 70%;
}

#left-element > div:nth-child(2) div span:nth-child(10) {
    top: 80%;
}

#left-element > div:nth-child(2) div span:nth-child(11) {
    top: 90%;
}

#left-element > div:nth-child(2) div span:nth-child(12) {
    top: 100%;
}

#left-element > div:nth-child(2) div span:nth-child(13) {
    top: 110%;
}

#left-element > div:nth-child(2) div span:nth-child(14) {
    top: 120%;
}

#left-element>div:nth-child(2) div span:last-child{
    top: 130%;
}

@media(max-width:320px){
    #left-element .col-1{
        padding-right:.2rem;
    }    
}

/*LINHAS VERTICAIS END*/
/*FOOTER*/
#footer{
    color: rgb(255,255,255);
    /*top:-20px;*/
}
.social-link{
  color: rgb(255, 255, 255);
}

/*MOBILE*/
@media (max-width:767px){

    #navbar-menu-items{
        /*display: none!important;*/
    }

    #navbar-menu-items{
        position: relative;
        background-color: rgba(0, 0, 0, 0.85);
        border-radius: 50px 0px;
        z-index: 999 !important
      }

      #navbar-menu-items{
        padding-top: 3%;
      }
      #navbar-menu-items ul:first-child{
        background-color: transparent!important;
        border-radius: 0!important;
      }

      #navbar-menu-items ul:first-child li a{
        color: #fff;
      }

      #navbar-menu-items ul:last-child a img{
        width: 30%!important;
        margin-left: 35%;
      }

    #btn-navbar-menu-items{
        /*display: block!important;*/
        margin-top: 5%;
        border: 1px solid rgba(0, 0, 0,.5);
    }

    #btn-navbar-menu-items span{
        color: rgba(0, 0, 0,.5);
    }

    #elevador-grua-close{
        display: block;
        float: right;
        position: relative;
        right: 2.5%!important;
        top: -5%;
    }
    .yearTimeLine{
        top: 8%;
    }
    #elvador{
        width: 100%!important;
        padding: 0%!important;
        
    }
    #primary{
        overflow: hidden;
    }
    #elevador-grua{
        /*top: 30%!important;*/
        left: 0!important;
        padding: 2%;
    }

    #elevador-grua>div{
        margin-top:1%!important;
        left: 0!important;
    }

    #elvador .col-10{
        width: 100%!important;
        max-width: 100%!important;
    }
    #elevador-grua img{
       /* width: 140%; */

       width: 100%;
       object-fit: cover;
       height: 59px;
       object-position: left;
    }
    #primary{
        padding: 0!important;
    }
    #left-element .col-1{
        max-width: 30%!important;
        -webkit-box-flex: 0!important;
        -ms-flex: 0 0 25.666667%;
        flex: 0 0 25.666667%!important;
    }

    #timeLine{
        padding-right: 3%!important;
    }
    #frame-info{
        width: 98%;
        margin: auto;
    }
    .yearTimeLine{
        left: 7.8%;
    }
}

@media (max-width:321px){
    .yearTimeLine{
        top: 6%;
    }

    #timeLine .col-11{
        padding: 0px!important;
        max-width: 83.333333%!important;
    }
    
    #left-element>div{
        margin: 0!important;
    }
    #right-element{
        margin: 0!important;
    }
}

@media (min-width:769px) {
	.navbar-expand-md {
		flex-flow: row nowrap;
		justify-content: flex-start
	}
	.navbar-expand-md .navbar-nav {
		flex-direction: row
	}
	.navbar-expand-md .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-md>.container,
	.navbar-expand-md>.container-fluid {
		flex-wrap: nowrap
	}
	.navbar-expand-md .navbar-collapse {
		display: flex!important;
		flex-basis: auto
	}
	.navbar-expand-md .navbar-toggler {
		display: none
	}
}

/*END MOBILE*/

@font-face {
    font-family: futura;
    src: url('../font/futura/Futura_XBlk_BT.ttf');
}

#footer {
    margin-top: -50px;
}

#primary {
    background: url('../image/Nuvens.png') no-repeat;
    background-size: cover;
}

.futuro-info-desc::-webkit-scrollbar {
    display: none;
}

@media (max-width: 425px) {
    #last_back_vl {
        height: 1200px;
    }
}