body{
    font-family: 'Lato', sans-serif;
    height: 100%;
    width: 100vw;
    box-sizing: border-box;
    padding: 0%;
    margin: 0%;
    /* zoom: 90%; */

}

.row{
    margin-right: 0%;
}

.col-12{
    width: 100%;
    
}
h1{
    font-family: 'Lato', sans-serif; 
    font-size: 38px;
    color: #696969;
    text-transform: uppercase;
}

h1 strong{
    color: rgba(231, 6, 6, 0.918);
}

p{
    font-family: 'Lato', sans-serif; 
}

.btn{
    font-size: 11px;
    font-weight: bolder;
    text-shadow:0px -1px 0,5px #222222;   
}

.btn-primary{
    padding: 17px;
    font-family: 'Lato', sans-serif; 
    border-color:#ED2D32;
    background: #ED2D32; 
}

#enviar{
    color: white;
    margin-right: 63%;
    margin-top: 4%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #ED2D32;
}

#enviar:hover{
    background-color: #0067DD;
    border: 1px solid #0067DD;
}

#img-principal{
    width: 100%;
    height: 652px;
    margin-top: 83px;
}

#logo{
    position: fixed;
    z-index: 5;
    height: 63px;
    width: 170px;
    margin-left: 8%;
    margin-top: 14px;
}

#fundo-logo{
    position: fixed;
    z-index: 4;
    margin-top: -2%;
    margin-left: -7%;
    height: 146px;
    width: 1863px;
}

#menu-quemSomos{
    text-decoration: none;
    color: black;
    padding: 13px;
    font-weight: bolder;
    margin-top: -11px;
    margin-left: -49px;
}

#menu-servicos{
    /* text-decoration: none;
    color: black;
    position: absolute;
    padding: 2px;
    display: block;
    font-weight: bolder;
    margin-top: 0px;
    margin-left: 20px; */
    text-decoration: none;
    color: black;
    padding: 13px;
    font-weight: bolder;
    margin-top: -11px;
}

#menu-equipamentos{
    /* text-decoration: none;
    color: black;
    position: absolute;
    padding: 13px;
    display: grid;
    font-weight: bolder;
    margin-top: -12px;
    margin-left: 96px; */
    text-decoration: none;
    color: black;
    padding: 13px;
    font-weight: bolder;
    margin-top: -11px;
}

#menu-orcamento{
    /* text-decoration: none;
    color: black;
    position: absolute;
    padding: 13px;
    display: grid;
    font-weight: bolder;
    margin-top: -11px;
    margin-left: 225px; */
    text-decoration: none;
    color: black;
    padding: 13px;
    font-weight: bolder;
    margin-top: -11px;
}

#menu-button{
    font-family: 'Lato', sans-serif;
    padding: 10px;
    font-size: 12px;
    margin-top: -7px;
    /* margin-left: 490%; */
}

.carousel-indicators {
    bottom: 3vh;
}

.carousel-indicators li{
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: white;
    border: 1px solid white;
}

.carousel-indicators .active {
    background-color: #ED2D32;
    border: 1px solid #ED2D32;
}

.carousel-inner{
    margin-bottom: 7%;
}


/* HEADER */
#header{
    padding: 0;
}

#header-menu{
    z-index: 5;
    position: fixed;
    text-align: right;
    /* margin-left: 33%;
    margin-top: 2%; */
    display: -webkit-inline-box;
    list-style-type: none;
    font-family: 'Lato', sans-serif;
}

#header-h1{
    font-family: 'Lato', sans-serif;
    font-weight: lighter;
    color: white;
    position: absolute;
    z-index: 1;
    margin-top: -15%;
    font-size: 34px;
    margin-left: 73px;
    text-transform: none;
}

#header-b{
    font-weight: 100px;
    font-size: 43px;
}

#aguia-header{
    z-index:1;
    margin-left: 69%;
    margin-top: -91%;
    width: 169%;
    height: 198%;
}

/* QUEM SOMOS */

#quem-somos{
    height: 50%;
}

#quem-somos p{
    padding: 50px;
    margin-top: -13px;
    font-size: 15px;
    font-weight: normal;
    color: #4D4D4D;
    font-family: 'Lato', sans-serif;
}

#quem-somos-div{
    height: 347px;
    width: 538px;
    background: #F8F8F8;
    border-radius: 30px;
    z-index: 2;
    position: sticky;
    margin-top: -4%;
    margin-bottom: 5%;
    margin-left: 6%;
    text-align: left;
    box-shadow: 2px 2px 5px #00000025;
}

#valores{
    margin-top: -207px !important;
}

#quem-somos h3{
    margin-top: -45px;
    margin-left: 9%;
    color: #727376;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 29px;
}

#quem-somos-h3{ 
    margin-top: 10% !important;
    margin-left: 29% !important;
    margin-bottom: 5% !important;
}
#quem-somos-novo{
    margin-top: 4%;
    margin-left: 29%;
}

