*
{
    margin: 0;
    padding: 0;

}




/*--------Navigation--------*/
#nav-bar
{
    position: sticky;
    top: 0;
    z-index: 10;
    width: 100%;
}


.navbar-brand img
{
    height: 75px;
    padding-left: 30px;
}

.navbar-nav li
{
    padding: 0 10px;
}
.navbar-nav li a
{
    float: right;
    text-align: left;
}
#nav-bar ul li a:hover{
    color: #007bff!important;
}
.navbar
{
    background: #fff;
}
.navbar-toggler
{
    border: none!important;
}
.nav-link
{
    color: #555!important;
    font-weight: 600;
    font-size: 14px;
}

/*----------------------------------------------------Para a navbar ficar responsive-------------------------------------*/
.burger{
    display: none;
    cursor: pointer;
}



.burger div{
    width: 25px;
    height: 5px;
    margin 5px;
    
}

@media screen and (max-width:1300px){
    .nav-link{

    color: #555!important;
    font-weight: 500;
    font-size: 10px;
}
        
    }


@media screen and (max-width:768px){
    body
    {
        overflow-x: hidden;
        
    }
    .nav-link{
        transform: translateY(0%);
        transition: transform 0.5s ease-in;
        
    }
    .navbar-nav > li > a {
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
   
    }
    
body{
    overflow-x: hidden;
}

.nav-active{
    transform: translateY(0%);
}




/*------------------------------perceber como fazer o dropdown---------------------*/
/*--------------------------------------Perceber como fazer esta parte--------------------------*/
#nav-bar-drop
{
    position: sticky;
    top: 0;
    z-index: 10;
}

#nav-bar-drop ul li a:hover{
    color: #007bff;
}


.nav-link .fa
{
    margin-right: 8px;
}

#nav-bar-drop:hover .dropdown-item
{
    display: block;
    position: absolute;
    background: rgb(0,100,0);
    margin-top: 15px;
    margin-left: -15px;
}

#nav-bar-drop:hover .dropdown-item ul
{
    display: block;
    margin: 10px;
    
}
#nav-bar-drop:hover .dropdown-item ul li
{
    width: 150px;
    padding: 10px;
    border-bottom: 1px dotted #fff;
    background: transparent;
    border-radius: 0;
    text-align: left;
}
.active, .nav-item ul li:hover
{
    
    background: #DCDCDC ;
    border-radius: 3px;
}


/*------------------------------perceber como fazer o dropdown---------------------*/


/*-------------Slider--------------*/
#slider
{
    width: 100%;
    
    
    
}

.carousel-caption
{
    top: 50%;
    transform: translateY(-50%);
    bottom: initial!important;
}
.carousel-caption h5
{
    color: #fff;
    font-size: 60px;
}
.carousel-caption h6
{
    color: #fff;
    font-size: 45px;
}

/*-------------------About---------------*/
#about
{
    padding-top: 50px;
    padding-bottom: 50px;
    color: #555;
    
}
#about h1
{
    font-style: italic;
    color: cornflowerblue;
}
.about-title
{
    font-size: 40px;
    font-weight: 450;
    margin-top: 8%;
    
}
#about .img-fluid
{
   padding-left: 100px;
   padding-top: 50px;
   
}
#about .btn
{
    margin-top: 20px; 
    margin-bottom: 30px;
    
}


.about-content
{
    padding-top: 20px;
}

/*--------------Services--------------*/
#services
{
    background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.9)),url(homeservicos.jpg);
    color: #efefef !important;
    background-size: cover;
    background-position: center;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    
}

#services h1
{
    text-align: center;
    color: #efefef !important;
    padding-bottom: 10px;
    
}
#services h1::after
{
    content: '';
    background: #007bff;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px;
    
}

.services
{
    margin-top: 40px;
    
}
.icon
{
    font-size: 40px;
    margin: 20px auto;
    padding: 10px;
    height: 80px;
    width: 80px;
    border: 1px solid #fff;
    border-radius: 50%;
    
}

#services p
{
    font-size: 14px;
    margin-top: 20px;
    color: #ccc;
}
#services a
{
    color: #ccc;
}

.services .col-sm-4:hover{
    background: #007bff;
    cursor: pointer;
    transition: 1s
}


