/* 0. Configurações Gerais
----------------------------*/
html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}

p:last-child {margin: 0;}
i {font-style: italic;}
b {font-weight: bold;}
a {text-decoration: none; color: inherit;}
a, button, .btn, .btn .front, .btn .back {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
a:hover {color: var(--link-hover);}
button:focus {outline: none;}
img {width: 100%; height: auto; object-fit: contain; vertical-align: middle;}

h1, h2, h3, h4, h5, h6, p, a, i, b, span, em, small {-webkit-font-smoothing: antialiased;}
h1 {font-size: 30px;}
h2, h3, h4, h5, h6 {font-size: 20px; font-weight: 400;}
p {font-size: 16px; line-height: 1.7;font-family: Arial, Helvetica, sans-serif;}

.section {padding: 55px 0;}

.titulo {font-weight: 700; text-align: center; text-transform: inherit; color: darkred;}
.titulo span {/*border-bottom: 1px solid #DEE2E6;*/ display: -ms-inline-flexbox; display: inline-flex; padding-bottom: 0.65rem; position: relative;}
.titulo span::before {content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); min-width: 40px; width: 20%; height: 2px; background: var(--barrinha-do-titulo);}

.btn {font-weight: 600; text-align: center; text-transform: uppercase; border: 0; padding: 0; position: relative;letter-spacing: 1px;}
.btn .front, .btn .back {width: 100%; height: 100%; padding: 0.45rem 1.375rem; transform-style: preserve-3d;}
.btn .front {transform: translateY(0) rotateX(0); transform-origin: top;}
.btn:hover .front {transform: translateY(100%) rotateX(90deg);}
.btn .back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(-100%) rotateX(90deg); transform-origin: bottom;}
.btn:hover .back {transform: translateY(0) rotateX(0deg);}

.btn.default .front {background: var(--btn-default-fundo); color: var(--btn-default-cor);}
.btn.default .back {background: var(--btn-default-fundo-hover); color: var(--btn-default-cor-hover);}
.btn.secondary .front {background: var(--btn-secondary-fundo); color: var(--btn-secondary-cor);}
.btn.secondary .back {background: var(--btn-secondary-fundo-hover); color: var(--btn-secondary-cor-hover);}

.anchor-holder {position: relative;}
.anchor-holder .anchor {position: absolute; top: -140px; visibility: hidden; backface-visibility: hidden;}

.whatsapp {position: fixed; bottom: 65px; right: 10px; z-index: 9;}
.whatsapp a {display: flex; display: -ms-flexbox; width: 55px; height: 55px; background: #25D366; border-radius: 100%; padding:10px; position: relative; box-sizing: border-box;}
.whatsapp a::before, .whatsapp a::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: transparent; border: 5px solid #25D366; border-radius: 100%; animation: growingCircle 1s infinite; z-index: -1;}
.whatsapp a::after {animation-delay: .6s;}
.whatsapp a:hover {opacity: .75;}
.whatsapp a img {width: 100%; height: 100%; object-fit: contain; object-position: center; margin-left: 2px;}

@keyframes growingCircle {
	from {width: 100%; height: 100%;}
	to {width: 125%; height: 125%;}
}

/* 1. Navbar - Opção 1 e 2
----------------------------*/
.option-one .header {background: var(--header-fundo); color: var(--header-cor); padding: 7px 0;}
.option-one .header a {color: inherit;}
.option-one .header a:not(:last-child) {margin-right: 0.35rem;}
.option-one .header a:hover {opacity: .75;}
.option-one .header p {font-size: 14px;}
.option-one .header .social {display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center;}
.option-one .header .idiomas {display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center;}
.option-one .header .idiomas button {background: transparent; border: 0; padding: 0;}
.option-one .header .idiomas button:not(:last-child) {margin-right: 0.35rem;}
.option-one .header .idiomas button:hover {opacity: .75;}
.option-one .header .idiomas button img {width: 25px; height: 25px; border-radius: 100%; object-fit: cover;}
.option-one .navbar {background: var(--navbar-one-fundo); color: var(--navbar-one-cor);}
.option-one .navbar .navbar-toggler {font-size: 1.75rem; color: inherit; padding: 0;}
.option-one .navbar .navbar-nav .nav-item {text-align: center;}
.option-one .navbar .navbar-nav .nav-item .nav-link {text-transform: inherit; color: inherit;}
.option-two .navbar {background: var(--navbar-two-fundo); color: var(--navbar-two-cor); padding-top: 0; padding-bottom: 0;}
.option-two .navbar .navbar-toggler {color: inherit;}
.option-two .navbar .navbar-nav .nav-item {text-align: center;}
.option-two .navbar .navbar-nav .nav-item .nav-link {text-transform: inherit; color: inherit;}
.navbar {padding-top: 0; padding-bottom: 0; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.147);}
.navbar .navbar-brand .brand {height: 110px; width: 130px;object-fit: contain;}
.navbar .navbar-nav .nav-item .nav-link:hover {color: var(--navbar-dropdown-cor-link-hover);}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {background: var(--navbar-dropdown-fundo); border-color: var(--navbar-dropdown-fundo); color: var(--navbar-dropdown-cor);}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {color: inherit; background: var(--navbar-dropdown-fundo);}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {background: var(--navbar-dropdown-fundo-hover); color: var(--navbar-dropdown-cor-hover);}
.navbar .navbar-nav .nav-item .nav-link {font-size: 14px;padding: 10px 12px;}
.sticky-top  {position: relative;}
.navbar .navbar-nav .nav-item .nav-link span {background: var(--btn-default-fundo); color: var(--btn-default-cor); font-size: 14px;padding: 0.5rem 1rem;border-radius: 5px;}
.navbar .navbar-nav .nav-item .nav-link span:hover {opacity: 0.8;}

