@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,700;1,900&display=swap');

body {
    font-family: "Poppins", sans-serif;
    line-height: 1.6;
    color: #516171;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700 !important;
    color: #000;
}

a {
    color: #fff;
    text-decoration: none;
    transition: all 0.4s ease;
    font-weight: 400;
}

img {
    width: 100%;
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.bg-cover {
    background-position: center !important;
    background-size: cover !important;
    background-position: center !important;
}

.intro {
    margin-bottom: 40px;
}

.intro h6 {
    font-weight: 400;
    color: gold;
}

.intro h1 {
    font-weight: 900;
    color: #000;
    font-style: italic !important;
}


.intro p {
    text-align: left;
    max-width: 500px;
    margin: auto;
}

/* NAVBAR */
.top-navbar {
    background: linear-gradient(rgba(190, 165, 45, 1.0), rgb(255, 255, 0), rgba(140, 100, 45, 1.0));
    padding-top: 5px;
    padding-bottom: 2px;
    color: #191919;
}

.top-nav p {
    margin-bottom: 0;
    display: inline-block;
    margin-right: 16px;
    color: #191919;
}

.top-nav i,
.top-nav span {
    vertical-align: middle;
}

.social-links a {
    width: 34px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #191919;
    font-size: 20px;
    border-radius: 100%;
}

.social-links a:hover {
    background-color: #000;
    color: gold;
}

#navbrand {
    width: 200px !important;
    height: 30px !important;
}

.navbar {
    background-color: #191919 !important;
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: gold;
}

.navbar-brand {
    font-weight: 900;
    font-size: 26px;
    color: #fff;
    font-style: italic !important;
}

.navbar-brand:hover {
    color: gold;
}

.navbar-brand span {
    color: gold;
}

.navbar .dropdown-menu {
    background: #191919;
}

.navbar .dropdown-item {
    color: #fff;
}

.navbar .dropdown-item:hover {
    color: #000;
    background-color: gold !important;
}


/* BTN */
.btn {
    padding: 9px 24px;
    font-weight: 500;
}


.btn-brand {
    background: linear-gradient(rgba(190, 165, 45, 1.0), rgb(255, 255, 0), rgba(140, 100, 45, 1.0));
    color: #000;
    border-color: gold;
}

.btn-brand:hover {
    color: #fff;
    background-color: #000;
}

/* SLIDER */
.slide1 {
    background: linear-gradient(rgba(9, 32, 50, 0.4), rgba(9, 32, 50, 0.337)), url(../img/home/bg_banner1.jpg);
    
}

.slide1 h6 {
    color: #fff;
}

.slide1 h1 {
    color: #fff;
}

.slide2 {
    background: linear-gradient(rgba(9, 32, 50, 0.4), rgba(9, 32, 50, 0.337)), url(../img/home/bg_banner2.jpg);
    color: #fff;
}

.slide2 h6 {
    color: #fff;
}

.slide2 h1 {
    color: #fff;
}


.slide3 {
    background: linear-gradient(rgba(9, 32, 50, 0.4), rgba(9, 32, 50, 0.337)), url(../img/home/bg_banner3.jpg);
    color: #fff;
}

.slide3 h6 {
    color: #fff;
}

.slide3 h1 {
    color: #fff;
}


/* OWL CAROUSEL */
.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    width: 60px !important;
    height: 60px;
    display: grid;
    place-items: center;
    background-color: rgba(255, 255, 255, 0.2) !important;
    font-size: 22px !important;
    margin-top: -30px !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 12px !important;
    border-radius: 100px !important;
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

.owl-next:hover,
.owl-prev:hover {
    background-color: gold !important;
}

/* INFOBOX */
.info-box {
    display: flex;
    align-items: center;
}
.info-box img {
    width: 160px;
    margin-right: 22px;
}

/* MILESTONE */

#milestone {
    /*background: linear-gradient(rgba(255, 221, 0, 0.7), rgba(219, 190, 0, 0.5)), url(../img/home/millestone.jpg);*/
    background: linear-gradient(rgba(190, 165, 45, 1.0), rgb(255, 255, 0), rgba(140, 100, 45, 1.0));
}

#milestone .display-4,
mislestone p {
    color: #fff;
}

#milestone .display-4 {
    font-weight: 700;
    color: #fff;
}

#milestone .h6 {
    color: #fff !important;
}

/* SERVICES */
.service-box {
    padding: 50px;
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
    text-align: center;
}

.services-box i {
    font-size: 100px;
}

.services-box img {
    width: unset;
}

.service-box h5 {
    margin-top: 24px;
    margin-bottom: 12px;
    color: #000;
}

#services a:hover {
    background-color: #fff;
    color: gold !important;
}

.icon_faca {
    width: 80px;
}


/* PROJETOS */

#project-slider .owl-next,
#project-slider .owl-prev {
    background-color: rgba(255, 255, 255, 0.5) !important;
    
}

#project-slider .owl-next:hover,
#project-slider .owl-prev:hover {
    background-color: gold !important;
}

