@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

*{
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    list-style: none;
    text-decoration: none;
}

:root{
    --red:#88171a;
    --black:#000000;
}

.container-full{
    width: 100%;
}
.container-static{
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

#popup.success-popup{background-color:green!important;}

/*//////////////// BANNER TOP //////////////*/
.banner-top,
.banner-top .container
{
    background-color:var(--black);
    height: 70px;
    width: 100%;   
}
.banner-top .container .content{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    font-size: 20.83px;
}
.banner-top .container .content span{
    color: white;
    font-weight: bold;
    padding-right: 10px;
}

/*//////////////// FIM BANNER TOP //////////////*/

/*////////////////HEADER TOP//////////////*/
body{
    padding-top: 200px;
}
.sticky-top{
    width: 100%;
    position: fixed;
    background: white;
    z-index: 15;
    top: 0;
    left: 0;
}
header .header-top {
    width: 100%;
    height: 35px;
    background-image: url('../img/background-top-b2s-obras.webp');
    display: flex;
    justify-content: center;
    align-items: center; 
}
header .header-top .header-top-wrapper{
    max-width: 1260px;
    width:100%;
    display: flex;
    justify-content: end;
}

header .header-top .header-top-wrapper .social-media{
    list-style: none;
    display: flex;
}
header .header-top .header-top-wrapper .social-media li a{
    color: white;
    padding-left: 20px;
}
header .header-top .header-top-wrapper .social-media a li i{
    width:14px;
    color:white;
    margin-left: 20px;
}
header .header-top .header-top-wrapper .social-media a li{
    color:white;
    font-weight:bold;
}
/*//////////////// FIM HEADER TOP //////////////*/


/*//////////////// HEADER NAV //////////////*/
.header-nav .header-nav-wrapper {
    width: 100%;
    height: 165px;
    background: white;
    display: flex;
    justify-content: center;
}
.header-nav .header-nav-wrapper{
    max-width: 1260px;
    width:100%;
    display: flex;
    align-items: center;
}
.header-nav .header-nav-wrapper .header-nav-logo{
    width: 100%;
    display: flex;
}
.header-nav .header-nav-wrapper .header-nav-logo a{
    margin-right: 20px;
}
.header-nav .header-nav-wrapper .header-nav-logo img{
    width: 280px;
    height: 90px;
}
.header-nav .header-nav-wrapper .header-nav-logo img:hover{
    /*padding-bottom:20px;*/
    width: 285px;
    height: 95px;
    transition:0.5s;
}
.header-nav .header-nav-wrapper .header-nav-links{
    width: 100%;
    display: flex;
    justify-content: end;
}
.header-nav .header-nav-wrapper .header-nav-links .header-nav-links-wrapper nav ul{
    display: flex;
}
.header-nav .header-nav-wrapper .header-nav-links .header-nav-links-wrapper nav ul li a{
    text-decoration: none;
    padding: 10px;
    color: var(--black);
    font-size: 16px;
}
.header-nav .header-nav-wrapper .header-nav-links .header-nav-links-wrapper nav ul li a:hover{
    font-weight:bold;
    color:var(--red);
}
.header-nav .header-nav-wrapper .nav-content {
    width: 0px;
    display: none;
}

.menu-mobile {
    display: none;
}
/*//////////////// FIM HEADER NAV //////////////*/

/*//////////////// BARRA ACTIVE //////////////*/
.active{
    width: 100%;
    height: 3px;
    background-color: var(--red);
    content: " ";
    display: flex;
    flex-direction: column-reverse;
    margin-top: 25px;
}
/*//////////////// FIM BARRA ACTIVE //////////////*/

/*////////////////FOOTER//////////////*/
.box-columns{
    background: white;
    width: 100%;
    height: 385px;
    display: flex;
    justify-content: center;
}
.footer .footer-wrapper,
.box-columns .box-columns-wrapper{
    max-width: 1260px;
    width:100%;
    display: flex;
    align-items: center;
}
.box-columns .box-columns-wrapper{
    justify-content: space-between;
}
.column-title,
.second-column-title{
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 30px;
}
.second-column-title{
    text-align: center;
}
.text-footer a{
    color: var(--black);
}
.box-columns .box-columns-wrapper .fisrt-column{
    width:275px;
}
.box-columns .box-columns-wrapper .fisrt-column .first-column-wrapper{
    width: 100%;
}
.box-columns .box-columns-wrapper .fisrt-column .first-column-wrapper .logo-img{
    margin-bottom: 15px;
}
.box-columns .box-columns-wrapper .fisrt-column .first-column-wrapper .logo-img a img{
    width: 278px;
    height: 90px;
}
.box-columns .box-columns-wrapper .second-column{
    width: 332px;
    height: 385px;
    display: flex;
    align-items: end;
}
.box-columns .box-columns-wrapper .second-column .second-column-wrapper{
    width:100%;
    margin-bottom: 25px;
}
.box-columns .box-columns-wrapper .second-column .second-column-wrapper .footer-nav-links{
    display: flex;
    justify-content: space-between;
}.box-columns .box-columns-wrapper .second-column .second-column-wrapper .footer-nav-links .nav-first-column nav ul li,
.box-columns .box-columns-wrapper .second-column .second-column-wrapper .footer-nav-links .nav-second-column nav ul li{
    padding-bottom: 30px;
}
.box-columns .box-columns-wrapper .second-column .second-column-wrapper .footer-nav-links .nav-first-column nav ul li a,
.box-columns .box-columns-wrapper .second-column .second-column-wrapper .footer-nav-links .nav-second-column nav ul li a,
.box-columns .box-columns-wrapper .third-column .third-column-wrapper .social-media-footer li a
.box-columns .box-columns-wrapper .third-column .third-column-wrapper .social-media-footer a li i{
    color: var(--black);
    font-size: 16px;
}
.box-columns .box-columns-wrapper .second-column .second-column-wrapper .footer-nav-links .nav-first-column nav ul li a:hover,.box-columns .box-columns-wrapper .second-column .second-column-wrapper .footer-nav-links .nav-second-column nav ul li a:hover{
    color:var(--red);
    font-weight:bold;
}
.box-columns .box-columns-wrapper .third-column .third-column-wrapper .social-media-footer li{
    padding-bottom: 15px;
    color: var(--black);
}    
.box-columns .box-columns-wrapper .third-column .third-column-wrapper .social-media-footer li:hover{
    color:var(--red);
    font-weight:bold;
}
.box-columns .box-columns-wrapper .third-column{
    width: 277px;
    height: 385px;
    display: flex;
    align-items: end;
}
.box-columns .box-columns-wrapper .third-column .third-column-wrapper{
    width: 100%;
}
.box-columns .box-columns-wrapper .third-column .third-column-wrapper .social-media-footer{
    margin-bottom: 18px;
}
/*////////////////FIM FOOTER//////////////*/


/*////////////////AREA ENGENHO//////////////*/
.footer-down .footer-down-wrapper {
    width: 100%;
    height: 35px;
    background-image: url('../img/background-top-b2s-obras.webp');
    background-size: cover;
    background-position:center;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.footer-down .footer-down-wrapper figure img{
    color: white;
    margin-top: 5px;
    width: 100%;
    
}
/*////////////////FIM AREA ENGENHO//////////////*/

/*////////////////SLIDE BANNER HOME//////////////*/
.swiper{
    width:100%;
    height: 661px;
    overflow: hidden;
    /* border: 1px solid var(--red); */
}
.swiper .swiper-wrapper{
    max-width:1920px;
    height: 661px;
    /* border: 1px solid var(--red); */
}
.swiper .swiper-wrapper .swiper-slide{
    width: 100%;
    height: 100%;
}
.swiper-slide .content{    
    position: absolute;
    color: #fff;
    width: 100%;
    height: 295px;
    top: 280px;
    font-size: 35px;
    margin-right: 12px;
    right: 115px;
}
.swiper-slide .content .slideText{    
    width: 650px;
    /* left: 25px; */
    height: 295px;
}
.swiper-slide .content .slideText .text-uppercase{    
    text-transform: uppercase;
}

.swiper .swiper-wrapper .swiper-slide a img{
    display: block; 
    width: 100%;
    height: 661px; 
    object-fit: cover;
    position: absolute;
    background-size: cover;
    background-position: center;
}
.black-bar{
    width: 90px;
    height: 8px;
    background: #000000;
    content: "";
    margin-bottom: 10px;
}
.red-bar{
    width: 150px;
    height: 8px;
    background: var(--red);
    content: "";
    margin-bottom: 10px;
}
/*////////////////FIM SLIDE BANNER HOME//////////////*/

/*/////////// POPUP //////////////*/
#popup{
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--red);
    position: fixed;
    bottom: 55px;
    z-index: 10;
}
#popup .wrapper .text{
    padding-bottom: 0;
}
#popup .wrapper{
    width: 100%;
    max-width: 1260px;
    justify-content: space-between;
    display: flex;
}
#popup .wrapper .text ul li{
    color: white;
}
#popup .wrapper .btn a{
    color: var(--red);
}
#popup .wrapper .btn{
    height: 30px;
    width: 185px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*/////////// FIM POPUP //////////////*/

