.double-border {
  width: 150px;
  /* Ajuste a largura conforme necessário */
  height: auto;
  /* Ajuste a altura conforme necessário */
  position: relative;
  /* Necessário para posicionamento absoluto das sombras */
  overflow: hidden;
  /* Para garantir que a imagem não ultrapasse as bordas */
  pointer-events: auto;
  /* Permite que eventos do mouse ocorram dentro da div */
  z-index: 1;
}

.double-border img {
  width: 100%;
  /* Certifica-se de que a imagem preencha a div pai */
  height: auto;
  /* Mantém a proporção original da imagem */
  display: block;
  /* Remove espaçamento extra abaixo da imagem */
}


/* Primeira borda (sombra) */
.double-border::before {
  content: "";
  position: absolute;
  top: 5px;
  /* Ajuste a distância da primeira borda conforme necessário */
  left: 5px;
  /* Ajuste a distância da primeira borda conforme necessário */
  right: 5px;
  /* Ajuste a distância da primeira borda conforme necessário */
  bottom: 5px;
  /* Ajuste a distância da primeira borda conforme necessário */
  box-shadow: 0 0 0 2px #4d4d4d;
  /* Largura e cor da primeira borda */
  border-radius: 75px;
  /* Raio da borda arredondada */
}

/* Segunda borda (sombra) */
.double-border::after {
  content: "";
  position: absolute;
  top: 15px;
  /* Ajuste a distância da segunda borda conforme necessário */
  left: 15px;
  /* Ajuste a distância da segunda borda conforme necessário */
  right: 15px;
  /* Ajuste a distância da segunda borda conforme necessário */
  bottom: 15px;
  /* Ajuste a distância da segunda borda conforme necessário */
  box-shadow: 0 0 0 11px #f17e00;
  /* Largura e cor da segunda borda */
  border-radius: 65px;
  /* Raio da borda arredondada */
}

.double-border:hover {
  transform: scale(1.1);
  /* Ajusta o fator de escala conforme necessário */
}

.marginnav {

  margin-left: 320px;

}


.fonttext {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}




.bxl-facebook:hover {
  /*color: #C13584 !important;*/
  color: #f17e00 !important;
  border-radius: 20px !important;
  background-color: white !important;



}

.bxl-whatsapp:hover {
  /*color: #C13584 !important;*/
  color: #f17e00 !important;
  border-radius: 20px !important;
  background-color: white !important;



}

.bxl-linkedin:hover {
  /*color: #C13584 !important;*/
  color: #f17e00 !important;
  border-radius: 20px !important;
  background-color: white !important;


}

.bxs-phone:hover {
  /*color: #C13584 !important;*/
  color: #f17e00 !important;

}

.phone:hover {
  color: #f17e00 !important;

}

.bx-envelope:hover {

  color: #f17e00 !important;
}

.envelope:hover {
  /*color: #C13584 !important;*/
  color: #f17e00 !important;

}



.menu:hover {

  color: #f17e00  !important;

  border-radius: 20px;
  border: 1px solid #4d4d4d ;
}




.menu1:hover {


  color: #4d4d4d !important;

  border-radius: 20px;
  border: 1px solid #f17e00 !important;
}

.menu2:hover {


  background-color: #4d4d4d !important;

  border-radius: 20px;
  border: 1px solid #4d4d4d !important;
}





.apresentacao {
  background-image: url('images/capa1.1.webp');
  /* 8,9,11,12*/
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  text-align: right;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 75vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-end !important;
  position: relative;
  font-family: 'Open Sans';
}

.apresentacao1 {
  background-image: url('images/capa14.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  text-align: right;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 75vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-end !important;
  position: relative;
  font-family: 'Open Sans';
}

.apresentacao2 {
  background-image: url('images/capa.1.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  text-align: left;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 75vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative;
  font-family: 'Open Sans';
}

.apresentacao3 {
  background-image: url('images/capa6.1.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  text-align: left;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 75vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative;
  font-family: 'Open Sans';
}

.slideUp,
.slideDown {
  position: relative;
  font-family: 'open-sans';
  font-size: 25px;
  opacity: 0;
}

.slideUp {
  top: 40px;
  left: 10px;
  animation: slideUp ease .6s forwards 1.7s;
}


@keyframes slideUp {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-40px);
    opacity: 1;
  }
}

.slideDown {
  top: -40px;
  left: 5px;
  animation: slideDown ease .6s forwards 1.7s;
}

@keyframes slideDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(40px);
    opacity: 1;
  }
}

@import url("https://fonts.googleapis.com/css2?family=Asap&display=swap");

.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}

