/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    font-family: "Open Sans", sans-serif;
    /*color: #125792;*/
    /*background: url("https://elsabordelbacktoschool.s3.amazonaws.com/concursos/2025/bts_2025_fondo_v1.jpg") top center;*/
    background-size: initial;
    background-color: #0071b7;
}

a {
    color: #ffffff;
    text-decoration: none;
}

    a:hover {
        color: #E8E8E8;
        text-decoration: none;
    }

h1, h2, h3, h4, h5, h6 {
  font-family: Poppins, serif;
}

/*.titillium-web-extralight {
    font-family: "Titillium Web", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.titillium-web-light {
    font-family: "Titillium Web", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.titillium-web-extralight-italic {
    font-family: "Titillium Web", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.titillium-web-regular-italic {
    font-family: "Titillium Web", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.titillium-web-semibold-italic {
    font-family: "Titillium Web", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.titillium-web-bold-italic {
    font-family: "Titillium Web", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.titillium-web-bold {
    font-family: "Titillium Web", sans-serif;
    font-weight: 700;
}*/

.londrina-solid-thin {
    font-family: "Londrina Solid", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.londrina-solid-light {
    font-family: "Londrina Solid", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.londrina-solid-regular {
    font-family: "Londrina Solid", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.londrina-solid-black {
    font-family: "Londrina Solid", sans-serif;
    font-weight: 900;
    font-style: normal;
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 115px;
    z-index: 9999;
    background: #f70000;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    transition: all 0.4s;
}

  .back-to-top i {
      font-size: 24px;
      color: #000;
      line-height: 0;
  }

    .back-to-top:hover {
        background: #2e2e2e;
        color: #fff;
    }

  .back-to-top.active {
      visibility: visible;
      opacity: 1;
  }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    /* transition: all 0.5s; */
    z-index: 997;
    /* transition: all 0.5s; */
    height: 60px;
    background: #0071b7;
    /* box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12); */
    color: #ffffff;
}

#header .logo h1 {
    font-size: 24px;
    margin: 0;
    padding: 6px 0;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#header .logo h1 a, #header .logo h1 a:hover {
    color: #2c4964;
    text-decoration: none;
}

#header .logo img {
    padding: 0;
    margin: 0;
    max-height: 75px;
}

.scrolled-offset {
  margin-top: 60px;
}

/*--------------------------------------------------------------
# Bootstrap Hacks
--------------------------------------------------------------*/

section .row-desktop {
  display: none;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

  .navbar ul {
      margin: 0;
      padding: 0;
      display: flex;
      list-style: none;
      align-items: center;
  }

  .navbar li {
      position: relative;
  }

  .navbar a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0 10px 30px;
      font-size: 14px;
      color: #fff;
      white-space: nowrap;
      transition: 0.3s;
  }

  .navbar a i {
      font-size: 12px;
      line-height: 0;
      margin-left: 5px;
  }

  .navbar a:hover, .navbar .active, .navbar li:hover > a {
      color: #000;
      font-weight: 600;
  }

  .navbar .dropdown ul {
      display: block;
      position: absolute;
      left: 14px;
      top: 100%;
      margin: 0;
      padding: 10px 0;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      background: #cc0022;
      box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
      transition: 0.3s;
      border-radius: 4px;
  }

  .navbar .dropdown ul li {
      min-width: 200px;
  }

  .navbar .dropdown ul a {
      padding: 10px 20px;
      text-transform: none;
  }

  .navbar .dropdown ul a i {
      font-size: 12px;
  }

  .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
      color: #fff;
  }

  .navbar .dropdown:hover > ul {
      opacity: 1;
      visibility: visible;
  }

  .navbar .dropdown .dropdown ul {
      top: 0;
      left: calc(100% - 30px);
      visibility: hidden;
  }

  .navbar .dropdown .dropdown:hover > ul {
      opacity: 1;
      top: 0;
      left: 100%;
      visibility: visible;
  }

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
      left: -90%;
  }

  .navbar .dropdown .dropdown:hover > ul {
      left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

  .mobile-nav-toggle.bi-x {
      color: #fff;
  }

@media (max-width: 991px) {
  .mobile-nav-toggle {
      display: block;
  }

  .navbar ul {
      display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(13, 21, 29, 0.6);
  transition: 0.3s;
  z-index: 998;
}

.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
}

    .navbar-mobile ul {
        display: block;
        position: absolute;
        top: 55px;
        right: 15px;
        /* bottom: 15px; */
        left: 15px;
        padding: 10px 0;
        /* border-radius: 10px; */
        background-color: #0071b7;
        overflow-y: auto;
        transition: 0.3s;
    }

.navbar-mobile a {
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
    color: #fff;
}

.navbar-mobile .getstarted {
    margin: 15px;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 20px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #a1131a;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
    min-width: 200px;
}

.navbar-mobile .dropdown ul a {
    padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
    font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
    color: #fff;
}

.navbar-mobile .dropdown > .dropdown-active {
    display: block;
}



/*--------------------------------------------------------------
# Widget Newsletter
--------------------------------------------------------------*/
.widget_newsletter_subscription {
  color: #2c4964;
  display: block;
  margin: 20px auto;
  width: 90%;
  max-width: 490px;
  min-width: 320px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
}

.widget_newsletter_subscription input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.widget_newsletter_subscription input[type="submit"] {
    background: #0c8dca;
    border: 0;
    padding: 4px 4px;
    color: #fff;
    transition: 0.4s;
    border-radius: 4px;
    width: 130px;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    border-top: #0071b7 10px solid;
    width: 100%;
    height: 20vh;
    padding: 5px 5px;
    text-align: center;
}

  #hero img {
      width: 85%;
  }

/* #hero h1 {
margin: 0 0 10px 0;
font-size: 48px;
font-weight: 700;
line-height: 56px;
color: #fff;
}

#hero h2 {
color: #eee;
margin-bottom: 10px;
font-size: 24px;
font-weight: 300;
font-family: "Poppins", sans-serif;
}

#hero .btn-get-started {
font-size: 64px;
transition: 0.5s;
color: #fff;
height: 60px;
}

#hero .btn-get-started:hover {
padding-top: 10px;
color: #d43076;
} */

@media (min-width: 1024px) {
  #hero {
      background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #hero h1 {
      font-size: 28px;
      line-height: 36px;
  }

  #hero h2 {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 30px;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
/*section {
  padding: 20px 0;
}*/

/* .section-bg {
background: linear-gradient(180deg, #f2f6f9 0%, #fff 100%);
} */

.section-title {
  padding-bottom: 30px;
}

    .section-title h2 {
        font-size: 38px;
        font-weight: bold;
        margin-bottom: 6px;
        padding-bottom: 6px;
        position: relative;
        color: #ffdb00;
        text-align: center;
    }

  /* .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 50px;
height: 3px;
background: #931317;
bottom: 0;
left: 0;
} */

  .section-title p {
      margin-bottom: 0;
  }

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background-color: #fcf2f7;
  min-height: 40px;
}

  .breadcrumbs h2 {
      font-size: 24px;
      font-weight: 300;
  }

  .breadcrumbs ol {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 14px;
  }

      .breadcrumbs ol li + li {
          padding-left: 10px;
      }

          .breadcrumbs ol li + li::before {
              display: inline-block;
              padding-right: 10px;
              color: #6c757d;
              content: "/";
          }

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
      display: block !important;
  }

  .breadcrumbs ol {
      display: block;
  }

      .breadcrumbs ol li {
          display: inline-block;
      }
}


/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/

.logo .img-fluid {
  display: none;
}

