@charset "UTF-8";
/*Fonts*/
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;700&display=swap");
/* line 15, assets/styles/main.scss */
*, *::before, *::after {
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

/* CSS adicional para mejorar el comportamiento del submenu */
/* line 21, assets/styles/main.scss */
.header .header-inner .main-nav .menu li.has-submenu {
  /* Asegurar que el li tenga posición relativa */
  position: relative;
}

/* line 26, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .submenu {
  /* Ajustar la posición del submenu para evitar gaps */
  top: calc(100% - 2px);
  /* Agregar un pequeño overlap para facilitar la navegación */
  padding-top: 2px;
  /* IMPORTANTE: Deshabilitar eventos de mouse cuando está cerrado */
  pointer-events: none;
}

/* line 35, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .submenu.open {
  /* Habilitar eventos de mouse cuando está abierto */
  pointer-events: auto;
}

/* line 40, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .submenu::before {
  /* Ajustar la posición de la flecha */
  top: -8px;
}

/* Opcional: Agregar una zona invisible para facilitar la navegación */
/* line 46, assets/styles/main.scss */
.header .header-inner .main-nav .menu li.has-submenu::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 10px;
  background: transparent;
  z-index: 9;
}

/* line 58, assets/styles/main.scss */
ul[class],
ol[class] {
  list-style: none;
  padding: 0;
}

/* line 64, assets/styles/main.scss */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: inherit;
  text-decoration: none;
}

/* line 70, assets/styles/main.scss */
img, picture {
  max-width: 100%;
  display: block;
}

/* line 75, assets/styles/main.scss */
hr {
  border: 0;
  border-top: 1px solid #ddd;
  display: block;
  margin-top: 20px;
  width: 100%;
}

/* line 83, assets/styles/main.scss */
input, button, textarea, select {
  font: inherit;
}

/* line 87, assets/styles/main.scss */
body {
  font-family: "Fira Sans", sans-serif;
  margin: 0;
  color: #111;
  font-size: 1rem;
  overflow-x: hidden;
  position: relative;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
}

/* line 102, assets/styles/main.scss */
.light {
  font-weight: 300;
}

/* line 106, assets/styles/main.scss */
.regular {
  font-weight: 400;
}

/* line 110, assets/styles/main.scss */
b, strong, .bold {
  font-weight: bold;
}

/* line 114, assets/styles/main.scss */
.heading {
  margin-top: 0;
  line-height: 120%;
  margin-bottom: 30px;
}

/* line 120, assets/styles/main.scss */
.size-lg {
  font-size: 20px;
}

/* line 124, assets/styles/main.scss */
.mb-0 {
  margin-bottom: 0;
}

/* line 128, assets/styles/main.scss */
.mb-2 {
  margin-bottom: 2rem;
}

/* line 132, assets/styles/main.scss */
.h1 {
  font-size: 64px;
  letter-spacing: -1px;
}

@media (max-width: 991px) {
  /* line 132, assets/styles/main.scss */
  .h1 {
    font-size: 52px;
  }
}

@media (max-width: 767px) {
  /* line 132, assets/styles/main.scss */
  .h1 {
    font-size: 42px;
  }
}

/* line 143, assets/styles/main.scss */
.h2 {
  font-size: 48px;
  letter-spacing: -1px;
}

@media (max-width: 991px) {
  /* line 143, assets/styles/main.scss */
  .h2 {
    font-size: 42px;
  }
}

@media (max-width: 767px) {
  /* line 143, assets/styles/main.scss */
  .h2 {
    font-size: 32px;
  }
}

/* line 154, assets/styles/main.scss */
.h3 {
  font-size: 32px;
  letter-spacing: -1px;
}

@media (max-width: 991px) {
  /* line 154, assets/styles/main.scss */
  .h3 {
    font-size: 28px;
  }
}

/* line 162, assets/styles/main.scss */
.h4 {
  font-size: 24px;
  letter-spacing: -1px;
}

@media (max-width: 991px) {
  /* line 162, assets/styles/main.scss */
  .h4 {
    font-size: 20px;
  }
}

/* line 170, assets/styles/main.scss */
p {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 130%;
  font-size: 18px;
}

@media (max-width: 767px) {
  /* line 170, assets/styles/main.scss */
  p {
    font-size: 1rem;
  }
}

/* line 179, assets/styles/main.scss */
p.sm {
  font-size: 0.875rem;
}

/* line 184, assets/styles/main.scss */
.text-center {
  text-align: center;
}

/* line 188, assets/styles/main.scss */
.primary-color {
  color: #FFF212;
}

/* line 192, assets/styles/main.scss */
.color-white {
  color: #fff;
}