#quem-somos-div2 h2{
    z-index: 3;
    position: relative;
    margin-top: 0%;
    text-align: center;
    color: #727376;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}

#img-header{
    margin-left: 25px;
    margin-top: 28px;
    height: 7%;
}
/*SERVICOS*/

#div1{
    height: 235px;
    width: 135px;
    background-color: #d9d9d9;
    z-index: 3;
    position: relative;
    margin-top: 3%;
    border-radius: 0px 45px 0px 0px;
}

#div2{
    height: 235px;
    background-color: #d9d9d9;
    z-index: 3;
    position: relative;
    margin-top: 5%;
    margin-left: 90%;
    border-radius: 0px 0px 0px 45px;
}

#div3{
    height: 428px;
    width: 100%;
    background-color: #EBEBEB;
    z-index: 3;
    position: relative;
    box-shadow: 3px 0px 11px 3px #00000020;
    margin-top: -32%;
}

#servicos h3{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 18px;
    margin-top: -120px;
    position: sticky;
    z-index: 6;
    color: #696969;
}

#servicos p{
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    text-align: justify;
    font-size: 14px;
    padding: 19px;
    z-index: 6;
    position: absolute;
    margin-left: -3%;
    margin-top: -24px;
    color: #696969;
}

#servicos button{
    position: relative;
    z-index: 5;
    margin-top: 75%;
    margin-left: 371%;
}

#who-we-are{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0%;
    margin-left: 0%;
}

.valores{
    color: #727376;
    font-weight: bolder;
    display: flex;
    flex-direction: column;
}

.valores h2{
    margin: auto;
    padding: 15px;
    border-bottom: 3px solid rgb(248, 9, 9);
    font-size: 35px;
    justify-content: center;
    font-weight: bolder;
}

.valores h3{
    padding: 30px;
    font-size: 28px;
    font-weight: bolder;
    margin: center;
    text-align: center;
}





.cartao{
    text-align: center;
    font-weight: bolder;
    color: #696969;
}

.movimentacao{
    text-align: center;
    color: #696969;
    font-size: 24px; 
}

.cartao img{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#servicos .botao{
    display: flex;
    justify-content: center;
    padding: 50px 0;
    margin-bottom: 1px solid rgb(248, 9, 9);
    
  
}

#servicos .botao::after{
    content: "";
    border-bottom: 5px solid rgb(248, 9, 9);
    height: 3px;
    width: 98px;
    position: absolute;
    bottom: 0;
}

.veiculo{
    margin-top: 20px;
}

.veiculo img{
    display: flex;
    margin: auto;
}

.veiculo p{
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: bolder;
    color: #696969;
}

#div-right{
    margin-right: 1%;
    display: inline-block;
}

#div-left{
    margin-left: 10%;
    margin-right: -7%;
}
/* Faixa de todos os serviços */

#transporte-especiais, #remocao-tecnica, #plano-rigging, #dtm, #movimentacao-cargas{
    display: flex;
    margin-left: 9%;     
    width: 54%;
}

#linha{
    background-color:rgba(218, 5, 5, 0.89);
    padding: 10px; 
}
#img-servicos{
    border-radius: 43px;
    margin-top: 4%;
}

#teste{
    width: 69%;
    height: 40%;
    margin-left: -74%;
    margin-top: -9%;
    position: absolute;
    z-index: 2;
    background-color: white;
}

html [type=button] {
    -webkit-appearance:none;
}

.collapse p{
    text-align: justify;
    margin-left: 40%;
    margin-top: 2%;
}

.collapse h1{
    margin-top: 8%;
    text-align: right;
    font-size: 30px;
}

.collapse img{
    position: absolute;
    width: 21%;
    margin-left: 11%;
}
.w-100 {
    /*width: 36.5%!important;
    margin-left: 69%;
    margin-top: -81%;*/
    width: 74.5% !important;
    margin-left: 25%;
    margin-top: -2%;
    margin-bottom: -4%;
}

#exemplo-servicos h1{
    padding-top: 14%;
    margin-top: 5%;
    margin-left: 28px;
    font-size: 31px;
    text-align: left;
    position: absolute;
}

#exemplo-servicos p{
    padding-top: 19%;
    margin-top: 5%;
    margin-left: 2%;
    max-width: 54ch;
    text-align: justify;
    position: absolute;
}

#saiba-mais{
    position: absolute;
    z-index: 5;
    width: 7%;
    /* padding: 1%; */
    margin-top: -20%;
    margin-left: 25%;
}


/* Depoimentos */

#depoimentos{
    margin-top: -38%;
    margin-bottom: 5%;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 523px;
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    text-align: center;
    background: #0F0D0E;
    background-image: url("assets/depoimentos/background.png");
    color: white;    
}

#depoimentos h1{
    font-family: 'Lato', sans-serif;
    font-weight: bolder;
    font-size: 37px;
    text-transform: none;
    color: white;
}

