:root {
   --banner-altura: 470px
      /* 97vh */
}

#bannerPrincipal {
   width: 100%;
   overflow: hidden;
   height: var(--banner-altura);
   padding: 0;
   margin: 0;
   position: relative;
}

@media(max-width:991px) {
   #bannerPrincipal {
      height: calc(var(--banner-altura) - var(--header-altura) + 60px) !important;
   }
   #bannerPrincipal .carousel-overlay {
      background-color: rgba(0, 0, 0, .6) !important;
   }
}

#bannerPrincipal .carousel-container {
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   z-index: 3;
}

#bannerPrincipal .carousel-inner,
#bannerPrincipal .carousel-item {
   height: 100%;
}

#bannerPrincipal img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: 1;
}

/* Infos para Mudar */
#bannerPrincipal .frase01 {
   font-size: 40px;
   line-height: 42px;
   text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
   color: #FFF;
   font-weight: bold;
   text-transform: uppercase;
}

#bannerPrincipal .frase02 {
   font-size: 54px;
   text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
   color: var(--highlight);
   font-weight: bold;
   text-transform: uppercase;
}

#bannerPrincipal .frase03 {
   font-size: 14px;
   text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
   color: #FFF;
   font-weight: 400;
}

#bannerPrincipal .frase02:before {
   content: '';
   width: 70px;
   height: 3px;
   border-radius: 6px;
   background-color: var(--principal);
   margin: 20px auto;
}

#bannerPrincipal .btn-banner {
   border: 2px solid var(--highlight);
   background-color: var(--highlight);
   color: #FFF;
   text-transform: uppercase;
   font-weight: bold;
   padding: 8px 20px;
   border-radius: 5px;
}

#bannerPrincipal .btn-banner:hover {
   border: 2px solid #FFF;
   color: var(--highlight);
   background-color: var(--secundaria);
}

#bannerPrincipal .btn-banner2 {
   border: 2px solid #FFF;
   color: #FFF;
   text-transform: uppercase;
   font-weight: bold;
   padding: 8px 20px;
   border-radius: 5px;
}

#bannerPrincipal .btn-banner2:hover {
   color: #FFF;
   background-color: var(--terciaria)
}

#bannerPrincipal .carousel-overlay {
   right: 0px;
   top: 0px;
   left: 0px;
   bottom: 0px;
   z-index: 2;
}

#bannerPrincipal .carousel-caption {
   right: 10%;
   top: 30%;
   left: 10%;
   color: #fff;
   bottom: 30%;
   z-index: 3;
}

#bannerPrincipal .carousel-indicators {
   margin-bottom: 40px;
   z-index: 4;
}

#bannerPrincipal .carousel-indicators button {
   width: 16px;
   height: 16px;
   border-radius: 50%;
}

#bannerPrincipal .carousel-indicators button.active {
   background-color: var(--secundaria);
}

/* Produtos */
.produtos_ctn {
   position: relative;
}

.produtos_ctn .container {
   position: relative;
   z-index: 2;
}

.produtos_intro h6 {
   color: var(--terciaria);
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-bottom: 1px;
}

.produtos_intro h1 {
   color: var(--secundaria);
   font-size: 44px;
   font-weight: bold;
}

.produtos_intro p {
   color: var(--texto)
}

.produtos_ctn .search-bar {
	max-width: 700px;
}
.produtos_ctn .search-bar input {
	border-radius: 30px;
	border: 1px solid #CCC;
	padding: 15px 20px;
}
.produtos_ctn .search-group {
    position: relative;
}
.produtos_ctn .search-group .form-control {
    padding-right: 2.5rem;
}
.produtos_ctn .search-group .search-icon {
	position: absolute;
	right: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	background: var(--terciaria);
	border: none;
	cursor: pointer;
	font-size: 1.3rem;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	padding: 0;
	transition: all 0.3s ease;
}

.search-group .search-icon:hover {
    background: var(--principal);
    color: #FFF;
}

.search-group .search-icon:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(1, 139, 168, 0.25);
}


.produtos_ctn .body ._produto > .row {
   display: block;
   background-color: #f2f2f2;
   text-transform: none;
   border-radius: 12px;
}

.produtos_ctn .body ._produto .produto-imagem {
   overflow: hidden;
   text-align: center;
   height: 250px;
}

.produtos_ctn .body ._produto .produto-imagem img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.3s ease;
}

.produtos_ctn a:hover .produto-imagem img {
   transform: scale(1.05);
}

/*.produtos_ctn .body ._produto .produto-imagem img {
    position: relative;
    height: 300px;
    margin: 0 auto;
    object-fit: contain;
    z-index: 1;
}*/
.produtos_ctn .body ._produto h1 {
   font-size: 16px;
   color: var(--secundaria);
   font-weight: bold;
   text-transform: none;
}

.produtos_ctn .footer a {
   color: #FFF;
   font-size: 16px;
   border: 0px none;
   font-weight: bold;
   text-transform: uppercase;
}

:root {
   --extras-altura: 300px
}

/* Cotação */
.cotacao_ctn {
   background: var(--terciaria);
   color: #FFF
}

.cotacao_ctn .texto {
   font-size: 24px;
   line-height: 28px;
   font-weight: bold;
}

.cotacao_ctn .btn {
   background: #7f170e;
   color: #FFF
}

.cotacao_ctn .btn:hover,
.cotacao_ctn .btn:focus {
   background: #FFF;
   color: #7f170e;
}

/* Extra */
.extra_ctn {
   background-color: #FFF;
   color: var(--secundaria);
}

.extra_ctn .extra_intro {
   font-size: 44px;
   line-height: 46px;
   font-weight: bold;
}

.extra_ctn .extra_intro span {
   display: inline-block;
   padding: 6px 10px;
   border-radius: 5px;
   background: var(--terciaria);
   color: #FFF;
   font-size: 13px !important;
   line-height: 16px !important;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-bottom: 5px;
}

.extra_ctn ._titulo {
   font-size: 20px;
   font-weight: bold;
   color: var(--texto);
   position: relative;
   padding-bottom: 8px;
}

.extra_ctn ._titulo:before {
   content: '';
   display: block;
   height: 2px;
   width: 30px;
   background: #CCC;
   position: absolute;
   left: 0px;
   bottom: 0px;
   z-index: 1;
}

.extra_ctn ._texto {
   font-weight: normal;
   color: var(--texto2);
}

.extra_ctn ._help {
   display: inline-block;
   padding: 10px 20px;
   background: var(--terciaria);
   color: #FFF;
   font-size: 22px;
   font-weight: bold;
   border-radius: 5px;
   position: relative;
   animation: upDown 2s ease-in-out infinite;
}

.extra_ctn ._help:before {
   content: '';
   display: block;
   height: 14px;
   width: 14px;
   background: var(--terciaria);
   position: absolute;
   left: 50%;
   margin-left: -7px;
   bottom: -7px;
   z-index: 0;
   transform: rotate(45deg);
}

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

   50% {
      transform: translateY(-6px);
   }

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

@media(max-width: 991px) {
   #bannerPrincipal .frase01 {
      font-size: 28px;
   }

   #bannerPrincipal .frase02 {
      font-size: 28px;
   }
   .produtos_intro h1 {
      font-size: 30px;
      line-height: 32px;
   }
   .produtos_ctn .body ._produto .produto-imagem {
      height: auto
   }
   .cotacao_ctn .texto {
      font-size: 20px
   }
   .extra_ctn .extra_intro {
      font-size: 30px;
      line-height: 32px;
   }
}