/* line 196, assets/styles/main.scss */
.bg-dark {
  background-color: #111;
}

/* line 200, assets/styles/main.scss */
.button {
  padding: 1rem 3rem;
  background-color: #fff;
  color: #000000;
  border: 0;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 50px;
  cursor: pointer;
}

@media (max-width: 576px) {
  /* line 200, assets/styles/main.scss */
  .button {
    padding: 0.85rem 1.5rem;
  }
}

/* line 213, assets/styles/main.scss */
.button:hover {
  background-color: #d9d9d9;
}

/* line 217, assets/styles/main.scss */
.button.primary {
  background-color: #FFF212;
}

/* line 220, assets/styles/main.scss */
.button.primary:hover {
  background-color: #c1b80a;
}

/* line 226, assets/styles/main.scss */
.container {
  width: 100%;
  max-width: 1280px;
  padding: 0 1rem;
  display: flex;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}

/* line 239, assets/styles/main.scss */
.row {
  display: flex;
  gap: 2rem;
}

@media (max-width: 991px) {
  /* line 239, assets/styles/main.scss */
  .row {
    flex-direction: column;
  }
}

/* line 246, assets/styles/main.scss */
.row .column {
  width: 50%;
}

@media (max-width: 991px) {
  /* line 246, assets/styles/main.scss */
  .row .column {
    width: 100%;
  }
}

/* line 254, assets/styles/main.scss */
.header {
  position: fixed;
  width: 100%;
  z-index: 2;
  border-bottom: 1px solid #ffffff50;
}

/* line 260, assets/styles/main.scss */
.header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2rem 3rem;
}

@media (max-width: 991px) {
  /* line 260, assets/styles/main.scss */
  .header .header-inner {
    padding: 1rem 2rem;
  }
}

/* line 270, assets/styles/main.scss */
.header .header-inner .logo {
  display: inline-block;
  position: relative;
}

/* line 274, assets/styles/main.scss */
.header .header-inner .logo img {
  display: block;
  height: 4rem;
}

@media (max-width: 991px) {
  /* line 274, assets/styles/main.scss */
  .header .header-inner .logo img {
    height: 3rem;
  }
}

/* line 283, assets/styles/main.scss */
.header .header-inner .main-nav {
  display: flex;
  align-items: center;
}

/* line 287, assets/styles/main.scss */
.header .header-inner .main-nav .menu {
  display: flex;
  list-style: none;
  gap: 2rem;
  padding: 0;
  margin: 0;
}

@media (max-width: 991px) {
  /* line 287, assets/styles/main.scss */
  .header .header-inner .main-nav .menu {
    display: none;
  }
}

/* line 297, assets/styles/main.scss */
.header .header-inner .main-nav .menu li {
  position: relative;
  display: flex;
  align-items: center;
}

/* line 303, assets/styles/main.scss */
.header .header-inner .main-nav .menu li.active a {
  color: #FFF212;
}

/* line 309, assets/styles/main.scss */
.header .header-inner .main-nav .menu li.has-submenu.submenu-active > a {
  color: #FFF212;
}

/* line 314, assets/styles/main.scss */
.header .header-inner .main-nav .menu li a {
  text-decoration: none;
  color: #fff;
  padding: 1rem;
  display: block;
  font-size: 16px;
}

/* line 321, assets/styles/main.scss */
.header .header-inner .main-nav .menu li a:hover {
  color: #FFF212;
}

/* line 326, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .button {
  color: #000;
  padding: 0.75rem 1.5rem;
}

/* line 330, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .button:hover {
  color: #000;
}

/* line 335, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .submenu {
  opacity: 0;
  position: absolute;
  background-color: #FFF212;
  list-style: none;
  top: 100%;
  left: auto;
  right: -90px;
  z-index: 10;
  padding: 0;
  margin: 0;
  height: 0;
  transition: all 0.2s ease-in-out;
  border-radius: 2rem 0 2rem 0;
  display: flex;
  flex-direction: column;
}

/* line 352, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .submenu::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  left: 50%;
  top: -10px;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFF212;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}

/* line 370, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .submenu li a {
  width: 100%;
  display: block;
  padding: 1rem;
  color: #111;
  font-size: 0.875rem;
  white-space: nowrap;
  text-transform: uppercase;
}

/* line 379, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .submenu li a:hover {
  background-color: #111;
  color: #FFF212;
}

/* line 386, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .submenu li:first-child a {
  border-top-left-radius: 1.95rem;
}

/* line 392, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .submenu li:last-child a {
  border-bottom-right-radius: 1.95rem;
}

/* line 398, assets/styles/main.scss */
.header .header-inner .main-nav .menu li .submenu.open {
  opacity: 1;
  height: auto;
}