#depoimentos h6{
    color: #FDD931;
}

#depoimento-slider{
    display: flex;
    flex-direction: column;
    justify-items: center;
}

#depoimento-slider .carousel-item{
    padding-bottom: 60px;
}

#depoimento-slider .carousel-item img{
    border-radius: 100%;
}

#anonimo{
    width: 9%;
    margin-top: 3%;
}



/* Clientes */

#fundo-cliente{
    position: absolute;
    margin-top: 5%;
    width: 79%;
    height: 23%;
    border-radius: 35px;
    background-color: #F7F7F7;
}
#clientes .row{
    justify-content: space-around;    
}

#clientes .cliente{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

#clientes .cliente img {
    width:95px;
    height: 100px;
}

#clientes h3{
    color: #727376;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 35px;
    margin-left: -1%;
    margin-right: 56%;
    margin-bottom: 5%;
}

/* Contato */
#contato{
    color: rgba(255, 255, 255, 0.856);
    margin-bottom: 0;
    margin-top: 5vh;
    padding-bottom: 20px;
    
}

#contato .title{
    border-color: rgba(255, 255, 255, 0.938);
}

#contato h5{
    color: #727376;
    font-family: 'Lato', sans-serif;
    font-weight: lighter;
    font-size: 17px;
    margin-left: 1%;
    margin-right: 14%;
    margin-bottom: 5%;

}

#contato h3{
    color: #727376;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 35px;
    margin-top: 10%;
    margin-left: -1%;
    margin-right: 56%;
    margin-bottom: 2%;
}

#contato img{
    position: absolute;
    width: 100%;
    margin-left: -14%;
    margin-top: -2%;
    height: 52%;
}

/* Formulário */

.formulario form{
    display: flex;
    flex-flow: column;
    margin-bottom: 1px;
}

.formulario input,
.formulario select,
.formulario textarea{
    /*margin: auto;*/
    background: white;
    margin-top: 5px;
    border-radius: 20px;
}

#inputEmail{
    margin-right: 5%;
}
.formulario .form-control:focus{
    background: white;
    box-shadow: 0;
    width: 800px;
}

.form-control {
    display: inline;
    width: 750px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #B4B4B4;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#div-email-telefone{
    width: 274%;
}


/* Footer */ 

#footer{
    position: absolute;
    width: 100%;
    height: 38%;
    background-color: #EBEBEB;
    margin-top: 10%;

}

#footer1{
    position: absolute;
    width: 100%;
    height: 38%;
    background-color: #EBEBEB;
    margin-top: 10%;

}

#footer-button{
    font-family: 'Lato', sans-serif;
    padding: 19px;
    font-size: 12px;
    margin-top: 2%;
    margin-left: 46%;
}

#footer-button1{
    font-family: 'Lato', sans-serif;
    padding: 19px;
    font-size: 12px;
    margin-top: 2%;
    margin-left: 46%;
}

#rodape1{
    color: #727376;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 14px;
    /* text-align: center; */
    text-align: center;
    margin-top: 2%;
    margin-left: 50%;
    margin-right: -14%;
    margin-bottom: 2%;
}

#rodape2{
    color: #727376;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    margin-top: -1%;
    margin-left: 68%;
    margin-right: 0%;
    margin-bottom: 2%;

}

#rodape3{
    color: #727376;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    margin-top: 0%;
    margin-left: 63%;
    margin-right: 0%;
    margin-bottom: 2%;
}

.info{
    display: flex;
}

.info i{
    padding: 1px;
}

#footer h5{
    color: #727376;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    margin-top: 5%;
    margin-left: 61%;
    margin-right: 0%;
    margin-bottom: 2%;

}

#footer1 h5{
    color: #727376;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    margin-top: 5%;
    margin-left: 61%;
    margin-right: 0%;
    margin-bottom: 2%;

}

.copyright{
    display: flex;
    justify-content: center;
    font-weight: lighter;
    color: red;
}

/*Servicos*/

#quem-somos-div-servicos{
    height: -3%;
    width: 36%;
    display: inline-block;
    background: #F8F8F8;
    border-radius: 30px;
    z-index: 3;
    position: sticky;
    margin-top: 0%;
    margin-bottom: 5%;
    margin-left: 17%;
    text-align: left;
    box-shadow: 5px 5px 5px #00000025;

}

#quem-somos-div-servicos h3{
    padding-top: 5%
}

#quem-somos-div-servicos h4{
    margin-top: 7%;
    margin-bottom: -2%;
    text-align: center;
    font-size: xx-large;
    color: #696969;
    font-weight: 700;
}

#quem-somos-div-servicos img{
    width: 93%;
    height: 207px;
    padding: 0%;
    margin-left: 12px;
    margin-top: 33px;
}

#quem-somos-div-servicos p{
    padding: 36px;
    padding-top: 36px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
    margin-top: -13px;
    font-size: 15px;
    font-weight: normal;
    color: #4D4D4D;
    font-family: 'Lato', sans-serif;
}