/*------------------------Contact----------------*/
#contact
{
    background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url(fabrica%20fora%20foto.png);
    background-size: cover;
    background-position: center;
    color: #efefef !important;
    background-attachment: fixed;
    padding-top: 50px;
    padding-bottom: 50px;
    
}

#contact h1
{
    text-align: center;
    color: #555 !important;
    padding-bottom: 10px;
    
}
#contact h1::after
{
    content: '';
    background: #007bff;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px;
    
}

#contact
{
    background: #efefef;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #777;
}
.contact-form
{
    padding: 15px;
}

.form-control
{
    border-radius: 0 !important;
    border: none !important;
}
::placeholder
{
    color: #999 !important;
}

.follow
{
    background: #fff;
    padding: 10px;
    margin: 15px;
    color: #555;
}
.contact-info .fa
{
  margin: 10px;
  color: #007bff;
  font-weight: bold;
}
.follow p
{
    margin: 10px;
}

#contact .img-fluid
{
    margin-top: 15px;
}

/*------------------footer-----------------*/

#footer
{
    background: #333;
    color: #fff;
    padding: 12px;
    
}

.fa-exclamation-circle
{
    margin: 10px;
    color: cornflowerblue;
}


/*-----------------------------------------SERVICOS PAGE--------------------------------------------------------------------*/
header
{
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(servicosfundo.JPG);
    height: 85vh;
    background-size: cover;
    background-position: center;
}

.hero
{
    position: absolute;
    width: 1200px;
    margin-left: 0;
    margin-top: 0;    
}



#services-page h1
{
    text-align: center;
    margin-top: 20px;
}
#services-page h1::after
{
    content: '';
    background: #007bff;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px;
    
}
/*---------------------estrutura dos servicos----------------*/



.services-123
{
    margin-top: 50px;
}

#services-page h3
{
    padding-top: 15px;
    font-size: 22px;
}

#services-page p
{
    font-size: 15px;
    margin-top: 20px;
    color: black;
    text-align: justify;
}
.hero h1
{
    color: white;
    text-transform: uppercase;
    font-size: 50px;
    margin-left: 600px;
    margin-top: 250px;
    
   
   
}




/*----------------------------------Estrutura PRODUÇAO---------------------------*/



.hero-image
{
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(producaoback.JPG);
    height: 85vh;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 1200px;
    margin-left: 0;
    margin-top: 0; 
    width: 100%;
}

.hero-image h1
{
    color: white;
    text-transform: uppercase;
    font-size: 50px;
    text-align: center;
    margin-top: 250px;
    margin-left: 50px;
   
}
/*-----------------------------------Torneamento--------------------------------*/
.hero-image-torn
{
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(fundoproducao.JPG);
    height: 85vh;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 1200px;
    margin-left: 0;
    margin-top: 0; 
    width: 100%;
}

.hero-image-torn h1
{
    color: white;
    text-transform: uppercase;
    font-size: 50px;
    text-align: center;
    margin-top: 250px;
    margin-left: 50px;
   
}
/*-------------------------------------Eletroerosao--------------------------------------------*/
.hero-image-eletro
{
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(eletro2.JPG);
    height: 85vh;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 1200px;
    margin-left: 0;
    margin-top: 0; 
    width: 100%;
}

.hero-image-eletro h1
{
    color: white;
    text-transform: uppercase;
    font-size: 50px;
    text-align: center;
    margin-top: 250px;
    margin-left: 50px;
   
}

/*---------------------------------------------Retificacao---------------------------------*/
.hero-image-reti
{
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(retificacaofoto.JPG);
    height: 85vh;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 1200px;
    margin-left: 0;
    margin-top: 0; 
    width: 100%;
}

.hero-image-reti h1
{
    color: white;
    text-transform: uppercase;
    font-size: 50px;
    text-align: center;
    margin-top: 250px;
    margin-left: 50px;
   
}

/*---------------------------------------------Controlo Qualidade----------------------------------*/
.hero-image-qual
{
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(microset.JPG);
    height: 85vh;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 1200px;
    margin-left: 0;
    margin-top: 0; 
    width: 100%;
}

.hero-image-qual h1
{
    color: white;
    text-transform: uppercase;
    font-size: 50px;
    text-align: center;
    margin-top: 250px;
    margin-left: 50px;
   
}