/* #homepage section#home .row-desktop {
display: none;
} */

.home .icon-box {
  /* padding: 20px 15px; */
  position: relative;
  overflow: hidden;
  /* background: #fff; */
  /* box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.2); */
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  text-align: center;
  z-index: 1;
}

  .home .icon-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0;
      transition: ease-in-out 0.3s;
      z-index: -1;
  }

  .home .icon-box:hover::before {
      /* background: #d43076; */
      height: 100%;
      border-radius: 0px;
  }

.home .icon {
  margin: 0 auto 30px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.home .icon-box:hover .title a, .home .icon-box:hover .description {
  color: #fff;
}

.home .icon-box:hover .icon {
  background: #fff;
}

  .home .icon-box:hover .icon i {
      color: #d43076;
  }


.home .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .home .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      /* -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button; */
      text-decoration: none;
  }

      .home .box-button-cta a.button:hover {
          background: #0c8dca;
      }

@media (max-width: 768px) {
  .home .icon-box::before {
      bottom: 60%;
  }
}

@media (max-width: 428px) {
  .home .icon-box img {
      width: 400px;
  }
}

@media (max-width: 414px) {
  .home .icon-box img {
      width: 390px;
  }
}

@media (max-width: 400px) {
  .home .icon-box img {
      width: 370px;
  }
}

@media (max-width: 390px) {
  .home .icon-box img {
      width: 370px;
  }
}

@media (max-width: 375px) {
  .home .icon-box img {
      width: 350px;
  }
}

/*--------------------------------------------------------------
# Sobre Nosotros
--------------------------------------------------------------*/
.logo .img-fluid {
  display: none;
}

.sobrenosotros .icon-box {
  /* padding: 20px 15px; */
  position: relative;
  overflow: hidden;
  /* background: #fff; */
  /* box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.2); */
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  text-align: center;
  z-index: 1;
}

  .sobrenosotros .icon-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0;
      transition: ease-in-out 0.3s;
      z-index: -1;
  }

  .sobrenosotros .icon-box:hover::before {
      /* background: #d43076; */
      height: 100%;
      border-radius: 0px;
  }

.sobrenosotros .icon {
  margin: 0 auto 30px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  /* background: #d43076; */
  transition: all 0.3s ease-in-out;
}

.sobrenosotros .icon-box:hover .title a, .sobrenosotros .icon-box:hover .description {
  color: #fff;
}

.sobrenosotros .icon-box:hover .icon {
  background: #fff;
}

  .sobrenosotros .icon-box:hover .icon i {
      color: #d43076;
  }


.sobrenosotros .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .sobrenosotros .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      text-decoration: none;
  }

      .sobrenosotros .box-button-cta a.button:hover {
          background: #0c8dca;
      }

.sobrenosotros .section-title h2.withdivider::before {
  content: '';
  display: block;
  width: 250px;
  height: 3px;
  background: #ac2321;
  margin: auto;
  margin-bottom: 25px;
}

@media (max-width: 768px) {
  .sobrenosotros .icon-box::before {
      bottom: 60%;
  }
}

@media (max-width: 428px) {
  .sobrenosotros .icon-box img {
      width: 400px;
  }
}

@media (max-width: 414px) {
  .sobrenosotros .icon-box img {
      width: 390px;
  }
}

@media (max-width: 390px) {
  .sobrenosotros .icon-box img {
      width: 370px;
  }
}

@media (max-width: 375px) {
  section#sobrenosotros .icon-box img {
      width: 350px;
  }
}

/*--------------------------------------------------------------
# Servicios
--------------------------------------------------------------*/
.servicios .icon-box {
  /* padding: 20px 15px; */
  position: relative;
  overflow: hidden;
  /* background: #fff; */
  /* box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.2); */
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  text-align: center;
  z-index: 1;
}

  .servicios .icon-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0;
      transition: ease-in-out 0.3s;
      z-index: -1;
  }

  .servicios .icon-box:hover::before {
      background: #d43076;
      height: 100%;
      border-radius: 0px;
  }

.servicios .icon {
  margin: 0 auto 30px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.servicios .icon-box:hover .title a, .servicios .icon-box:hover .description {
  color: #fff;
}

.servicios .icon-box:hover .icon {
  background: #fff;
}

  .servicios .icon-box:hover .icon i {
      color: #d43076;
  }


.servicios .box-button-cta {
  position: initial;
  /* text-align: center; */
  /* margin: auto; */
}

  .servicios .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      /* -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button; */
      text-decoration: none;
  }

      .servicios .box-button-cta a.button:hover {
          background: #0c8dca;
      }

.servicios .section-title h2 {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: left;
}

  .servicios .section-title h2::after {
      content: none;
  }

.servicios .section-title {
  padding-bottom: 4px;
}

@media (max-width: 768px) {
  .servicios .icon-box::before {
      bottom: 60%;
  }
}

@media (max-width: 428px) {
  .servicios .icon-box img {
      width: 400px;
  }
}

@media (max-width: 414px) {
  .servicios .icon-box img {
      width: 390px;
  }
}

@media (max-width: 390px) {
  .servicios .icon-box img {
      width: 370px;
  }
}

@media (max-width: 375px) {
  .servicios .icon-box img {
      width: 350px;
  }
}

/*--------------------------------------------------------------
# Localizaciones
--------------------------------------------------------------*/
.localizaciones .icon-box {
  padding: 20px 15px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.2);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  /* text-align: center; */
  z-index: 1;
}

  .localizaciones .icon-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0;
      transition: ease-in-out 0.3s;
      z-index: -1;
  }

  .localizaciones .icon-box:hover::before {
      /* background: #d43076; */
      height: 100%;
      border-radius: 0px;
  }

  .localizaciones .icon-box h4.title, .localizaciones .icon-box .description {
      width: 260px;
      float: right;
  }

.localizaciones .icon {
  /* margin: 0 auto 30px auto; */
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.localizaciones .marker-icon {
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  width: 83px;
  height: 113px;
  background: url("/assets/img/pl-localizaciones-marker-83x112-v1.png") top center;
  transition: all 0.3s ease-in-out;
}

.localizaciones .marker-icon-express {
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  width: 96px;
  height: 101px;
  background: url("/assets/img/pl-map-marker-express-96x101-v1.png") top center;
  transition: all 0.3s ease-in-out;
}

/* .localizaciones .icon-box:hover .title a, .localizaciones .icon-box:hover .description {
color: #fff;
} */

.localizaciones .icon-box:hover .icon {
  background: #fff;
}

  .localizaciones .icon-box:hover .icon i {
      color: #d43076;
  }

.localizaciones .box-button-cta {
  position: initial;
}

  .localizaciones .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      text-decoration: none;
  }

      .localizaciones .box-button-cta a.button:hover {
          background: #0c8dca;
      }

.localizaciones .section-title h2 {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0;
}

  .localizaciones .section-title h2::after {
      content: none;
  }

.localizaciones .section-title {
  padding-bottom: 4px;
}

.localizaciones .select-location {
  padding: 20px;
  background-color: #a1131a;
  width: 100%;
  color: #fff;
}

  .localizaciones .select-location h2 {
      font-size: 1.2rem;
  }

@media (max-width: 768px) {
  .localizaciones .icon-box::before {
      bottom: 60%;
  }
}

@media (max-width: 428px) {
  .localizaciones .icon-box img {
      width: 400px;
  }

  .localizaciones .icon-box {
      width: 100%;
  }

  .localizaciones .select-location select {
      width: 100%;
  }
}

@media (min-width: 414px) {
  .localizaciones .icon-box img {
      width: 390px;
  }
}