.d-block w-1001{
    width: 100% !important;
    margin-left: 0%;
    margin-top: -2%;
    margin-bottom: -4%;
}

#quem-somos-div-servicos button{

    position: inherit;
    z-index: 5;
    width: 25%;
    /* padding: 1%; */
    margin-top: -9%;
    margin-bottom: 5%;
    margin-left: 35%;
}

#quem-somos-div-servicos ul{
    margin-top: 8%;
    margin-bottom: 12%;
}

#montagem-desmontagem{
    margin-left: 10% !important;
}

/*Equipamentos*/

#quem-somos-div-equipamentos{
    width: 21%;
    height: 256px;
    display: inline-block;
    background: #F8F8F8;
    border-radius: 30px;
    z-index: 3;
    position: sticky;
    margin-top: 0%;
    margin-bottom: 5%;
    margin-left: 9%;
    text-align: left;
    box-shadow: 5px 5px 5px #00000025;
}

#quem-somos-div-equipamentos img{
    width: 243px;
    height: 181px;
    margin-top: 8%;
}

#quem-somos-div-equipamentos h4{
    margin-top: 6%;
    margin-bottom: -2%;
    text-align: center;
    color: black;
    font-weight: 700;
}

#hover:hover{
   color: red;
}

#quem-somos-div-equipamentos p{
    padding: 24px;
    margin-top: -13px;
    font-size: 15px;
    font-weight: normal;
    text-align: justify;
    color: #4D4D4D;
    font-family: 'Lato', sans-serif;
}

#quem-somos-div-equipamentos a{
    text-decoration: none;
}
#transportes-especiais2{
    margin-left: 25% !important;
}

#cargas{
    margin-left: 22% !important;
}
/* Pagina Serviços */

#servicos-pagina{
    text-align: center;
}

#div1-servicos{
    display: contents;
    margin-bottom: 10%;
}

#div2-servicos{
    margin-left: 12%;
    margin-top: -4%;
    width: 78%;
    height: 277px;
    border-radius: 35px;
    background-color: #F7F7F7;
    box-shadow: 5px 5px 5px #00000025;
}

#servicos-pagina h1{
    margin-top: 6%;
    margin-left: 28%;
    position: absolute;
}

#servicos-pagina img{
    margin-top: 8%;
    margin-left: 5%;
    border-radius: 30px;
    box-shadow: 8px 4px 5px #00000025;
}

#servicos-pagina p{
    margin-top: 10%;
    max-width: 83ch;
    position: absolute;
    text-align: center;
    margin-left: 14%;
}

#quem-somos-div-servicos-pa{
    width: 23%;
    display: inline-block;
    background: #F8F8F8;
    border-radius: 30px;
    z-index: 3;
    position: sticky;
    margin-top: 0%;
    margin-bottom: 5%;
    margin-left: 7%;
    text-align: left;
}

@media screen and (max-width: 1500px){
    #fundo-cliente{
        position: absolute;
        margin-top: 5%;
        width: 55%;
        height: 23%;
        border-radius: 35px;
        background-color: #F7F7F7;
}

#clientes .cliente {
    display: -webkit-inline-box;
    justify-content: center;
    margin-top: 16%;
    margin-bottom: 50px;
}
}
@media screen and (max-width: 1280px){

    #div3{
        margin-top: -38%;
    }

    #depoimentos{
        margin-top: -43%;
    }

    #fundo-cliente{
            position: absolute;
            margin-top: 5%;
            width: 49%;
            height: 23%;
            border-radius: 35px;
            background-color: #F7F7F7;
    }

    #clientes .cliente {
        display: -webkit-inline-box;
        justify-content: center;
        margin-top: 16%;
        margin-bottom: 50px;
    }

    #contato img{
        margin-left: -5%;
    }

    #aguia-header{
        width: 151%;
    }

    #fundo-logo{
        margin-top: -3%;
        margin-left: -8%;
        height: 156px;
        width: 1678px;
    }

    #exemplo-servicos h1 {
        font-size: 28px;
    }

    #exemplo-servicos p{
        margin-top: 7%;
        margin-left: 2%;
        max-width: 47ch;
    }

    #saiba-mais{
        margin-top: -17%;
        margin-left: 23%;
    }
    #quem-somos h3{
        margin-bottom: 5%;
    }

    #quem-somos-div-equipamentos {
        width: 24%;
        margin-left: 7%;
    }

    #quem-somos-div-equipamentos img{
        width: 97%;
        height: 68%;
    }

    #servicos-pagina img{
        width: 26.7%;
    }

    #montagem-desmontagem{
        margin-left: 4% !important;
    }

    #servicos-pagina p {
        margin-top: 11%;
        max-width: 96ch;
        position: absolute;
        text-align: justify;
        margin-left: 4%;
    
    }

    #servicos-pagina h1{
        margin-left: 25%;
    }

    #transportes-especiais2{
        margin-left: 21% !important;
    }

    #cargas{
        margin-left: 18% !important;
    }

    #quem-somos-div-servicos img{
        width: 93%;
        margin-left: 12px;
        margin-top: 33px;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    #transportes-especiais{
        width: 91%;
        margin-left: 4%;
    }
    #remocao-tecnica, #dtm, #movimentacao-cargas, #plano-rigging{
        width: 91%;
    }
    
}