/******** POPUP LGPD *************/
/*@keyframes animacaoPopup{*/
/*    from{opacity:0;max-height: 0;}*/
/*    to{opacity:1;transform: translateY(0); max-height:500px;}*/
/*}*/
/*.animacaoPopup.pop-up-cookie{*/
/*    animation-name: animacaoPopup;*/
/*    animation-duration: 3s;*/
/*    animation-delay: 0s;*/
/*    animation-fill-mode: forwards;*/
/*    transform: translateY(-20px);*/
/*    opacity:0;*/
/*}*/
/*.pop-up-cookie{*/
/*    width: 600px;*/
/*    max-height: 0px;*/
/*    overflow: hidden;*/
/*    position: fixed;*/
/*    right: 12px;*/
/*    background-color: rgb(0 0 0/ 90%);*/
/*    z-index: 999;*/
/*    display: none;*/
/*    align-items: end;*/
/*    justify-content: center;*/
/*    border-radius: 8px;*/
/*    opacity: rgba(0,0,0,0.5);*/
/*    border: 3px solid white;*/
/*    bottom: 10px;*/
/*}*/
/*.pop-up-cookie .content-wrapper{*/
/*    width: 100%;*/
/*    max-width: 500px;*/
/*    margin-bottom: 20px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
/*.pop-up-cookie .content-wrapper .imgIcon{*/
/*    height: 139px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
/*.pop-up-cookie .content-wrapper .imgIcon img{*/
/*    width: 150px;*/
/*}*/
/*.pop-up-cookie .content-wrapper p{*/
/*   text-align: center;*/
/*   color: white;*/
/*}*/
/*.pop-up-cookie .content-wrapper p a{*/
/*   color: white;*/
/*   font-weight: bold;*/
/*}*/
/*.pop-up-cookie .content-wrapper .btn-privacy{*/
/*    max-width: 210px;*/
/*    height: 40px;*/
/*    background-color: var(--red);*/
/*    border-radius: 3px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    margin-top: 25px;*/
/*    width: 100%;*/
/*}*/
/*.pop-up-cookie .content-wrapper .btn-privacy .btn{*/
/*    color: white;*/
/*}*/
#popup{position:fixed; display:flex; justify-content:center; align-items:center; width:100%; min-height: 50px; bottom:30px; z-index:9999;}
#popup .wrapper{width:100%; display:flex; justify-content: space-evenly; align-items: center;}
#popup .wrapper .text span{color:#fff; font-size:18px;}
#popup .wrapper ul{padding-top:10px;padding-bottom:10px;}
#popup .wrapper ul li{color:#fff;}
#popup .wrapper .btn{background-color: var(--white) !important; margin-left:20px; margin-top:2px; display: flex; justify-content: center; align-items: center; background-color: var(--vine); width: 200px; height: 30px; border-radius: 10px;}
#popup .wrapper .btn a{color: var(--darkGreen) !important; font-weight: bold;}
.check-privacy{display: flex; justify-content: center; margin: 15px 0;}
.check-privacy #privacy{ height: auto; width: fit-content; margin-top: 3px; margin-right: 5px; }
.pop-up-cookie{position: fixed; bottom: 0; display: none; justify-content: center;align-items: center; flex-direction: column; width: 100%; min-height: 100px; z-index: 9999; padding: 14px; box-sizing: border-box;} .pop-up-cookie .content-wrapper{display: flex; background-color: var(--red); justify-content: space-evenly; width: 100%; align-items: center; margin-bottom: 15px;} .pop-up-cookie .content-wrapper p{margin-bottom: 0 !important; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px;text-align: center;} .pop-up-cookie .content-wrapper p a{text-decoration: none; font-weight: bold; color: #fff; font-size: 14px;} .pop-up-cookie .content-wrapper .btn-privacy{display: flex; justify-content: center; align-items: center; max-width: 80px; width: 100%; height: 20px; text-transform: uppercase; color: var(--darkGreen); background-color: #fff; margin: 15px 0; font-weight: bold;} @media(max-width: 992px){.pop-up-cookie .content-wrapper{flex-direction: column; padding: 15px;}}
.whats-fixo-area{position:fixed;bottom:208px;right:30px;display:flex;z-index:9}.whats-fixo-area .whats-icon i{width:67px;height:67px;font-size:40px;color:#fff;border-radius:50px;background-color:var(--green);display:flex;justify-content:center;align-items:center}.whats-fixo-area .whats-message{height:70px;width:0;padding:10px;background-color:#f6f7f9;margin-right:20px;border-radius:10px;position:relative;animation:largura forwards 1s}.whats-fixo-area .whats-message label{opacity:0;animation:larguraText forwards 1s;animation-delay:.8s}@keyframes largura{100%{width:165px}}@keyframes larguraText{100%{opacity:1}}.whats-fixo-area .whats-message label,.whats-fixo-area .whats-message label strong{cursor:pointer}.whats-fixo-area .whats-message::before{content:"";position:absolute;width:0;right:-10px;z-index:-1;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:25px solid #f6f7f9}
/******** FIM POPUP LGPD *************/


/*////////////////MOBILE//////////////*/
@media (max-width:990px){
    .header-nav .header-nav-wrapper .header-nav-logo {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    /*********footer************/
      header .header-top .header-top-wrapper {
        justify-content: center;
    }
    /* .header-top .header-top-wrapper .social-media a{
        font-size: 9px;
    } */
  .header-nav .header-nav-wrapper .header-nav-links{
    display: none;
  }
  .header-nav .header-nav-wrapper .nav-content, .menu-mobile {
    display: block;
  }
  .header-nav .header-nav-wrapper .nav-content nav, .header-nav .header-nav-wrapper .nav-content .close{
    display: none;
  }
  .header-nav .header-nav-wrapper .nav-content.nav-mobile-active nav, .header-nav .header-nav-wrapper .nav-content.nav-mobile-active .close{
    display: block !important;
  }
    
  .header-nav .header-nav-wrapper .menu-mobile {
    margin-right: 30px;
  }
  .header-nav .header-nav-wrapper .menu-mobile i {
    font-size: 50px;
    color: var(--red);
  }
  .header-nav .header-nav-wrapper .nav-content.nav-mobile-active {
        background-color: var(--red);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        height: 100vh;
        width: 60%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        flex-direction: column;
        overflow: hidden;
        font-size: 24px;
        transition: width 0.6s linear;
   }
   .header-nav .header-nav-wrapper .nav-content.nav-mobile-active i {
        position: absolute;
        top: 10px;
        right: 10px;
   }
   .header-nav .header-nav-wrapper .nav-content.nav-mobile-active a {
        color: #fff;
   }
   .header-nav .header-nav-wrapper .nav-content.nav-mobile-active ul > li{
        margin-bottom: 20px;
   }
   .active {
    height: 100%;
    border-bottom: 3px solid #fff;
   }
  .box-columns{
    height: auto;
  }
  .box-columns .box-columns-wrapper{
    flex-direction: column;
    display: block;
    margin-top: 50px;
    padding: 0 15px;
  }
  .second-column-title{
    text-align: start;
  }
  .box-columns .box-columns-wrapper .second-column{
    height: 270px;
    width: 100%;
  } 
  .box-columns .box-columns-wrapper .third-column{
        height: 255px;
  }
  /***********fim footer**************/
}
@media (max-width:550px){
    .header-top .header-top-wrapper .social-media a{
        font-size: 11px;
    }
}
@media (max-width:375px){
    .header-top .header-top-wrapper .social-media a{
        font-size: 8px;
    }
}