/* line 406, assets/styles/main.scss */
.header .header-inner .main-nav .hamburger {
  display: none;
  background: none;
  border: none;
}

/* line 411, assets/styles/main.scss */
.header .header-inner .main-nav .hamburger svg {
  width: 32px;
  height: 32px;
}

@media (max-width: 991px) {
  /* line 406, assets/styles/main.scss */
  .header .header-inner .main-nav .hamburger {
    display: block;
  }
}

/* line 423, assets/styles/main.scss */
.header.scroll {
  background-color: #000;
  border-bottom-color: transparent;
}

/* line 427, assets/styles/main.scss */
.header.scroll .header-inner {
  padding: 1rem 2rem;
}

/* line 430, assets/styles/main.scss */
.header.scroll .header-inner .logo {
  top: 0;
}

/* line 433, assets/styles/main.scss */
.header.scroll .header-inner .logo img {
  height: 3rem;
}

/* line 441, assets/styles/main.scss */
.hero {
  background: #333;
  color: #fff;
  position: relative;
  padding: 14rem 0 9rem;
}

@media (max-width: 991px) {
  /* line 441, assets/styles/main.scss */
  .hero {
    padding: 12rem 0 8rem;
  }
}

/* line 450, assets/styles/main.scss */
.hero img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 0;
  left: 0;
  top: 0;
  object-fit: cover;
}

/* line 461, assets/styles/main.scss */
.hero .container {
  height: 100%;
  display: flex;
  align-items: flex-start;
}

/* line 466, assets/styles/main.scss */
.hero .container .caption {
  padding: 1rem 0;
  position: relative;
  z-index: 1;
}

/* line 471, assets/styles/main.scss */
.hero .container .caption h1 {
  line-height: 1;
}

/* line 474, assets/styles/main.scss */
.hero .container .caption h1 strong {
  display: block;
}

/* line 479, assets/styles/main.scss */
.hero .container .caption .button-group {
  margin-top: 3rem;
  display: flex;
  gap: 1rem;
}

@media (max-width: 576px) {
  /* line 479, assets/styles/main.scss */
  .hero .container .caption .button-group {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}

/* line 492, assets/styles/main.scss */
.section {
  padding: 8rem 0;
}

@media (max-width: 767px) {
  /* line 492, assets/styles/main.scss */
  .section {
    padding: 3rem 0;
  }
}

/* line 499, assets/styles/main.scss */
.intro {
  position: relative;
  overflow: hidden;
}

/* line 503, assets/styles/main.scss */
.intro .heading {
  max-width: 550px;
}

/* line 507, assets/styles/main.scss */
.intro .mark {
  position: absolute;
  z-index: 0;
  bottom: -4rem;
  right: 0;
  height: 500px;
}

/* line 517, assets/styles/main.scss */
.why .feature-list {
  display: grid;
  gap: 5rem;
  margin-top: 3rem;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
}

@media (max-width: 991px) {
  /* line 517, assets/styles/main.scss */
  .why .feature-list {
    gap: 2rem;
  }
}

@media (max-width: 767px) {
  /* line 517, assets/styles/main.scss */
  .why .feature-list {
    gap: 2rem;
    grid-template-columns: 1fr;
  }
}

/* line 531, assets/styles/main.scss */
.why .feature-list .feature-item {
  text-align: center;
  display: flex;
  flex-direction: column;
}

/* line 536, assets/styles/main.scss */
.why .feature-list .feature-item img {
  height: 5rem;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 536, assets/styles/main.scss */
  .why .feature-list .feature-item img {
    height: 4rem;
  }
}

/* line 544, assets/styles/main.scss */
.why .feature-list .feature-item p {
  color: #fff;
}

/* line 551, assets/styles/main.scss */
.logistic {
  position: relative;
  overflow: hidden;
}

/* line 555, assets/styles/main.scss */
.logistic .bg-section {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  left: 0;
  top: 0;
  object-fit: cover;
}

/* line 565, assets/styles/main.scss */
.logistic p {
  color: #fff;
}

/* line 570, assets/styles/main.scss */
.block-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-top: 5rem;
}

@media (max-width: 767px) {
  /* line 570, assets/styles/main.scss */
  .block-content {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }
}

/* line 580, assets/styles/main.scss */
.block-content .block {
  background-color: #000;
  padding: 2rem 2rem 3rem;
}

/* line 584, assets/styles/main.scss */
.block-content .block p {
  color: #fff;
  margin: 0;
}