@media screen and (min-width: 1400px){
    
  
   #fundo-logo {
        height: 177px;
        margin-left: -7%;
        margin-top: -3%;
    }
   

    
    #header-menu{
        margin-left: 34%;
        margin-top: 2%;

    }

    #footer{
        height: 43%;
    }

    #footer1{
        height: 43%;
    }

    .offset-lg-2 {
        margin-left: 17.666667%;
    }

   

    #footer h5{
        margin-left: 54%;
    }

    #footer1 h5{
        margin-left: 54%;
    }

    #depoimentos {
        margin-top: -40%;
    }

    #quem-somos h3 {
        margin-top: -1%;
        margin-bottom: 9%;
    }

    #servicos-pagina p {
        margin-top: 11%;
        max-width: 107ch;
        position: absolute;
        text-align: justify;
        margin-left: 4%;
    }

}

@media screen and (min-width: 1500px){
    #transportes-especiais{
        margin-left: -2.5%;
    }

    #remocao-tecnica, #dtm, #movimentacao-cargas, #plano-rigging{
        margin-left: 9%;
    }

    #fundo-logo{
        margin-top: -3%;
        height: 181px;
        width: 115%;
        margin-left: -6%;
    }

    #depoimentos {
        margin-top: -37%;
    }

    #quem-somos h3 {
        margin-bottom: 5%;
    }

    #servicos-pagina h1{
        margin-left: 6% !important;
    }

    #servicos-pagina p {
        margin-top: 10%;
        text-align: justify;
        margin-left: 6%;
    }
}

@media screen and (min-width: 1600px){

    
    #depoimentos{
        margin-top: 0%;
    }
    
    #footer{
        height: 45%;
    }

    #footer1{
        height: 45%;
    }
    #fundo-logo{
        height: 187px;
    }

}

    
@media screen and (max-width: 768px){

    body{
        width: 202%;
    }

    #header-h1{
        margin-top: -32%;
    }

    #quem-somos-div {
        height: 357px;
        width: 573px;
    }

    #header-menu {
        z-index: 5;
        position: fixed;
        text-align: right;
        margin-left: 16%;
        margin-top: 1%;
        display: -webkit-inline-box;
        list-style-type: none;
        font-family: 'Lato', sans-serif;
    }

    #logo {
        position: fixed;
        z-index: 5;
        height: 63px;
        width: 170px;
        margin-left: 6%;
        margin-top: 14px;
    }    

    #div3{
        margin-top: -38%;
    }

    #depoimentos {
        margin-top: 0%;
        width: 202%;
    }

    #fundo-cliente {
        margin-top: -3%;
        width: 143%;
        margin-left: 10%;
    }

    .container {
        max-width: 800px;
    }

    #clientes h3 {
        margin-right: -1%;
        margin-bottom: 11%;
    }

    #clientes .row {
        /* justify-content: space-around; */
        display: inline;
        /* margin-left: 29%; */
    }

    #clientes .cliente {
    /* position: initial; */
    display: inline;
    margin-top: 23% !important;
    margin-left: 29%;
    margin-right: -29%;
    width: -13em;
    /* display: unset; */
    /* grid-template-areas: none; */
}

    #contato img{
        margin-left: -5%;
    }

   #aguia-header {
    width: 156%;
    margin-top: -86%;
    margin-left: 78%;
}

