.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;

}

.popup-content {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
}

#popup-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 90vh;
  object-fit: contain;
  border-radius: 20px;
}

@media (max-width: 768px) {
  .popup-content {
      position: absolute;
      top: 8%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
  }
}





/**
* Este arquivo é pertinente à todas as alterações feitas para o layout/estrutura específico, não se replicando para diferentes layouts ou estruturas.
* Diferente do template-custom que são para classes "globais", as classes deste arquivo são feitas para elementos/partes específicos
*/

/*========= HEADER =========*/
.shrink-nav {position:absolute;z-index:10000;width:100%;background-color:#e2574c;box-shadow: 0px 2px 5px rgba(0,0,0,0.6);}
.shrink-nav.scrolled {position:fixed;height:135px;transition:1s;}
.top-social {line-height:55px;}
.row-nav{z-index:9;font-family:"Alwyn-Light";}
.menu-item{
  margin-right:0.5%;
  /*border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;*/
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.31); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.31); -o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.31);
  float:left;
  position:relative;    
}
.menu-item a:last-child{margin-right:0;}
.menu-item a {transition:padding 0.8s;padding:.5rem 0;display:block;color: #fff;font-weight: 600;}
.menu-item a:hover{padding: 30px 0px;transition:padding 0.8s;text-decoration:none;}
.menu-item.empresa{background-color:rgb(56, 56, 72); }
.menu-item.servicos{background-color:rgb(56, 56, 72);}
.menu-item.cases{background-color:rgb(56, 56, 72);}
.menu-item.artigos{background-color:rgb(56, 56, 72);}
.menu-item.utilitarios{background-color:rgb(56, 56, 72);}
.menu-item.area-cliente{background-color:rgb(56, 56, 72);}
.menu-item.contato{background-color:rgb(56, 56, 72);}
.menu-item.portal-erp{background-color:rgb(56, 56, 72);}
.top-social{display:inline-flex;text-align:center;}
.top-social .fa.fa-home{padding-right:2rem;margin-right:2rem;font-size:4rem;display:flex;color: #ffffff;margin-top:36px;}
.top-social a{margin-right:.5rem;}
.top-social a:hover, .top-social a:active, .top-social a:focus{text-decoration:none;}
.top-social a:first-child{margin-left:auto;display:flex;align-items: center;margin-right:0;}
.top-social a:last-child{margin-right:auto;}

/*========= CONTEÚDO - INDEX =========*/

.ls-gpuhack, p.ls-l {left:0!important;}
#full-slider-wrapper {margin-top:6rem;}
#index-servicos {padding: 6rem 0;margin-bottom: 57px;}
.servicos-esquerda h2{font-family:"Alwyn-Thin";font-size:3.6em;margin-bottom:2%;text-align: center;}
.servicos-esquerda h3{font-family:"Alwyn-Light";font-size:2.1em;color:#e2574c;margin-bottom:3%;text-align: center;}
.servicos-esquerda p{font-family:"Alwyn-Light";font-size:1.35em;text-align: center;}
.servicos-esquerda .text-legalize{font-size:1.6em !important;margin-top:5%;}
.servicos-direita img{width:100%;}
.servicos-direita .col-md-3 {padding:5px;}
.servicos-direita p {position:absolute;top:3vmax;right:1vmax;left:1vmax;;color:#fff;font-family:"Alwyn-Oblique";text-align:center;z-index:100;font-size:1.5vmax;}
.servicos-direita p.hover {top:5vmax;font-size:1vmax;display:none;}
.servicos-direita span {top:5px;right:5px;bottom:5px;left:5px;display:block;opacity:.9;position:absolute;z-index:99;}
.servicos-direita span.red {background: #ff564a;}
.servicos-direita span.cyan.light {background-color:#E2574C;}
.servicos-direita span.green {background-color:#E2574C;}
.servicos-direita span.orange {background-color:#e98923;}
.servicos-direita span.blue {background-color:#00a8d4;}
.servicos-direita span.cyan.dark {background-color:#49c888;}

#intro1 {padding:3rem 0;}
#intro1 h2 {font-size: 2.45em;font-family: "Alwyn-Thin";margin-bottom: 43px;margin-top: 30px;margin-left: 2%;color: #ff564a;font-weight: 600;}
#intro1 h3{font-size:2em;font-family:"Alwyn-Oblique";color:#fff;}
#intro1 p{font-size:1.3em;font-weight:100;color:#fff;}
#intro1 ul {display:inline-grid;}
#intro1 ul li {font-size:1.3em;}
#intro1 .inner-white{color:#5b5b5b;}
#intro1 .card-item { padding: 10% 5%; margin-bottom:7%; }
#intro1 .back > .card-item { padding:3%;}
#intro1 .card-item h3{font-family:"Alwyn-MediumOblique";}
#intro1 .contato h4{font-size:2em;color: #e2574c;}
#intro1 .contato span.fa{font-size:2.5em;}
#intro1 .whatsapp-icon {float:left; color: #e2574c;}
#intro1 .whatsapp-tel {float: left;margin-left: 1rem;margin-top: 1rem;margin-bottom: 0;color: #e2574c;}
#intro1 .back .inner-white {color:#fff;}
#intro1 .back h3 {margin-top:0;font-family:"Alwyn-Thin";color: #fff;}
#intro1 .back p {margin: 2.5rem 0; }
#intro1 .back .card-input { text-align:center; font-size:1.8rem; padding:2rem 0; font-family:"Alwyn-Light"; width:70%; margin: 0 auto;}
#intro1 .back .card-input:focus { outline-color: darkgreen; border-color: darkgreen; }
#intro1 .card-item .ignore-flip{cursor:initial;}
#intro1 .card-item .ignore-flip a {color:#fff;}
#intro1 .card-item .ignore-flip a:hover, #intro1 .card-item .ignore-flip a:active, #intro1 .card-item .ignore-flip a:focus  {text-decoration:none;}
#intro1 #ligamos-card i.material-icons{font-size:10rem;color:#fff;}

#intro2{color:#505050;margin-bottom:3%;width:99%;margin:0 auto;padding:7rem 0;}
#intro2 .left-side h2{font-family:"Alwyn-Thin";font-size:3em;}
#intro2 .left-side h3{font-size:2em;color: #e2574c;font-weight: 600;}
#intro2 .left-side p{font-size:1.4em;}
#intro2 .right-side {margin-top:1%;}
#intro2 .right-side .need-cont {margin-top:10%;}
#intro2 .right-side h4{font-family:"Alwyn-Thin";font-size:1.75em;}
#intro2 .right-side .need-cont h3{font-family:"Alwyn-Thin";}

#intro3 {-ms-transform: skewY(5deg);-webkit-transform: skewY(5deg);transform: skewY(0deg);background-image: url(../../img/bg-conosco.jpg);;background-size: cover;background-attachment: fixed;background-position: center;color: #303030;height: 347px;border-bottom: 15px solid #e2574c;}
#intro3 .left-side h3 {font-family: "Alwyn-Thin";font-size: 3.05em;font-weight: 600;color: #565555;}
#intro3 .left-side p{margin-top:5%;font-size:1.5em;}
#intro3 .right-side{margin-top:10%;}
#intro3 .right-side .col-md-6 {padding-right:0px;padding-left:1%;}
#intro4{color:#505050;}
#intro4 .col-news {margin-top:8rem;}
#intro4 .col-articles
{
  padding:5rem 5rem;
  margin-top:5rem;
  border-width: 7px 0 7px 7px;
  border-style: solid;
  -webkit-border-image: 
    -webkit-gradient(linear, 0 0, 100% 0, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
  -webkit-border-image: 
    -webkit-linear-gradient(to bottom, rgba(226,87,76,1) 0%,rgba(226,87,76,1) 25%,rgb(226, 87, 76) 25%,rgb(226, 87, 76) 50%,rgb(226, 87, 76) 50%,rgb(226, 87, 76) 75%,rgb(226, 87, 76) 75%,rgb(226, 87, 76) 100%) 1 100%;
  -moz-border-image:
    -moz-linear-gradient(to bottom, rgba(226,87,76,1) 0%,rgba(226,87,76,1) 25%,rgb(226, 87, 76) 25%,rgb(226, 87, 76) 50%,rgb(226, 87, 76) 50%,rgb(226, 87, 76) 75%,rgb(226, 87, 76) 75%,rgb(226, 87, 76) 100%) 1 100%;
  -o-border-image:
    -o-linear-gradient(to bottom, rgba(226,87,76,1) 0%,rgba(226,87,76,1) 25%,rgb(226, 87, 76) 25%,rgb(226, 87, 76) 50%,rgb(226, 87, 76) 50%,rgb(226, 87, 76) 75%,rgb(226, 87, 76) 75%,rgb(226, 87, 76) 100%) 1 100%;
  border-image:
  linear-gradient(to bottom, rgba(226,87,76,1) 0%,rgba(226,87,76,1) 25%,rgb(226, 87, 76) 25%,rgb(226, 87, 76) 50%,rgb(226, 87, 76) 50%,rgb(226, 87, 76) 75%,rgb(226, 87, 76) 75%,rgb(226, 87, 76) 100%) 1 100%;
}
#intro4 .col-news h2{font-family:"Alwyn-Thin";font-size:3em;margin:0;text-align: center; margin-bottom: 30px;}
#intro4 .col-news .news-item h3, #intro4 .col-articles .article-item h3{font-family:"Alwyn-Bold";margin:0;margin-bottom:10px;font-size:1.5rem;}
#intro4 .col-articles h2{font-family:"Alwyn-Thin";font-size:3em; text-align: center;}
#intro4 .col-news i, #intro4 .col-articles i{position:absolute;top:-13px;right:0;font-size:30px;}
#intro4 .article-item .thumbnail, #intro4 .news-item .thumbnail{position:relative;}
#intro4 .article-item .thumbnail .caption, #intro4 .news-item .thumbnail .caption{position:relative;bottom:0;right:0;left:0;}

#intro5{padding:4% 0% 6% 0%; background: #e2574c;}
#intro5 h2 {font-family: "Alwyn-Light";font-size: 2.5em;color: #fff;font-weight: 600;}
#intro5 p{font-family:"Alwyn-MediumOblique";font-size:1.5em;width:40%;margin:0 auto 31px;color:#fff;}

#intro6{padding:4rem 0;margin-bottom:110px;}
#intro6 h2{font-family:"Alwyn-Thin";font-size:3.0em;margin-bottom: 58px;}
#intro6 p{font-size:1.3em;color:#333;}
#intro6 .circle-util{height:350px;width:350px;padding:3rem;border-radius:0%;}
#intro6 .circle-util a{color:#fff;}
#intro6 .circle-util a:active, #intro6 .circle-util:focus {text-decoration:none;}
#intro6 .circle-util a:hover{text-decoration:none;}
#intro6 .circle-util h3{font-family:"Alwyn-MediumOblique"; color:#333;}
#intro6 .agenda-circle{/* background-color: #575760; */margin-top: 0%;border: 1px solid #333;border-radius: 33px;}
#intro6 .tabela-circle{/* background-color: #575760; */margin-top: 0%;border: 1px solid #333;border-radius: 33px;}
#intro6 .manual-circle {/* background-color: #575760; */margin-top: 0%;border: 1px solid #333;border-radius: 33px;}

#galeria{padding:2% 0 4%; text-align:center;background: #ececec;}
#galeria h2 {font-family: "Alwyn-Thin";font-size: 4.67rem;color: #e2574c;}
#galeria p{font-family:"Alwyn-Oblique";font-size:2rem;color: #656262;}
#galeria .galeria-fotos {margin-bottom:3rem;}
#galeria .galeria-fotos .col-md-3 {margin:1.5rem 0;}
#galeria .galeria-fotos a {cursor:zoom-in;}
#galeria .galeria-fotos a:hover, #galeria .galeria-fotos a:focus, #galeria .galeria-fotos a:active {outline:none;box-shadow: 0 0 0;text-decoration:none;}
#galeria .galeria-fotos img {filter: grayscale(100%);margin:24px 0;}
#galeria .galeria-fotos img:hover {filter:grayscale(0%);transition: .3s filter linear;}
#galeria .galeria-videos .video-frame {width:50%;height:400px;margin-top:3rem;margin-bottom:3rem;}
#galeria .col-md-6 {padding:0;}

#index-depoimentos{margin-top:5%;}
#index-depoimentos h2{font-family:"Alwyn-Thin";font-size:3em;margin-bottom:2%;}
#index-depoimentos h4{font-size:1.5em;margin-bottom:5%;}
#index-depoimentos .depoimento-item, #depoimentos .depoimento-item {border-radius:5px;}
#index-depoimentos .depoimento1, #depoimentos .depoimento1{background-color:#e2574c;color:#fff;padding:5% 6%;}
#index-depoimentos .depoimento2, #depoimentos .depoimento2{background-color:#e2574c;color:#fff;padding:5% 6%;}
#index-depoimentos .depoimento3, #depoimentos .depoimento3{background-color:#e2574c;color:#fff;padding:5% 6%;}
#index-depoimentos .depoimento4, #depoimentos .depoimento4{background-color:#e2574c;color:#fff;padding:5% 6%;}
#index-depoimentos .depoimento5, #depoimentos .depoimento5{background-color:#e2574c;color:#fff;padding:5% 6%;}
#index-depoimentos .depoimento6, #depoimentos .depoimento6{background-color:#e2574c;color:#fff;padding:5% 6%;}
#index-depoimentos i, #depoimentos i{font-size:1.5em;position:absolute}
#index-depoimentos i.pull-left, #depoimentos i.pull-left {top:45%;left:10%;}
#index-depoimentos i.pull-right, #depoimentos i.pull-right {right:10%;bottom:7%;}
#index-depoimentos .depoimento-item h4, #depoimentos .depoimento-item h4{clear:both;margin-bottom:10%;}
#index-depoimentos .depoimento-item .text-field, #depoimentos .depoimento-item .text-field{padding:0% 13%;}

#contato-main h2, #contato-main p{font-family:"Alwyn-Light";}
#contato-main .info{font-family:"Alwyn-MediumOblique";font-size:1.85em;margin: 3% 0% 3% 0;}
#contato-main .info a {color:#303030;}
#contato-main .info a:hover {text-decoration:none;color:#ff564a;transition:color .3s;}

#link-rapido {font-size:1.6rem;margin-bottom: 0%;min-height: 438px;background: #fb4a3e;}
#link-rapido > a:hover {text-decoration:none;font-weight:bold;}
#link-rapido > a > span > i {font-size:2.5rem;margin-right:.3rem;}
#link-rapido > a > span {margin-right:2rem;color:#fff;display: inline-block;margin-top: 4px;}
#link-rapido > a > span > i.cyan {color:#ffffff;}
#link-rapido > a > span > i.blue {color:#ffffff;}
#link-rapido > a > span > i.red {color:#ffffff;}
#link-rapido > a > span > i.orange {color:#ffffff;}
#link-rapido > a > span > i.green {color:#ffffff;}

/*===== PÁGINAS ESTÁTICAS =====*/
#idocumentos {margin-top:25vh;}
#idocumentos #idocumentos-form h1{font-family:"Alwyn-Light";margin-top:0;margin-bottom:2rem;border-bottom:1px solid #ccc;}
#idocumentos #idocumentos-form span.red {color:#e2574c;}
#idocumentos #idocumentos-form span.orange {color:#e2574c;}
#idocumentos #idocumentos-form span.cyan {color:#e2574c;}
#idocumentos #idocumentos-form span.blue {color:#e2574c;}
#idocumentos #idocumentos-form span.green {color:#e2574c;}
#idocumentos #idocumentos-form {width:40%;margin:0 auto;background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#e2e2e2 100%);padding:2rem;border:1px solid #ccc;border-radius:5px;}
#idocumentos #idocumentos-form form i.material-icons {font-size:initial;}
#idocumentos #idocumentos-form form input {font-family:"Alwyn-MediumOblique";}
#idocumentos #idocumentos-form button[type="submit"] {width:50%;}
#iartigos h1 i {margin-right:1rem;}
#iartigos a:hover, #iartigos a:focus, #iartigos a:active {text-decoration:none;}
#iartigos a span.data-artigo {font-family:"Alwyn-Light";font-size:1.5rem;color:#ff564a;}
#iartigos a p {font-family:"Alwyn-MediumOblique";font-size:1.8rem;color:#444444;display:block!important;}
#artigo-completo .btn-voltar {font-size:2rem;border:3px solid #383848;border-radius:2px;padding:.5rem 1rem;color:#383848;margin-bottom:2rem;font-family:"Alwyn-Oblique"}
#artigo-completo .btn-voltar:hover {background-color:#383848;color:#fff;transition:.3s;}
#artigo-completo #artigo-conteudo {border-bottom:3px solid #e98923;margin-bottom:2rem;padding-bottom:3.5rem;}
#index-parceiros {padding-bottom:14rem;position:relative;}
#index-parceiros .bx-wrapper {margin:5rem auto!important;}
#index-parceiros .border-bottom-grey {position:absolute;border-bottom:1px solid #c4c4c4;left:5%;right:5%; display:none;}
#index-parceiros .btn-up {position:absolute;left:50%;bottom:0;margin-left:-50px;cursor:pointer;/* top: 180px; */}
#depoimentos .dep-conteudo {margin:3rem 0;}
#galerias h2 {font-family:"Alwyn-Light";margin:3rem 0 0;font-size:2.5rem}
#galerias h2.nodesc {margin-bottom:3rem;}
#galerias p.descricao, #galerias .col-vids p {font-size:1.9rem;margin-bottom:3rem;font-family:"Calibri-Light";}
#galerias .col-vids a, #galerias .col-foto a {cursor:zoom-in;}
#galerias a:hover, #galerias a:focus, #galerias a:active {text-decoration:none;outline:none;}
#galerias .col-vids p {margin:0;}
#galerias .col-vids h4 {margin-bottom:0;}
#galerias p.datebook, #galerias h4 { text-align:center; }
#galerias p.datebook, #galerias .col-vids h4 { font-family:"Alwyn-LightOblique"; }

/*===== RODAPÉ/FOOTER =====*/
footer #rodape {border-top:8px solid #ff564a;}
footer #rodape #mapa {height:400px;padding:0;}
footer #rodape #endereco {padding:2rem 15px; background: #ff564a;}
footer #rodape #w3c-logo {cursor:pointer;}
footer #rodape #tiideal-logo {cursor:pointer;}
footer #rodape #endereco p {font-size:2rem;text-align:center;font-family:"Alwyn-Light";padding:0;margin:1rem 0;color: #fff;}
footer #copyright {text-align:center;background-color:#ff564a;padding:1rem;}
footer #copyright p {margin:0;padding:0;color:#fff;}
#fab-contato {position:fixed;width:56px;right:4%;bottom:5%;z-index:9998;}
.drop-element {z-index:9998;} /* Tooltip */
#fab-contato .fab-action {position:absolute;cursor:pointer;bottom:0;display:block;width:56px;height:56px;background-color:#ff564a;border-radius:50%;text-align:center;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);}
#fab-contato .fab-action i {margin-top:16px;color:#fff;}
#contato-dialog {z-index:9999;}
#contato-dialog i.btn-close {position:absolute;right:0;top:0;font-size:3rem;cursor:pointer;color:#ff564a;}
#contato-dialog .loader{margin:0;padding-bottom:8rem;}

@media screen and (max-width:991px) {
  #intro4 .col-articles {
    border-width: 0;
  }
  #galeria .galeria-videos .video-frame {width:100%;}
  #idocumentos #idocumentos-form {width:100%;}
  #intro3{height:515px;}
  #intro6 {padding:4rem 0 8rem;}
  #intro6 .circle-util {height:auto!important;width:auto!important;border-radius:5px;}
  #intro6 .tabela-circle, #intro6 .manual-circle {margin-top:3rem;}
  #index-depoimentos .depoimento-item, #depoimentos .depoimento-item {margin-top:3rem;}
}
@media screen and (max-width:768px) {
  #intro6 h2 {padding-top: 107px;}
  .margin-top.m3{margin-top:7%;}
  #intro3{height:580px;}
  #intro5 p {width:100%;}
  #intro1 .contato {text-align:center!important;}
  #intro1 .contato .whatsapp-tel {float:none;font-size:2rem;}
  #index-parceiros {height:230px}
}

@media screen and (max-width:400px) {
  #intro3 .left-side h3 {font-size: 2.05em;}

}

#portal-erp {position: absolute;margin-left: -78px;left: 50%;top: 19px;}
#portal-erp img {width:150px;height:auto}