/* line 591, assets/styles/main.scss */
.banner {
  position: relative;
  padding: 16rem 0 3rem;
}

@media (max-width: 767px) {
  /* line 591, assets/styles/main.scss */
  .banner {
    padding: 14rem 0 2rem;
  }
}

/* line 598, assets/styles/main.scss */
.banner img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  background-position: center bottom;
  left: 0;
  top: 0;
}

/* line 608, assets/styles/main.scss */
.banner .heading {
  color: #fff;
  height: auto;
  margin: 0;
  line-height: 1;
}

/* line 616, assets/styles/main.scss */
.contact {
  padding-bottom: 0;
}

/* line 619, assets/styles/main.scss */
.contact p {
  text-align: center;
  line-height: 1.5;
}

/* line 626, assets/styles/main.scss */
.contact-form .row {
  gap: 1rem;
}

@media (max-width: 991px) {
  /* line 626, assets/styles/main.scss */
  .contact-form .row {
    gap: 0;
  }
}

/* line 634, assets/styles/main.scss */
.contact-form .form .field {
  border: 0;
  background-color: transparent;
  padding: 1rem 1rem 2rem;
  color: #333;
  width: 100%;
  font-size: 1rem;
  border-bottom: 1px solid #333;
  text-align: center;
  margin-bottom: 0;
}

/* line 645, assets/styles/main.scss */
.contact-form .form .field:focus {
  outline: none;
  box-shadow: none;
  border-bottom-color: #000;
}

/* line 652, assets/styles/main.scss */
.contact-form .form textarea {
  border-bottom: 0 !important;
}

/* line 656, assets/styles/main.scss */
.contact-form .form .button {
  margin-top: 2rem;
}

/* line 662, assets/styles/main.scss */
.map {
  padding: 0;
}

/* line 665, assets/styles/main.scss */
.map iframe {
  width: 100%;
  height: 400px;
}

/* line 673, assets/styles/main.scss */
.products .product-list .heading {
  background-color: #FFF212;
  padding: 12px 1rem;
  margin-bottom: .5rem;
  border-radius: 2rem 0 2rem 0;
  width: auto;
  display: inline-block;
}

@media (max-width: 576px) {
  /* line 673, assets/styles/main.scss */
  .products .product-list .heading {
    font-size: 24px;
  }
}

/* line 687, assets/styles/main.scss */
.accordion {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 693, assets/styles/main.scss */
.accordion .accordion-item .accordion-header {
  background: #CCCCCC;
  color: #000;
  padding: 1rem;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  border-radius: 0 1rem 0 1rem;
}

@media (max-width: 576px) {
  /* line 693, assets/styles/main.scss */
  .accordion .accordion-item .accordion-header {
    font-size: 18px;
  }
}

/* line 708, assets/styles/main.scss */
.accordion .accordion-item .accordion-header .caret {
  width: 13px;
}

/* line 713, assets/styles/main.scss */
.accordion .accordion-item .accordion-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}

/* line 718, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner {
  padding: 2rem 0;
}

/* line 721, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .description {
  margin-bottom: 2rem;
}

/* line 725, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .description ul li {
  margin-bottom: 1rem;
}

/* line 731, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .swiper {
  width: 100%;
  height: 600px;
}

@media (max-width: 991px) {
  /* line 731, assets/styles/main.scss */
  .accordion .accordion-item .accordion-content .accordion-content-inner .swiper {
    height: 360px;
  }
}

/* line 738, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #CCCCCC;
}

/* line 744, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .swiper .swiper-slide img {
  max-width: 85%; 
  height: 85%;
  object-fit: contain;
}

/* line 751, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .swiper .swiper-button-prev img,
.accordion .accordion-item .accordion-content .accordion-content-inner .swiper .swiper-button-next img {
  height: 2.5rem;
}

/* line 756, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .swiper .swiper-pagination-bullet-active {
  background: #FFF212;
}

/* line 761, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .summary {
  background-color: #111;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
  justify-content: center;
}

/* line 770, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .summary .h4 {
  margin: 0 0 1rem;
}

/* line 774, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .summary .table-container {
  overflow-x: auto;
}

/* line 777, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .summary .table-container table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  font-size: 12px;
}

/* line 784, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .summary .table-container thead th {
  background-color: #f2f2f2;
  border: 1px solid #000;
  padding: 4px 8px;
  font-weight: bold;
}

/* line 791, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .summary .table-container tbody td {
  border: 1px solid #000;
  padding: 4px 8px;
}

/* line 796, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .summary .table-container tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* line 800, assets/styles/main.scss */
.accordion .accordion-item .accordion-content .accordion-content-inner .summary .table-container tbody tr:nth-child(odd) {
  background-color: #fff;
}