.project {
    position: relative;
}

.project .overlay {
    background: linear-gradient(to bottom, rgba(190, 12, 0, 0.0), #ffba00);
    position: absolute;
    width: 100%;
    height: 240px;
    bottom: 0;
    left: 0;
}

.project .content {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 32px;
    color: #000;
}

.project h1,
.project h6 {
    color: #000;
}

.project h1 {
    font-weight: 700 !important;
}

.project h6 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 200 !important;
    letter-spacing: 1px;
}

.project h6::before {
    content: '';
    height: 2px;
    width: 24px;
    background-color: gold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

/* HERO PROD */

#hero_serrada {
    background: linear-gradient(rgba(190, 12, 0, 0.4), gold), url(../img/faca_serrada/bg_banner1.jpg);
    color: #fff;
}

#hero_serrada h6 {
    font-size: 15px;
    font-weight: 500 !important;
    color: #fff;
}

#hero_serrada h1 {
    color: #fff;
}

#hero_reta {
    background: linear-gradient(rgba(190, 12, 0, 0.4), gold), url(../img/faca_reta/millestone.jpg);
    color: #fff;
}

#hero_reta h6 {
    font-size: 15px;
    font-weight: 500 !important;
    color: #fff;
}

#hero_reta h1 {
    color: #fff;
}

#hero_circular {
    background: linear-gradient(rgba(190, 12, 0, 0.4), gold), url(../img/faca_circular/millestone.jpg);
    color: #fff;
}

#hero_circular h6 {
    font-size: 15px;
    font-weight: 500 !important;
    color: #fff;
}

#hero_circular h1 {
    color: #fff;
}
/* FOTO PROD */
#foto_serrada {
    background: url(../img/faca_serrada/millestone.jpg);
}

#foto_reta {
    background: url(../img/faca_reta/millestone.jpg);
}

#foto_circular {
    background: url(../img/faca_circular/circ-main.jpg);
}
/* SOBRE PRODUTO */

#about_product p {
    font-size: 12px;
    font-weight: 200 !important;
}

/* NAV PRODUTO */

#nav_product {
    background-color: #fff !important;
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}

.nav .nav-link:hover {
    color: gold;
}

.nav .nav-link.active {
    color: #fff;
    background-color: gold;
    
}

/* LOCAIS */

#locais {
    background-color: #fff !important;
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}

#locais p {
    font-weight: 300;
    font-size: 9px;
    margin-left: 20px;
}

/* AVALIAÇÕES */
#reviews {
    background: linear-gradient(rgba(255, 221, 0, 0.9), rgba(255, 221, 0, 0.7)), url(../img/millestone.webp);
}

.review {
    max-width: 900px;
    margin: auto;
    text-align: center;
}

.review img {
    width: 250px !important;
    margin: auto;
}

.review h4 {
    margin-top: 24px;
}

.review h4,
.review p {
    color: #fff;
}

.review small {
    color: #fff;
    letter-spacing: 2px;
    font-weight: 200 !important;
}

.review p {
    margin-top: 28px;
}

.owl.dot.active span {
    background-color: gold !important;
}

/* FOOTER */
footer {
    padding-top: 80px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    background: linear-gradient(rgba(9, 32, 50, 0.9), rgba(9, 32, 50, 0.9)), url(../img/home/milestone.jpg);
}

footer .navbar-brand {
    color: #fff;
    margin-bottom: 24px;
    display: inline-block;
}319 858

.footer-top {
    margin-bottom: 40px;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    padding-top: 20px;
}

footer .social-links a {
    margin-left: 5px;
    margin: 5px;
}

/* FORMULARIO */

.form-control {
    box-shadow: none;
    border-color: rgb(128, 128, 128) !important;
}

.form-control:focus {
    box-shadow: none;
    border-color: gold !important;
}

/* Sessão Produtos */

#prodSec {
    padding: 10px;
}

#prodSec h4 {
    color: black;
    font-size: 18px;
    font-weight: 100;
}

#prodSec h5 {
    color: black;
    font-size: 15px;
    font-weight: 100;
}

#prodSec h6 {
    color: gold;
    font-size: 12px;
    font-weight: 100;
}

/* Fotos Produtos */

#fotProd {
    padding-top: 25px;
}

#imgProd {
    padding: 5px;
}

#box-traders {
    max-width: 25% !important;
}

#container-traders {
    align-content: center;
    align-items: center;
    
}

.whatsapp {
    width: 8% !important;
    float: right;
}

@media(max-width: 420px){
    
    .whatsapp {
        width: 25% !important;
        float: right;
    }
    #top {
        font-size: 12x !important;
    }
}

@media(max-width: 375px){
    
    .whatsapp {
        width: 20% !important;
        float: right;
    }
    #top {
        font-size: 8px !important;
    }

}

@media(max-width: 310px){
    .whatsapp {
        width: 10% !important;
        float: right;
    }
    #top {
        font-size: 7px !important;
    }
}