@media (max-width: 400px) {
  .localizaciones .icon-box h4.title, .localizaciones .icon-box .description {
      width: 240px;
      float: right;
  }
}

@media (max-width: 390px) {
  .localizaciones .icon-box h4.title, .localizaciones .icon-box .description {
      width: 270px;
      float: right;
  }

  .localizaciones .marker-icon {
      width: 50px;
      height: 68px;
      background-size: cover;
  }

  .localizaciones .marker-icon-express {
      width: 58px;
      height: 61px;
      background-size: cover;
  }
}

@media (max-width: 375px) {
  .localizaciones .icon-box img {
      width: 350px;
  }

  .localizaciones .icon-box h4.title, .localizaciones .icon-box .description {
      width: 250px;
      float: right;
  }

  .localizaciones .marker-icon {
      width: 50px;
      height: 68px;
      background-size: cover;
  }

  .localizaciones .marker-icon-express {
      width: 58px;
      height: 61px;
      background-size: cover;
  }

  .localizaciones .select-location select {
      width: 95%;
  }
}


/*--------------------------------------------------------------
# Shopper
--------------------------------------------------------------*/
.shopper .section-title h2 {
  text-align: center;
}

  .shopper .section-title h2::after {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none;
  }

.shopper .section-title p {
  text-align: center;
}

.shopper .icon-box {
  /* padding: 20px 15px; */
  position: relative;
  overflow: hidden;
  /* background: #fff; */
  /* box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.2); */
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  text-align: center;
  z-index: 1;
}

  .shopper .icon-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0;
      transition: ease-in-out 0.3s;
      z-index: -1;
  }

  .shopper .icon-box:hover::before {
      background: #d43076;
      height: 100%;
      border-radius: 0px;
  }

.shopper .shopper-box {
  margin: auto;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  text-align: center;
  z-index: 1;
}

  .shopper .shopper-box img {
      width: 295px;
  }

  .shopper .shopper-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0;
      transition: ease-in-out 0.3s;
      z-index: -1;
  }

  .shopper .shopper-box:hover::before {
      background: #808080;
      height: 100%;
      border-radius: 0px;
  }

.shopper .icon {
  margin: 0 auto 30px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.shopper .icon-box:hover .title a, .shopper .icon-box:hover .description {
  color: #fff;
}

.shopper .icon-box:hover .icon {
  background: #fff;
}

  .shopper .icon-box:hover .icon i {
      color: #d43076;
  }


.shopper .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .shopper .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      /* -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button; */
      text-decoration: none;
  }

      .shopper .box-button-cta a.button:hover {
          background: #0c8dca;
      }

@media (max-width: 768px) {
  .shopper .icon-box::before {
      bottom: 60%;
  }
}

@media (max-width: 428px) {
  .shopper .icon-box img {
      width: 400px;
  }
}

@media (max-width: 414px) {
  .shopper .icon-box img {
      width: 390px;
  }
}

@media (max-width: 390px) {
  .shopper .icon-box img {
      width: 370px;
  }
}

@media (max-width: 375px) {
  .shopper .icon-box img {
      width: 350px;
  }
}

/*--------------------------------------------------------------
# Recetas Home
--------------------------------------------------------------*/
.recetas .section-title h2 {
  text-align: center;
  font-size: 28px;
  font-weight: 100;
}

  .recetas .section-title h2::after {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none;
  }

.recetas .section-title p {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
  font-style: italic;
}

.recetas .section-receta-detail p {
  margin: 10px 20px;
  width: 90%;
  line-height: 22px;
}

.recetas .icon-box {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  text-align: center;
  z-index: 1;
}

  .recetas .icon-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0;
      transition: ease-in-out 0.3s;
      z-index: -1;
  }

/* .recetas .icon-box:hover::before {
background: #d43076;
height: 100%;
border-radius: 0px;
} */

.recetas .icon {
  margin: 0 auto 30px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.recetas .icon-box:hover .title a, .recetas .icon-box:hover .description {
  color: #fff;
}

.recetas .icon-box:hover .icon {
  background: #fff;
}

/* .recetas .icon-box:hover .icon i {
color: #d43076;
} */

.recetas .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .recetas .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      text-decoration: none;
  }

      .recetas .box-button-cta a.button:hover {
          background: #0c8dca;
      }

.recetas .section-title {
  padding-bottom: 2px;
}

@media (max-width: 768px) {
  .sobrenosotros .icon-box::before {
      bottom: 60%;
  }
}

@media (max-width: 428px) {
  .recetas .icon-box img {
      width: 400px;
  }
}

@media (max-width: 414px) {
  .recetas .icon-box img {
      width: 390px;
  }
}

@media (max-width: 390px) {
  .recetas .icon-box img {
      width: 370px;
  }
}

@media (max-width: 375px) {
  .recetas .icon-box img {
      width: 350px;
  }
}

/*--------------------------------------------------------------
# Receta Detalle
--------------------------------------------------------------*/

.receta-detalle .section-title {
  padding-bottom: 0px;
  padding-top: 10px;
}

  .receta-detalle .section-title h2 {
      text-align: center;
      font-size: 38px;
      font-weight: 600;
  }

/*--------------------------------------------------------------
# Contáctanos
--------------------------------------------------------------*/

.contactanos .section-title h2 {
  text-align: center;
}

  .contactanos .section-title h2::after {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none;
  }

.contactanos .section-title p {
  text-align: center;
}

.contactanos .icon-box {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  /* text-align: center; */
  z-index: 1;
  width: 65%;
  margin: auto;
}

  .contactanos .icon-box h4.title, .contactanos .icon-box .description {
      width: 70%;
      float: right;
      margin: auto;
      margin-left: 10px;
      margin-right: 10px;
  }

  .contactanos .icon-box h4.title {
      font-size: 16px;
      color: #a1131a;
      font-weight: 900;
      padding-top: 4px;
  }

.contactanos .socialmedia-box h4.title {
  font-size: 16px;
  color: #a1131a;
  font-weight: 900;
  padding-top: 4px;
  margin: auto;
}

.contactanos .socialmedia-box {
  margin: auto;
  border-top: solid 2px #a1131a;
  width: 70%;
  text-align: center;
}

  .contactanos .socialmedia-box .socialmedia-btns {
      margin: auto;
      /* text-align: center; */
      width: 90px;
  }


  .contactanos .socialmedia-box .icon-instagram {
      float: left;
      padding-top: 6px;
  }

  .contactanos .socialmedia-box img {
      width: 40px;
  }

  .contactanos .socialmedia-box .icon-facebook {
      float: right;
      padding-top: 6px;
  }

.contactanos .icon {
  /* margin: 0 auto 30px auto; */
  padding-top: 10px;
  display: inline-block;
  /* text-align: center; */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.contactanos .marker-icon-negocios {
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  width: 50px;
  height: 50px;
  background: url("/assets/img/pl-contactanos-icono-negocios-63x63-v1.png") top center;
  transition: all 0.3s ease-in-out;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}

.contactanos .marker-icon-servicio {
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  width: 50px;
  height: 50px;
  background: url("/assets/img/pl-contactanos-icono-servicio-63x63-v1.png") top center;
  transition: all 0.3s ease-in-out;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}

.contactanos .marker-icon-oficina {
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  width: 50px;
  height: 50px;
  background: url("/assets/img/pl-contactanos-icono-oficina-63x63-v1.png") top center;
  transition: all 0.3s ease-in-out;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}

.contactanos .marker-icon-telefono {
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  width: 50px;
  height: 50px;
  background: url("/assets/img/pl-contactanos-icono-telefono-63x63-v1.png") top center;
  transition: all 0.3s ease-in-out;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}

.contactanos .marker-icon-website {
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  width: 50px;
  height: 50px;
  background: url("/assets/img/pl-contactanos-icono-website-63x63-v1.png") top center;
  transition: all 0.3s ease-in-out;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}

.contactanos .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: ease-in-out 0.3s;
  z-index: -1;
}

