@font-face {
    font-family: 'Promp-Light';
    src: url('../fonts/Prompt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-Light.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Lachata';
    src: url('../fonts/La-chata-normal.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

/*---------------------- end fonts -------------------------*/
body {
  font-family: 'Prompt', sans-serif !important;
  font-size: 1rem;
}
#sp-top-bar {
  padding: 0;
}
#sp-header {
  background: #0000009c;
}
#sp-header .sp-module {
  float: right;
  height: 60px;
}
.lang-active {
  margin: 17px auto !important;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'Prompt', sans-serif !important;
  letter-spacing: 1px;
  border-bottom: 1px solid #5050501f;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  text-align: center;
}
.offcanvas-menu {
  background-color: #0303038f;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a {
  /*padding: 20px 10px 20px 10px;*/
  padding: 10px;
  font-size: 1.3rem;
  font-weight: normal;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
  transition: 1s;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  background: #000000a8;
  border-radius: 20px;
}
.menu-separator {
  font-size: 1.3rem !important;
  font-weight: normal;
}
.menu-toggler {
  width: 100%;
  text-align: right;
  background: none;
  margin-right: 1rem;
}
.menu-toggler:hover {
  background: none !important;
}
.sp-menu-item.sp-has-child {
  color: #fff;
}
.sp-menu-item.sp-has-child.active,
.menu-child .active a {
  color: #f90;
}
.active .menu-separator {
  color: #f90 !important;
}
.menu-child li {
  padding: 5px 0;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a,
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  padding: 10px !important;
  display: block;
}
.offcanvas-menu .offcanvas-inner ul.menu li .menu-child li a {
  color: #fff !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li .menu-child li.active a {
  color: #f90 !important;
}
.breadcrumb {
  width: 88%;
  margin: 0 auto 20px auto;
}
.breadcrumb-item {
  color: #000;
}
.float-start {
  display: none;
}
#sp-menu ul.social-icons a {
  color: #ffffff94;
}
#sp-menu .social-wrap {
  padding-left: 0px;
}
.offcanvas-menu .offcanvas-inner .social-icons {
  font-size: 23px;
}
.item-108 a,
.item-186 a,
.item-122 a,
.item-150 a,
.item-185 a,
.item-153 a {
  font-size: 0px !important;
}
.pe-2 {
  font-size: 1.3rem;
}
.menu.nav-pills .current.active .p-2 {
  color: #f90;
}

/*----------------------------------- inicio ----------------------------*/
.com-sppagebuilder #sp-main-body, .contacto {
  padding: 0;
  background-image: linear-gradient(180deg, #8ebde8, #fff9e6 35%, #b7d0ea 100%), linear-gradient(#87b8dc, #fefeea), linear-gradient(#9ac8e4, #dfc981) !important;
  background-attachment: fixed;
}

#set-height {
  display: block;
}
#v0 {
  position: fixed;
  /*top: 0px;
  left: 0;
  width: 100%;*/
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}
#sppb-addon-wrapper-a60c7a24-d934-4f72-b355-b96cb7fdafc9 {
  width: fit-content;
}
.scrolldown {
  width: 30px;
  height: auto;
  /*margin-top: 30vh;*/
  filter: blur(0.6px);
}
/*--------------------------------- seccoes ------------------------------------*/
.sppb-title-heading {
  font-size: 4rem;
  font-weight: normal;
  padding-top: 10vh;
  padding-bottom: 10vh;
  background: #ffffff63 !important;
}