#fundo-logo {
    margin-top: -2%;
    margin-left: -8%;
    height: 188px;
    width: 1893px;
}

    #equipamentos{
        margin-top: 6%;
        margin-left: -3%;
    }

    .row {
        margin-right: 0%;
        display: grid;
        grid-template-areas: "a b c";
    }
    
    #quem-somos h3{
        margin-bottom: 5%;
    }

    #clientes{
        margin-top: 38em !important;
        margin-left: -12%;
    }

    #quem-somos-div-equipamentos {
        width: 24%;
        margin-left: 7%;
    }

    #quem-somos-div-equipamentos img{
        width: 97%;
        height: 68%;
    }

    #servicos-pagina img{
        width: 26.7%;
    }

    #montagem-desmontagem{
        margin-left: 4% !important;
    }

    #servicos-pagina p {
        margin-top: 11%;
        max-width: 96ch;
        position: absolute;
        text-align: justify;
        margin-left: 4%;
    
    }

    .form-control{
        width: 956px;
        height: 49px;
        margin-right: 23%;
    }

    .formulario form {
        display: flex;
        flex-flow: column;
        margin-bottom: 1px;
        margin-left: -42%;
    }

    #inputEmail {
        margin-right: 14%;
    }

    #textoForm{
        height: 365px;
    }

    #footer {
        position: absolute;
        width: 202%;
        height: 64%;
        background-color: #EBEBEB;
        margin-top: 10%;
    }

    #footer1 {
        position: absolute;
        width: 202%;
        height: 64%;
        background-color: #EBEBEB;
        margin-top: 10%;
    }

    #contato .title {
        border-color: rgba(255, 255, 255, 0.938);
        margin-left: -40%;
    }

    #contato img {
        margin-left: -42%;
        width: 189%;
    }

    #footer h5{
        margin-left: -34%;
    }

    #footer1 h5{
        margin-left: -34%;
    }

    #rodape1{
        margin-left: 20%;
    }

    #rodape2{
        margin-left: 28%;
    }

    #rodape3{
        margin-left: 26%;
    }

    #contato h5{
        margin-left: -42%
    }

    #servicos-pagina h1{
        margin-left: 25%;
    }

    #transportes-especiais2{
        margin-left: 21% !important;
    }

    #cargas{
        margin-left: 18% !important;
    }

    #quem-somos-div-servicos img{
        width: 93%;
        margin-left: 12px;
        margin-top: 33px;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    #transportes-especiais{
        width: 91%;
        margin-left: 4%;
    }
    #remocao-tecnica, #dtm, #movimentacao-cargas, #plano-rigging{
        width: 91%;
    }
    
}   