.contactanos .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .contactanos .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      text-decoration: none;
  }

      .contactanos .box-button-cta a.button:hover {
          background: #0c8dca;
      }

@media (max-width: 768px) {
  .contactanos .icon-box::before {
      bottom: 60%;
  }
}

@media (max-width: 414px) {
  .contactanos .icon-box img {
      width: 390px;
  }
}

@media (max-width: 400px) {
  .contactanos .icon-box {
      width: 65%;
  }

      .contactanos .icon-box h4.title, .contactanos .icon-box .description {
          width: 70%;
      }
}

@media (max-width: 390px) {
  .contactanos .icon-box {
      width: 70%;
  }

      .contactanos .icon-box img {
          width: 370px;
      }

      .contactanos .icon-box h4.title, .contactanos .icon-box .description {
          width: 72%;
      }
}

@media (max-width: 375px) {
  .contactanos .icon-box img {
      width: 350px;
  }

  .contactanos .icon-box {
      width: 75%;
  }

      .contactanos .icon-box h4.title, .contactanos .icon-box .description {
          width: 70%;
      }
}

/*--------------------------------------------------------------
# Ventas Al Por Mayor
--------------------------------------------------------------*/
.ventasalpormayor .section-title h2 {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}

  .ventasalpormayor .section-title h2::after {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none;
  }

.ventasalpormayor .section-title p {
  text-align: center;
}

.ventasalpormayor .icon-box {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  /* text-align: center; */
  z-index: 1;
  width: 75%;
  margin: auto;
}

  .ventasalpormayor .icon-box h4.title, .ventasalpormayor .icon-box .description {
      width: 75%;
      float: right;
      margin: auto;
      margin-left: 10px;
      margin-right: 10px;
  }

  .ventasalpormayor .icon-box h4.title {
      font-size: 16px;
      color: #a1131a;
      font-weight: 900;
      padding-top: 4px;
  }

.ventasalpormayor .icon {
  /* margin: 0 auto 30px auto; */
  padding-top: 10px;
  display: inline-block;
  /* text-align: center; */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.ventasalpormayor .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: ease-in-out 0.3s;
  z-index: -1;
}

.ventasalpormayor .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .ventasalpormayor .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      text-decoration: none;
  }

      .ventasalpormayor .box-button-cta a.button:hover {
          background: #0c8dca;
      }

.ventasalpormayor .form-box {
  /* text-align: center; */
  width: 90%;
  margin: auto;
  padding: 10%;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.ventasalpormayor .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

  .ventasalpormayor .php-email-form .error-message br + br {
      margin-top: 25px;
  }

.ventasalpormayor .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.ventasalpormayor .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

  .ventasalpormayor .php-email-form .loading:before {
      content: "";
      display: inline-block;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      margin: 0 10px -6px 0;
      border: 3px solid #18d26e;
      border-top-color: #eee;
      -webkit-animation: animate-loading 1s linear infinite;
      animation: animate-loading 1s linear infinite;
  }

.ventasalpormayor .php-email-form input, .ventasalpormayor .php-email-form textarea {
  border-radius: 6px;
  box-shadow: none;
  font-size: 14px;
}

  .ventasalpormayor .php-email-form input:focus, .ventasalpormayor .php-email-form textarea:focus {
      border-color: #0c8dca;
  }

.ventasalpormayor .php-email-form button[type="submit"] {
  /* background: #0c8dca;
border: 0;
padding: 10px 24px;
color: #fff;
transition: 0.4s;
border-radius: 8px; */
  background: #0c8dca;
  border: 0;
  padding: 5px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 10px;
  width: 190px;
  font-size: 20px;
  font-weight: 800;
  text-decoration: none;
}

  .ventasalpormayor .php-email-form button[type="submit"]:hover {
      background: #0c8dca;
  }

.ventasalpormayor .php-email-form input[type="radio"] {
  border-radius: 12px;
  /* margin-left: 10px; */
  margin-left: -1.25rem;
}

.ventasalpormayor .form-check.radio-btns {
  padding-left: 3em;
}

@-webkit-keyframes animate-loading {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .ventasalpormayor .icon-box::before {
      bottom: 60%;
  }
}

@media (min-width: 414px) {
  .ventasalpormayor .icon-box img {
      width: 390px;
  }
}


/*--------------------------------------------------------------
# Empleos
--------------------------------------------------------------*/
.empleos .section-title h2 {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}

  .empleos .section-title h2::after {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none;
  }

.empleos .section-title p {
  text-align: center;
}

.empleos .icon-box {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  /* text-align: center; */
  z-index: 1;
  width: 75%;
  margin: auto;
}

  .empleos .icon-box h4.title, .empleos .icon-box .description {
      width: 75%;
      float: right;
      margin: auto;
      margin-left: 10px;
      margin-right: 10px;
  }

  .empleos .icon-box h4.title {
      font-size: 16px;
      color: #a1131a;
      font-weight: 900;
      padding-top: 4px;
  }

.empleos .icon {
  /* margin: 0 auto 30px auto; */
  padding-top: 10px;
  display: inline-block;
  /* text-align: center; */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.empleos .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: ease-in-out 0.3s;
  z-index: -1;
}

.empleos .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .empleos .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      text-decoration: none;
  }

      .empleos .box-button-cta a.button:hover {
          background: #0c8dca;
      }

.empleos .form-box {
  /* text-align: center; */
  width: 90%;
  margin: auto;
  padding: 10%;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.empleos .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

  .empleos .php-email-form .error-message br + br {
      margin-top: 25px;
  }

.empleos .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.empleos .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

  .empleos .php-email-form .loading:before {
      content: "";
      display: inline-block;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      margin: 0 10px -6px 0;
      border: 3px solid #18d26e;
      border-top-color: #eee;
      -webkit-animation: animate-loading 1s linear infinite;
      animation: animate-loading 1s linear infinite;
  }

.empleos .php-email-form input, .empleos .php-email-form textarea {
  border-radius: 6px;
  box-shadow: none;
  font-size: 14px;
}

  .empleos .php-email-form input:focus, .ventasalpormayor .php-email-form textarea:focus {
      border-color: #0c8dca;
  }

.empleos .php-email-form button[type="submit"] {
  background: #0c8dca;
  border: 0;
  padding: 5px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 10px;
  width: 190px;
  font-size: 20px;
  font-weight: 800;
  text-decoration: none;
}

  .empleos .php-email-form button[type="submit"]:hover {
      background: #0c8dca;
  }

.empleos .php-email-form input[type="radio"] {
  border-radius: 12px;
  /* margin-left: 10px; */
  margin-left: -1.25rem;
}

.empleos .form-check.radio-btns {
  padding-left: 3em;
}

@-webkit-keyframes animate-loading {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .empleos .icon-box::before {
      bottom: 60%;
  }
}

@media (min-width: 414px) {
  .empleos .icon-box img {
      width: 390px;
  }
}


/*--------------------------------------------------------------
# Noticias
--------------------------------------------------------------*/
.noticias .section-title h2 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}

  .noticias .section-title h2::after {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none;
  }

.noticias .section-title p {
  text-align: center;
}