/*------------- 3d -----------*/
.tresd {
}
#column-wrap-id-1691752753281,
#column-wrap-id-7470aace-0a47-41d3-b2d8-f0d27f560e98,
#column-wrap-id-762c52ef-399d-4a32-a5a4-192f72b6c137 {
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
.sec-titul {
}
.sec-titul h1 {
  font-family: Prompt;
  /*color: #4b007f;*/
  /*visibility: hidden;*/
}
.but {
  font-family: Prompt;
  font-size: 3rem !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-top: 8vh;
  padding-bottom: 5vh;
}
.but.imagem3d {
  background-color: #8d8d8d00 !important;
  background-image: radial-gradient(#fff,#6800ff8f);
  transition: all 0.5s ease-in;
}
.but.imagem3d:hover {
  background-color: #6800ff47 !important;
  background-image: radial-gradient(#fff,#6800ff8f);
  color: #fff !important;
  background-blend-mode: color-burn;
}
.but.animacao3d {
  background-color: #8d8d8d00 !important;
  background-image: radial-gradient(#fff,#8100da8f);
  transition: all 0.5s ease-in;
}
.but.animacao3d:hover {
  background-color: #8100da52 !important;
  background-image: radial-gradient(#fff,#8100da8f);
  color: #fff !important;
  background-blend-mode: color-burn;
}

/*------------- 2d -----------*/
.but.design {
  background-color: #8d8d8d00 !important;
  background-image: radial-gradient(#fff,#853e008f);
  transition: all 0.5s ease-in;
}
.but.design:hover {
  background-color: #e1690057 !important;
  background-image: radial-gradient(#fff,#853e008f);
  color: #fff !important;
  background-blend-mode: color-burn;
}
.but.foto {
  background-color: #8d8d8d00 !important;
  background-image: radial-gradient(#fff,#8525008f);
  transition: all 0.5s ease-in;
}
.but.foto:hover {
  background-color: #e1690057 !important;
  background-image: radial-gradient(#fff,#8525008f);
  color: #fff !important;
  background-blend-mode: color-burn;
}
.but.animacao2d {
  background-color: #8d8d8d00 !important;
  background-image: radial-gradient(#fff,#8513008f);
  transition: all 0.5s ease-in;
}
.but.animacao2d:hover {
  background-color: #e1690057 !important;
  background-image: radial-gradient(#fff,#8513008f);
  color: #fff !important;
  background-blend-mode: color-burn;
}
.but.web {
  background-color: #8d8d8d00 !important;
  background-image: radial-gradient(#fff,#9900008f);
  transition: all 0.5s ease-in;
}
.but.web:hover {
  background-color: #e1690057 !important;
  background-image: radial-gradient(#fff,#9900008f);
  color: #fff !important;
  background-blend-mode: color-burn;
}
.sppb-button-wrapper a {
  background-color: #8d8d8d00 !important;
  background-image: radial-gradient(rgba(255, 229, 190, 0.5),rgba(255, 153, 0, 0.5));
  transition: all 0.5s ease-in;
  font-size: 1.2rem;
}
.sppb-button-wrapper a:hover {
  background-color: #aa580069 !important;
  background-image: radial-gradient(#fff,#ffb30091);
  color: #fff !important;
  background-blend-mode: color-burn;
}

/*------------- contactos -----------*/
.contacto #sp-main-body {
  padding: 50px 0;
}
.contactos-ini {
  /*height: 50vh;*/
  font-family: Prompt;
  letter-spacing: 1px;
  font-size: 1.3rem;
  word-spacing: 0.1rem;
}
.contactos-ini .topright a {
  font-size: 1.6rem;
  padding: 0.5rem 2rem;
}
.com-contact.contact, .sp-module.contact-right {
  margin: 0 auto 20px auto;
  color: #000;
  padding: 30px;
  border-radius: 3px;
  background-image: radial-gradient(#fff0,#8d8d8d29);
  width: 350px;
}
.contact-right a {
  color: #f60;
  text-decoration: underline;
}
.com-contact.contact .btn-primary {
  border-color: #dcdcdc;
  background-color: #747474;
}
#contactos .contactos-ini .sppb-column-addons {
  max-width: 50%;
  margin: auto;
  background: #ffffffdb;
  padding: 10px;
  border-radius: 20px;
}
.contact-form .controls {
  margin: auto;
  text-align: center;
}

/*---------------------- end inicio -----------------------------------*/

/*---------------------- serviços ---------------------------------------*/
.servicos {
  padding: 0;
  background-image: linear-gradient(180deg, #8ebde8, #fff9e6 35%, #b7d0ea 100%), linear-gradient(#87b8dc, #fefeea), linear-gradient(#9ac8e4, #dfc981) !important;
  background-attachment: fixed;
}
.blogservicos {
  width: 80%;
  margin: auto;
}
.page-header h1 {
  font-size: 2rem;
  color: #f60;
  text-align: center;
  text-transform: lowercase;
}
.servicos .article {
  border: none;
}
.blogservicos h2 {
  color: #f60 !important;
  text-align: center;
  font-size: 1.5rem !important;
}
.article-body {
  color: #000 !important;
  background-color: #e9ecef54;
  padding: 30px;
  border-radius: 3px;
  border: 1px solid #f5f5f5;
}



/*---------------------- end servicos -----------------------------------*/

/*---------------------- tz portfolio -----------------------------------*/
.anim-3d {
  min-height: 79vh;
}
.cat-3d, .int-3d, .des-3d, .anim-2d {
  background-image: linear-gradient(180deg, #c8c8c8, #fff 35%, #c4c4c4 100%), linear-gradient(#d9d9d9, #fefeea), linear-gradient(#c0c0c0, #fff) !important;
  background-attachment: fixed;
}
.servicos #sp-main-body,
.cat-3d #sp-main-body,
.des-3d #sp-main-body {
  padding: 50px 0 0 0 !important;
}
.int-3d #sp-main-body {
  padding: 50px 0 0 0 !important;
  width: 100%;
  margin: auto;
}
.anim-3d #sp-main-body,
.anim-2d #sp-main-body {
  padding: 50px 0 0 0 !important;
  width: 88%;
  margin: auto;
}
.tpp-bootstrap .container,
.tpp-bootstrap .container-sm,
.tpp-bootstrap .container-md,
.tpp-bootstrap .container-lg,
.tpp-bootstrap .container-xl {
  max-width: 100%;
}
#TzContent.tpp-portfolio-page {
  max-width: 57%;
  margin: auto;
  padding-bottom: 20px;
}
#TzContent.tpp-portfolio-page.anim-3d,
#TzContent.tpp-portfolio-page.anim-2d {
  max-width: 81%;
  margin: auto;
  padding-bottom: 20px;
}
/*------------------CATEGORY------------------------*/
.title {
  text-align: center;
}
.option-combo.mb-3 {
  text-align: center;
}
.category-menu.tpp-bootstrap {
  text-align: center;
}
.category-menu .item {
  margin: 0;
  padding: 0 0 5px;
  width: 16.66666% !important;
  display: inline-block;
  text-align: center;
}
.tpp-item-title.name,
.cat-item-content .title {
  font-size: 1.1rem !important;
}
.tpp-bootstrap .card-header {
  background-color: rgba(255, 255, 255, 0.66);
}
.card.rounded-0.tpp-portfolio__inner.m-2 {
  border: none;
  box-shadow: 3px 3px 5px #0000008f;
}
.cat-item.cat-grid {
  box-shadow: 3px 3px 5px #0000008f;
}
.cat-3d .tpp-bootstrap a,
.cat-3d .title,
.int-3d .tpp-bootstrap a,
.int-3d .tpp-item-title,
.int-3d h3,
.cat-3d .tpp-item-title.name {
  color: #4b007f;
}
.des-3d .tpp-bootstrap a,
.des-3d .title,
.des-3d .tpp-bootstrap a,
.des-3d .tpp-item-title,
.des-3d h3,
.des-3d .tpp-item-title.name,
.anim-2d .tpp-item-title {
  color: #b13606;
}
.tpp-categories-grid-page .cat-item {
  padding: 0 !important;
}
#tz_append {
  display: none;
}

/*------------------GALERIA-------------------------*/

.tpp-bootstrap .col-lg-10 {
  flex: 100%;
  max-width: 100%;
}
.tpp-item-title {
  text-align: center;
}
#tz-portfolio-template-information {
  text-align: center;
}
.tz_portfolio_plus_grid_gallery.masonry-container {
  /*margin: 0 5%;*/
}
.tz_portfolio_plus_grid_gallery .gallery-image img {
  transform: scale(1.0);
}
.tz_portfolio_plus_grid_gallery.masonry-container .gallery-inner {
  /*padding: 10px;*/
}
.tpp-item-related__item.first.last.mb-2 {
  text-align: center;
}
#tz-portfolio-template-related-articles img {
  margin: auto;
}
.tpp-item-related.card.rounded-0.mb-2 {
  border: none;
  background: none;
}
.gallery-image {
  box-shadow: 3px 3px 5px #0000008f;
}
.list-unstyled.mt-3.ml-3.mr-3.mb-1 {
  margin: auto !important;
}
.tpp-item-related__item.first.mb-2,
.tpp-item-related__item.mb-2,
.tpp-item-related__item.last.mb-2 {
  width: fit-content;
  float: left;
  margin: 15px 10px;
  margin-bottom: 0px;
}
.TzTitle {
  width: 200px !important;
  display: block;
  text-align: center;
}
#tz-portfolio-template-introtext {
  text-align: center;
}
.tz_portfolio_plus_grid_gallery a.gallery-title {
  background: rgba(0, 0, 0, 0.61);
  padding: 1rem;
}
.tpp-bootstrap hr {
  border-top: 1px solid rgba(0, 0, 0, 0.71);
}
.cat-3d .tpp-item-category,
.int-3d .tpp-item-category {
  font-size: 0.8rem;
  color: #4b007f;
}
.des-3d .tpp-item-category {
  font-size: 0.8rem;
  color: #b13606;
}
.anim-3d .tpp-portfolio__media,
.anim-2d .tpp-portfolio__media {
  display: none;
}
.ahover:hover {
  background-color: #000;
  background-image: url(../images/mediahover.png);
  background-repeat: no-repeat;
  background-position: center;
}
.ahover img:hover {
  opacity: 0.5;
}
body.anim-3d .tpp-item-title {
  font-size: 1.5rem;
  color: #4b007f;
}
body.anim-2d .tpp-item-title {
  font-size: 1.5rem;
  color: #b13606;
}
.tpp-item-readmore {
  background: #9e9e9e !important;
  border: 1px solid #454545 !important;
  color: #fff !important;
  font-size: 1rem !important;
  padding: 3px 8px !important;
}
#tz-portfolio-template-introtext {
  color: #000;
}
.tpp-item-introtext {
  color: #000;
}
.ahover {
  border: 1px solid #ccc;
}
.web .card-body.tpp-portfolio__description {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
.web .card-body.tpp-portfolio__description p {
  margin-bottom: 0 !important;
  line-height: 0;
}
.image-caption.on_overlay {
  font-size: 1rem;
}


/*---------------------- footer -----------------------------*/
#sp-bottom {
  background: none;
  padding: 0;
}
#sp-bottom a {
  color: #4b007f;
}
#sp-bottom a:hover {
  color: #ff9900;
}
#sp-footer {
  background: #0000009c;
  z-index: 1;
  position: relative;
}

/*---------------------- end footer -------------------------*/

/*---------------------------------------------- MOBILE -------------------------*/

@media only all and (max-width: 47.938rem) {
  #tz-portfolio-template-media {
    margin: 0px 0% !important;
  }
  .category-menu .item {
    width: 80% !important;
  }
  #TzContent.tpp-portfolio-page {
  max-width: 90%;
  margin: auto;
  padding: 50px 0 20px 0;
  }
  .tz_portfolio_plus_grid_gallery.masonry-container {
    margin: 0 5%;
  }
  #sp-header.full-header {
    padding-left: 0px;
    padding-right: 0px;
  }
  .blogservicos {
    width: 100%;
    margin: auto;
  }
  
  .sp-page-builder .page-content #tresd,
  .sp-page-builder .page-content #doisd,
  .sp-page-builder .page-content #contactos {
    height: auto !important;
  }

}
@media only all and (orientation:landscape) and (max-width: 47.938rem) {

  .sec-titul h1 {
    /*visibility: visible;*/
  }
  .category-menu .item {
    width: 80% !important;
  }
  #v0 {
    /*left: 0;
    width: 100%;
    height: auto;*/
    position: fixed;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    top: 50%;
  }


}
@media (max-width: 991.98px) and (orientation:landscape) {

  .sec-titul h1 {
    /*visibility: visible;*/
  }
  .category-menu .item {
    width: 45% !important;
  }
  
}
@media only all and (max-width: 47.938rem) and (orientation:portrait) {

  #v0 {
    /*left: 0px;
    top: 0px;
    width: 100%;
    height: auto;*/
    position: fixed;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: 100%;
  }

}
@media only all and (min-width: 47.948rem) and (orientation:portrait) {

  #v0 {
    position: fixed;
    left: 50%;
    top: 50%;
    /*width: auto;*/
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: 100%;
  }

}

/*------------------------------------------ end mobil -------------------------*/