@font-face {
    font-family: clear-sans;
    src: url(../fonts/clear-sans/TTF/ClearSans-Regular.ttf);
  }
  
  @font-face {
    font-family: clear-sans-bold;
    src: url(../fonts/clear-sans/TTF/ClearSans-Bold.ttf);
  }
  
  @font-face {
    font-family: MontserratBold;
    src: url(../fonts/Montserrat/static/Montserrat-Bold.ttf);
  }
  
  @font-face {
    font-family: MontserratRegular;
    src: url(../fonts/Montserrat/static/Montserrat-Light.ttf);
  }
  
  *,
  *:before,
  *:after {
    margin: 0;
    padding: 0;
    font-size: 100%;
  }
  
  body,
  h1,
  h2,
  h3,
  p,
  img {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body,
  html {
    user-select: none;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-image: url("../img/marmore.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
  }
  
  
  
  /* cabecalho */
  
  #Cabecalho {
    display: flex;
    flex-direction: column;
    /* background-color: rgb(226, 213, 213); */
  }
  
  .imgbox {
    width: 20vw;
    height: 20vw;
    background-image: url('../img/logo/dourado/dourado3-pfp.png');
    background-size: cover;
    position: relative;
    left: -100vw;
    animation: moveIn 1s forwards;
  }


/* Tooltip */
.imgbox::after {
  content: attr(data-title);
  /*position: absolute;*/
  /*bottom: -3.5vw;*/
  left: 50%;
  transform: translateX(-50%);
  background:transparent;
  color: #fff;
  padding: 0.6vw 1.2vw;
  border-radius: 6px;
  font-size: 1.2vw;
  font-family: var(--fonte-cabecalho);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 999;
}

/* Exibir no hover */
.imgbox:hover::after {
  opacity: 1;
}  
  /*.imgbox::after {*/
  /*  content: attr(data-title);*/
  /*  position: absolute;*/
  /*  max-width: 90%;*/
 
  /*  background-color: rgba(0, 0, 0, 0.75);*/
  /*  color: #fff;*/
  /*  padding: 5px 10px;*/
  /*  border-radius: 3px;*/
  /*  white-space: nowrap;*/
  /*  text-align: center;*/
  /*  opacity: 0;*/
  /*  visibility: hidden;*/
  /*  transition: opacity 0.3s ease, visibility 0.3s ease;*/
  /*}*/
  
  /*.imgbox:hover::after {*/
  /*  opacity: 1;*/
  /*  visibility: visible;*/
  /*}*/
  
  .cabecalho {
    display: flex;
    top: 0%;
    padding: 10px;
  }
  
  @keyframes crescer {
    0% {
      left: -100vw;
      transform: scale(1);
    }
  
    50% {
      left: 0;
      transform: scale(1.3);
    }
  
    100% {
      left: 0;
      transform: scale(1);
    }
  
  
  }
  
  @keyframes moveIn {
    from {
      left: -100vw;
  
    }
  
    to {
      left: 0;
  
    }
  
  
  }
  
  
  
  .containernavff {
    width: 100%;
    z-index: 8;
    display: flex;
    position: absolute;
    justify-content: flex-end;
  }
  
  .containernav {
    width: 100%;
    position: absolute;
    top: 0.3vw;
    display: flex;
    justify-content: flex-end;
    z-index: 2;
    font-family: var(--fonte-menu-superior);
  
  }
  
  .containernav li a {
    padding: 1vw;
  }
  
  .divitens {
    display: flex;
    justify-content: flex-end;
    margin: 0%;
  }
  
  .navbar .dropdown-item {
    font-size: var(--tamanho-fonte-menu-superior);
  
    font-size: 1.4vw;
    color: var(--cor-fonte-menu-superior);
  }
  
  .navbar .dropdown-item:hover {
    background-color: transparent;
    -webkit-text-stroke: 0.3px red;
  }
  
  .containernav .navbar .navbar-collapse {
    display: flex;
    justify-content: flex-end;
  }
  
  .conteudo-header {
    flex-direction: row;
    align-self: flex-end;
  }
  
  .txtheader {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0%;
    align-items: center;
  }
  
  .txtheader h5 {
    margin-bottom: 4vw;
    text-align: center;
    font-family: var(--fonte-cabecalho);
    color: var(--cor-fonte-cabecalho);
    font-size: 5vw;
    text-shadow: 0.2vw 0.2vw 0.5vw rgba(42, 31, 143, 0.5);
  }
  
  .linha1 {
    margin: 0px;
    padding: 0px;
    height: 1px;
    background-color: var(--cor-linhas);
    margin-bottom: 0.2vw;
    z-index: 5;
  }
  
  
  
  /* menu secundário  */
  
  .menusecundario {
    position: relative;
    margin-top: 2vw;
    margin-bottom: 0.5vw;
    align-self: flex-end;
  }
  
  #menusecundarionav {
    align-self: flex-end;
    justify-items: right;
  }
  
  #menusecundarionav #menusecundarioitens {
    display: flex;
    justify-content: right;
    margin-bottom: 0%;
  }
  
  #menusecundarionav #menusecundarioitens a {
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
    color: var(--cor-fonte-menu-secundario);
    font-family: var(--fonte-menu-secundario);
    font-size: var(--tamanho-fonte-menu-superior);
    padding-left: 3vw;
  }
  
  .menusecundario #menusecundarioitens a:hover {
    -webkit-text-stroke: 0.3px red;
  }
  
  /* carousel pequeno*/
  
  .container-carrousel {
    float: right;
    width: 40vw;
    /* padding-top: 0.5vw; */
    padding-right: 0px;
    padding-left: 2vw;
    padding-bottom: 1vw;
    overflow: hidden;
  }
  
  .carousel-control-prev i,