.noticias .icon-box {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  /* text-align: center; */
  z-index: 1;
  width: 75%;
  margin: auto;
}

  .noticias .icon-box h4.title, .empleos .icon-box .description {
      width: 75%;
      float: right;
      margin: auto;
      margin-left: 10px;
      margin-right: 10px;
  }

.empleos .icon-box h4.title {
  font-size: 16px;
  color: #a1131a;
  font-weight: 900;
  padding-top: 4px;
}

.noticias .icon {
  /* margin: 0 auto 30px auto; */
  padding-top: 10px;
  display: inline-block;
  /* text-align: center; */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.noticias .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: ease-in-out 0.3s;
  z-index: -1;
}

.noticias .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .noticias .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      text-decoration: none;
  }

      .noticias .box-button-cta a.button:hover {
          background: #0c8dca;
      }

.noticias .white-box {
  /* text-align: center; */
  width: 90%;
  margin: auto;
  padding: 8%;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.noticias .news-item {
  padding: 20px 0;
}

  .noticias .news-item .title h2 {
      font-size: 1.2rem;
  }

  .noticias .news-item .summary p {
      font-size: 1rem;
  }

  .noticias .news-item .date p {
      font-size: 0.8rem;
      font-style: italic;
  }

@-webkit-keyframes animate-loading {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .noticias .white-box::before {
      bottom: 60%;
  }
}

@media (max-width: 414px) {
  .noticias .white-box img {
      width: 390px;
  }

  .news-item .summary img {
      width: 305px;
  }
}

@media (max-width: 400px) {
  .noticias .white-box img {
      width: 370px;
  }

  .news-item .summary img {
      width: 295px;
  }
}

@media (max-width: 390px) {
  .noticias .white-box img {
      width: 370px;
  }

  .news-item .summary img {
      width: 290px;
  }
}

@media (max-width: 375px) {
  .noticias .white-box img {
      width: 350px;
  }

  .news-item .summary img {
      width: 270px;
  }
}


/*--------------------------------------------------------------
# Covid 19
--------------------------------------------------------------*/
.covid19 .section-title h2 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #000;
}

  .covid19 .section-title h2::after {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none;
  }

.covid19 .section-title h3 {
  background-color: #cb121c;
  color: #fff;
  margin: auto;
  width: 85%;
  text-align: center;
  font-size: 33px;
  font-weight: 700;
}

.covid19 .section-title p {
  text-align: center;
  font-size: 14px;
}

.covid19 .icon-box {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  /* text-align: center; */
  z-index: 1;
  margin: auto;
}

  .covid19 .icon-box h4.title, .covid19 .icon-box .description {
      width: 75%;
      float: right;
      margin: auto;
      margin-left: 10px;
      margin-right: 10px;
  }

  .covid19 .icon-box h4.title {
      font-size: 16px;
      color: #a1131a;
      font-weight: 900;
      padding-top: 4px;
  }

.covid19 .icon {
  /* margin: 0 auto 30px auto; */
  padding-top: 10px;
  display: inline-block;
  /* text-align: center; */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.covid19 .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: ease-in-out 0.3s;
  z-index: -1;
}

.covid19 .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .covid19 .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      text-decoration: none;
  }

      .covid19 .box-button-cta a.button:hover {
          background: #0c8dca;
      }

.covid19 .covid-box {
  width: 95%;
  margin: auto;
  padding: 5%;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 768px) {
  .covid19 .covid-box.icon-box::before {
      bottom: 60%;
  }
}

@media (max-width: 428px) {
  .covid19 .icon-box img {
      width: 344px;
  }
}

@media (max-width: 414px) {
  .covid19 .covid-box .icon-box img {
      width: 318px;
  }
}

@media (max-width: 400px) {
  .covid19 .icon-box img {
      width: 370px;
  }
}

@media (max-width: 390px) {
  .covid19 .icon-box img {
      width: 370px;
  }

  .covid19 .icon-box h4.title, .covid19 .icon-box .description {
      width: 72%;
  }
}

@media (max-width: 375px) {
  .covid19 .icon-box img {
      width: 350px;
  }

  .covid19 .covid-box .icon-box img {
      width: 298px;
  }

  .covid19 .icon-box h4.title, .covid19 .icon-box .description {
      width: 72%;
  }
}

/*--------------------------------------------------------------
# Deli
--------------------------------------------------------------*/
.deli .icon-box {
  position: relative;
  overflow: hidden;
  /* background: #fff; */
  /* box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.2); */
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  text-align: center;
  z-index: 1;
}

  .deli .icon-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0;
      transition: ease-in-out 0.3s;
      z-index: -1;
  }

  .deli .icon-box:hover::before {
      /* background: #d43076; */
      height: 100%;
      border-radius: 0px;
  }

.deli .icon {
  margin: 0 auto 30px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.deli .icon-box:hover .title a, .deli .icon-box:hover .description {
  color: #fff;
}

.deli .icon-box:hover .icon {
  background: #fff;
}

  .deli .icon-box:hover .icon i {
      color: #d43076;
  }

.deli .section-title h2 {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0;
}

  .deli .section-title h2::after {
      content: none;
  }

.deli .section-title {
  padding-bottom: 4px;
}

@media (max-width: 768px) {
  .deli .icon-box::before {
      bottom: 60%;
  }
}

@media (max-width: 428px) {
  .deli .icon-box img {
      width: 400px;
  }
}

@media (max-width: 414px) {
  .deli .icon-box img {
      width: 390px;
  }
}

@media (max-width: 390px) {
  .deli .icon-box img {
      width: 370px;
  }
}

@media (max-width: 375px) {
  .deli .icon-box img {
      width: 350px;
  }
}


/*--------------------------------------------------------------
# Newsletter
--------------------------------------------------------------*/
.newsletter .section-title h2 {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}

  .newsletter .section-title h2::after {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none;
  }

.newsletter .section-title p {
  text-align: center;
}

.newsletter .icon-box {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  /* text-align: center; */
  z-index: 1;
  width: 75%;
  margin: auto;
}

  .newsletter .icon-box h4.title, .newsletter .icon-box .description {
      width: 75%;
      float: right;
      margin: auto;
      margin-left: 10px;
      margin-right: 10px;
  }

  .newsletter .icon-box h4.title {
      font-size: 16px;
      color: #a1131a;
      font-weight: 900;
      padding-top: 4px;
  }

.newsletter .icon {
  /* margin: 0 auto 30px auto; */
  padding-top: 10px;
  display: inline-block;
  /* text-align: center; */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

.newsletter .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: ease-in-out 0.3s;
  z-index: -1;
}

.newsletter .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .newsletter .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      text-decoration: none;
  }

      .newsletter .box-button-cta a.button:hover {
          background: #0c8dca;
      }