.torneamento h3
{
    text-align: center;
}


.qualidade h5
{
    text-align: justify;
    font-size: 18px;
    padding-top: 20px;
}

.ima
{
    margin-bottom: 25px;
}

.ima h6
{
    text-align: center;
}

.qualidade ul li
{
    padding-top: 20px;
    font-size: 18px;
}
/*----------------------slider producao----------------------------*/
 #about h3
{
    text-align: center;
    margin-top: 90px;
    color: black;
        
}

#about h5
{
    text-align: justify;
    margin-top: 15px;
    padding-left: 30px;
}
    
#about .torneamento h3
{
    margin-top: 120px;
}

#about .eletro h3
{
    margin-top: 120px;
}

/*---------------------------------------------portfolio produtos--------------------------------*/
.hero-produtos
{
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(produtosback.JPG);
    height: 85vh;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 1200px;
    margin-left: 0;
    margin-top: 0; 
    width: 100%;
}

.hero-produtos h1
{
    color: white;
    text-transform: uppercase;
    font-size: 50px;
    text-align: center;
    margin-top: 250px;
    margin-left: 50px;
   
}

/*------------------------------botoes-------------------------------------------*/

.containerb{
    text-align: center;
    margin-top: 35px;
    
}

#botoes a
{
    text-decoration: none;
}

#botoes .btn{
    border: 1px solid #3498db;
    background: none;
    padding: 10px 20px;
    font-size: 20px;
    margin: 10px;
    transition: 0.8s;
    position: relative;
    overflow: hidden;
    
}
/*----------------------------------------------------------------------------*/
#about .btn1
{
    color: #3498db;
    
}

#about a
{
    text-decoration: none;
}
#about .btn1:hover
{
    color: #fff;
}
#about .btn::before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0%;
    background: #D0D0D0;
    z-index: -1;
    transition: 0.8s;
    
}

#about .btn1::before{
    top: 0;
    border-radius: 0 0 50% 50%;
}

#about .btn1:hover::before{
    height: 180%;
}
/*-------------------------------------------------------------------------*/


#botoes .btn1
{
    color: #3498db;
}

#botoes .btn2 
{
    color: #3498db;
}
#botoes .btn3
{
    color: #3498db;
}
#botoes .btn4
{
    color: #3498db;
}

#botoes .btn5
{
    color: #3498db;
}

#botoes .btn1:hover
{
    color: #fff;
}
#botoes .btn2:hover
{
    color: #fff;
}
#botoes .btn3:hover
{
    color: #fff;
}
#botoes .btn4:hover
{
    color: #fff;
}
#botoes .btn5:hover
{
    color: #fff;
}

#botoes .btn::before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0%;
    background: #3498db;
    z-index: -1;
    transition: 0.8s;
    
}

#botoes .btn1::before{
    top: 0;
    border-radius: 0 0 50% 50%;
}

#botoes .btn2::before{
    top: 0;
    border-radius: 0 0 50% 50%;
}
#botoes .btn3::before{
    top: 0;
    border-radius: 0 0 50% 50%;
}
#botoes .btn4::before{
    top: 0;
    border-radius: 0 0 50% 50%;
}
#botoes .btn5::before{
    top: 0;
    border-radius: 0 0 50% 50%;
}

#botoes .btn1:hover::before{
    height: 180%;
}
#botoes .btn2:hover::before{
    height: 180%;
}
#botoes .btn3:hover::before{
    height: 180%;
}
#botoes .btn4:hover::before{
    height: 180%;
}
#botoes .btn5:hover::before{
    height: 180%;
}
#botoes h1
{
    text-align: center;
    margin-top: 20px;
}

#botoes h1::after
{
    content: '';
    background: #007bff;
    display: block;
    height: 3px;
    width: 200px;
    margin: 20px auto 5px;
    
}

#botoes h6
{
    padding-top: 5px;
    padding-bottom: 20px;
}