/* 2. Rodapé
--------------*/
#rodape.no-form {background: var(--rodape-fundo); color: var(--rodape-cor); text-align: center;}
#rodape.no-form h2 {font-size: 18px; font-weight: 700; text-transform: uppercase;}
#rodape.no-form a:hover {color: inherit; opacity: .75;}
#rodape.no-form .social a {font-size: 28px;}
#rodape.no-form .social a:not(:last-child) {margin-right: 0.75rem;}

#rodape.with-form {background: var(--rodape-form-fundo); color: var(--rodape-form-cor);}
#rodape.with-form h2 {font-size: 18px; font-weight: 400; text-align: center;}
#rodape.with-form h3 {font-size: 16px; font-weight: 600; text-transform: uppercase;}
#rodape.with-form .social a {font-size: 19px;}
#rodape.with-form .social a:not(:last-child) {margin-right: 0.5rem;}
#rodape.with-form .form-control {border-top: none; border-left: none;border-right: none;border-radius: 0px;}

/* 3. Copyright
-----------------*/
footer {background: var(--copyright-fundo); color: var(--copyright-cor); padding: 15px 0;}
footer p {font-size: 12px;}
footer a {font-weight: 700;}
footer a:hover {color: inherit; opacity: .75;}

/* 4. Pagination
------------------*/
.pagination {margin-bottom: 0;}
.pagination .page-item .page-link {border: 0; border-top: 1px solid #DEE2E6; color: var(--paginador-cor); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
.pagination .page-item .page-link:hover {background: transparent; opacity: .65;}
.pagination .page-item.active .page-link {background: var(--paginador-ativo-fundo); border-top: var(--paginador-ativo-fundo); color: var(--paginador-ativo-cor);}
.pagination .page-item.disabled .page-link {color: #767676;}

/* POLITICA DE PRIVACIDADE */
#cookie-law-info-bar {background-color:#fff; font-size: 9pt; margin: 10px 4px; padding: 10px; position: absolute;text-align: start;box-sizing: border-box;width: 20%; z-index: 99; box-shadow: rgba(0,0,0,.5) 0px 5px 50px; left: 0px; font-weight: 300;border-radius:10px;}
#cookie-law-info-bar span {color: #000;}

/* 13. Galeria
----------------*/
#galeria .box {height: 150px; /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);*/ display: -ms-flexbox; display: flex; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; position: relative;}
#galeria .box img {height: 100%; object-fit:contain;}
#galeria .box .overlay {position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .35); padding: 1.2rem 1.4rem; color: #FFF;}
#galeria .box .overlay h2 {font-weight: 400; margin-bottom: 0;text-transform: uppercase;}
/*#galeria .box:hover {box-shadow: 0 7px 5px 0 rgba(0, 0, 0, .15); transform: translateY(-5px);}*/
#galeria .small {color: #767676;}
#galeria .image {height: 300px;/*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);*/ display: -ms-flexbox; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; position: relative; cursor: pointer;padding: 10px;border: solid 1px rgb(231, 231, 231);}
#galeria .image img {height: 100%; object-fit: contain;}
/*#galeria .image:hover {box-shadow: 0 7px 5px 0 rgba(0, 0, 0, .15); transform: translateY(-5px);}*/
#galeria p {font-size: 14px;}

/* ?. Produtos
----------------*/
#produtos .produto {background: #FFF; padding: 10px;height: 100%;}
#produtos .produto .image {height: 250px; overflow: hidden; position: relative; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); border-radius: 10px;}
#produtos .produto .image img {height: 100%; object-fit: cover;}
/*#produtos .produto .image .overlay {position: absolute; bottom: -36px; left: 0; width: 100%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}*/
#produtos .produto .overlay a {background: var(--btn-default-fundo); color: var(--btn-default-cor); padding: 0.375rem 1rem;font-size: 13px;border-radius: 0px;}
#produtos .produto .overlay a:hover {background: var(--btn-default-fundo-hover); color: var(--btn-default-cor-hover);}
#produtos .produto .text {text-align: start; padding:1.5rem 1rem;}
#produtos .produto .text h2 {font-size: 18px; font-weight: 700; margin: 0 0 0.65rem 0;}
#produtos .produto .text p {font-size: 14px; color: #414141;}
/*#produtos .produto:hover .image .overlay {transform: translateY(-36px);}*/

/* ?. Produto
---------------*/
#produto {min-height: calc(100vh - 130px - 24px);}
#produto h1 {margin: 0 0 0.45rem 0;}
#produto h2 {font-size: 22px; color: #F00;padding: 15px 0px;}
#produto h3 {font-size: 13px; font-weight: 300; margin: 0 0 1rem 0;}
#produto .text {font-weight: 400; margin: 0 0 1rem 0;line-height: 28px;}
#produto .companions {margin: 5px 0 0 0;}
#produto .picture .item {cursor: pointer; padding: 0.3rem}
#produto .picture .main img {height: 450px;}
#produto .picture .companions img {height: 250px; object-fit: cover;}


/*Sobre
------------*/
#sobre img {max-height: 450px; object-fit: cover;}
#sobre h2 {font-size: 20px; font-weight: 500; text-transform: uppercase; color: #767676; letter-spacing: 2px; margin-bottom: 0.55rem;}
#sobre p {text-align: justify;}
#sobre .titulo {text-align: left;}
#sobre .text {padding: 20px 30px;}

/* 12. Noticias
-----------------*/
#noticias .noticia {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); border-radius: 5px; overflow: hidden;height: 100%;}
#noticias .noticia:hover {color: inherit;}
#noticias .noticia .image {height: 225px;}
#noticias .noticia .image img {height: 100%; object-fit: cover;}
#noticias .noticia .body {padding: 1rem;}
#noticias .noticia .body h2 {font-weight: 700; font-size: 16px;}
#noticias .noticia .body p {font-size: 14px; color: #767676;}
#noticias .noticia .footer {border-top: 1px solid #DEE2E6; text-align: right; padding: 0.5rem 1rem;}
#noticias .noticia .footer button {background: transparent; border: 0; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 0; margin-right: 0.5rem; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; color: #525252;}
#noticias .noticia .footer button:hover {margin-right: 0;}
#noticias .noticia .footer button i {color: #0B3558;}


/* ?. Publicação
------------------*/
#noticia .title {font-weight: 600; margin: 0 0 0.25rem 0;}
#noticia .subtitle {font-size: 18px; font-weight: 400; text-align: justify;}
#noticia .detalhes {font-size: 12px; font-weight: 600; text-align: right; border-top: 1px dashed #B7B6B6; border-bottom: 1px dashed #B7B6B6; padding: 3px 0;}
#noticia .imagem {overflow: hidden;}
#noticia .imagem img {max-height: 400px; border: 1px solid #EEE;}
#noticia .imagem p {font-size: 12px; font-weight: 600; text-align: center; color: #666; margin: 0.25rem 0 0 0;}
#noticia .texto {text-align: justify; margin: 1rem 0;}
#noticia .imageholder {overflow: hidden; cursor: pointer;}
#noticia .imageholder img {height: 90px; object-fit: cover; border-radius: 5px; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
#noticia .imageholder:hover img {transform: scale(1.2);}
#noticia .more {border-top: 1px solid var(--noticia-linha); margin: 1rem 0 0 0; padding: 1rem 0 0 0;}
#noticia .more .social a {width: 25px; height: 25px; border-radius: 100%; display: flex; display: -ms-flexbox; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center;}
#noticia .more .social a:hover {opacity: .75;}
#noticia .more .social a:not(:last-child) {margin: 0 0.25rem 0 0;}
#noticia .more .social .face {background: #3B5998; color: #FFF;}
#noticia .more .social .twitter {background: #00ACEE; color: #FFF;}
#noticia .more .social .whats {background: #4AC959; color: #FFF;}
#noticia .more .social .linkedin {background: #0E76A8; color: #FFF;}
#noticia .maisnoticias .title {font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #CCC; margin-bottom: 1rem; padding-bottom: 0.5rem;}
#noticia .maisnoticias .noticia {position: relative; z-index: 0;}
#noticia .maisnoticias .noticia::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 65%; border-radius: 5px; z-index: -1;}
#noticia .maisnoticias .noticia img {width: 100%; height: 150px;}
#noticia .maisnoticias .noticia .text {padding: 15px; background: var(--noticia-mais-fundo); color: var(--noticia-mais-cor); }
#noticia .maisnoticias .noticia .text h1 {font-size: 18px; font-weight: 600; }
#noticia .maisnoticias .noticia .text p {font-size: 14px; text-align: justify;}
#noticia .maisnoticias .noticia:not(:last-child) {margin: 0 0 1rem 0;}
#noticia .maisnoticias .noticia.imageless::before {height: 100%;}
#noticia .maisnoticias .noticia.imageless img {display: none !important;}

#dpto {background: #f5f5f5;padding: 45px 0px;}
#dpto .box {background: #fff;padding: 30px; border-radius:5px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .15);}
#dpto .box .form-control {border-radius: 0px;border-top: none;border-left: none;border-right: 0px;}
#dpto .box  h1 {font-size: 20px;  color: var(--cor-do-titulo);font-weight: 700; margin-bottom: 10px;}


/* ?. Vídeos
--------------*/
#videos .video {border: 1px solid #DEE2E6; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
#videos .video:hover {box-shadow: 0 8px 5px 0 rgba(0, 0, 0, .15); transform: translateY(-5px);}
#videos .video .iframe {width: 100%; height: 250px;}
#videos .video .iframe iframe {width: 100% !important; height: 100% !important;}
#videos .video .text {padding: 1rem;}
#videos .video .text h2 {font-weight: 400; text-align: center; text-transform: uppercase; margin-bottom: 0;}


/* ?. Contato - Interna
-------------------------*/
#contato-interna h2, #contato-interna h3 {font-size: 18px;}
#contato-interna h2 {font-weight: 400; text-align: center;padding-bottom: 10px;}
#contato-interna h3 {font-weight: 600; text-transform: uppercase;font-size: 16px; padding-top: 10px;}
#contato-interna .social a {font-size: 20px;display: flex; align-items: center; justify-content: center;width: 30px; height: 30px; background: #fff;color: #000;border-radius: 5px;padding: 3px;}
#contato-interna .social a i {display: flex; align-items: center; justify-content: center;}
#contato-interna .social a:not(:last-child) {margin-right: 0.5rem;}
#contato-interna .box {padding:0px 20px;}
#contato-interna .form-control {border-radius: 0px; border-top: none; border-left: none;border-right: none;}





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

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #sobre img {height: 590px;}
}

@media screen and (max-width: 991px) {
  #sobre img {height: auto; max-height: 350px;}
  #sobre h2, #sobre .titulo {text-align: center;}
}

@media screen and (max-width: 768px){
  #cookie-law-info-bar {width: 45%;}
}

@keyframes panel-zoom {
	from {transition: all 0.7s ease infinite; transform: scale(1.3);}
	to {transition: all 0.7s ease infinite; transform: scale(1);}
}

/* --------------- */

@keyframes up-and-down {
  0%, 100% { transform: translateY(-15%)}
  50%   { transform: translateY(15%)}
}


/* -------efeito de aparecer abaixo*/

.uianimated { /* top */
  position: relative;
  transform: translateY(60px);
  opacity: 0;
  transition: all 1.2s ease;
}
	
.uianimated.bottom {
  transform: translateY(-60px);
}
	
.uianimated.left {
  transform: translateY(0px);
  transform: translateX(60px);
}
	
.uianimated.right {
  transform: translateY(0px);
  transform: translateX(-60px);
}
	
.uianimated.active {
  transform: translateY(0px);
  transform: translateX(0px);
  opacity: 1;
}
	
.uianimated.active.delay-100 {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
	
.uianimated.active.delay-200 {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.uianimated.active.delay-300 {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
	
.uianimated.active.delay-400 {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}

.uianimated.active.delay-500 {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}
	
.uianimated.active.delay-600 {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}
	
.uianimated.active.delay-700 {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
}
	
.uianimated.active.delay-800 {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
}
	
.uianimated.active.delay-900 {
    -webkit-transition-delay: 900ms;
    -moz-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms;
}
	
.uianimated.active.delay-1000 {
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}