.bg-secondary {
    background-color: #e4e4e4 !important;
  }

  #mainNav.navbar-shrink {
    background-image: #e4e4e4;
}

  .nav-link, .nav-topo   {
  font-family: "Patua One",Arial,Tahoma,sans-serif;
  font-size: 22px;
  letter-spacing: 2px;
  
}

#mainNav .navbar-brand {
    font-size: 1.3em;
    transition: font-size .3s;
    color:#48484a;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
  color:#48484a;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #ca161f;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
  color:#ffffff;
  background: #48484a;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
  color:#ca161f;
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
  color: #ffffff;
  background: #48484a;
}

#mainNav.navbar-shrink .navbar-brand {
  font-size: 1.3em;
}

#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: #ca161f;
}
.imgsombra {
  position: fixed;
  z-index: 99999;
  bottom: 13px;
  right: 8px;
  height: 60px;
  min-width: 60px;
  max-width: 95vw;
  border-radius: 15px;
  cursor: pointer;
  transition: background-color .2s linear;
  -webkit-tap-highlight-color: transparent;
}
.imginsta {
  position: fixed;
  z-index: 99999;
  bottom: 90px;
  right: 8px;
  height: 60px;
  min-width: 60px;
  max-width: 95vw;
  border-radius: 15px;
  cursor: pointer;
  transition: background-color .2s linear;
  -webkit-tap-highlight-color: transparent;
}

/*@media (min-width: 992px)*/
#mainNav {
  padding-top: 0rem; 
  padding-bottom: 0rem;
}
.bg-primary {
  background-color: #ffffff!important;
}
.bg-red{
  background-color: #bc1a1a!important;
}
a {
  color: #d71921;
  text-decoration: none;
  background-color: transparent;
}

.scroll-to-top{
  bottom: 13px;
  right: 80px;
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
  background-color: #d71921!important;
}

.navbar>.container, .navbar>.container-fluid {
  justify-content: unset;
}

#emailCustom{
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
}

#emailCustom:hover{
  color:  #d71921;
  text-decoration: none;
  background-color: transparent;
}

.fa-times:before {
    color: #ca161f;
}

.text-red{
  color: #ca161f;
}

.ImagemTopo{
  padding-top: 0 !important;
}

.form-control:focus{
  color: black !important;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + .25rem);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color:white;
  background-color: #fff;
  background-clip: padding-box;
  border: .125rem solid #ced4da;
  border-radius: .5rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*Imagens*/
img{
    max-width: 100%;
    max-height: auto;
    animation: fade 1s;
}

#esclaro{
    animation: move 1s linear;
    animation-fill-mode: forwards; /*Fica na posição To da animação Move*/
}
@keyframes fade{ /*Efeito de Abertura lenta e aumento da imagem*/
    from{
        opacity: 0;
        transform: scale(0.9);
    }
    to{
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes move{ /*Raliza a Transação do Eixo X, levando a imagem de 1 ponto até o outro*/
    from{
        opacity: 0;
        transform: translateX(-70%); 
    }
    to{
        opacity: 1;
        transform: translateX(-5%);
    }
}