body{
    background: #F3DB90;
    background: linear-gradient(90deg, rgba(243, 219, 144, 1) 0%, rgba(243, 219, 144, 1) 7%, rgba(150, 161, 239, 1) 8%, rgba(150, 161, 239, 1) 15%, rgba(244, 129, 185, 1) 16%, rgba(244, 129, 185, 1) 36%, rgba(50, 191, 247, 1) 37%, rgba(50, 191, 247, 1) 48%, rgba(243, 219, 144, 1) 49%, rgba(243, 219, 144, 1) 55%, rgba(150, 161, 239, 1) 56%, rgba(150, 161, 239, 1) 71%, rgba(244, 129, 185, 1) 72%, rgba(244, 129, 185, 1) 81%, rgba(50, 191, 247, 1) 82%, rgba(50, 191, 247, 1) 91%, rgba(243, 219, 144, 1) 92%, rgba(243, 219, 144, 1) 100%);
    margin:0;
    padding:0;
      background-size: 200% 200%;  
      animation: bg 26s ease infinite;
}
a, a:visited{
    text-decoration:none;
    color:#000;
	transition: all 300ms ease-in-out;
}
a:hover{
    color:gold;
    text-decoration:underline;
	transition: all 300ms ease-in-out;
    text-shadow: 2px 2px 2px #000000;
}

.logo-container {
  position: relative;
  margin-left:10px;
  margin-top:5px;
}

