body {   font-family: 'calibri-light';   font-size:16px; } a.logo {   background: url(//sinderarquitetura.com.br/__plenus/imgs/logo-marcela.webp) no-repeat 0 0;   width: 200px;   height: 80px;   display: block;   background-size: contain; } header .container {   display: flex; } .sidebar-trigger-mainmenu {   margin-left: auto;   font-size: 30px;   color: #373435; } header {   padding: 10px 0; } .sidebar-quitter-mainmenu {   position: absolute;   right: 5px;   top: 5px;   color: #bfbebe; } .sidebar-mainmenu .sideBarWrapper {   padding: 30px 20px; } .sidebar-mainmenu .sideBarWrapper ul.simple-menu {   margin-top:20px; } ul.simple-menu a {   text-transform: uppercase;   color: #949191;   transition:0.5s ease; } .insidecontent {   padding:20px 0; } ul.simple-menu a:hover, ul.simple-menu li.selected a {   color:black; } body.inicial .grbox {   display:none } body.inicial .isport.grbox { display:block; } .grbox {   max-width:250px;   height:250px;   background:grey;  width: 100%;   background-size: cover; } .grcolor1 {background-color:#e4e0e0} .grcolor2 {background-color:#cfcece} .grcolor3 {background-color:#f9f7f7} .grcolor4 {background-color:#cccccc} .grcolor5 {background-color:#c9c7c7} .grcolor6 {background-color:#d6d6d6} .grbox {   position:relative;  } .grbox a {   display: block;   position: absolute;   left: 0;   top: 0;   bottom: 0;   right: 0;  transition: all 300ms linear; } .grbox a:hover {   top:-5px;   left:-5px;   right:-5px;   bottom:-5px; } .grbox a .overlay {   top:0;   bottom:0;   position: absolute;   right: 0;   left: 0;   background: url(//sinderarquitetura.com.br/__plenus/imgs/overlay.png) repeat center center;   display:flex;   align-items:center;   justify-content:center;   } .grbox a .imgcover {   top:0;   bottom:0;   position: absolute;   right: 0;   left: 0;   background-size: cover;   transition: all 300ms linear;   opacity: 0; } .grbox a:hover .imgcover {   opacity:1; } .grbox a .blacksquare {   width:50%;   background:black;   height:50%;   text-align:center;   display:flex;   flex-direction:column;   align-items:center;   justify-content: center;   color: white;   padding: 0 15px; } span.projnome {   border-bottom: 1px solid #434242; } footer {   text-align:center; } footer .container {   border-top: 1px solid #CCC; } footer, footer a {   color:#7A7878; } footer {   text-transform:uppercase;   padding-bottom: 10px; } footer .redes-sociais {   display:flex;   align-items:center;   justify-content:center;   gap:10px; } .areas-port a img { display:block; margin:0 auto; } .areas-port a {   display:block;   text-align:center;   text-transform:uppercase;   color:black;   font-size:24px;   opacity:0.5;   transition:0.5s ease;   margin-bottom:30px; } .areas-port a:hover {   opacity:1; } .list-itens-portfolio.list-itens-grid {  grid-template-columns: repeat(auto-fit,250px);  justify-content: center;  gap: 10px; } .tit-minisec.fotostit {   display:none; } ul.listfotos li img {   margin:0 auto; } ul.listfotos {   display:grid;   justify-content:center;   gap:5px;   grid-template-columns: repeat(auto-fit,180px); } a.mod-backtopage {   background: none;   border: none;   color: black;   box-shadow: none; } a.mod-backtopage:hover {   text-decoration:underline } .redesoc-nome {   display:inline; } form.menuform-contato {   max-width:500px;   margin:0 auto; } .list-itens-servicos.list-itens-grid, .list-itens-quem-somos.list-itens-grid {   display: block;   } article.boxitem-servicos img {   width:220px; } article.boxitem-servicos {   border-bottom:1px solid #d8d7d7;   padding-bottom:15px; } article.boxitem-servicos h1 {   text-transform:uppercase;   font-size:20px;   margin-bottom:0; } article.boxitem-servicos.boxitem-quem-somos h1 {   text-transform:initial;   font-size:40px;   line-height:1; } article.boxitem-servicos.boxitem-quem-somos h2 {   margin-top:0;   color:#949191;   font-size:18px; } article.boxitem-servicos.boxitem-quem-somos img {   border-radius:50%; } .list-itens-servicos article a {   color:#949191;   text-transform:uppercase;   transition:0.5s ease; } article.boxitem-servicos a:hover {   color:black; } h1.page_title {   text-transform:uppercase; } form.sample button {   background:none;  color:#949191;   text-transform:uppercase;   box-shadow:none;   padding:0;   transition:0.5s ease; } form.sample button:hover {   color:black }  .boxitem-servicos .button-wrapper a {   background: #9b9a9a;   color: white;   padding: 5px 30px; }