@font-face {
  font-family: 'axiformaregular';
  src: url('../fonts/kastelov_-_axiforma_regular.woff2') format('woff2'),
       url('../fonts/kastelov_-_axiforma_regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'axiformaheavy';
  src: url('../fonts/kastelov_-_axiforma_heavy.woff2') format('woff2'),
       url('../fonts/kastelov_-_axiforma_heavy.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'axiformabold';
  src: url('../fonts/kastelov_-_axiforma_bold.woff2') format('woff2'),
       url('../fonts/kastelov_-_axiforma_bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'axiformalight';
  src: url('../fonts/kastelov_-_axiforma_light.woff2') format('woff2'),
       url('../fonts/kastelov_-_axiforma_light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body{
  font-family: 'axiformaregular';
  font-size: 20px;
  color: #151516;
  background: #000;
}
a{ color: #000; text-decoration: none;}
h1,h2,h3,h4,h5{
  font-family: 'axiformabold';
  font-weight: bold;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  
  border-radius: 4px;
  text-align: center;
  display: block !important;
  font-size: 17px;
}

.breadcrumb>li {
  display: inline-block;
}

.breadcrumb>li+li:before {
  padding: 0 0px;
  color: #ccc;
  content: "/\00a0";
}

.breadcrumb>.active {
  color: #777;
}

.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}


.navbar-toggler{ border: 2px solid #fff; padding: 9px 18px; padding-bottom: 5px;}
.btn{ border-radius: 40px; padding: 10px 25px;}
.btn-primary{ background: #000; border-color: #000; } 
.btn-primary:hover{ background: #333;  border-color: #000;}
.btn-warning{ background: #F9B545;}
.btn-warning:hover{ background: #F9AE33;}

.btn-danger{ background: #FF2C47;}
.btn-danger:hover{ background: #FF1C38;}

.btn-black{ background: #000; color: #fff;}
.btn-black:hover{ background: #000; color: #fff;}

.btn-danger-transparent{ background: #fff; border: 2px solid #000;}
.btn-danger-transparent:hover{ background: #fff; border: 2px solid #000;}

.titulo-1{ font-size: 45px;}
.form-control:focus
{
 
border-color: 0;
outline: 0;
box-shadow: 0 0 0 !important;
}
header{ background: #000 url('../img/bg-barra-header.jpg'); background-repeat: no-repeat; background-position: top center;  background-size: cover; color: #fff;}
header a{ color: #fff !important; font-family: 'axiformalight';}
header .navbar-brand img{ max-width: 210px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; }
header .navbar-toggler{ color: #fff !important;}
header .btn-pesquisa-header{color: #fff; }
header a.nav-link.active{ color: yellow !important;} 

header#navbar_top.fixed-top{    top: -40px;
  transform: translateY(40px);
  transition: transform .3s; }

  header#navbar_top.fixed-top .navbar-brand img{ max-width: 180px; padding-top: 10px; padding-bottom: 5px; padding-right: 10px; }

.section-home{ padding-top: 120px; padding-bottom: 120px;}
.section-dark{ background: #141517; color: #fff;}

.section-home-empresa{ background: #000 url('../img/bg-empresa-home.jpg'); background-repeat: no-repeat; background-position: bottom right; background-size: cover; color: #fff;}
.section-home-empresa h2{ font-size: 70px;}
.section-home-empresa .box{ max-width: 80%;}
.section-home-empresa .capa-video{ position: relative; padding-left: 25px;}
.section-home-empresa .capa-video img{ border-radius: 40px; border: 5px solid #fff; 

  -webkit-box-shadow: -35px -35px 0px -10px rgba(255,255,255,1);
  -moz-box-shadow: -35px -35px 0px -10px rgba(255,255,255,1);
  box-shadow: -35px -35px 0px -10px rgba(255,255,255,1);

}



.section-home-produtos{  background: #F9FAF9 url('../img/bg-produtos-home.jpg'); background-repeat: no-repeat; background-position: bottom right; background-size: cover;;}
.section-home-produtos .btn-danger-transparent{ padding:  12px 55px;}  


.section-home-pratodos{  background: #141414 url('../img/bg-pratodos.jpg'); background-repeat: no-repeat; background-position: bottom right; background-size: contain; color: #fff; min-height: 80vh;}
.section-home-pratodos .text-pratodos{ min-height: 80vh; font-size: 20px; }  
.section-home-pratodos .text-pratodos h2{ font-size: 60px;}  


.section-home-meupet{ background: #EEA849 url('../img/bg-meupet-home.jpg'); background-repeat: no-repeat; background-position: bottom right; background-size: cover; }
.section-home-meupet .capa{  border: 5px solid #000;}

.section-home-ondecomprar{  background: #171818 url('../img/bg-ondecomprar-home.jpg'); background-repeat: no-repeat; background-position: bottom right; background-size: cover; color: #fff; padding-top: 120px; padding-bottom: 120px;}
.section-home-ondecomprar h2{ font-size: 70px;} 
.section-home-ondecomprar .box{ max-width: 600px;}
.section-home-ondecomprar p{ font-size: 26px;} 
.section-home-ondecomprar .form-buscar-loja{ position: relative; max-width: 350px;} 
.section-home-ondecomprar .form-buscar-loja input{ border-radius: 30px; padding: 9px 20px; } 
.section-home-ondecomprar .form-buscar-loja .btn-buscar-loja{  position: absolute; right: 0; top: 0; padding: 8px 25px; border-radius: 30px; background: #F9B545; border: 0;} 
.section-home-ondecomprar .imgponto{ max-width: 150px;}

.section-home-trabconosco{  background: #F9FAF9 url('../img/bg-contato-home.jpg'); background-repeat: no-repeat; background-position: bottom right; background-size: cover;}
.section-home-trabconosco form{ background: #414141; padding: 50px; }
.section-home-trabconosco form input.form-control{ background: transparent; border: 0; border-bottom: 2px solid #EEA849; border-radius: 0; padding-left: 0; color: #fff; }
.section-home-trabconosco form input#input_arquivo{ padding-left: 15px; }


.section-home-trabconosco form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.section-home-trabconosco form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.section-home-trabconosco form .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.page__title
{
overflow: hidden;
padding: 70px 0px;
  padding-bottom: 10px;

background: #000; background-repeat: no-repeat; background-position: bottom right; background-size: cover; color: #fff;
}
.page__title a{ color: #fff !important;}
.p_relative
{
position: relative;
}
section.page__title::before
{
position: absolute;
content: '';
background: #000;
width: 100%;
opacity: 40%;
height: 100%;
left: 0px;
top: 0px;
}


.coluna .widget {
border: 1px solid #ccc;
padding: 10px;
border-radius: 4px;
}
.widget {
margin: 0 0 1.5em;
}
.coluna .widget .widget-title {
text-align: right;
position: relative;
margin-bottom: 15px;
text-transform: uppercase;
}
.coluna .widget ul.categorias-w {
padding: 0;
list-style: none !important;
}
.coluna .widget ul.categorias-w li {
list-style: none !important;
padding: 8px;
border: 1px solid #fff;
background: #F7F7F7;
text-align: right;
}
.coluna .widget .widget-title::before {
content: "";
position: absolute;
height: 3px;
background: #000;
right: 0;
bottom: -6px;
width: 35px;
}

.list-post {
margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 9px -1px rgba(148,148,148,0.34);
box-shadow: 0px 0px 9px -1px rgba(148,148,148,0.34);
padding: 10px;
}
.list-post h5{ font-size: 16px; margin-top: 10px;}
.galeria-fotos-list {
border: 0;
padding: 10px;
}
.galeria-fotos-list > div {
padding: 5px;
}

.sobre-bg{  background: #F9FAF9 url('../img/sobre/bg.jpg');  background-repeat: no-repeat; background-position: bottom center; background-size: cover;}

.header-sobre{ position: relative;  background: #F9FAF9 url('../img/sobre/header.jpg'); height: 80vh; background-repeat: no-repeat; background-position: bottom center; background-size: cover; }
.header-sobre .row{  height: 80vh; }
.header-sobre .row h2{  font-size: 80px; min-width: 300px; color: #fff;}


.single-service{
  /*
-webkit-box-shadow: 0px 0px 9px -1px rgba(148,148,148,0.34);
box-shadow: 0px 0px 9px -1px rgba(148,148,148,0.34);*/
margin-bottom: 15px;
padding: 10px;
}
.single-service h5{ font-size: 18px; font-weight: bold;}
 
.single-service .icon-bg {
  color: #000;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  z-index: 333;
  bottom: 5px;
  right: 5px;
  background: #fff;
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 20px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.icon-bg-video {
  color: #000;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  z-index: 333;
  top: 5px;
  right: 5px;
  background: #fff;
  width: 46px;
  height: 46px; 
  line-height: 46px;
  font-size: 20px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.single-service .service-head {
  position: relative;
  margin-bottom: 20px;
}
.service-content{ min-height: 120px;}

.sobre-controle-qualidade .capa{ border: 5px solid #000; 

  -webkit-box-shadow: 35px -35px 0px -15px rgba(0,0,0,1);
  -moz-box-shadow: 35px -35px 0px -15px rgba(0,0,0,1);
  box-shadow: 35px -35px 0px -15px rgba(0,0,0,1);

}

.popup-cookie{ position: fixed; bottom: 15px; left: 0; right: 0; z-index: 9999;}
.popup-cookie > div{  padding: 10px;  width: 100%; max-width: 1300px; margin: auto; background: #000; color: #fff; border-radius: 5px;  }
.popup-cookie > div a{ color: yellow}
.popup-cookie > div button{  cursor: pointer;}

main{ background: #fff;}
section.pagina-interna{ padding-top: 50px; padding-bottom: 50px; margin-bottom: 100px; }
section.pagina-interna-sobre{ padding-top: 90px; padding-bottom: 90px;   }

.texto-amarelo{ color: #e8b44f; font-size: 30px;}

.sobre-familia-pet{ margin-top: 250px; color: #e8b44f; background: #F9FAF9 url('../img/sobre/9.jpg');   background-repeat: no-repeat; background-position: bottom center; background-size: cover; text-align: left; }
.sobre-familia-pet h2{ font-size: 80px;}
.sobre-familia-pet p{ font-size: 25px;} 
.sobre-familia-pet .capa-pet{ margin-top: -150px;}
.list-group-horizontal,.list-group-horizontal li{ background: transparent;}


.form-group{ margin-bottom: 15px; }
.form-group input,.form-group textarea,.form-group select{ margin-top: 3px; border: 1px solid #000; padding: 15px 10px;}
.form-group input:hover,.form-group textarea:hover,.form-group select:hover{ border: 1px solid #999;}
.box-contact { margin-bottom: 20px;}

section.bg_contato_rodape
{
position: relative;
padding: 150px 0;
  padding-top: 150px;
  padding-bottom: 150px;
background: url(../img/bg-empresa-home.jpg) #eee;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
background-position: center center;
color: #fff;
font-size: 20px;
background-size: cover;
}
.box-estrutura { margin-bottom: 50px;}
.box-estrutura-borda{ border-left: 4px #000 dotted; padding-left: 45px;}
.box-estrutura h3{ margin-bottom: 30px; padding-left: 60px; font-size: 40px;  } 

.item-estrutura{ width: 100%; display: table;   margin-bottom: 25px; text-align: left; }
.item-estrutura img{ float: left; margin-right: 15px;}

.t-produto-btn{ background: #E3AE57;   display: table-cell; vertical-align: middle; padding: 15px 30px; border-radius: 25px; font-size: 15px; min-height: 60px;   }

.t-produto-btn{ color: #141414;}
.t-produto-btn.t-produto-btn-nacional{ background: #000; color: #fff;}

.btn-danger-transparent.btn-internacional{
  border-color: #DFAB47;

}
.btn-color-internacional{
  background: #DFAB47;
  border-color: #DFAB47;
}
.btn-color-internacional:hover{ background: #DFAB47;border-color: #DFAB47;}

.btn-produto{ font-size: 13px; width: 100%;}
footer{
background: #000;
padding-top: 55px;
padding-bottom: 90px;
color: #fff;

}
 
footer a{ color: #fff; text-decoration: none;}
footer h5{ position: relative; margin-bottom: 20px;}
footer h5::after{ content: ""; height: 3px; width: 25px; background: #EEA849; position: absolute; bottom: -2px; left: 0;} 
.list-social-rodape .list-group-item{ padding: 5px; }
.list-social-rodape i{ background: #E8B44F; color: #000; width: 35px; height: 35px; padding-top: 6px; border-radius: 100%; text-align: center;}
.list-social-rodape i:hover{ background: #E8B44F; color: #141414; }

.infoBox {
  background-color: rgba(255, 255, 255, 1);
  width: 300px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #000;
  color: rgba(1, 1, 1, 1);
  border-radius: 5px;
}

#row-idioma{ display: none; }


.titulo-produtos{ font-size: 38px;}
.titulo-prod-1{ background: #E2AD57; border-radius:35px; padding: 15px 30px;}
@media only screen and (max-width: 1200px){
  header .container{ max-width: 100% !important;} 
  header .navbar-brand img { padding-right: 0px; max-width: 150px;}
  header .nav-item a{ font-size: 17px;}
  .sobre-familia-pet h2{ font-size: 40px;}

}

@media only screen and (max-width: 992px){
  #row-idioma{ display: block; }
  .header-sobre .row {  height: auto; padding-top: 50px; padding-bottom: 50px; }
  .header-sobre{height: auto; }
  .container{ width: 100%; max-width: 100%;}
  header{ background: #000;  background-size: auto;} 
  .header-sobre .row h2 { font-size: 40px;}
  .titulo-1{ font-size: 35px;}
  .section-home-empresa h2{ font-size: 30px;} .section-home-empresa .box{ max-width: 100%;}

  .section-home-empresa .capa-video img{ border-radius: 40px; border: 5px solid #fff; 

      -webkit-box-shadow: -25px -25px 0px -10px rgba(255,255,255,1);
      -moz-box-shadow: -25px -25px 0px -10px rgba(255,255,255,1);
      box-shadow: -25px -25px 0px -10px rgba(255,255,255,1);
  
  }

  .section-home-pratodos{ min-height: auto; padding-top: 80px; padding-bottom: 80px;  } 
  .section-home-pratodos .text-pratodos{ min-height: auto;  }  
  .section-home-pratodos .text-pratodos h2{ font-size: 40px;}  

  .section-home-ondecomprar h2{ font-size: 50px;} 
  .box-estrutura-borda{ border-left: none; padding-left: 15px;}
  .box-estrutura h3{ margin-bottom: 15px; padding-left: 0px; font-size: 30px;  } 
  

  .section-home-meupet .capa,.section-home-produtos  img
{

max-width: 250px;
}

.section-home
{
padding-top: 70px;
padding-bottom: 70px;
}

.sobre-familia-pet h2{ font-size: 30px;}

} 

@media only screen and (max-width: 768px){
  .sobre-familia-pet { padding-top: 100px; text-align: center; margin-top: 0;}
  .sobre-familia-pet .capa-pet { margin-top: 20px;}
.section-home-ondecomprar .imgponto{ max-width: 100px;}
}
@media only screen and (max-width: 600px){
.section-home-ondecomprar .imgponto{ max-width: 70px;}
}
@media (max-width: 1060px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .2rem;
    padding-left: .2rem;
  }
}

@media (max-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
  }
}

footer a:hover{ color: #DFAB47;}
.dropdown-menu-m{ background: #0F1012 !important; min-width: 250px !important; padding: 0 !important;}
.dropdown-menu-m .dropdown-item{ background: #141414 !important;} 
.dropdown-menu.dropdown-menu-m a{    width: 100%;}
.dropdown-menu.dropdown-menu-m a:hover{ background:#272727 !important;}
.dropdown-titulo {  background: #DFAB47; color: #000; text-align: center; padding: 2px 1px; margin: 5px; border-radius: 2px;}
#galeria_produto a::after{ font-family: FontAwesome; content: "\f00e"; background: #000; color: #fff; border-radius: 2px; width: 29px; height: 29px; position: absolute; right: 0; bottom: 0;  z-index: 0;}
#galeria_produto a{ border: 1px solid #ccc; display: table;}

#produtos-nacional-categoria h3,#produtos-externo-categoria h3{ font-size: 19px;}
.row-file-download .row{ margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.row-file-download .btn{ padding: 5px 20px; margin-right: 10px;}

.owl-theme .owl-dots .owl-dot span{ border-radius: 0 !important; background: #000 !important; border: 1px solid #151516; width: 20px !important;}
.owl-theme .owl-dots .owl-dot.active span{  background: #DFAB47 !important;}

.pdv h1{ font-size: 50px;}
.pdv p{ font-size: 30px;}
.pdv p strong{ font-family: 'axiformabold';
  font-weight: bold;}
.pdv .separador-titulo{ border-left: 7px solid #D7B56C; padding-top: 15px; padding-bottom: 5px; padding-left: 15px; display: table; margin-top: 40px; }
.pdv .separador-titulo h2{ font-size: 45px; font-family: 'axiformabold';
  font-weight: bold;} 
.pdv .separador-titulo p{ font-size: 27px;}

.pdv .separador-pontilhado{ border-bottom: 5px dotted #999;  margin-top: 30px; margin-bottom: 50px;   }
.pdv .frase-rodape{ font-size: 43px; }
.pdv .frase-rodape strong{  font-weight: 900; font-family: 'axiformabold';
  font-weight: bold; } 

  @media only screen and (max-width: 768px){
    .pdv h1{ font-size: 25px;}
    .pdv p{ font-size: 18px;}
    .pdv .separador-titulo h2{ font-size: 30px;}
    .pdv .separador-titulo p{ font-size: 20px;}
  }


  .whitelabel .form-contato{ background: #141517; padding: 25px; color: #fff;}
  .whitelabel .separador-pontilhado{ border-bottom: 5px dotted #999;  margin-top: 30px; margin-bottom: 50px;   }
 
  .whitelabel  .frase1{ font-size: 27px;}
  .whitelabel  .frase1 strong{ font-family: 'axiformabold';
    font-weight: bold;}