.logo-container img {
  height: 130px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

/* Esconde a imagem de hover inicialmente */
.img-hover {
  opacity: 0;
}

/* Mostra a imagem de hover e esconde a original ao passar o mouse */
.logo-container:hover .img-hover {
  opacity: 1;
}

.logo-container:hover .img-original {
  opacity: 0;
}

.caroussel{
    max-width:1280px;
    aspect-ratio: 16 / 9;
    overflow:hidden;
    
}
.grid_car{
    display: grid;
    width:100%;
    grid-template-columns: 1fr minmax(auto, 1280px);
    height:720px;
    overflow:hidden;
}    

.fx_topo{
    width:100%;
    height:30px;
    color:silver;
     background-image: linear-gradient(60deg, #000 0%, #485563 100%);
      background-size: 200% 200%;  
      animation: bg 6s ease infinite;
      overflow:hidden;
}
.fx_topo a, .fx_topo a:visited{
    text-decoration:none;
    color:inherit;
    margin-left:10px;
	transition: all 300ms ease-in-out;
}
.fx_topo i{
    font-size:1.3em;
    margin-top:5px;
}
.fx_topo a:hover{
    color:white;
	transition: all 300ms ease-in-out;
}

@keyframes bg { 
  0% {
    background-position: 0% 50%;
  }
  
  50% {
    background-position: 100% 50%;
  }
  
  100% {
    background-position: 0% 50%;
  }
}
.fx_mnu{
    width:100%;
    min-height:120px;
    background:#4EEFBE;
    background-image: linear-gradient(to right, #4EEFBE 0%, #00c9ff 100%);
    color:#000;
      background-size: 200% 200%;  
      animation: bg 6s ease infinite;
}
.compartilhe {
   /* Chrome, Safari, Opera */
  -webkit-animation: PULSEc 1s infinite; 
  
  /* Internet Explorer */
  -ms-animation: PULSEc 1s infinite;
  
  /* Standard Syntax */
  animation: PULSEc 1.25s infinite; 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes PULSEc{
   0%{color:rgba(255,0,255);}	
	110%{color: black;}
}

/* Internet Explorer */
@-ms-keyframes PULSEc{
  0%{color:rgba(255,255,0);}	
	110%{color: black;}
}

/* Standard Syntax */
@keyframes PULSEc{
  0%{color:rgba(0,255,255);}	
	110%{color: black;}
}
.grid_mnu{
    display: grid;
    grid-template-columns: 300px 1fr 400px;
    text-align:center;
}    

.c_tit{
    position:relative;
    background-color: rgba(0,0,0,0.25);
    color:silver;
    font-size:3em;
    top:-120px;
    z-index:10;
}
.c_sub{
    position:relative;
    background: rgba(0,0,0,0.25) none no-repeat scroll 0 0;
    color:silver;
    font-size:2em;
    top:-120px;
    z-index:10;
}
.encerra{
    position:relative;
    display:inline-block;
    background: rgba(255,0,0,0.77) none no-repeat scroll 0 0;
    color:#fff;
    top:-600px;
    left:500px;
    font-size:3em;
    z-index:30;
    padding:30px;
    border-radius:20px;
    rotate: -40deg;
}
.welcome{
    text-align:center;
    font-size:1.5em;
    padding:10px;
      text-shadow: 
    -1px -1px 0px #fff,  
     1px -1px 0px #fff,
    -1px  1px 0px #fff,  
     1px  1px 0px #fff;
}
.cat{
    display:inline-block;
    position:absolute;
    bottom:30px;
    left:15px;
    z-index:-1;
}
.grid_mapa{
    display: grid;
    grid-template-columns: 380px 1fr 500px;
    text-align:center;
    margin-top:20px;
}    
.grid_4x4{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align:center;
    margin:0 10px 0 5px;
}    
.grid_3x{
    display: grid;
    grid-template-columns: repeat(3, 33%);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align:center;
    margin:10px;
}    
.grid_5x{
    display: grid;
    grid-template-columns: repeat(5, 19.5%);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align:center;
    margin:10px;
}    
.img_box{
    overflow:hidden;
}
.img_box img{
    border: 2px solid #000000;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
.img_box img:hover{
    box-shadow: none;
}
.img_tit{
    position:relative;
    background-color: rgba(0,0,0,0.25);
    color:white;
    font-size:1.3em;
    z-index:10;
    text-align:left;
    padding-left:10px;
}
.img_sub{
    position:relative;
    background: rgba(0,0,0,0.25) none no-repeat scroll 0 0;
    color:white;
    font-size:0.8em;
    z-index:10;
    text-align:left;
    padding-left:15px;
}
.img_sub_up{
    position:relative;
    background: rgba(0,0,0,0.25) none no-repeat scroll 0 0;
    color:white;
    font-size:0.8em;
    z-index:10;
    text-align:left;
    padding-left:15px;
    margin-top:-20px;
    margin-bottom:10px;
}
.img_sub_up i{
    margin-left:10px;
}
.img_tit_up{
    position:relative;
    background: rgba(0,0,0,0.25) none no-repeat scroll 0 0;
    color:white;
    font-size:1.2em;
    z-index:10;
    text-align:left;
    padding-left:15px;
    margin-top:-50px;
    margin-bottom:20px;
}
.rodape{
    position:absolute;
    top:0;
    left:0;
}
.rodape_itm{
    margin:auto auto;
    text-align:center;
}

.stripe-wrap {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  height: 320px;
  position: relative;
  margin-top: 3em;
  overflow: hidden;
  .primary {
    background-color: #00E6BF;
    width: 100%;
  }
  .accent-one {
    background-color: #B319FF;
    width: 65%;
  }
  .accent-two {
    background-color: #FF884D;
    width: 53%;
  }
}

.stripe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease 0.7s;
}
.grid_3{
    width:100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin:10px;
}


.search-container {
  width: 490px;
  display: block;
  margin: 0 auto;
}

input#search-bar {
  margin: 0 auto;
  width: 100%;
  height: 45px;
  padding: 0 20px;
  font-size: 1rem;
  border: 1px solid #D0CFCE;
  outline: none;
  border-radius:10px;
  background-image: linear-gradient( 135deg, #90F7EC 10%, #32CCBC 100%);
    
}
input#search-bar:focus {
  border: 1px solid #008ABF;
  transition: 0.35s ease;
  color: #008ABF;
}
input#search-bar:focus::-webkit-input-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
input#search-bar:focus::-moz-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
input#search-bar:focus:-ms-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}

.search-icon {
  position: relative;
  float: right;
  top: -35px;
  right: 10px;
  font-size:2em;
}

.btn-whatsapp a {
 color:#fff; 
 text-decoration:none; 
 display:block; 
}
.btn-whatsapp {
    
    position:fixed; 
    right:15px; 
    bottom:20px; 
    transform: translate(-50%, -50%);  
    background-color:rgb(37, 211, 102); 
    width:60px; height:60px; 
    text-align:center; 
    line-height:58px; 
    font-size:3em; 
    color:#ffffff; 
    font-weight:100; 
    border-radius:50%; 
    padding-top:7px;
    z-index:999;
}
.btn-whatsapp:before,
.btn-whatsapp:after
{
 content: '';
    display:block;
    position: absolute;
    border-radius:50%;
    border:1px solid #25d366;
    left: -20px;
    right: -20px;
    bottom: -20px;
    top: -20px;
    animation: animate 1.5s linear infinite;
    opacity:0;
    backface-visibility:hidden;    
}
.pulsaDelay:after { animation-delay: .5s; }
@keyframes animate {
   0%   { transform: scale(0.5); opacity:0; }
   50%  { opacity:1; }
   100% { transform: scale(1.2); opacity:0; }
}
.fx_tit{
    width:100%;
    height:320px;
    margin-top:10px;
    background: rgba(255,255,255,0.40) none no-repeat scroll 0 0;
    padding:10px;
}
.fx_tit img{
    width:300px;
    height:300px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    border-radius:7px;
}
.titulo_pg{
    margin-left:30px;
    font-size:3em;
}
.sub_pg{
    margin-left:30px;
    font-size:1.2em;
}
.pag{
    width:100%;
    font-size:1.5em;
    color:#000;
    margin-left:20px;
    text-align:center;
}
.pag_select{
    font-size:1.2em;
    color:red;
}
.cx_300{
    width:300px;
    padding:10px;
    background-image: radial-gradient( circle 708px at 0% 3.4%,  rgba(254,216,7,1) 14.5%, rgba(249,69,28,1) 71.8% );
    -webkit-box-shadow: 2px 2px 15px -2px #8A8A8A; 
    box-shadow: 2px 2px 15px -2px #8A8A8A;
    border-radius:10px;
}