/* default values */
html,
body {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background-color: #fff;
  overflow-x: hidden;
  color: var(--black-txt);
  font-family: 'Open Sans', sans-serif;
  scroll-behavior: smooth;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
}
a,
a:hover {
  text-decoration: none !important;
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
}
:root {
  --black-txt: #0D0E13;
  --red: #A31212;
}
h1,
h2 {
  font-family: 'Montserrat', sans-serif;
}
p {
  color: var(--black-txt);
  font-size: 1.1rem;
  color: var(--black-txt);
}
.container {
  padding-left: 20px;
  padding-right: 20px;
}
/* menu custom */
.logo_ {
  max-width: 150px;
}
.menu-custom {
  background-color: var(--red);
}
.menu-custom a {
  color: white;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
  .menu-custom a:hover {
    color: #F2EB5C;
  }
/* header - index */
.header-hero {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: var(--red);
}
.hero-wrapper {
  padding: 5px 0 38.5% 0;
}
.header-hero .hero-bg {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  z-index: -1;
}
/* end header - index */
/* buttons */
.btn-custom {
  color: #fff;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  font-weight: 400 !important;
  letter-spacing: 1px;
  padding: 20px 20px 25px 20px;
  font-size: 15px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
  .btn-custom.btn-white {
    color: #921212 !important;
    background: #fff;
  }
  .btn-custom.btn-yellow {
    color: #921212 !important;
    background: #F9DC42;
  }
/* owl dots custom */
.owl-theme .owl-dots, 
.owl-theme .owl-nav {
    text-align: center;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--red) !important;
}
.owl-theme .owl-dots .owl-dot span {
    background: #EAEAEA;
    height: 7px !important;
    margin: 5px 2px;
}
.owl-theme .owl-dots .owl-dot.active span {
    width: 20px;
    height: 7px !important;
    margin: 5px 5px;
}
.banner {
  background-color: var(--red);
}
.block {
  min-height: 528px;
  border-radius: 30px;
}
  .block p,
  .block h2 {
    color: #fff;
  }
  .block.yellow {
    background-color: #E48526;
  }
  .block.red {
    background-color: #921212;
  }
  .block.red-2 {
    background-color: #D50101;
  }
  .block.orange {
    background-color: #D74E2E;
  }
  .block.orange-2 {
    background-color: #C96209;
  }
  .block.purple {
    background-color: #8B52A0;
  }
  .block.green {
    background-color: #2b6b07;
  }
  .block .content {
    display: block;
  }
  .block.bg {
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .block.prato10 {
    background-image: url('/src/assets/img/bg-prato10.webp');
  }
  .block.sanduba {
    background-image: url('/src/assets/img/bg-sanduba.webp');
  }
  .block.careca-pizza {
    background-image: url('/src/assets/img/bg-careca-pizza.webp');
  }
  .block.careca-maionese {
    background-image: url('/src/assets/img/bg-careca-maionese.webp');
  }
  .block.hot-dog-careca {
    background-image: url('/src/assets/img/bg-hot-dog-careca.webp');
  }
  .block.pastel-careca {
    background-image: url('/src/assets/img/bg-pastel-comida-chinesa-careca.webp');
  }
  .block.auuumoco-careca {
    background-image: url('/src/assets/img/bg-auuumoco-careca.webp');
  }
  .block.villa {
    background-image: url('/src/assets/img/bg-villa.webp');
  }
  footer {
    background-color: var(--red);
  }
    footer p,
    footer a {
      color: #fff;
      text-decoration: none !important;
      font-weight: 300;
      font-size: .95rem;
    }
      footer a:hover {
        color: #F2EB5C;
      }