.carousel-control-next i {
        font-size: 2vw;
    color: black;
  /*color: var(--cor-fonte-titulo);*/
}

.carousel-control-prev,
.carousel-control-next {
    top: 75%;
    transform: translateY(-50%);
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

 .containertxt .container-carrousel img {
  
    width: 100%;

  }
  
  
  .imgilustrativaSub {
    text-align: right;
    font-size: 1vw;
  }
  
  /* icone zap*/
  
  .containermail {
    display: flex;
    position: fixed;
    padding: 1px;
    margin: 1px;
    width: fit-content;
    justify-content: flex-end;
    right: 5vw;
    top: 6.5vw;
    z-index: 100;
  }
  
  .containermail .zap img {
    width: 3.5vw;
    animation: crescer 1s forwards;
    animation-iteration-count: 4;
    animation-delay: 0.5s;
  }
  
  
  /*  seta up */
  
  #scroll-to-top {
    position: fixed;
    bottom: 6vw;
    left: 1.5vw;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.5s ease-in-out;
    display: none;
  }
  
  #scroll-to-top img {
    width: 3vw;
  }
  
  
  .titulo {
    display: flex;
    align-items: center;
    margin-top: 0%;
    justify-content: flex-start;
    background-color: var(--bg-titulo);
    background-image: var(--bg-img-titulo);
  
    border-top: 1px solid var(--linha-titlulo-top);
    padding-left: 3vw;
    min-height: 5vw;
  }
  
  .titulo h2 {
    margin: 0%;
    font-size: 2.5vw;
    color: var(--cor-fonte-titulo);
    /* color: var(--cor-fonte-cabecalho); */
    font-family: var(--fonte-textos);
    text-shadow: 4px 4px 6px rgba(42, 31, 143, 0.5);
  }
  
  
  
  
  /* session titulo  */
  .containertxt {
    padding-top: 1vw;
    padding-left: 4em;
    padding-right: 4em;
    margin-bottom: 3em;
    font-size: 1.5vw;
    color: var(--cor-fonte-textos);
    font-family: var(--fonte-textos);
    width: 100%;
    height: auto;
    text-align: justify;
 
  }
  
  .img-wrap {
    float: right;
    width: 30vw;
    height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 2vw;
    padding-bottom: 1vw;
  }
  
  .img-wrap img {
    width: 100%;
  }
  
  #Email img {
    width: 1.5vw;
  }
  
  .containertxt a {
    text-decoration: none;
  }
  
  /* session   equipamentos   */
  
  .equipamentos {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2vw;
    margin-bottom: 3em;
    gap: 1vw 6vw;
    justify-content: center;
    padding-right: 0px;
    padding-left: 1vw;
    align-items: center;
  }
  
  .img-equipamentos {
    position: relative;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    background-color: var(--bg-fotos);
    overflow: hidden;
    display: flex;
    margin: 1.5vw;
    width: 25%;
    height: 8.5vw;
    justify-content: center;
    padding: 0px;
    text-align: left;
    align-items: flex-start;
    backdrop-filter: blur(2px);
    text-decoration: none;
  }
  
  
  .img-equipamentos .boximg {
    display: flex;
    align-items: center;
    width: 40%;
    height: 100%;
    padding: 0.2vw;
  }
  
  .img-equipamentos .boximg img {
    border-radius: 10px;
    width: 100%;
  }
  
  .equipamentos h4 {
    width: 80%;
    font-size: 1.3vw;
    text-decoration: none;
    text-align: left;
    padding-left: 1vw;
    padding-right: 1vw;
    margin-top: 2vw;
    color: var(--cor-fonte-textos);
    font-family: var(--fonte-textos);
  }
  
  /* session acessorios*/
  
  .acessorios {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2vw;
    margin-bottom: 3em;
    gap: 1vw 6vw;
    justify-content: center;
    padding-right: 0px;
    padding-left: 1vw;
    align-items: center;
  }
  
  .img-acessorios {
    position: relative;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    background-color: var(--bg-fotos);
    overflow: hidden;
    display: flex;
    margin: 1.5vw;
    width: 25%;
    height: 8.5vw;
    justify-content: center;
    padding: 0%;
    text-align: left;
    align-items: flex-start;
    backdrop-filter: blur(2px);
    text-decoration: none;
  }
  
  .img-acessorios .boximg {
    display: flex;
    align-items: center;
    width: 40%;
    height: 100%;
    padding: 0.2vw;
  }
  
  .img-acessorios .boximg img {
    border-radius: 10px;
    width: 100%;
  }
  
  .acessorios h4 {
    width: 80%;
    font-size: 1.3vw;
    text-decoration: none;
    text-align: left;
    padding-left: 1vw;
    padding-right: 1vw;
    margin-top: 2vw;
    color: var(--cor-fonte-textos);
    font-family: var(--fonte-textos);
  }
  
  /*  sessiom projetos*/
  
  .texto {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    text-align: justify;
    padding-top: 1em;
    padding-left: 4em;
    padding-right: 4em;
    margin-bottom: 3em;
    font-size: 1.5vw;
    color: var(--cor-fonte-textos);
    font-family: var(--fonte-textos);
  }
  
  /* style="margin-left: 2vw; color: var(--cor-fonte-titulo);"  left: -100vw;
    animation: moveIn 1s forwards;
    @keyframes moveIn {
      from {
        left: -100vw;
    
      }
    
      to {
        left: 0;
    
      }
    
    
    }*/
  .spanBounce {
    margin-left: 2vw;
    /* color: rgb(100, 12, 12); */
  }
  
  
  /*     contato */
  
  #Contato {
    bottom: 5px;
  }
  
  .contato {
    display: flex;
    justify-content: center;
    align-items: start;
    margin: 0;
    padding-bottom: 3vw;
    gap: 4em;
    width: 100%;
    color: rgb(104, 110, 117);
    font-family: var(--fonte-textos);
    color: var(--cor-fonte-contato);
    background-color: var(--bg-contato);
  }
  
  .coluna1 {
    margin-bottom: 2.5vw;
  }
  
  .coluna1 .dados h4 {
    padding-left: 0.5em;
    font-size: 1.5vw;
    margin-top: 2vw;
    margin-bottom: 1vw;
  }
  
  .coluna1 .dados h5 {
    padding-left: 0.5em;
    font-size: 1.3vw;
  }
  
  .coluna1 .dados2 {
    margin-top: 2vw;
  }
  
  .coluna1 .dados2 h4 {
    padding-left: 0.5em;
    font-size: 1.3vw;
  }
  
  .coluna1 .dados2 h5 {
    padding-left: 0.5em;
    font-size: 1.3vw;
  }
  
  .coluna2 .dadosform h4 {
    margin-top: 2vw;
    font-size: 1.5vw;
  }
  
  .form {
    padding-left: 25px;
    padding-right: 20px;
  }
  
  .colform1 {
    width: 50%;
  }
  
  .colform2 {
    width: 50%;
  }
  
  .form-input {
    margin-left: 0px;
    margin-bottom: 0.5em;
    width: 100%;
    padding: 0.48em;
    outline: none;
    box-shadow: none;
    border-radius: 5px;
    border-width: 1px;
    border-color: black;
    background-color: transparent;
    font-family: var(--fonte-textos);
    font-size: 1.4vw;
  }
  
  input::placeholder {
    font-size: 1.4vw;
    color: lightslategray;
    color: var(--cor-fonte-contato);
    padding-top: 3px;
    padding-bottom: 3px;
  }
  
  input:valid {
    background-color: rgb(225, 225, 225);
    font-size: 1.4vw;
    font-family: var(--fonte-textos);
  }
  
  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px rgb(225, 225, 225) inset;
  }
  
  .selecione {
    margin-bottom: 0.5em;
    border-color: black;
    border-radius: 5px;
    border-width: 1px;
    background-color: transparent;
    font-size: 1.4vw;
    color: var(--cor-fonte-contato);
    font-family: var(--fonte-textos);
  }
  
  .selecione:valid {
    background-color: rgb(225, 225, 225);
    font-size: 1.4vw;
  }
  
  .txtarea {
    margin-bottom: 0.5em;
    font-size: 1.4vw;
    border-radius: 5px;
    border-width: 1px;
    width: 100%;
    background-color: transparent;
  }
  
  .txtarea textarea {
    padding: 7.68px;
    font-size: 1.4vw;
    margin-bottom: 0.6em;
    border-color: black;
    border-radius: 5px;
    border-width: 1px;
    background-color: transparent;
    font-family: var(--fonte-textos);
  }
  
  .txtarea ::placeholder {
    color: var(--cor-fonte-contato);
  }
  
  .txtarea :valid {
    background-color: rgb(225, 225, 225);
    color: var(--cor-fonte-contato);
  }
  
  .group-msg label {
    font-family: var(--fonte-textos);
  }
  
  #btnEnviar {
    width: 100%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    align-self: center;
    border: 1px solid rgba(118, 118, 118);
    background-color: rgb(225, 225, 225);
    border-radius: 5px;
    font-size: 1.7vw;
    color: var(--cor-fonte-contato);
  }
  
  /*    rodape    */
  
  .menurod {
    position: relative;
    display: flex;
    padding-right: 2em;
    justify-content: center;
    line-height: 1vw;
  }
  
  #nav #menu {
    margin-bottom: 0%;
  }
  
  .menus {
    display: flex;
  }
  
  .menus a {
    pointer-events: stroke;
    text-decoration: none;
    color: var(--cor-fonte-textos);
    color: black;
    font-size: 1vw;
    padding-left: 0.8em;
    font-family: var(--fonte-textos);
  }
  
  .rodape {
    position: fixed;
    z-index: 100;
    bottom: 0px;
    width: 100%;
    display: flex;
    justify-items: baseline;
    align-items: flex-end;
    padding-bottom: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: black;
    border-top: 0.5px solid rgb(150, 150, 150);
    background-color: var(--bg-rodape);
  }
  
  .tituloR {
    display: flex;
    align-self: center;
    padding: 0%;
  }
  
  .rodape .tituloR {
    gap: 5px;
    color: var(--cor-fonte-textos);
    color: black;
    position: relative;
    display: flex;
    justify-content: right;
    padding-right: 2em;
    font-size: 1vw;
    font-family: var(--fonte-textos);
    margin: 0%;
  }
  
  .menus a:hover {
    -webkit-text-stroke: 1px rgb(20, 20, 20, 0.5);
  }
  
  /* 
    ********* media *********
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    */
@media (min-width: 768px) and (max-width: 1199px) {
    body {
      margin: 0;
      padding: 0;
      background-image: url("../img/marmore.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      overflow-x: hidden;
    }
  
    .navbar-collapse {
      display: none !important;
    }
  
    /*   carousel-sub  */
    /*.carousel-sub {*/
    /*  display: flex;*/
    /* align-items: flex-start;*/
    /*  width: 35vw;*/
    /*  height: 25vw;*/
    /*  justify-content: center;*/
    /*  padding: 0.2vw;*/
    /*}*/
    
    .container-carrousel {
       width: 50%;
    max-width: 450px;
    }
    
    /*   titulos  */
  
    .titulo {
      display: flex;
      margin-top: 0px;
      padding: 0px;
      font-family: var(--fonte-cabecalho);
      color: var(--cor-fonte-cabecalho);
      font-size: 2vw;
      align-items: center;
      padding: 5px;
      padding-left: 3vw;
      background-image: var(--bg-img-titulo);
      background-color: var(--bg-titulo);
      border-bottom: 1px solid var(--linha-titlulo-botton);
      border-top: 1px solid var(--linha-titlulo-top);
    }
  
    .titulo h2 {
      margin: 0%;
      font-size: 2.5vw;
      color: var(--cor-fonte-cabecalho);
      font-family: var(--fonte-textos);
      text-shadow: 1px 1px 2px rgba(42, 31, 143, 0.5);
    }
  
    #Email img {
      width: 2vw;
    }
  
  
  
    /* session equipamentos */
  
    .equipamentos {
      display: flex;
      flex-wrap: wrap;
      margin-top: 2vw;
      margin-bottom: 3em;
      gap: 1vw 10vw;
      justify-content: center;
      padding-right: 0px;
      padding-left: 1vw;
      align-items: center;
    }
  
    .img-equipamentos {
      position: relative;
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.7);
      border-radius: 10px;
      background-color: var(--bg-fotos);
      overflow: hidden;
      display: flex;
      margin: 1.5vw;
      width: 30%;
      height: 11vw;
      justify-content: center;
      padding: 0%;
      text-align: left;
      align-items: flex-start;
      backdrop-filter: blur(2px);
      text-decoration: none;
    }
  
    .img-equipamentos .boximg {
      display: flex;
      align-items: center;
      width: 50%;
      height: 100%;
      padding: 0.5vw;
    }
  
    .img-equipamentos .imgbox img {
      border-radius: 10px;
      margin: 10px;
      width: 50px;
    }
  
    .equipamentos h4 {
      width: 80%;
      font-size: 1.8vw;
      text-decoration: none;
      text-align: left;
      padding-left: 1vw;
      padding-right: 1vw;
      margin-top: 1.5vw;
      color: var(--cor-fonte-textos);
      font-family: var(--fonte-textos);
    }
  
    /*  session acessorios */
  
    .acessorios {
      display: flex;
      flex-wrap: wrap;
      margin-top: 2vw;
      margin-bottom: 3em;
      gap: 1vw 10vw;
      justify-content: center;
      padding-right: 0px;
      padding-left: 1vw;
      align-items: center;
    }
  
    .img-acessorios {
      position: relative;
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.7);
      border-radius: 10px;
      background-color: var(--bg-fotos);
      overflow: hidden;
      display: flex;
      margin: 1.5vw;
      width: 30%;
      height: 11vw;
      justify-content: center;
      padding: 0%;
      text-align: left;
      align-items: flex-start;
      backdrop-filter: blur(2px);
      text-decoration: none;
    }
  
    .img-acessorios .boximg {
      display: flex;
      align-items: center;
      width: 50%;
      height: 100%;
      padding: 0.5vw;
    }
  
    .img-acessorios .imgbox img {
      border-radius: 10px;
      margin: 10px;
      width: 50px;
    }
  
    .acessorios h4 {
      width: 80%;
      font-size: 1.8vw;
      text-decoration: none;
      text-align: left;
      padding-left: 1vw;
      padding-right: 1vw;
      margin-top: 1.5vw;
      color: var(--cor-fonte-textos);
      font-family: var(--fonte-textos);
    }
  
  
    .menus a {
      pointer-events: stroke;
      text-decoration: none;
      color: var(--cor-fonte-textos);
      color: black;
      font-size: 1.3vw;
      padding-left: 0.8em;
      font-family: var(--fonte-textos);
    }
  
    /*  rodpe  */
  
    .rodape {
      position: fixed;
      z-index: 100;
      bottom: 0px;
      width: 100%;
      display: flex;
      justify-items: baseline;
      align-items: flex-end;
      padding-bottom: 3px;
      padding-top: 6px;
      padding-bottom: 6px;
      color: black;
      border-top: 0.5px solid rgb(150, 150, 150);
      /* background-color: var(--cor-rodape); */
      background-color: rgb(220, 220, 220);
    }
  
    .rodape .tituloR {
      gap: 5px;
      color: var(--cor-fonte-textos);
      color: black;
      position: relative;
      display: flex;
      justify-content: right;
      padding-right: 2em;
      font-size: 1.3vw;
      font-family: var(--fonte-textos);
      margin: 0%;
    }
  }
  
  
  
  
  
  
  @media screen and (max-width: 767px) {
  
    /* 
    ********* media *********
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    *************************
    */
  
  
  
    body {
      margin: 0;
      padding: 0;
      background-image: url("../img/marmore.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      overflow-x: hidden;
    }
  
    .imgbox {
      left: 0%;
      animation: moveInTop 1s forwards;
    }
  
  
    @keyframes moveInTop {
      from {
        top: -100vw;
      }
  
      to {
        top: -2vw;
      }
    }
  
    .containernavff {
      width: 100%;
      z-index: 8;
      display: flex;
      height: 80px;
      position: absolute;
      justify-content: start;
    }
  
    .containernav {
      width: fit-content;
      position: fixed;
      display: flex;
      justify-content: flex-end;
      z-index: 5;
      background-image: none;
      font-family: var(--fonte-menu-superior);
  
    }
  
    .divitens {
      display: flex;
      justify-content: flex-start;
    }
  
    .navbar-nav {
      background-color: white;
      border: 0.5px solid var(--bg-rodape);
      border-radius: 10px;
      margin-top: 10px;
    }
  
  
    .navbar-nav .dropdown-item {
      font-size: 3vw;
    }
  
    .navbar-toggler {
      width: 10vw;
      height: 10vw;
      padding: 0;
      background-color: white;
    }
  
    .navbar-toggler .navbar-toggler-icon {
      margin: 0;
      width: 6vw;
      height: 6vw;
    }
  
    /* hader */
  
    #Cabecalho {
      margin-top: 1.5vw;
    }
  
    #Cabecalho .cabecalho {
      width: 100%;
      margin-top: 5vw;
      display: flex;
      flex-direction: column;
    }
  
    .conteudo-header {
      flex-direction: row;
      width: 100%;
      align-self: center;
    }
  
    .txtheader img {
      margin-left: 0%;
      margin-bottom: 2vw;
      width: 15vw;
      height: auto;
    }
  
    .txtheader {
      display: flex;
      flex-direction: column;
      padding: 0%;
      margin: 0%;
      align-items: center;
    }
  
    .txtheader h5 {
      width: 100%;
      text-align: center;
      font-family: var(--fonte-cabecalho);
      color: var(--cor-fonte-cabecalho);
      font-size: 6vw;
      text-shadow: 0.2vw 0.2vw 0.5vw rgba(42, 31, 143, 0.5);
    }
  
    .linha1 {
      height: 1px;
      background-color: var(--cor-linhas);
      margin-bottom: 0.15vw;
    }
  
    /* menu secundario  */
  
    #menusecundarionav #menusecundarioitens {
      display: flex;
      justify-content: right;
      margin-bottom: 0%;
      margin-right: 5vw;
    }
  
    #menusecundarionav #menusecundarioitens a {
      display: flex;
      justify-content: flex-end;
      text-decoration: none;
      color: var(--cor-fonte-menu-secundario);
      font-family: var(--fonte-menu-secundario);
      font-size: 3vw;
      padding-left: 3.5vw;
    }
  
    /* carousel pequeno*/
  
  
    /*.carousel-sub {*/
    /*  display: flex;*/
    /*  width: 30vw;*/
    /*  height: 45vw;*/
    /*  justify-content: center;*/
    /*  padding: 0.2vw;*/
    /*}*/
          
          
    .container-carrousel {
      width: 90vw;
    }
  
  
  
    .imgilustrativaSub {
      font-size: 2vw;
    }
  
    /*  iconezap*/
  
    .containermail {
      display: flex;
      position: fixed;
      padding: 1px;
      margin: 1px;
      width: fit-content;
      justify-content: flex-end;
      right: 5vw;
      top: 8.5vw;
    }
  
    .containermail .zap img {
      width: 8vw;
    }
  
    /*  seta up */
  
    #scroll-to-top {
      display: none;
      position: fixed;
      bottom: 8vw;
      margin-left: 3vw;
      text-align: left;
      z-index: 5;
      cursor: pointer;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
      display: none;
    }
  
    #scroll-to-top img {
      width: 8vw;
    }
  
    .titulo {
      display: flex;
      margin: 0px;
      padding: 0xp;
      margin-top: 6vw;
      font-family: var(--fonte-cabecalho);
      color: var(--cor-fonte-cabecalho);
      font-size: 2vw;
      align-items: center;
      background-image: var(--bg-img-titulo);
      background-color: var(--bg-titulo);
      border-bottom: 1px solid var(--linha-titlulo-botton);
      border-top: 1px solid var(--linha-titlulo-top);
    }
  
    .titulo h2 {
      margin: 0%;
      font-size: 5vw;
      color: var(--cor-fonte-cabecalho);
      font-family: var(--fonte-textos);
      text-shadow: 1px 1px 2px rgba(42, 31, 143, 0.5);
    }
  
  
  
    /*   carousel  */
  
  
    .carousel-tam {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 0.2vw;
    }
  
    .slide-tam {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%;
    }
  
    .slide-foto {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
    }
  
    .slide-in {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: center;
    }
  
    .slide-in .slide-cab {
      display: flex;
      justify-content: center;
      font-family: var(--fonte-cabecalho);
      font-size: 5vw;
      margin-top: 20px;
      text-align: center;
      width: 100%;
      max-width: 100%;
      height: auto;
    }
  
    .imgilustrativa {
      display: none;
    }
  
    .imgilustrativamedia {
      display: block;
      color: var(--cor-fonte-textos);
      padding-left: 6vw;
      font-family: var(--fonte-textos);
      font-size: 2vw;
    }
  
    .slide-in .slide-texto {
      font-family: var(--fonte-textos);
      font-size: 3.5vw;
      justify-items: flex-start;
      width: 100%;
      max-width: 100%;
      padding-left: 25px;
      padding-right: 25px;
      padding-bottom: 25px;
      height: auto;
    }
  
  
  
    /* session titulo  */
    .containertxt {
      padding-top: 3vw;
      padding-left: 6vw;
      padding-right: 6vw;
      margin-bottom: 3em;
      font-size: 3vw;
      color: var(--cor-fonte-textos);
      font-family: var(--fonte-textos);
      width: 100%;
      height: auto;
      text-align: justify;
       justify-content: center;
    }
  
    .img-wrap {
      float: right;
      width: 45vw;
      height: auto;
      padding-top: 0px;
      padding-right: 0px;
      padding-left: 2vw;
      padding-bottom: 1vw;
    }
  
  
    #Email img {
      width: 6vw;
    }
  
    .colmenu {
      position: relative;
      display: flex;
      padding-right: 3vw;
      padding-bottom: 0.5em;
      align-self: flex-end;
      justify-content: center;
    }
  
  
  
    /* session equipamentos  */
  
    .equipamentos {
      display: flex;
      flex-wrap: wrap;
      margin-top: 2vw;
      margin-bottom: 3em;
      gap: 1vw 8vw;
      justify-content: center;
      padding-right: 0px;
      padding-left: 1vw;
      align-items: center;
    }
  
    .img-equipamentos {
      position: relative;
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.7);
      border-radius: 10px;
      background-color: var(--bg-fotos);
      overflow: hidden;
      display: flex;
      margin: 1.5vw;
      width: 70%;
      height: 14vw;
      justify-content: center;
      padding: 0%;
      text-align: left;
      align-items: flex-start;
      backdrop-filter: blur(2px);
      text-decoration: none;
    }
  
    .img-equipamentos .boximg {
      display: flex;
      align-items: center;
      width: 20%;
      height: 100%;
      padding: 0.5vw;
    }
  
    .img-equipamentos .imgbox img {
      border-radius: 10px;
      margin: 10px;
      width: 50px;
    }
  
    .equipamentos h4 {
      width: 80%;
      font-size: 3vw;
      text-decoration: none;
      text-align: left;
      padding-left: 2vw;
      padding-right: 2vw;
      margin-top: 1.5vw;
      color: var(--cor-fonte-textos);
      font-family: var(--fonte-textos);
    }
  
    /*  session acessorios  */
  
    .acessorios {
      display: flex;
      flex-wrap: wrap;
      margin-top: 2vw;
      margin-bottom: 3em;
      gap: 1vw 8vw;
      justify-content: center;
      padding-right: 0px;
      padding-left: 1vw;
      align-items: center;
    }
  
    .img-acessorios {
      position: relative;
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.7);
      border-radius: 10px;
      background-color: var(--bg-fotos);
      overflow: hidden;
      display: flex;
      margin: 1.5vw;
      width: 70%;
      height: 14vw;
      justify-content: center;
      padding: 0%;
      text-align: left;
      align-items: flex-start;
      backdrop-filter: blur(2px);
      text-decoration: none;
    }
  
    .img-acessorios .boximg {
      display: flex;
      align-items: center;
      width: 20%;
      height: 100%;
      padding: 0.5vw;
    }
  
    .img-acessorios .imgbox img {
      border-radius: 10px;
      margin: 10px;
      width: 50px;
    }
  
    .acessorios h4 {
      width: 80%;
      font-size: 3vw;
      text-decoration: none;
      text-align: left;
      padding-left: 2vw;
      padding-right: 2vw;
      margin-top: 1.5vw;
      color: var(--cor-fonte-textos);
      font-family: var(--fonte-textos);
    }
  
    /* session  projetos   */
  
    .texto {
      display: flex;
      font-family: var(--fonte-textos);
      font-size: 3.5vw;
      color: var(--cor-fonte-textos);
      padding-left: 5vw;
      padding-right: 5vw;
    }
  
    /*     contato      */
  
    .contato {
      display: flex;
      justify-content: center;
      align-items: start;
      margin: 0%;
      margin-bottom: 3vw;
      gap: 1vw;
      width: 100%;
  
    }
  
    .contato .coluna1 {
      width: 100%;
    }
  
    .coluna1 .dados h4 {
      margin: 0px;
      padding-left: 0.5em;
      font-size: 3.5vw;
      margin-top: 4vw;
      margin-bottom: 3.5vw;
      font-family: var(--fonte-textos);
    }
  
    .coluna1 .dados h5 {
      padding-left: 0.5em;
      margin-top: 0.5vw;
      font-size: 2.5vw;
      font-family: var(--fonte-textos);
    }
  
    .coluna1 .dados2 {
      margin-top: 8vw;
      margin-bottom: 3.5vw;
    }
  
    .coluna1 .dados2 h4 {
      padding-left: 0.5em;
      font-size: 3.5vw;
      font-family: var(--fonte-textos);
    }
  
    .coluna1 .dados2 h5 {
      padding-left: 0.5em;
      font-size: 3.5vw;
      font-family: var(--fonte-textos);
    }
  
    .contato .coluna2 {
      width: 100%;
    }
  
    .coluna2 .dadosform h4 {
      margin: 0%;
      font-size: 3.5vw;
      margin-top: 7vw;
      margin-bottom: 3vw;
      padding-left: 0.5em;
    }
  
    .form {
      padding-left: 0.5em;
      padding-right: 0.5em;
    }
  
    .colform1 {
      padding-left: 3vw;
      padding-right: 3vw;
      width: 100%;
    }
  
    .colform2 {
      padding-left: 3vw;
      padding-right: 3vw;
      width: 100%;
    }
  
    .form-input {
      margin-left: 0px;
      margin-bottom: 0.5em;
      width: 100%;
      padding: 0.48em;
      outline: none;
      box-shadow: none;
      border-radius: 5px;
      border-width: 1px;
      border-color: black;
      background-color: transparent;
      font-family: var(--fonte-textos);
      font-size: 3vw;
    }
  
    input::placeholder {
      font-size: 3.5vw;
      color: lightslategray;
      color: var(--cor-fonte-contato);
      padding-top: 3px;
      padding-bottom: 3px;
    }
  
    input:valid {
      background-color: rgb(225, 225, 225);
      font-size: 3.5vw;
      font-family: var(--fonte-textos);
    }
  
    input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px rgb(225, 225, 225) inset;
    }
  
    .selecione {
      margin-bottom: 0.5em;
      border-color: black;
      border-radius: 5px;
      border-width: 1px;
      background-color: transparent;
      font-size: 3.5vw;
      color: var(--cor-fonte-contato);
      font-family: var(--fonte-textos);
    }
  
    .selecione:valid {
      background-color: rgb(225, 225, 225);
      font-size: 3.5vw;
    }
  
    .txtarea {
      margin-bottom: 0.5em;
      font-size: 3.5vw;
      border-radius: 5px;
      border-width: 1px;
      width: 100%;
      background-color: transparent;
    }
  
    .txtarea textarea {
      padding: 7.68px;
      font-size: 3.5vw;
      margin-bottom: 0.6em;
      border-color: black;
      border-radius: 5px;
      border-width: 1px;
      background-color: transparent;
      font-family: var(--fonte-textos);
    }
  
    .txtarea ::placeholder {
      color: var(--cor-fonte-contato);
    }
  
    .txtarea :valid {
      background-color: rgb(225, 225, 225);
      color: var(--cor-fonte-contato);
    }
  
    .group-msg label {
      font-family: var(--fonte-textos);
    }
  
    #btnEnviar {
      width: 100%;
      padding-top: 0.2em;
      padding-bottom: 0.2em;
      align-self: center;
      border: 1px solid rgba(118, 118, 118);
      background-color: rgb(225, 225, 225);
      border-radius: 5px;
      font-size: 3.8vw;
      color: var(--cor-fonte-contato);
    }
  
    /*   rodape  */
  
    .rodape {
      display: none;
    }
  }