@import url('//fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); body {   font-family: "Roboto", sans-serif;   color:#7f7f7f; } a {   color:#4f4d4d; } .pre-footer a {   color:#dedbdb; } h1 {   font-family: "Barlow", sans-serif;   color:black;   line-height:1;   text-align:center; } header {   position: absolute;   z-index: 99;   width: 100%;   margin-top: 45px; } body.interna header {   position:static; } .upper-header { display:none; } .upper-header .redes-sociais a {   color:white; } .white-line {   background:white;   border-radius:5px;   padding:10px;   display:flex;   gap:10px;   margin-top:10px;   align-items:center; } .sidebar-trigger-mainmenu {   font-size:24px;   margin-left:auto;   color: black; } a.logo {   background:url(//artcons.puze.com.br/__artcons/imgs/logo.webp) no-repeat center center;  display:block;   width:238px;   height:22px;   background-size: contain; } .sidebar-mainmenu a.logo {   margin-bottom:10px;   margin-top:10px; } ul.mainmenu {   line-height:2 } ul.mainmenu a {   color:black;   font-family: "Barlow", sans-serif;   font-weight: 500;   font-size:18px;   padding:0 20px;   transition:0.5s ease; } ul.mainmenu li:not(.menu-fale-conosco) a:hover, ul.mainmenu li.selected:not(.menu-fale-conosco) a {   text-decoration:overline; } .sidebar-mainmenu ul.mainmenu .menu-fale-conosco {   margin-top:10px; } ul.mainmenu .menu-fale-conosco a, .black-btn, form.sample button {   background:black;   color:white;   padding:10px 20px;   border-radius: 30px;   text-transform: uppercase;   transition:0.5s ease;   font-weight: bold; } ul.mainmenu .menu-fale-conosco a:hover, ul.mainmenu .menu-fale-conosco li.selected a, .black-btn:hover {   text-decoration:none;   background:#343333; } .vantlist {  margin-top:-50px;   z-index:99;   position:absolute;   width:100%; } .vantlist .container {   background:white;   overflow:hidden;   padding: 20px 20px 0 20px;   box-shadow: 0px 12px 0px 0px rgba(61, 67, 79, 0.03);   max-width: initial;   width: auto; } .vant-item {   display:flex;   gap:10px;  align-items:center;   padding: 0 10px 15px;   max-width: 370px;   margin: 0 auto; } .swiper-vantagens .swiper-slide {   } .vant-item .tititem {   color:black;   font-weight:bold;   font-size:20px;   } .swiper-banner .swiper-pagination {   bottom:60px; } section.box {   padding: 40px 0; } section.box.photoframe {   padding-top: 130px;   padding-bottom: 0; }  .video_play_icon:before {   background:black; } .swiper-projetos .swiper-slide {   width:320px; } .proj-item {   position:relative; } .proj-item a .cover{   position:absolute;   left:0;   top:0;   right:0;   bottom:0;   display:flex;   align-items:center;   justify-content:center;   background:rgba(0,0,0,0.3);   color:white;   text-align:center;   opacity:0;   transition:0.5s ease;   padding: 20px; } body.ismobile .proj-item a .cover, .proj-item a:hover .cover {   opacity:1; } .proj-item a .cover .tititem {   font-weight:bold;   font-size:24px;   font-family: "Barlow", sans-serif; } .etapa-item {   text-align: center;   height: 100%;   display: flex;   flex-direction: column; } .etapa-item img {   margin:0 auto 10px;   border-radius:50%;   z-index: 2; } .etapa-item .tititem {   font-weight:bold;   color:black; font-size:24px;   font-family: "Barlow", sans-serif; } .white-btn, a.mod-backtopage {   color:black;   border:2px solid black;   text-transform:uppercase;   padding:15px 20px;   border-radius:30px;   display:inline-block;   font-weight:bold;   transition:0.5s ease;   } a.mod-backtopage {   background:white; } .white-btn:hover, a.mod-backtopage:hover {   background:rgba(0,0,0,0.3); } section.box.chumbo .white-btn:hover, footer form.sample button:hover{   background:#5b5b5b; } .sides .sider {   margin-top: 30px;   } .box-materiais.box .sides .sider {   display:none; } section.box.chumbo {   background:#363636; } section.box.chumbo, section.box.chumbo h1 {   color:white; } section.box.chumbo .white-btn, footer form.sample button {   background:white;   border:none;   color:black; }  .blog-item {   text-align:center;   margin-bottom: 25px;  display: flex;  flex-direction: column;   align-items: stretch; } .blog-item .txtitem {   color:#7f7f7f; } .blog-item .tititem {   color:black;   font-weight:bold;   margin:15px 0;   font-size:24px;   font-family: "Barlow", sans-serif;   line-height: 1.2; } .blog-item .blogbtn {   background:black;   color:white;   display:inline-block;   border-radius:30px;   padding: 10px 30px;  position: absolute;   bottom: -20px;   width: 123px;   left: 50%;   margin-left: -61.5px;   transition:0.5s ease; } .blog-item a:hover .blogbtn {   background:#5b5b5b; } .pre-footer {   background:#5b5b5b;   color:white;   padding:30px 0;   } .pre-footer .container {   display:flex;   flex-wrap:wrap;   gap:20px;   } .pre-footer .boxfoot {   display:flex;   gap:10px;   align-items:center;   } .pre-footer .boxfoot i {   font-size:30px; } .pre-footer .boxfoot .contit {   font-weight:bold;   font-family: "Barlow", sans-serif;   font-size:20px; } footer {   background:#0f0f0f;   padding:80px 0;   } footer a.logo {   background-image:url(//artcons.puze.com.br/__artcons/imgs/logowhite.webp); } footer .redes-sociais .redesoc-nome {   display:block; } footer .redes-sociais {   display:flex;   flex-wrap:wrap;   gap:20px; } footer .redes-sociais a {   display:flex;   gap:5px;   align-items:center;   color:white;   font-size:18px; } footer h2 {   color:white;   border-bottom:1px solid #1b1b1b; } .btn-wrap {   text-align:center; } .graybox {   background:#d0d0d0;   padding:20px;   border-radius:20px;   } .graybox img {   margin:0 auto; }  section.box.box-etapas {   background: #f4f5f8; } section.box.box-projetos {   padding-bottom: 0; } .etapa-item .content {   box-shadow: 0px 16px 0px 0px rgba(61, 67, 79, 0.05);   margin: -115px 16px 0;   background: white;   border-radius: 44px;   padding: 122px 20px 20px;   display: flex;   flex-direction: column;   height: 100%; } .blog-item a {   border: 1px solid #f1f1f1;   display: block;   border-radius: 10px;   position: relative;   display: flex;   margin-bottom: 10px;   flex-direction: column;   align-items: stretch;   height: 100%;   } .blog-item .content {   padding: 0 10px 40px;  display: flex;   flex-direction: column;   align-items: center;   justify-content: center;   height: 100%; } body.blog h1.tit-noticia-interna {   text-align: left;   margin-bottom: 20px; } .swiper-etapas .swiper-slide {   display: flex;   flex-direction: column;   height: auto; } .swiper-blog .swiper-slide {   display: flex;  height: auto; } body.blog.interna .insidecontent, body.projetos.interna .insidecontent, body.fale-conosco.interna .insidecontent, body.sobre.interna .insidecontent{   padding-top:0; } body.blog .insidecontent > .container:first-child, body.projetos .insidecontent > .container:first-child, body.sobre .insidecontent > .container:first-child, body.fale-conosco .insidecontent > .container:first-child, .projeto-full .starter {   width: auto;   max-width: 100%;   background: url(//artcons.puze.com.br/__artcons/imgs/internatit.webp) no-repeat center center;   padding:50px 0;   margin-bottom:50px;   background-size:cover; } body.blog .insidecontent > .container h1.page_title, body.projetos .insidecontent > .container h1.page_title, body.sobre .insidecontent > .container h1.page_title, body.fale-conosco .insidecontent > .container h1.page_title, .projeto-full .starter h1{   color:white;   font-size:50px; } .proj-item .fakeimg {   width: 320px;   height: 320px;   background-position: center center;   background-size: cover;   background-repeat: no-repeat;   margin: 0 auto;  max-height: 320px; } body.projetos.itempage .insidecontent > .container:first-child {   display:none; } .projeto-full .starter {   text-align:center } .projeto-full .starter .tipo {   background-image: linear-gradient( 90deg, #1d1d1d 0%, #292929 100%);   color:white;   display:inline-block;   padding:5px 20px;   font-weight:bold; } .projeto-full .starter h1 {   margin-top:10px; } .projeto-full .infos {   display: flex;   align-items: center;   gap:20px;   margin-top:15px;   flex-wrap: wrap;   } .projeto-full .infobox {   display:flex;   align-items:center;   gap: 10px;   font-weight:bold;   line-height:1.3 } .projeto-full .infoicon {   background-image:url(//artcons.puze.com.br/__artcons/imgs/m2.webp);   background-position:center center;   background-repeat:no-repeat;   width:40px;   height:40px;   } .projeto-full .infoicon.prazo {   background-image:url(//artcons.puze.com.br/__artcons/imgs/hour.webp); } .projeto-full .infoicon.local {   background-image:url(//artcons.puze.com.br/__artcons/imgs/map.webp); } .projeto-full .infotit {   color:black;   text-transform:uppercase; } .projeto-full .infos .black-btn {   margin-left:auto;   margin-right: auto; } h2 {   color: #363636; } .projeto-full .swiperJS .swiper-slide {   width:480px; } .projeto-full .swiperJS .swiper-pagination, .projeto-full .swiperJS .swiper-icon-prev, .projeto-full .swiperJS .swiper-icon-next {   bottom:-35px } .projeto-full .swiperJS {   margin-bottom:50px; } body.projetos h2.other {   text-align:center;   margin-top:60px; } body.projetos.interna .insidecontent {   padding-bottom:0; } .swiper-vantagens .swiper-icon-prev {   top:50%;   left: -15px;   margin-top:-8px } .swiper-vantagens .swiper-icon-next {   top:50%;   right: -15px;   margin-top:-8px } .swiper-vantagens.swiperJS.swiper-item-list {   padding-bottom:0; }