.active.fade-left {
  animation: fade-left 2s ease-in;
}

@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}

@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.active.fade-right {
  animation: fade-right 1s ease-in;
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.contacthome {
  position: relative;
  background-image: linear-gradient(rgba(241, 126, 0, 0.4), rgba(241, 126, 1, 0.8)), url('images/capa9.webp');
  background-size: cover;
  background-position: center center;
  text-align: right;
  padding: 7vh 0vh 7vh 0vh;
  min-height: 30vh;
  font-family: 'Open Sans';
  color: white;

}

.quemsomos {
  background-image: url('images/capa16.1.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 50vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative;
  font-family: 'Open Sans';
}

.sobrenos {
  background-image: url('images/capa15.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 50vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative;
  font-family: 'Open Sans';
}

.servicos1 {
  background-image: url('images/servicos1.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 50vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative;
  font-family: 'Open Sans';
}

.servicos2 {
  background-image: url('images/servicos2.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 50vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative;
  font-family: 'Open Sans';
}

.servicos3 {
  background-image: url('images/servicos3.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 50vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative;
  font-family: 'Open Sans';
}

.servicos4 {
  background-image: url('images/servicos4.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 50vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative;
  font-family: 'Open Sans';
}

.servicos5 {
  background-image: linear-gradient(rgba(241, 126, 0, 0.6196), rgb(241 126 0 / 21%)), url('images/servicosalimentar.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 35vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: flex-start !important;
  align-items: center !important;
  position: relative;
  font-family: 'Open Sans';
}

.servicos6 {
  background-image: linear-gradient(rgba(241, 126, 0, 0.6196), rgb(241 126 0 / 21%)), url('images/servicosfarmaceuticos.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 35vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: flex-start !important;
  align-items: center !important;
  position: relative;
  font-family: 'Open Sans';
}

.servicos7 {
  background-image: linear-gradient(rgba(241, 126, 0, 0.6196), rgb(241 126 0 / 21%)), url('images/servicosquimicos.webp');
  /* Substitua com o caminho real para a sua imagem */
  background-size: cover;
  background-position: center center;
  padding: 10vh;
  /* Ajuste conforme necessário para espaçamento superior e inferior em relação à altura da tela */
  min-height: 35vh;
  /* Garante que a seção ocupa pelo menos 100% da altura da tela */
  display: flex;
  flex-direction: column;
  justify-content: flex-start !important;
  align-items: center !important;
  position: relative;
  font-family: 'Open Sans';
}

.servicos5:hover {
  background-image: url('images/servicosalimentar.webp') !important;

}

.servicos6:hover {
  background-image: url('images/servicosfarmaceuticos.webp') !important;

}

.servicos7:hover {
  background-image: url('images/servicosquimicos.webp') !important;

}


input::placeholder {
  color: #4d4d4d !important;
  /* Cor desejada para o texto do espaço reservado */
}


.revGallery-anchor,
.gal-overlay,
.nak-gallery-poster {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


.revGallery-anchor {
  overflow: hidden;
  position: relative;
  width: calc(100% / 5);
  display: block;
  float: left;
  border: 5px solid #e9e9e9;
}

.gal-overlay {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(27, 27, 27, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  transition: background .4s ease;
  -webkit-transition: background .4s ease;
}

.revGallery-anchor:hover .gal-overlay {
  background: rgba(27, 27, 27, 0);
}

.nak-gallery {
  display: block;
  width: 100%;
  position: relative;
  margin-top: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.nak-gallery-poster {
  padding-bottom: 100%;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
}

.revGallery-anchor:hover .nak-gallery-poster {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
}

.img-responsive {
  display: none;
}

.button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  width: 200px;
  height: 48px;
  border: 1px solid rgba(0, 169, 157, 1);
  background-color: rgba(0, 169, 157, 1);
  border-radius: 2px;
  color: #fff;
  letter-spacing: 2px;
}

.button:hover {
  background-color: #363636;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #fff;
}

.button:active,
.button.is-checked {
  background-color: #28F;
}


.button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}


.revGallery-anchor-width1 {
  width: 40%
}

.revGallery-anchor-width2 {
  width: 30%
}

.revGallery-anchor-width3 {
  width: 20%
}

.nak-gallery-height1 {
  padding-bottom: 400px
}

.nak-gallery-height2 {
  padding-bottom: 300px
}

.nak-gallery-height3 {
  padding-bottom: 200px
}

.preloader {
  display: none;
}

.preloaderStyle {
  background: red;
  width: 100%;
  height: 100px;
}

.button:active,
.button.is-checked {
  background-color: #f17e00 !important;
  color: white !important;
}

.button {
  border: 1px solid #4d4d4d !important;
  background-color: white !important;
  color: #4d4d4d !important;
}

.lg-img-wrap {
  background-color: #f7f7f7 !important;
}

.btncontact {
  background-color: #4d4d4d !important;
  border: 2px solid #4d4d4d !important;
  border-radius: 100px;
  color: white !important;

}

.btncontact:hover {
  background-color: white !important;
  border: 2px solid white !important;
  border-radius: 100px;
  color: #f17e00 !important;

}

.btncontact1 {
  background-color: #4d4d4d !important;
  border: 2px solid #f17e00 !important;
  border-radius: 100px;
  color: #f17e00 !important;
}

.btncontact1:hover {
  background-color: #f17e00 !important;
  border: 2px solid #f17e00 !important;
  border-radius: 100px;
  color: white !important;
}

.btncontact2 {
  background-color: #f17e00 !important;
  border: 1px solid #f17e00 !important;

  color: white !important;
}

.btncontact2:hover {
  background-color: white !important;
  border: 1px solid #f17e00 !important;

  color: #f17e00 !important;
}


.boldfooter {
  color: white;
}

.boldfooter:hover {
  font-weight: bold;
}


.popupbutton {
  font-family: 'Open Sans' !important;
  background-color: #4d4d4d !important;
}

.popupbutton:hover {
  background-color: white !important;
  color: #4d4d4d !important;
  border: 1px solid #4d4d4d !important;
}

.bottom-primary {
  background-color: #f17e00 !important;
  color: white !important;
  border-radius: 20px !important;
}

.bottom-primary:hover {
  color: #f17e00 !important;
  background-color: white !important;
  border-color: #f17e00 !important;
}



@media screen and (min-width: 575px) and (max-width: 599px) {


  .marginmenutelemovel {
    margin-top: 20px !important;
    margin-right: -4px !important;
  }

  .marginhometelemovel {
    margin-right: -4px !important;
    margin-left: -12px !important;
  }

  .contactosmenutelemovel {
    color: #f17e00 !important;
    background-color: #fff !important;
    border-radius: 0px !important;


  }

  .marginncasatelemovel {
    margin-left: -13px !important;
  }

  .navbarcollapsesmartphone {
    margin-left: -6px !important;
  }

  .marginnav {
    margin-left: 12px !important;
  }


  .fontsizetelemovel{
    font-size: 13px !important;
  }


  .marginpaddingcontact{
   
   
      padding-left: 30px ;
      padding-right: 0px ;
      margin-left: 50px ;
  
  }

}


/* .carousel-item {
  transition: opacity 1s ease-in-out !important;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  opacity: 0 !important;
}

.carousel-item.active,
.carousel-item-next.carousel-item-left.active,
.carousel-item-prev.carousel-item-right.active {
  opacity: 1 !important;
}*/

.carousel-item {
  transition: opacity 1s ease-in-out !important;
  transition: none !important;
  transition: transform 0.1s ease-in-out !important;

}






@media only screen and (max-width:600px) {



  .slide-effect,
  .text,
  .slideDown,
  .slideUp {
    font-size: 15px;
  }

  .fonttextheader {
    font-size: 12px !important;
  }

  .fonttext {
    padding-left: 10px !important;
  }

  .navbar-light .navbar-toggler {
    color: #f17e00 !important;


  }

  .menu:hover {

  

    border-radius: 0px !important;
    border: 0px solid white !important;
    color: #f17e00;
    
  }




  .menu1:hover {


    color: #4d4d4d !important;

    border-radius: 0px !important;
    border: 0px solid white !important;
  }

  .menu2:hover {


    color: #4d4d4d !important;
    background-color: white !important;
    border-radius: 0px !important;
    border: 0px solid #4d4d4d !important; 
  }

  .margintopmenu {

    margin-top: 20px;
  }

  .marginleftheader {

    margin-left: 15px !important;

  }

  .marginlefsocial {

    margin-left: 30px !important;

  }

  .marginleftnav {

    margin-left: 20px !important;
  }

  .marginrightnav {
    margin-right: 75px !important;
  }

  .marginnav {
    margin-left: 0px;
  }


  .navbar-nav .nav-item .nav-link.active {
    background-color: #f17e00 !important;
    /* Cor de fundo para o item ativo */
    color: #ffffff !important;
    /* Cor do texto para o item ativo */
  }



  .apresentacaoSmartphone {

    min-height: 50vh !important;
    justify-content: center !important;
  }

  .fontslides {
    font-size: 30px !important;


  }


  .textcarouselsmartphone {

    padding-top: 100px !important;
    padding-right: 500px !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }


  .textcarouselsmartphone1 {

    padding-top: 100px !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }

  .textcarouselsmartphone2 {

    padding-left: 100px !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }

  .sizeslick {

    width: 245px !important;
  }




  .contactmenu {

    color: #f17e00 !important;
    font-weight: bold;
    border-radius: 0px !important;
    background-color: white !important;
    box-shadow: 0 0 0 0 white !important;
  }


  .quemsomoscenter {
    justify-content: center;

  }

  .quemsomosmargin {
    margin-left: 0px !important;
  }


  .condensadoreswidth {
    width: 395px !important;
  }

  .portoeswidth {

    width: 300px !important;
  }

  .margingleftsocial {
    margin-left: 2%;
  }

  .centersocialsmartphone {
    justify-content: center;
  }

  .margintopbottomcontactsmartphone {
    margin-top: 20px !important;
    margin-bottom: -25px !important;
  }

  .marginleftservicossmartphone {
    margin-left: 0px;
  }

  .marginleftservicos {

    margin-left: 0px !important;

  }

  .marginrightservicos {

    margin-right: 0px !important;

  }

  .margintopservices {
    margin-top: -80px !important;

  }

  .margintop1services {
    margin-top: 25px !important;
  }

  .marginrightsobre {
    margin-right: 0px !important;
  }

  .marginleftsobre {
    margin-left: 0rem !important;
  }

  .centrarcontacto {
    justify-content: center;
  }

.btn{
  text-align: unset !important;
}


}



@media screen and (min-width: 600px) and (max-width: 768px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .marginnav {

    margin-left: 10px !important;

  }

  .marginlefsocial {
    margin-left: 20px !important;
  }

  .marginrightmenu {
    margin-right: -2px !important;
  }

  .quemsomoscenter {
    justify-content: center;

  }

  .quemsomosmargin {
    margin-left: 0px !important;
  }

  .condensadoreswidth {
    width: 410px !important;
  }

  .portoeswidth {

    width: 300px !important;
  }

  .margingleftsocial {
    margin-left: 0%;
  }

  .centersocialsmartphone {
    justify-content: center;
  }

  .margintopbottomcontactsmartphone {
    margin-top: 20px !important;
    margin-bottom: -25px !important;
  }

  .marginleftservicos {

    margin-left: 0px !important;

  }

  .marginrightservicos {

    margin-right: 0px !important;

  }

  .margintopservices {
    margin-top: -80px !important;

  }

  .margintop1services {
    margin-top: 25px !important;
  }

  .marginrightsobre {
    margin-right: 0px !important;
  }

  .marginleftsobre {
    margin-left: 0rem !important;
  }

  .marginleftcontact {
    margin-left: 44px;
  }
}

@media screen and (min-width:768px) and (max-width: 992px) {

  .marginlefsocial {
    margin-left: 20px !important;
  }

  .marginnav {
    margin-left: 100px !important;
  }

  .quemsomoscenter {
    justify-content: center;

  }

  .quemsomosmargin {
    margin-left: 0px !important;
  }

  .condensadoreswidth {
    width: 410px !important;
  }

  .portoeswidth {

    width: 300px !important;
  }

  .margingleftsocial {
    margin-left: 7%;
  }

  .colunaautomatica {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  .marginleftservicos {

    margin-left: 0px !important;

  }

  .marginrightservicos {

    margin-right: 0px !important;

  }

  .margintopservices {
    margin-top: -80px !important;

  }

  .margintop1services {
    margin-top: 25px !important;
  }

  .marginrightsobre {
    margin-right: 0px !important;
  }

  .marginleftsobre {
    margin-left: 0rem !important;
  }

  .marginleftcontact {
    margin-left: 85px;
  }

  .centrarcontacto {
    justify-content: center;
  }

}

@media screen and (min-width:992px) and (max-width: 1200px) {
  .marginlefsocial {
    margin-left: 12px !important;
  }

  .marginnav {
    margin-left: 180px !important;
  }

  .condensadoreswidth {
    width: 410px !important;
  }

  .portoeswidth {

    width: 300px !important;
  }

  .margingleftsocial {
    margin-left: 5%;
  }

  .colunaautomatica {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  .marginrightsobre {
    margin-right: 0px !important;
  }

}

@media screen and (min-width:1200px) {
  .marginlefsocial {
    margin-left: 0px !important;
  }

  .condensadoreswidth {
    width: 402px !important;
  }

  .portoeswidth {

    width: 300px !important;
  }

  .margingleftsocial {
    margin-left: 2%;
  }

  .colunaautomatica {
    flex: 0 0 auto !important;
    width: auto !important;
  }
}