body {   font-family: 'poppinsmedium';   font-size: 16px; } .insideheader {   display: flex;   padding: 15px 0;   align-items: center; } .box h1 {   font-family: 'montserratbold';   text-transform: uppercase; } ul.simple-menu li.menu-orcamento a {   color:#c3393d; }  a {   color:#c3393d; } .sidebar-trigger-mainmenu { margin-left:auto; font-size:20px; color:#c3393d } .sidebar-quitter-mainmenu {   position:absolute;   right:10px;   top:10px;   color:#c3393d;   font-size:20px; } header .sideBarWrapper {   padding:15px } .slide-portfolio.slick-slider .slick-next.slick-arrow {   right:10px; } .slide-portfolio.slick-slider .slick-prev.slick-arrow {   left:10px; }  a.logo {   background: url(//kojio.com.br/__kojio/imgs/kojio_logo2.png) no-repeat 0 0;   width:142px;   height:85px;   display: block;   background-size:100%;   text-indent: -9999px; } .sideBarWrapper a.logo { margin-bottom:20px } header ul.desktopmenu {   display: none; } header .sideBarWrapper ul.desktopmenu {   display:block; } header ul.simple-menu, a.fakemenu {  text-transform: uppercase;   }  header ul.simple-menu li a, a.fakemenu {   padding:3px 12px;   color:#363636;   font-weight: bold;   display:block;   transition:0.5s ease; } header ul.simple-menu li a:hover {   color: #c3393d; }  .slick-slider .slick-prev.slick-arrow,.slick-slider .slick-next.slick-arrow {   color: #c3393d; } .slick-slider ul.slick-dots li button {   background:#c3393d; } header .sideBarWrapper ul.simple-menu li a, a.fakemenu {   font-size:14px;   border-left:2px solid transparent; } header .sideBarWrapper ul.simple-menu li {   margin-bottom:3px } header .sideBarWrapper ul.simple-menu li a:hover, header .sideBarWrapper ul.simple-menu li.selected a, a.fakemenu:hover {   border-left:2px solid #c3393d; } .box {   padding:50px 0 } .lite-gray {   background: #f4f4f4; } .redword {   color:#c3393d }  footer {   background: #363636;   color:white;   padding: 50px 0;   text-align:center; }  footer a.logo {   background-image: url(//kojio.com.br/__kojio/imgs/kojio-white2.png);   margin:40px auto; } .boxitem_servicos, .boxitem_clientes {   padding:0 10px }  .boxitem_servicos .tititem {   font-size: 20px;   display: block;   font-weight: bold;   margin-top: 15px;   margin-bottom: 5px; } .boxitem_portfolio img {   width:385px } .boxitem_clientes img{   margin:0 auto;   -webkit-filter: grayscale(100%);  filter: grayscale(100%);  transition:0.5s ease;  opacity: 0.5; } body.ismobile .boxitem_clientes img {   opacity:1;   -webkit-filter:none;   filter:none; } .boxitem_clientes img:hover {   -webkit-filter:none;   filter:none;   opacity: 1; } form.sample input, form.sample textarea, form.sample select {   border:none;   border-bottom:2px solid #2f3031;   border-radius: 0;  background:none;   margin-bottom: 30px; } form.sample .formbutton-align {   display:block;   text-align:center; } form.sample button, a.mod-backtopage {   border:2px solid #2f3031;   background:none;   color:#2f3031;   text-transform:uppercase;   font-weight:bold;   padding:10px 60px;   transition:0.5s ease; }  .redes-sociais {   display:flex;   justify-content:center; } .redes-sociais a {  color: white;   width: 40px;   height: 40px;   display:flex;   align-items:center;   justify-content:center;   transition:0.5s ease;   font-size: 20px; } .redes-sociais a:hover {   color:#c3393d; } form.sample button:hover, a.mod-backtopage:hover{   background:#dedddd; }  form.menuform-contato, form.menuform-trabalhe-conosco {   max-width: 680px;   margin: 0 auto; } .boxitem_servicos a {   color:black } .slide-portfolio {   margin-top:50px } .menustick {   display: flex;   flex:1;   } .menustick.stickyEd {   display:flex;   } .menustick.stickyEd .sidebar-trigger-mainmenu{   display: block;   right:20px; background: white;   width: 50px;   height: 50px;   left: initial;   border-radius: 50%;   top: 20px;   display: flex;   align-items: center;   justify-content: center;  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);   position: absolute;   z-index: 99; } .textpaper h1 {   font-family: 'poppinsmedium';   text-transform: uppercase;   color: #be2a36;   font-weight: bold;   font-size: 44px;   line-height: 1;   margin-bottom: 0; } .textpaper {   font-size: 20px; } .marcaspeak i {   font-size: 78px;   color: #e30613;   margin-bottom: 40px; } .marcaspeak .marca {   font-weight: bold;   text-transform: uppercase;   font-size: 40px; } .marcaspeak .dowhat {   font-weight: bold;   text-transform: uppercase;   font-size: 40px;   color: #e30613; } .marcaspeak {   line-height: 1;   margin-bottom: 50px; } .marcaspeak .what {   text-transform: uppercase;   font-size: 25px; } .redbox:after {content: '1';position: absolute;display: block;right: -3px;color: rgba(0,0,0,0.2);font-size: 153px;top: -48px;font-weight: bold;} .redbox:nth-child(2):after {content:'2'} .redbox:nth-child(3):after {content:'3'} .redbox:nth-child(4):after {content:'4'} .redbox {   position: relative;   background: url(//kojio.com.br/__kojio/imgs/redbg.jpg) no-repeat 0 0;   background-size: cover;   padding: 40px;   margin-bottom: 20px;   color: white;   min-height: 210px;   font-size: 18px; } .redbox h2 {   margin-bottom: 0;   margin-top: 0;   text-transform: uppercase; } .verybig {   font-size: 45px;   font-weight: bold;   color: #b9b7b7;   line-height: 1.3; } a.redbutton {   background: #b0343a;   color: white;   padding: 20px 30px;   display: inline-block;   text-transform: uppercase;   font-size: 20px;   margin-top: 20px;   border-radius: 10px;   transition:0.5s ease; } a.redbutton:hover {   background: #d2272b; } .box.greylite {   background: #f5f5f7; } body.portfolio .insidecontent {   padding:80px 0 } .boxitem_portfolio {   position: relative; } .boxitem_portfolio .tititem {   position:absolute;   bottom:0;  color:white;   width:100%;   padding: 20px 10px 10px 10px;   background: rgba(0,0,0,0.6);   top: 0;   display: flex;   justify-content: center;   align-items: center;   text-align: center;   text-transform: uppercase;   font-weight: bold;   transition: 0.5s ease;   opacity: 0; } .boxitem_portfolio:hover .tititem {   opacity:1 } body.portfolio.itempage .fullbg .insidecontent > .container {   width:100%;   max-width: initial; } .itemone_portfolio .text-space{   padding:60px 0 } .itemone_portfolio .share_wrap {   text-align: center; } .listafotos img {  margin:0 auto } .bigred-text {   font-size: 55px;   color: #be2a36;   font-weight: bold;   text-transform: uppercase; } .box.redbg {   background: url(//kojio.com.br/__kojio/imgs/redbg2.jpg);   color: white; } .bigtext {   font-size: 25px;   margin-bottom: 30px; } span.bigbig {   font-size: 26px;   display: block;   font-weight: bold;   line-height: 1.2; } .boxinfo {   font-size: 20px;   margin-bottom: 30px; } .tree {   background: url(//kojio.com.br/__kojio/imgs/tree.jpg) no-repeat right top;   height: 215px;   background-size: contain; } h1.tithist {   font-size: 40px;   color: #c23c3d; }  body.interna:not(.quem-somos):not(.saiba-mais) .insidecontent {   padding: 30px 0; } .mainimg img {   margin:0 auto; }  .list-itens-portfolio.list-itens-grid {   grid-template-columns: repeat(auto-fit,270px); } .list-itens-portfolio.list-itens-grid .boxitem {   margin:3px }