.newsletter .form-box {
  /* text-align: center; */
  width: 90%;
  margin: auto;
  padding: 10%;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.newsletter .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

  .newsletter .php-email-form .error-message br + br {
      margin-top: 25px;
  }

.newsletter .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.newsletter .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

  .newsletter .php-email-form .loading:before {
      content: "";
      display: inline-block;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      margin: 0 10px -6px 0;
      border: 3px solid #18d26e;
      border-top-color: #eee;
      -webkit-animation: animate-loading 1s linear infinite;
      animation: animate-loading 1s linear infinite;
  }

.newsletter .php-email-form input, .empleos .php-email-form textarea {
  border-radius: 6px;
  box-shadow: none;
  font-size: 14px;
}

  .newsletter .php-email-form input:focus, .ventasalpormayor .php-email-form textarea:focus {
      border-color: #0c8dca;
  }

.newsletter .php-email-form button[type="submit"] {
  background: #0c8dca;
  border: 0;
  padding: 5px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 10px;
  width: 190px;
  font-size: 20px;
  font-weight: 800;
  text-decoration: none;
}

  .newsletter .php-email-form button[type="submit"]:hover {
      background: #0c8dca;
  }

.newsletter .php-email-form input[type="radio"] {
  border-radius: 12px;
  /* margin-left: 10px; */
  margin-left: -1.25rem;
}

.newsletter .form-check.radio-btns {
  padding-left: 3em;
}

@-webkit-keyframes animate-loading {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .newsletter .icon-box::before {
      bottom: 60%;
  }
}

@media (min-width: 414px) {
  .newsletter .icon-box img {
      width: 390px;
  }
}



/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
/* .about .content {
padding: 30px 0;
}

.about .content h3 {
font-weight: 500;
font-size: 34px;
color: #2c4964;
}

.about .content p {
margin-bottom: 0;
}

.about .content .count-box {
padding: 20px 0;
width: 100%;
}

.about .content .count-box i {
display: block;
font-size: 36px;
color: #eeafca;
float: left;
line-height: 0;
}

.about .content .count-box span {
font-size: 36px;
line-height: 20px;
display: block;
font-weight: 700;
color: #2c4964;
margin-left: 50px;
font-family: "Playfair Display", serif;
}

.about .content .count-box p {
padding: 15px 0 0 0;
margin: 0 0 0 50px;
font-family: "Playfair Display", serif;
font-size: 14px;
color: #437099;
}

.about .content .count-box a {
font-weight: 600;
display: block;
margin-top: 20px;
color: #437099;
font-size: 15px;
font-family: "Poppins", sans-serif;
transition: ease-in-out 0.3s;
}

.about .content .count-box a:hover {
color: #6b96be;
}

.about .image {
background: url("../img/me.jpg") center center no-repeat;
background-size: cover;
min-height: 400px;
}

@media (max-width: 991px) {
.about .image {
  text-align: center;
}
.about .image img {
  max-width: 80%;
}
}

@media (max-width: 667px) {
.about .image img {
  max-width: 100%;
}
} */

/*--------------------------------------------------------------
# Skills
--------------------------------------------------------------*/
/* .skills .progress {
height: 50px;
display: block;
background: none;
}

.skills .progress .skill {
padding: 10px 0;
margin: 0 0 6px 0;
text-transform: uppercase;
display: block;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #2c4964;
}

.skills .progress .skill .val {
float: right;
font-style: normal;
}

.skills .progress-bar-wrap {
background: #fbeaf1;
}

.skills .progress-bar {
width: 1px;
height: 10px;
transition: .9s;
background-color: #dd5a92;
} */

/*--------------------------------------------------------------
# Resume
--------------------------------------------------------------*/
/* .resume .resume-title {
font-size: 26px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 20px;
color: #4b7dab;
font-family: "Poppins", sans-serif;
}

.resume .resume-item {
padding: 0 0 20px 20px;
margin-top: -2px;
border-left: 2px solid #d43076;
position: relative;
}

.resume .resume-item h4 {
line-height: 18px;
font-size: 18px;
font-weight: 600;
color: #2c4964;
margin-bottom: 10px;
}

.resume .resume-item h5 {
font-size: 16px;
background: #e4ebf3;
padding: 5px 15px;
display: inline-block;
font-weight: 400;
margin-bottom: 10px;
font-family: "Poppins", sans-serif;
}

.resume .resume-item ul {
padding-left: 20px;
}

.resume .resume-item ul li {
padding-bottom: 10px;
}

.resume .resume-item:last-child {
padding-bottom: 0;
}

.resume .resume-item::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
border-radius: 50px;
left: -9px;
top: 0;
background: #fff;
border: 2px solid #d43076;
} */

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  /* padding: 20px 15px; */
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.2);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  text-align: center;
  z-index: 1;
}

  .services .icon-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0;
      transition: ease-in-out 0.3s;
      z-index: -1;
  }

  .services .icon-box:hover::before {
      background: #d43076;
      height: 100%;
      border-radius: 0px;
  }

.services .icon {
  margin: 0 auto 30px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #d43076;
  transition: all 0.3s ease-in-out;
}

/* .services .icon i {
font-size: 36px;
line-height: 1;
color: #fff;
}

.services .title {
font-weight: 700;
margin-bottom: 15px;
font-size: 18px;
}

.services .title a {
color: #111;
}

.services .description {
font-size: 15px;
line-height: 24px;
margin-bottom: 0;
} */

.services .icon-box:hover .title a, .services .icon-box:hover .description {
  color: #fff;
}

.services .icon-box:hover .icon {
  background: #fff;
}

  .services .icon-box:hover .icon i {
      color: #d43076;
  }


.services .box-button-cta {
  position: initial;
  text-align: center;
  margin: auto;
}

  .services .box-button-cta a.button {
      background: #0c8dca;
      border: 0;
      padding: 5px 24px;
      color: #fff;
      transition: 0.4s;
      border-radius: 10px;
      width: 230px;
      font-size: 20px;
      font-weight: 800;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      text-decoration: none;
  }

      .services .box-button-cta a.button:hover {
          background: #0c8dca;
      }

@media (max-width: 768px) {
  .services .icon-box::before {
      bottom: 60%;
  }
}