@media screen and (max-width: 425px){
    body {
        width: fit-content;
    }
    #backMenu{
        background-color: #ebebeb;
        margin-top: -4em;
        width: fit-content;
    }
    #img-principal{
        height: 37vh;
        width: 29em;
        margin-top: 33%;
        }
    #fundo-logo{
        display: none;
     }
        
     #logo {
        position: absolute;
        height: 3em;
        width: 9em;
        margin-top: 3em;
        margin-left: 10em;
        display: table;
    }

           #menu-equipamentos{
            margin-left: 6em;
        }
    
        #menu-orcamento{
            margin-left: 13em;
            display:none;
        }
    
        #menu-button {
            position: absolute;
            padding: 6px;
            margin-left: 52vh;
            margin-top: -1vh;
            font-size: 17px;
            display: flex;
        }
        
        #header{
            position: inherit !important;
            margin-top: 5% !important;
            margin-left: 0%;
        }

        #header-menu {
            display: grid;
            grid-template-areas: "a b c d";
            font-size: 17px;
            position: absolute;
            margin-left: -16px;
            margin-top: 24%;
        }

        #menu-quemSomos {
            text-decoration: none;
            color: black;
            padding: 13px;
            font-weight: bolder;
            margin-top: -11px;
            margin-left: -1em;
        }

        #menu-servicos {
            text-decoration: none;
            color: black;
            /* position: absolute; */
            padding: 2px;
            display: block;
            font-weight: bolder;
            /* margin-top: 0px; */
            margin-left: 1em;
        }
        
           #header-h1{
            font-size: 15px;
            margin-left: 15px;
            margin-top: 171px;
           }
        
           #header-b{
                font-size: 20px;
           }
        
           #aguia-header{
            display: none;
            }
        
            /*Quem Somos*/
        
            #quem-somos-div {
                height: 24em;
                width: 25em;
                margin-left: 3%;
            }

            .quem-somos-div-unico{
                height: 17em !important;
                width: 25em;
                margin-top: 45% !important;
                margin-left: 3%;
            }
        
            #img-header{
                margin-left: 25px;
                height: 7%;
            }
        
            #quem-somos p{
                padding: 20px;
                margin-top: -3px;
                font-size: 17px;
                text-align: justify;
            }
        
            #quem-somos h3{
                margin-top: -22px;
                /* max-width: 20ch; */
                font-size: 20x;
                margin-top: 8%;
                margin-left: 6%;
                width: 125%;
            }

            #quem-somos-h3{ 
                margin-top: 10% !important;
                margin-left: 29% !important;
                margin-bottom: 5% !important;
                display: none;
            }
        
            #valores {
                margin-top: 0px !important;
            }
        
            #quem-somos-novo{
                margin-top: -15% !important;
                margin-left: 10% !important;
                width: 125%;
                font-size: 14px !important;
                z-index: 10;
                position: absolute !important;
                display: none;
            }

            #quem-somos-div h2 {
                padding-top: 7%;
                font-size: 41px;
                margin-left: 5% !important;
                padding-bottom: 3%;
            }
        
           
            #quem-somos-div2 h2 {
                font-size: 28px;
                margin-top: 15%;
                max-width: 29ch;
                margin-bottom: -1%;
            }
        
            #div1{
                display: none;
            }
        
            #div2{
                display: none;
            }
        
            /* servicos */
        
            .row{
                margin-left: 8% !important;
                margin-top: 5%;
                max-width: min-content;
                display: grid;
                grid-template-areas: "a b c";
            }
        
            .col-8{
                margin-left: 19%;
                margin-top: 25%;
            }
        
            .w-100{
                width: 32em !important;
                margin-left: -4%;
                margin-top: 11%;
                margin-bottom: 10%;
            }
            #transportes-especiais{
                margin-left: 4%;
            }
        
            #div2-servicos {
                margin-left: 11%;
                margin-top: 1%;
                margin-bottom: 10%;
                width: 21em;
                height: 24em;
                border-radius: 0px;
                background-color: white;
                box-shadow: none;
            }

            #servicos-pagina img {
                width: 23em !important;
            }
        
            #servicos-pagina h1 {
                font-size: 26px;
                position: inherit;
                max-width: 25ch;
                margin-left: 0em !important;
            }
        
            #servicos-pagina p {
                margin-top: 4%;
                max-width: 17em;
                position: inherit;
                text-align: justify;
                margin-right: 0%;
                /* margin-bottom: 6em; */
                font-size: 22px;
                margin-left: 0%;
            }
        
            #montagem-desmontagem{
                margin-left: -11% !important;
            }
        
            #transportes-especiais2{
                margin-left: 9% !important;
            }
        
            #cargas{
                margin-left: 4% !important;
            }
        
            #exemplo-servicos h1 {
                padding-left: 1%;
                margin-top: 44%;
                margin-left: 2%;
                font-size: 30px;
                max-width: 19ch;
                position: absolute;
            }
        
            #exemplo-servicos p{
                display: none;
            }
        
            #saiba-mais{
                display: none;
            }
            #img-servicos{
                border-radius: 43px;
                margin-top: -33%;
            }
        
            #div3{
                height: 747px;
            }
        
            #servicos p{
                display: none;
            }
        
            #servicos h3{
                margin-top: -63px;
                margin-bottom: 0%;
                font-weight: bold;
            }
        
            #back-img-servicos{
                height: 58%;
                margin-top: -20%
            }
        
            #title-servicos1{
                margin-bottom: 0%;
                font-weight: bold;
                margin-top: -50px;
            }
        
            #div-left{
                margin-left: 0;
                margin-right: 0;
            }
        
            #div-right{
                margin-right: 0;
                margin-left: -8%;
            }
        
            .veiculo {
                margin-top: 20px;
                margin-left: -9%;
            }
        
            #alo-h3{
                margin-left: 9% !important;
            }
        
            #img1{
                display: none;
            }
        
            #img2{
                width: 129% !important;
                margin-left: 11% !important;
                height: 9%;
            }
        
            #img2-novo{
                width: 72% !important;
                margin-left: -2% !important;
            }
        
            #img3{
                display: none;
            }
            
            #remocao-tecnica, #dtm, #movimentacao-cargas, #plano-rigging{
                width: 0em !important;
                margin-left: 7%;
                margin-top: 0%;

            }
        
        
            #quem-somos-div-equipamentos {
                width: 23em;
                height: 19em;
                margin-left: 9%
            }

            #quem-somos-div-equipamentos img{
                width: 93%;
                height: 70%;
                margin-top: 5%;
            }
        
            #quem-somos-div-servicos{
        
            width: 84%;
            display: inline-block;
            background: #F8F8F8;
            border-radius: 30px;
            z-index: 3;
            position: sticky;
            margin-top: 26%;
            margin-bottom: 5%;
            margin-left: 8%;
            text-align: left;
            box-shadow: 5px 5px 5px #00000025;
            }

            #quem-somos h3 {
                max-width: 55em !important;
                font-size: 33px !important;
                margin-left: 6% !important;
                margin-top: 7% !important;
            }
            
            
            #quem-somos-novo{
                margin-top: -18% !important;
                margin-left: 10% !important;
                width: 125%;
                font-size: 14px !important;
                z-index: 10;
                position: absolute !important;
            }
            
            /* Barras aleatorias */
        
            #aleatorio1{
                display: none;
            }
        
            #aleatorio2{
                display: none;
            }
        
            #depoimentos {
                width: 29em;
                margin-top: 18%;
                height: 29em;
            }
        
            #anonimo{
                width: 18%;
            }
        
            #depoimentos h1{
                font-size: 23px;
            }
        
            /* Clientes */
            #cliente{
                display: grid;
                grid-template-areas: "a b";
                width: fit-content;
                
            }
            #clientes .row {
                margin-top: 17%;
                display: inline-block;
            }
        
            #clientes .cliente {
                display: table-cell
            }

            #fundo-cliente{
                display: none;
            }
        
            #clientes h3{
                margin-top: 5%;
                font-size: 37px;
                margin-left: 2%;
                margin-right: 0;
                margin-bottom: 8%;
        }
        
        .offset-lg-2 {
            margin-left: 16.666667%;
            width: fit-content;
        }
            #contato {
                color: rgba(255, 255, 255, 0.856);
                margin-bottom: 0;
                margin-left: 29%;
                margin-top: 41%;
                padding-bottom: 20px;
}
        
            #contato h3{
                margin-top: -39%;
                font-size: 40px;
            }
        
            #contato h5 {
                font-size: 18px;
                margin-top: 2%;
                margin-left: -40%;
                margin-bottom: 0%;
            }
        
            #contato img {
                margin-left: -32%;
                width: 27em;
                margin-top: -12%;
            }
        
            /* formulario */
        
            .form-control{
                width: 24em !important;
            }

            .form-group{
                max-width: fit-content;
            }
        
            .formulario form{
                position: absolute;
            }
            .formulario input {
                width: 24em;
                margin-left: -3em;
                margin-top: 17px;
            }
        
            #inputNome {
                margin-left: -12%;
                margin-top: -27%;
                width: 24em;
                margin-right: 0%;
            }
        
            #inputEmail {
                width: 24em;
                margin-left: -3em;
                margin-top: 10%;
            }
            
            #textoForm{
                width: 100%;
                margin-left: -12%;
                margin-right: 0%;
            }
            #div-email-telefone{
                width: 0%;
            }
        
            .formulario form {
                margin-left: -26%;
                margin-top: 10%;
            }
            #enviar{
                margin-left: -10%;
                width: 23%;
            }
        
            #rodape1{
                color: #727376;
                font-family: 'Lato', sans-serif;
                font-weight: 500;
                /* font-size: 4px; */
                font-size: 11px;
                /* text-align: center; */
                text-align: center;
                margin-top: 2%;
                margin-left: -5%;
                margin-right: -14%;
                margin-bottom: 2%;
            }
        
            #rodape2{
                color: #727376;
                font-family: 'Lato', sans-serif;
                font-weight: 500;
                font-size: 11px;
                text-align: center;
                margin-top: -1%;
                margin-left: 24%;
                margin-right: 0%;
                margin-bottom: 2%;
            }
        
            #rodape3{
                color: #727376;
                font-family: 'Lato', sans-serif;
                font-weight: 500;
                font-size: 11px;
                text-align: center;
                margin-top: 0%;
                margin-left: 18%;
                margin-right: 0%;
                margin-bottom: 2%;
            }
        
            #footer-button {
                font-family: 'Lato', sans-serif;
                padding: 19px;
                font-size: 26px;
                margin-top: 73%;
                margin-left: 23%;
            }

            #footer-button1 {
                font-family: 'Lato', sans-serif;
                padding: 19px;
                font-size: 26px;
                margin-top: 7%;
                margin-left: 23%;
            }
        
            #footer {
                width: 29em;
                height: 30%;
                margin-top: 4em;
            }

            #footer1 {
                width: 29em;
                height: 30%;
                margin-top: 42em;
            }
        
            #footer h5{
                
                color: #727376;
                font-family: 'Lato', sans-serif;
                font-weight: bold;
                font-size: 23px;
                text-align: center;
                margin-top: 5%;
                margin-left: -10%;
                margin-right: 0%;
                margin-bottom: 2%;
            }
            #footer1 h5{
                
                color: #727376;
                font-family: 'Lato', sans-serif;
                font-weight: bold;
                font-size: 23px;
                text-align: center;
                margin-top: 5%;
                margin-left: -10%;
                margin-right: 0%;
                margin-bottom: 2%;
            }

            #backMenu1 {
                background-color: #ebebeb;
                margin-top: -4em;
                width: 10;
                height: 10em;
            }
}