@media (min-width: 992px) and (max-width: 1240px) {
  /* line 807, assets/styles/main.scss */
  .accordion .accordion-item .accordion-content .accordion-content-inner .column-gallery {
    width: 40%;
  }
  /* line 810, assets/styles/main.scss */
  .accordion .accordion-item .accordion-content .accordion-content-inner .column-summary {
    width: 60%;
  }
}

@media (max-width: 991px) {
  /* line 815, assets/styles/main.scss */
  .accordion .accordion-item .accordion-content .accordion-content-inner .row {
    flex-direction: column-reverse;
  }
}

/* line 824, assets/styles/main.scss */
.footer {
  color: #fff;
  text-align: center;
  position: relative;
  width: 100%;
  padding-top: 3rem;
}

/* line 831, assets/styles/main.scss */
.footer .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

/* line 837, assets/styles/main.scss */
.footer .inner .brand {
  margin: 1rem auto;
  display: block;
  height: 3rem;
}

/* line 843, assets/styles/main.scss */
.footer .inner .social {
  display: flex;
  gap: 1rem;
  margin: 1rem;
}

/* line 848, assets/styles/main.scss */
.footer .inner .social a {
  border-radius: 100%;
  border: 2px solid transparent;
}

/* line 852, assets/styles/main.scss */
.footer .inner .social a img {
  height: 3rem;
}

/* line 856, assets/styles/main.scss */
.footer .inner .social a:hover {
  border-color: #FFF212;
}

/* line 862, assets/styles/main.scss */
.footer .inner .agency {
  display: inline-block;
}

/* line 865, assets/styles/main.scss */
.footer .inner .agency img {
  height: 12px;
  margin-bottom: 1rem;
}

/* line 872, assets/styles/main.scss */
.footer hr {
  border-color: #c1b80a;
}

/* line 877, assets/styles/main.scss */
.whatsapp {
  height: 4rem;
  width: 4rem;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  border: 6px solid transparent;
  border-radius: 100%;
  z-index: 99;
}

@media (max-width: 767px) {
  /* line 877, assets/styles/main.scss */
  .whatsapp {
    right: 1rem;
    bottom: 1rem;
    height: 3.5rem;
    width: 3.5rem;
  }
}

/* line 894, assets/styles/main.scss */
.whatsapp:hover {
  border-color: #c1b80a;
}

/* line 899, assets/styles/main.scss */
.mobile-panel {
  position: fixed;
  top: 0;
  left: -100%;
  width: 250px;
  height: 100%;
  background: #222;
  color: #fff;
  transition: left 0.3s ease;
  padding: 1rem 1rem 1rem 1rem;
  z-index: 20;
}

/* line 911, assets/styles/main.scss */
.mobile-panel.open {
  left: 0;
}

/* line 915, assets/styles/main.scss */
.mobile-panel .close-panel {
  background: none;
  border: none;
  font-size: 2rem;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0.5rem;
}

/* line 925, assets/styles/main.scss */
.mobile-panel .panel-logo {
  width: 100%;
  display: inline-block;
  margin-bottom: 1rem;
}

/* line 930, assets/styles/main.scss */
.mobile-panel .panel-logo img {
  height: 3rem;
}

/* line 935, assets/styles/main.scss */
.mobile-panel .mobile-menu {
  list-style: none;
  padding: 0;
}

/* line 940, assets/styles/main.scss */
.mobile-panel .mobile-menu li a {
  display: block;
  padding: 1rem;
}

/* line 944, assets/styles/main.scss */
.mobile-panel .mobile-menu li a:hover {
  background-color: #000;
  color: #FFF212;
}

/* line 950, assets/styles/main.scss */
.mobile-panel .mobile-menu li ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

/* line 955, assets/styles/main.scss */
.mobile-panel .mobile-menu li ul li {
  margin: 0;
  padding: 0;
  position: relative;
}

/* line 960, assets/styles/main.scss */
.mobile-panel .mobile-menu li ul li a {
  display: block;
  line-height: 1.3;
  font-size: 0.875rem;
  padding: .5rem 1rem .5rem 2rem;
}

/* line 966, assets/styles/main.scss */
.mobile-panel .mobile-menu li ul li a:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #fff;
  position: absolute;
  left: 1rem;
  top: 1.2rem;
  margin-top: -6px;
  border-radius: 100%;
}

/* line 978, assets/styles/main.scss */
.mobile-panel .mobile-menu li ul li a:hover {
  background-color: #000;
  color: #FFF212;
}

/*# sourceMappingURL=assets/style.css.map */