@media (min-width: 414px) {
  .services .icon-box img {
      width: 390px;
  }
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
/* .portfolio .portfolio-item {
margin-bottom: 30px;
}

.portfolio #portfolio-flters {
padding: 0;
margin: 0 auto 35px auto;
list-style: none;
text-align: center;
background: #fff;
border-radius: 50px;
padding: 2px 15px;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
}

.portfolio #portfolio-flters li {
cursor: pointer;
display: inline-block;
padding: 10px 15px 8px 15px;
font-size: 14px;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
color: #5a656e;
margin-bottom: 5px;
transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
color: #d43076;
}

.portfolio #portfolio-flters li:last-child {
margin-right: 0;
}

.portfolio .portfolio-wrap {
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
}

.portfolio .portfolio-wrap::before {
content: "";
background: rgba(44, 73, 100, 0.6);
position: absolute;
left: 30px;
right: 30px;
top: 30px;
bottom: 30px;
transition: all ease-in-out 0.3s;
z-index: 2;
opacity: 0;
}

.portfolio .portfolio-wrap .portfolio-info {
opacity: 0;
position: absolute;
top: 10%;
left: 0;
right: 0;
text-align: center;
z-index: 3;
transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
font-size: 20px;
color: #fff;
font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
}

.portfolio .portfolio-wrap .portfolio-links {
opacity: 0;
left: 0;
right: 0;
bottom: 10%;
text-align: center;
z-index: 3;
position: absolute;
transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a {
color: #fff;
margin: 0 2px;
font-size: 28px;
display: inline-block;
transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
color: #e684ae;
}

.portfolio .portfolio-wrap:hover::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info {
opacity: 1;
top: calc(50% - 48px);
}

.portfolio .portfolio-wrap:hover .portfolio-links {
opacity: 1;
bottom: calc(50% - 50px);
} */

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
/* .portfolio-details {
padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
margin-top: 20px;
position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid #d43076;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: #d43076;
}

.portfolio-details .portfolio-info {
padding: 30px;
box-shadow: 0px 0 30px rgba(44, 73, 100, 0.08);
}

.portfolio-details .portfolio-info h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
list-style: none;
padding: 0;
font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
margin-top: 10px;
}

.portfolio-details .portfolio-description {
padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
font-size: 26px;
font-weight: 700;
margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
padding: 0;
} */

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
/* .testimonials .testimonial-item {
box-sizing: content-box;
min-height: 320px;
}

.testimonials .testimonial-item .testimonial-img {
width: 90px;
border-radius: 50%;
margin: -40px 0 0 40px;
position: relative;
z-index: 2;
border: 6px solid #fff;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

.testimonials .testimonial-item h3 {
font-size: 18px;
font-weight: bold;
margin: 10px 0 5px 45px;
color: #2c4964;
}

.testimonials .testimonial-item h4 {
font-size: 14px;
color: #6b96be;
margin: 0 0 0 45px;
}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
color: #f7d9e6;
font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
display: inline-block;
left: -5px;
position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
display: inline-block;
right: -5px;
position: relative;
top: 10px;
}

.testimonials .testimonial-item p {
font-style: italic;
margin: 0 15px 0 15px;
padding: 20px 20px 60px 20px;
background: #fff;
position: relative;
border-radius: 6px;
position: relative;
z-index: 1;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.testimonials .swiper-pagination {
margin-top: 20px;
position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid #d43076;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
background-color: #d43076;
}

@media (max-width: 767px) {
.testimonials {
  margin: 30px 10px;
}
} */

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
/* .contact .contact-about h3 {
font-size: 36px;
margin: 0 0 10px 0;
padding: 0;
line-height: 1;
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
color: #d43076;
}

.contact .contact-about p {
font-size: 14px;
line-height: 24px;
font-family: "Playfair Display", serif;
color: #3c6387;
}

.contact .social-links {
padding-bottom: 20px;
}

.contact .social-links a {
font-size: 18px;
display: inline-block;
background: #fff;
color: #d43076;
line-height: 0;
padding: 8px 0;
margin-right: 4px;
border-radius: 50%;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
border: 1px solid #d43076;
}

.contact .social-links a:hover {
background: #d43076;
color: #fff;
}

.contact .info {
color: #5a656e;
}

.contact .info i {
font-size: 32px;
color: #d43076;
line-height: 0;
margin-right: 15px;
}

.contact .info p {
font-size: 14px;
margin: 0;
}

.contact .php-email-form .error-message {
display: none;
color: #fff;
background: #ed3c0d;
text-align: left;
padding: 15px;
font-weight: 600;
}

.contact .php-email-form .error-message br + br {
margin-top: 25px;
}

.contact .php-email-form .sent-message {
display: none;
color: #fff;
background: #18d26e;
text-align: center;
padding: 15px;
font-weight: 600;
}

.contact .php-email-form .loading {
display: none;
background: #fff;
text-align: center;
padding: 15px;
}

.contact .php-email-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid #18d26e;
border-top-color: #eee;
-webkit-animation: animate-loading 1s linear infinite;
animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
border-radius: 0;
box-shadow: none;
font-size: 14px;
}

.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
border-color: #d43076;
}

.contact .php-email-form button[type="submit"] {
background: #d43076;
border: 0;
padding: 10px 24px;
color: #fff;
transition: 0.4s;
border-radius: 50px;
}

.contact .php-email-form button[type="submit"]:hover {
background: #dd5a92;
}

@-webkit-keyframes animate-loading {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}

@keyframes animate-loading {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
} */

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    /*background: #0071b7;*/
    padding: 24px 0;
    font-size: 14px;
    box-shadow: 0px 0 20px 0 rgba(0, 0, 0, 0.12);
}

    #footer .metodos {
        color: #fff;
    }

    #footer .metodos img {
        text-align: center;
    }

  #footer .servicios {
      padding-top: 12px;
      padding-bottom: 12px;
      color: #fff;
      text-align: right;
  }

    #footer .servicios img {
        text-align: center;
    }

    #footer .copyright {
        text-align: center;
    }

    #footer .credits {
        padding-top: 8px;
        text-align: center;
        font-size: 13px;
        color: #fff;
    }

/* @media (min-width: 414px) {
#footer .metodos img {
  width: 385px;
}
#footer .servicios img {
  width: 220px;
}
} */

@media (min-width: 1024px) {
  #footer .metodos img, #footer .servicios img {
      height: 30px;
  }
}

@media (max-width: 428px) {
  #footer .metodos img {
      width: 355px;
  }

  #footer .servicios img {
      width: 200px;
  }
}

@media (max-width: 414px) {
  #footer .metodos img {
      width: 355px;
  }

  #footer .servicios img {
      width: 200px;
  }
}

@media (max-width: 390px) {
  #footer .metodos img {
      width: 295px;
  }

  #footer .servicios img {
      width: 150px;
  }
}

/* -------------- */
/* MOBILE STYLES */
/* -------------- */

/* POPUP PROCESSING MODAL */

.modal-content {
    background-color: #ffd857;
}

.modal-header {
    border-bottom: none;
    display: block;
    text-align: center;
}

.modal-body {
    text-align: center;
}

/* -------------- */
/* DESKTOP STYLES */
/* -------------- */

@media (min-width: 1024px) {

    .fixed-top {
        background-color: #0071b7 !important;
        height: 75px !important;
        /*background: url("https://elsabordelbacktoschool.s3.amazonaws.com/concursos/2025/bts_2025_fondo_v1.jpg") top center !important;*/
        transition: none;
    }

  section#hero img {
      display: none;
  }

  section#hero {
      height: 1vh;
  }

  .logo .menu-label-text {
      display: none;
  }

  .logo .img-fluid {
      display: block;
  }

  header#header {
      background: none;
  }

    .navbar a {
        color: #ffffff;
        font-size: 20px;
        /*font-weight: 600;*/
    }

  .navbar a:hover, .navbar .active, .navbar li:hover > a {
      color: #BCB8B8;
  }

  section .row {
      display: none;
  }

  section .row-desktop {
      display: flex;
  }

  .row-desktop .lateral-box img {
      height: 360px;
  }

  /* HOMEPAGE */

  .home .icon-box img {
      width: 1296px;
  }

  .home-boxes img {
      width: 430px;
      margin: auto;
      padding: 0 8px;
  }

  .home-boxes {
      text-align: center;
  }

  /* POPUP PROCESSING MODAL */

    .modal-header {
        border-bottom: none;
        display: block;
        text-align: center;
    }

    .modal-content {
        background-color: #fff;
    }

    .modal-body {
        text-align: center;
    }


  /* SOBRE NOSOTROS */
  .sobrenosotros .icon-box img {
      width: 864px;
  }

  .lateral-photo-box {
      margin-top: 20px;
      padding: 20px;
      text-align: center;
      background-color: #a1131a;
      color: #fff;
      border-radius: 8px;
      margin-left: 70px;
  }

      .lateral-photo-box img {
          width: 200px;
      }

  /* SERVICIOS */

  .servicios-box img {
      width: 1296px;
  }

  .servicios-boxes img {
      width: 430px;
  }

  .servicios .section-title h2 {
      text-align: left;
  }

  /* LOCALIZACIONES */

  .pl-mapa {
      float: right;
  }

  /* .mapaFixed { 
  position: fixed !important;
  top: 80px;
  width: 900px;
  left: 588px;
} */

  .localizaciones .icon-box h4.title, .localizaciones .icon-box .description {
      width: 220px;
      float: right;
      font-size: 12px;
  }

  .localizaciones .icon-box h4.title {
      font-weight: 700;
      font-size: 14px;
  }

  .localizaciones .marker-icon {
      width: 50px;
      height: 68px;
      background-size: cover;
  }

  .localizaciones .marker-icon-express {
      width: 65px;
      height: 68px;
      background-size: cover;
  }

  .localizaciones .select-location h2 {
      font-size: 1.2rem;
  }

  .localizaciones .select-location select {
      width: 95%;
  }

  /* SHOPPER */

  .shopper .shopper-box img {
      width: 650px;
  }

  /* RECETAS */

  .recetas .icon-box img {
      width: 1296px;
  }

  /* RECETA DETALLE */

  .receta-box {
      text-align: center;
  }

      .receta-box img {
          width: 75%;
      }

  /* CONTACTANOS */

  .contactanos .icon-box {
      width: 65%;
  }

      .contactanos .icon-box h4.title, .contactanos .icon-box .description {
          width: 80%;
      }

  .contactanos .marker-icon-servicio, .contactanos .marker-icon-website, .contactanos .marker-icon-telefono, .contactanos .marker-icon-oficina, .contactanos .marker-icon-negocios {
      margin-left: 30px;
  }
  /* .contactanos .icon-box h4.title, .contactanos .icon-box .description {
  width: 85%;
} */

  /* EMPLEOS */

  .empleos .form-box {
      width: 90%;
      padding: 4% 12%;
  }

  .empleos .section-title h2 {
      font-size: 40px;
  }

  /* VENTAS AL POR MAYOR */

  .ventasalpormayor .form-box {
      width: 90%;
      padding: 4% 12%;
  }

  .ventasalpormayor .section-title h2 {
      font-size: 40px;
  }

  /* COVID 19 */

  .covid19 .covid-box .icon-box img {
      width: 630px;
  }

  .covid19 .section-title {
      margin: auto;
      width: 340px;
  }

      .covid19 .section-title h2 {
          font-size: 28px;
      }

      .covid19 .section-title h3 {
          width: 95%;
          font-size: 44px;
      }

  /* DELI */

  .deli .icon-box img {
      width: 690px;
  }

  /* NOTICIAS */

  .noticias .section-title h2 {
      font-size: 40px;
  }

  .noticias .news-item .title h2 {
      font-size: 1.8rem;
  }

  /* NEWSLETTER SIGNUP */

  .newsletter .form-box {
      width: 90%;
      padding: 4% 12%;
  }

  .newsletter .section-title h2 {
      font-size: 40px;
  }
}

