@charset "utf-8";
/* CSS Document */

.dark-nav .nav li a:hover {
    background: #fff0;
    color: #ffffff;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #eee0;
}

/* Estilos para a seção da imagem panorâmica */
 .panorama-container {
      width: 100%;
      overflow: hidden;
    }

    .panorama-image {
      width: 200%; /* Para criar o efeito de vai e vem, a largura é definida como o dobro da largura da viewport */
      height: auto; /* Mantém a altura original da imagem */
      animation: panAnimation 30s linear infinite; /* Animação com duração de 5s e repetição infinita */
    }

    @keyframes panAnimation {
      0% {
        transform: translateX(0);
      }
      50% {
        transform: translateX(-50%);
      }
      100% {
        transform: translateX(0);
      }
    }

    /* Consulta de mídia para ajustar a altura da imagem em dispositivos móveis */
    @media screen and (max-width: 767px) {
	.panorama-container {
      /*width: 150%;*/
      overflow: hidden;
    }
	
      .panorama-image {
        height: auto; /* Altura desejada para dispositivos móveis */
      }
    }
		
.about-margin {
    margin-top: 0px;
}
.dark-nav .nav li a:focus {
    background: rgb(240 248 255 / 0%);
    color: #fff !important;
}
.dark-nav .nav li.active a {
    color: #cccccc;
}

/* Estilos para dispositivos móveis em modo retrato */
@media only screen and (max-width: 767px) and (orientation: portrait) {
  #slides .slides-container div {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center top; /* Combinação de background-position-x e background-position-y */
  }
}

#blockquote{
background-color:#776b59;
}

.f-icon i {
    font-size: 5em;
    color: #fff;
    background: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border: rgb(185 0 0 / 0%) 5px solid;
    border-radius: 0;
    padding: 0px;
    width: 110px;
}
.f-box:hover .f-icon i {
    background: rgb(255 255 255 / 0%);
}

#site-socials .top-button {
    margin: 30px auto 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: black;
    color: #ffffff !important;
    font-size: 20px;
    line-height: 38px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: fixed;
    right: 10px;
    bottom: 10px;
    border-radius: 5px;
}

.losango {
  width: 100px; /* Ajuste o tamanho conforme necessário */
  height: 100px; /* Ajuste o tamanho conforme necessário */
  background-color: #3498db; /* Cor de fundo do losango */
  transform: rotate(45deg);
  position: relative;
  border-radius: 0% !important;
  background: #b39772;
}

.texto-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  
}

.texto-container i {
  margin: 0;
  white-space: nowrap; /* Impede que o texto quebre em várias linhas */
}

#site-socials .socials a.social {
    margin: 15px 15px;
}

.testimonials {
    background-size: 100%;
}

.form-btn2 {
    background: rgb(0 0 0 / 83%);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: serif;
    font-weight: 100;
}

.fancy {
    font-family: 'serif';
}

#features {
    background: #000; /* Define o fundo como preto */
}

@media only screen and (min-width: 600px) {
    /* Adiciona a imagem de fundo para telas maiores que 600 pixels de largura */
    #features {
        background: #333 url(../images/parallax/3.jpg) repeat;
        background-size: 100%;
    }
	
	#slides .slides-container div {
    background-size: 100%;
	}
}

/* Estilos para todas as telas */
.teste {
    /* Seus estilos aqui */
}

/* Consulta de mídia para telas com largura máxima de 600 pixels (pode ajustar conforme necessário) */
@media only screen and (max-width: 600px) {
    .line-mobile {
        border-top: #444 1px solid;
		margin-bottom: 25px;
    }
	
	.f-box .feature-head {
    	border-top: #444 0px solid;
		padding-top: 0px;
		margin: 0px auto 20px;
	}
	
	.h-desc {
	    padding: 0px  15px;
	}
	#blockquote p.blockquote {
    	font-size: 35px;
	}
	
	
}

.item{
width:100%
}

.btn-orcamento {
    width: 363px;
    display: block;
    height: auto;
    padding: 15px;
    color: #fff;
    background: #b39772;
    border: none;
    border-radius: 3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
}

#orcamento {
    background: url(../images/parallax/orcamento.jpg) fixed;
    padding: 10px 0 10px;
    background-size: cover;
}


    /* Estilos para dispositivos menores, como celulares */
    @media only screen and (max-width: 600px) {
      .promocao-banner {
	  display:none;
      }
    }

    /* Estilos para dispositivos maiores, como computadores */
    @media only screen and (min-width: 601px) {
      .promocao-cel {
        display:none;
      }
	  .promocao-banner {
	  width:100%;
	  text-align:center;
	  background-color:#000000;
      }
    }
.btn-orcamento-green {
    width: 363px;
    display: block;
    height: auto;
    padding: 15px;
    color: #fff;
    background: #198d06;
    border: none;
    border-radius: 3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
	font-size: 18px;
}