@media screen and (max-width: 375px){
    #header-menu {
        margin-top: 28%;
    }

    #menu-equipamentos {
        margin-left: 4em;
    }

    #menu-servicos{
        margin-left: 0em;
    }

    .form-control {
        width: 20em !important;
    }

    #inputNome {
        margin-left: -15%;
    }

    #contato h5 {
        font-size: 17px;
        margin-top: 2%;
        margin-left: -40%;
        margin-bottom: 0%;
    }

    #quem-somos-div2 h2 {
        font-size: 25px;
    }

    #quem-somos-div {
        height: 18em;
    }

    #quem-somos-div {
        height: 24em;
        width: 24em;
        margin-top: -15% ;
        margin-left: 3%;
    }

    #servicos-pagina {
        text-align: center;
        margin-left: -2%;
    }

    #img-principal {
        height: 16em;
        width: 27em;
        margin-top: 36%;
    }

    .quem-somos-unico{
        margin-top: 47%;
    }

    .quem-somos-div-unico{
        margin-top: 1% !important;
    }

    #depoimentos {
        width: 26em;
        margin-top: 18%;
        height: 29em;
    }

    #footer1 {
        width: 27em;
    }
    .w-100 {
        width: 28em !important;
    }

    #backMenu {
        width: 27em;
    }
}