@media (min-width: 1216px) {

  /* HOMEPAGE */

  .home .icon-box img {
      width: 1116px;
  }

  .home-boxes img {
      width: 375px;
      margin: auto;
      padding: 0 8px;
  }

  .home-boxes {
      text-align: center;
  }

  /* SOBRE NOSOTROS */

  .sobrenosotros .icon-box img {
      width: 744px;
  }

  .row-desktop .lateral-box img {
      height: 265px;
  }

  .lateral-photo-box {
      margin-top: 20px;
      padding: 20px;
      text-align: center;
      background-color: #a1131a;
      color: #fff;
      border-radius: 8px;
      margin-left: 25px;
  }

      .lateral-photo-box img {
          width: 240px;
      }

  /* SERVICIOS */

  .servicios-box img {
      width: 1116px;
  }

  .servicios-boxes img {
      width: 430px;
  }

  .servicios .section-title h2 {
      text-align: left;
  }

  /* LOCALIZACIONES */

  #map {
      width: 810px;
  }

  .pl-mapa {
      float: right;
  }

  /* .mapaFixed {
  position: fixed !important;
  top: 80px;
  width: 900px;
  left: 349px;
} */

  .localizaciones .icon-box {
      padding: 10px 15px;
  }

      .localizaciones .icon-box h4.title, .localizaciones .icon-box .description {
          width: 190px;
          float: right;
          font-size: 12px;
      }

      .localizaciones .icon-box h4.title {
          font-weight: 700;
          font-size: 14px;
      }

  .localizaciones .marker-icon {
      width: 50px;
      height: 68px;
      background-size: cover;
  }

  .localizaciones .marker-icon-express {
      width: 65px;
      height: 68px;
      background-size: cover;
  }

  .localizaciones .select-location h2 {
      font-size: 1rem;
  }

  .localizaciones .select-location select {
      width: 95%;
  }

  /* CONTACTANOS */

  .contactanos .icon-box {
      width: 65%;
  }

      .contactanos .icon-box h4.title, .contactanos .icon-box .description {
          width: 77%;
      }

  .contactanos .marker-icon-servicio, .contactanos .marker-icon-website, .contactanos .marker-icon-telefono, .contactanos .marker-icon-oficina, .contactanos .marker-icon-negocios {
      margin-left: 30px;
  }

}

@media (min-width: 1400px) {

  /* HOMEPAGE */

  .home .icon-box img {
      width: 1296px;
  }

  .home-boxes img {
      width: 375px;
      margin: auto;
      padding: 0 8px;
  }

  .home-boxes {
      text-align: center;
  }

  /* SOBRE NOSOTROS */

  .sobrenosotros .icon-box img {
      width: 864px;
  }

  .row-desktop .lateral-box img {
      height: 310px;
  }

  .lateral-photo-box {
      margin-top: 20px;
      padding: 20px;
      text-align: center;
      background-color: #a1131a;
      color: #fff;
      border-radius: 8px;
      margin-left: 25px;
  }

      .lateral-photo-box img {
          width: 240px;
      }

  /* SERVICIOS */

  .servicios-box img {
      width: 1296px;
  }

  .servicios-boxes img {
      width: 430px;
  }

  .servicios .section-title h2 {
      text-align: left;
  }

  /* LOCALIZACIONES */

  #map {
      width: 950px;
  }

  .pl-mapa {
      float: right;
  }

  /* .mapaFixed {
      position: fixed !important; 
      top: 80px; 
      width: 900px; 
      left: 588px;
  } */

  .localizaciones .icon-box {
      padding: 10px 15px;
  }

  .localizaciones .icon-box h4.title, .localizaciones .icon-box .description {
      width: 225px;
      float: right;
      font-size: 12px;
  }

  .localizaciones .icon-box h4.title {
      font-weight: 700;
      font-size: 14px;
  }

  .localizaciones .marker-icon {
      width: 50px;
      height: 68px;
      background-size: cover;
  }

  .localizaciones .marker-icon-express {
      width: 65px;
      height: 68px;
      background-size: cover;
  }

  .localizaciones .select-location h2 {
      font-size: 1rem;
  }

  .localizaciones .select-location select {
      width: 95%;
  }

  /* CONTACTANOS */

  .contactanos .icon-box {
      width: 60%;
  }

  .contactanos .icon-box h4.title, .contactanos .icon-box .description {
      width: 80%;
  }

  .contactanos .marker-icon-servicio, .contactanos .marker-icon-website, .contactanos .marker-icon-telefono, .contactanos .marker-icon-oficina, .contactanos .marker-icon-negocios {
      margin-left: 30px;
  }

  /* COVID 19*/
  .covid19 .covid-box .icon-box img {
      width: 730px;
  }
}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
    padding: 60px 20px 60px 20px;
    background-color: #fff;
    opacity: 0.75;
    border: 1px solid #fff;
    border-radius: 4px;
    top: 40%;
}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
    padding: 60px 20px 60px 20px;
    background-color: #fff;
    opacity: 0.75;
    border: 1px solid #fff;
    border-radius: 4px;
    top: 40%;
}

/* === CONCURSOS === */

 .form-group select.form-control {
  text-overflow: "";
  text-indent: 0.01px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(/assets/img/dropdown_arrow.png) no-repeat #fff;
  background-position: 98%;
}
.uploader .selector .btn input[type='file'] {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  color: #333333;
}
input[type="file"] {
  display: block;
}
.uploader.ledger-uploader .instruction {
  padding-left: 0;
}
.uploader .instruction {
  text-align: center;
}