#botoes h2
{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

#botoes h2::after
{
    content: '';
    background: #007bff;
    display: block;
    height: 3px;
    width: 200px;
    margin: 20px auto 5px;
    
}

/*---------------------------------------------Moldes-----------------------------------*/

.hero-moldes
{
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(fundomolde.JPG);
    height: 85vh;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 1200px;
    margin-left: 0;
    margin-top: 0; 
    width: 100%;
}

.hero-moldes h1
{
    color: white;
    text-transform: uppercase;
    font-size: 50px;
    text-align: center;
    margin-top: 250px;
    margin-left: 50px;
   
}

/*---------------------------------------------------contacto------------------------------------*/

.hero-contacto
{
    background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(phone.jpeg);
    height: 85vh;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 1200px;
    margin-left: 0;
    margin-top: 0; 
    width: 100%;
}

.hero-contacto h1
{
    color: white;
    text-transform: uppercase;
    font-size: 50px;
    text-align: center;
    margin-top: 250px;
    margin-left: 50px;
   
}

#contact-us
{
    background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url(grey.jpeg);
    background-size: cover;
    background-position: center;
    color: #efefef !important;
    background-attachment: fixed;
    padding-top: 50px;
    padding-bottom: 50px;
    
}

#contact-us h1
{
    text-align: center;
    color: #555 !important;
    padding-bottom: 10px;
    
}
#contact-us h1::after
{
    content: '';
    background: #007bff;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px;
    
}

#contact
{
    background: #efefef;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #777;
}
.contact-form
{
    padding: 15px;
}

.form-control
{
    border-radius: 0 !important;
    border: none !important;
}
::placeholder
{
    color: #999 !important;
}

.follow
{
    background: #fff;
    padding: 10px;
    margin: 15px;
    color: #555;
}
.contact-info .fa
{
  margin: 10px;
  color: #007bff;
  font-weight: bold;
}
.follow p
{
    margin: 10px;
}

#contact-us .img-fluid
{
    margin-top: 15px;
}

#contact-us h2
{
    text-align: center;
    color: #555;
    margin-top: 10px;
    font-size: 28px;
}
#contact-us p
{
    color: #555;
    font-size: 18px;
}
#contact-us ul 
{
    color: #555;
    font-size: 18px;
    padding-left: 20px;
}

#contact-us h2::after
{
    content: '';
    background: #007bff;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px;
    
}

#contact-us a
{
    
    width: 120%;
}

/*-----------------------------------------------------------EMPRESA-------------------------------------*/


}
.menu-bar
{
    
   background: rgb(255,255,255);
   text-align: center;
}

.menu-bar ul
{
    display: inline-flex;
    list-style: none;
    color: #555;
    
}

.menu-bar ul li
{
    width: 175px;
    padding: 10px; 
    margin: 10px;
    
}
.menu-bar ul li a
{
    text-decoration: none;
    color: #555;
}


/*----------------------------------------------------------EMpresa page------------------------------------*/

.hero-empresa
{
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(fundoempresa.JPG);
    height: 85vh;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 1200px;
    margin-left: 0;
    margin-top: 0; 
    width: 100%;
}

.hero-empresa h1
{
    color: white;
    font-size: 50px;
    text-align: center;
    margin-top: 250px;
    margin-left: 40px;
   
}

#historia .container h1
{
   text-align: center;
    margin-top: 20px;
    color: #555;
}

#historia h1::after
{
    content: '';
    background: #007bff;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px;
    
}


#historia h2
{
    text-align: center;
    font-size: 20px;
    margin-left: 100px;
    margin-right: 100px;
}

#historia h3
{
    text-align: center;
    font-size: 20px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 20px;
}

#historia .img-fluid
{
    width 100%;
    height: 400px;
    
    padding-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#historia p
{
    text-align: center;
    padding-top: 10px;
    font-size: 13px;
}

#historia h4
{
    text-align: center;
    font-size: 20px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
}

#historia h5
{
    text-align: center;
    font-size: 20px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 20px;
}

#historia h6
{
    text-align: center;
    font-size: 20px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 20px;
}

#historia .follow
{
    
    font-size: 20px;
    text-align: center;
    padding-top: 15px;
    
}

#historia .follow i
{
    padding-right: 10px;
    color: #007bff;
}

#fim h6
{
    padding-top: 10px;
    font-size: 13px;
}

#fim h3
{
    text-align: center;
    font-size: 30px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
    margin-bottom: 50px;
    
}
#fim h3::after
{
    content: '';
    background: #007bff;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px;
    
}


/*-----------------------------------------MOLDES--------------------------------------------------------*/