/* Header */
img.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:10% ;
  width: 50%;
  opacity: 0.8;
}
@media(max-width:600px){
  img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:10% ;
    width: 100%;
    opacity: 0.3;
  }

}
@media(min-990px){
  ul.navbar-nav.nav-flex-icons.social-media {
    margin-left:30%;
}
}


.nav-logo{
  max-width:5rem;
}
img.instagram_icon{
width:10%;
}
@media(max-width:600px){
  img.instagram_icon{
    width:20%;
    }

}

.gallery.instagram{
  width:100%;
}
#information{
margin-top:5rem;

}
#feature{
  padding-top:30px;
}

/*About*/
h2.about.font-weight-bold.mb-3 {
  margin-top: 3rem;
  
}
@media(max-width:760px){
  
  h2.about.font-weight-bold.mb-3 {
    margin-top: 3rem;
    text-align: center;
    font-size: 1.5rem;
  }
}

/* Alinhamento de textos*/
@media(max-width:760px){
  
  .text {
    
    text-align: center;
    margin-bottom:-0.3rem;
  }
}
/* Backgrounds */
.bg_pata {
  background-image: url(../img/pata_repeat.png);
  background-repeat:round;
  
  overflow:auto;
  width:100%;
  padding: 20px;
  
  
}
#bg_spitz{
  
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(10,156,100,1) 0%, rgba(0,212,255,1) 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 2%;
  padding-bottom: 2%;

}
@media(max-width:750px){
  #bg_spitz{
  padding-top: 10%;
  padding-bottom: 5%;
  }


}

#bg{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}


@media (max-width: 740px){
  .bg_pata{
    width:100%;
  }
}

body, html {
  height: 100%;
}


/* Tour Virtual */

.img_vr{
 margin-top:20px;
  max-width: 20%;
}

@media (max-width: 740px){
  .img_vr{
  max-width: 100%;
  }
}
/* Mobile */
.title{
  margin-bottom: 7%;
}
@media(max-width:700px){
  .mob{
    font-size:150%;
    margin-bottom:3rem;
  }
  .mob-galeria{
    font-size:150%;
    margin-top:-10px;
  }
}



/* Informações canil */
.canil{
  background-color: white;
  background-size: cover;
  padding-bottom:100px;
}

/* contato */

section.contato{
  background-color: rgb(56, 56, 56);
  padding-top:30px;
}
.contact{
  margin-top:1rem;
}
/* Titulo about */

/* Título section */
.col-md-6.black-text.text-center.text-md-center.mt-xl-5.mb-5.wow.fadeInLeft.animated {
  margin-left: 20%;
  margin-top: -9%;
  
}


/* Parceiros*/
.premier{
  max-width: 200px; 
  margin-bottom: 2rem;
  
}


img.cbkc.rounded.mx-auto.d-block.img-fluid {
  max-width: 45%;
  margin-bottom: 20px;
}
/* Carousel */
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  
  font-size: 54px;
}

/* fotos */
.container.galeria {
  padding-top: 10%;
}
.gallery{
  box-shadow: 10px 10px 15px rgba(0,0,0,.3);
    border: 8px solid rgba(255,255,255,.8);
}



/* Botão Whatsapp */

.wc_whatsapp_app {
  position: fixed;
  bottom:13px;
  z-index: 9999999999; /*Força o widget ficar acima de qualquer elemento*/
  display: flex;
  align-items: center;
  }
  
  .wc_whatsapp_app.left {
  left: 15px;
  }
  
  .wc_whatsapp_app.right {
  right: 15px;
  }
  
  .wc_whatsapp {
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  }
  
  .wc_whatsapp:hover,
  .wc_whatsapp:focus {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
  }
  
  .wc_whatsapp::before {
  content: "";
  display: block;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' focusable='false' data-prefix='icon' data-icon='whatsapp' class='svg-inline' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3e%3c/path%3e%3c/svg%3e") top center no-repeat;
  height: 35px;
  margin-top: 6px;
  }
  
  .wc_whatsapp p {
  font-family: 'Arial', sans-serif;
  }
  
  .wc_whatsapp_secondary,
  .wc_whatsapp_primary {
  display: none;
  }
  
  .wc_whatsapp_secondary {
  max-width: 200px;
  }
  
  .wc_whatsapp_secondary p {
  margin-left: 15px;
  border: 1px solid #e2e2e2;
  padding: 5px 10px;
  border-radius: 5px;
  position: relative;
  color: #000;
  font-size: 14px;
  background: #fff;
  }
  
  .wc_whatsapp_secondary p::before {
  top: 20px;
  left: -9px;
  content: '';
  position: absolute;
  background: white;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  left: -5px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 1;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  }
  
  .wc_whatsapp_primary {
  border-radius: 5px;
  border: 1px solid #eaeaea;
  background: #fff;
  padding: 10px;
  bottom: 70px;
  align-items: center;
  max-width: 350px;
  box-shadow: 7px 7px 15px 8px rgba(0, 0, 0, 0.17);
  position: absolute;
  width: 350px;
  }
  
  .wc_whatsapp_primary img {
  width: 50px;
  border-radius: 5px;
  margin-left: 10px;
  }
  
  .wc_whatsapp_primary p {
  margin: 20px;
  border: 1px solid #e2e2e2;
  padding: 10px;
  border-radius: 5px;
  position: relative;
  color: #000;
  font-size: 14px;
  }
  
  .wc_whatsapp_primary p::before {
  top: 20px;
  left: -9px;
  content: '';
  position: absolute;
  background: white;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  left: -5px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 1;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  }
  
  .wc_whatsapp_primary .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 14px;
  color: #000;
  opacity: .5;
  }
  
  .wc_whatsapp_primary .close:hover,
  .wc_whatsapp_primary .close:focus {
  color: #f00;
  opacity: 1;
  }
/* animação Scroll */
  .anime {
    opacity: 0;
    transform: translate3d(-100px,0,0);
    transition: .3s;
  }
  
  .anime-start {
    opacity: 1;
    transform: translate3d(0,0,0);
  }
  @media (max-width:600px){
    
    .col-md-12.mb-4.black-text.text-center.wow.fadeIn {
      margin-top: 7rem;
  }

  /* Dicas */
  .container.dicas {
    margin-bottom: 2rem;
    padding-top: 13%;
}
  }

i{
  text-rendering: optimizeLegibility;
}




  #header {
    padding: 30px 0;
    height: 92px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
}
/* Cards*/
@media(max-width:989px){
  #card-dicas{height: auto;}
}
@media(min-width:990px){
#card-dicas{
  height: 17rem;
}
}

/* video background*/
@-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}
@keyframes caretBlink {
    from { opacity: 1.0; }
    to { opacity: 0.0; }
}

@keyframes rotateSpinner {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

html,
    body,
    header,
    .view {
      height: 100%;
    }
  
    @media (max-width: 740px) {
      html,
      body,
      header,
      .view {
        height: 100vh;
        
      }
    }
  
    .top-nav-collapse {
      background-color: black !important;
      
    }
  
    .navbar:not(.top-nav-collapse) {
      background: transparent !important;
    }
  
   
  
    .rgba-gradient {
      background: -moz-linear-gradient(45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
      background: -webkit-linear-gradient(45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
      background: linear-gradient(to 45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
    }

    /* mapa */
    .map-container {
      height: 400px;
      position: relative;
    }

    .map-container iframe {
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      position: absolute;
    }