/**
  Importar todos los archivos dentro de cada carpeta
 */
/**
Utilities
 */
/*Nuevos*/
/*Yellow*/
/*Black*/
/*Gray*/
/**
Mixins for fonts
 */
/**
Vendors
 */
/**
Base
 */
/**
layout
 */
/**
Body Styles  
 */
/**
Navigation Styles
 */
.nav-container {
  height: inherit; }
  .nav-container .container {
    height: inherit; }
    .nav-container .container #menu {
      height: 100%;
      width: 100%;
      left: 0;
      right: 0; }
      @media (min-width: 992px) {
        .nav-container .container #menu:before {
          content: "";
          position: absolute;
          background: #3a3a3a;
          height: 100%;
          width: 100%;
          left: -85%;
          transform: skew(-20deg); } }
      @media (min-width: 1200px) {
        .nav-container .container #menu:before {
          left: -80%; } }
      @media (min-width: 1600px) {
        .nav-container .container #menu:before {
          left: -75%; } }
      @media (min-width: 768px) {
        .nav-container .container #menu {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; } }
      @media (min-width: 992px) {
        .nav-container .container #menu {
          flex-direction: row;
          align-items: center;
          position: relative;
          justify-content: space-between; } }
      .nav-container .container #menu .logo-header {
        width: max-content;
        display: flex;
        justify-content: center; }
        @media (min-width: 1200px) {
          .nav-container .container #menu .logo-header {
            margin-left: 25px; } }
        @media (min-width: 1600px) {
          .nav-container .container #menu .logo-header {
            margin-left: 35px; } }
        .nav-container .container #menu .logo-header a {
          z-index: 1; }
        .nav-container .container #menu .logo-header img {
          height: 52px;
          width: 100%; }
          @media (min-width: 1024px) {
            .nav-container .container #menu .logo-header img {
              height: 62px; } }
          @media (min-width: 1200px) {
            .nav-container .container #menu .logo-header img {
              height: 69px; } }
          @media (min-width: 1600px) {
            .nav-container .container #menu .logo-header img {
              height: auto;
              width: 100%; } }
      .nav-container .container #menu .r-nav .nav {
        display: flex;
        justify-content: space-between;
        height: 48px;
        align-items: center; }
        .nav-container .container #menu .r-nav .nav:before, .nav-container .container #menu .r-nav .nav:after {
          display: none; }
        @media (min-width: 992px) {
          .nav-container .container #menu .r-nav .nav li:first-of-type a {
            padding-left: 0; } }
        @media (min-width: 1024px) {
          .nav-container .container #menu .r-nav .nav {
            height: 58px; } }
        @media (min-width: 1200px) {
          .nav-container .container #menu .r-nav .nav {
            height: 63px; } }
        @media (min-width: 1600px) {
          .nav-container .container #menu .r-nav .nav {
            height: 50px; } }
        .nav-container .container #menu .r-nav .nav li {
          padding: 0;
          margin-right: 10px;
          transition: all .4s; }
          .nav-container .container #menu .r-nav .nav li:last-of-type {
            margin-right: 0; }
          .nav-container .container #menu .r-nav .nav li.active a {
            background: #373737;
            color: #AED900;
            position: relative;
            padding-top: 0;
            padding-bottom: 0; }
            .nav-container .container #menu .r-nav .nav li.active a:before {
              display: none; }
            @media (min-width: 992px) {
              .nav-container .container #menu .r-nav .nav li.active a {
                background: none;
                color: #3a3a3a; } }
            .nav-container .container #menu .r-nav .nav li.active a:after {
              content: "";
              position: absolute;
              bottom: -6px;
              width: 32px;
              height: 2px;
              left: 0;
              right: 0;
              margin: 0 auto;
              background: #3a3a3a; }
          .nav-container .container #menu .r-nav .nav li:hover {
            transition: all .4s; }
            .nav-container .container #menu .r-nav .nav li:hover a {
              color: #AED900; }
              @media (min-width: 992px) {
                .nav-container .container #menu .r-nav .nav li:hover a {
                  color: #3a3a3a; } }
          .nav-container .container #menu .r-nav .nav li:last-of-type a {
            padding-right: 0; }
          .nav-container .container #menu .r-nav .nav li a {
            font-size: 14px;
            padding: 11px 13px;
            line-height: 19px;
            height: max-content;
            color: white;
            background: #373737;
            font-family: "Open Sans", sans-serif;
            font-weight: 400; }
            @media (min-width: 992px) {
              .nav-container .container #menu .r-nav .nav li a {
                font-size: 15px;
                padding: 11px 15.75px;
                background: none;
                color: #3a3a3a; } }
            .nav-container .container #menu .r-nav .nav li a:hover:before {
              display: none; }
            @media (max-width: 1023px) {
              .nav-container .container #menu .r-nav .nav li a .rest {
                display: none; } }

/**
Header Styles
 */
.rd-mobilemenu_ul {
  background-color: #373737; }

.rd-mobilepanel {
  background: #373737;
  border-bottom: #373737; }
  .rd-mobilepanel .rd-mobilepanel_toggle.active span {
    background-color: transparent; }
  .rd-mobilepanel .rd-mobilepanel_toggle span, .rd-mobilepanel .rd-mobilepanel_toggle span:after, .rd-mobilepanel .rd-mobilepanel_toggle span:before {
    background-color: white; }
  .rd-mobilepanel .rd-mobilepanel_title #logoMovil img {
    height: 41px;
    object-fit: contain; }

@media (min-width: 768px) {
  #header {
    height: 130px; } }

@media (min-width: 1200px) {
  #header {
    height: 140px; } }

@media (min-width: 1600px) {
  #header {
    height: 150px; } }

#header #darkTop {
  background-color: #373737;
  height: 100%;
  position: relative; }
  @media (max-width: 767px) {
    #header #darkTop {
      display: none; } }
  @media (min-width: 992px) {
    #header #darkTop {
      background-color: #AED900; } }

/**
Footer Styles
 */
#footer-info .row1 {
  background-color: #1C1C1C; }
  #footer-info .row1.menu {
    padding: 15px 0; }
    @media (min-width: 1600px) {
      #footer-info .row1.menu {
        padding: 24.5px; } }
    #footer-info .row1.menu .list {
      display: flex;
      flex-direction: column;
      align-items: center;
      list-style: none; }
      @media (min-width: 340px) {
        #footer-info .row1.menu .list {
          display: grid;
          align-items: center;
          justify-items: center;
          grid-template-columns: repeat(2, 1fr); } }
      @media (min-width: 580px) {
        #footer-info .row1.menu .list {
          grid-template-columns: repeat(3, 1fr); } }
      @media (min-width: 992px) {
        #footer-info .row1.menu .list {
          display: flex;
          flex-direction: row;
          justify-content: space-between; } }
      #footer-info .row1.menu .list .list-item {
        height: inherit; }
        #footer-info .row1.menu .list .list-item a {
          color: white;
          font-family: "Open Sans", sans-serif;
          display: block;
          padding: 5px 0; }

#footer-info .row2 {
  background-color: #515151; }
  #footer-info .row2.direction {
    padding: 15px 0; }
    @media (min-width: 1024px) {
      #footer-info .row2.direction {
        padding: 16px 0; } }
    #footer-info .row2.direction .icon-mark {
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media (min-width: 580px) {
        #footer-info .row2.direction .icon-mark {
          flex-direction: row;
          justify-content: center; }
          #footer-info .row2.direction .icon-mark .text {
            margin-left: 10px; } }
      #footer-info .row2.direction .icon-mark img {
        width: max-content;
        padding-bottom: 10px; }
        @media (min-width: 992px) {
          #footer-info .row2.direction .icon-mark img {
            padding-bottom: 0; } }
      #footer-info .row2.direction .icon-mark .text {
        text-align: center;
        color: white;
        font-family: "Open Sans", sans-serif; }

#footer-info .row3 {
  background-color: #1C1C1C; }
  #footer-info .row3.social {
    padding: 15px 0; }
    @media (min-width: 1200px) {
      #footer-info .row3.social {
        padding: 20px 0; } }
    @media (min-width: 1600px) {
      #footer-info .row3.social {
        padding: 27.5px 0; } }
    #footer-info .row3.social .social-footer-list {
      display: flex;
      flex-direction: column;
      align-items: center;
      list-style: none; }
      @media (min-width: 340px) {
        #footer-info .row3.social .social-footer-list {
          flex-direction: row;
          justify-content: center; } }
      @media (min-width: 340px) {
        #footer-info .row3.social .social-footer-list .list-item {
          padding: 0 40px; }
          #footer-info .row3.social .social-footer-list .list-item:first-of-type {
            padding-left: 0; }
          #footer-info .row3.social .social-footer-list .list-item:last-of-type {
            padding-right: 0; } }
      @media (min-width: 1200px) {
        #footer-info .row3.social .social-footer-list .list-item {
          padding: 0 45px; } }
      #footer-info .row3.social .social-footer-list .list-item .facebook, #footer-info .row3.social .social-footer-list .list-item .instagram {
        transition: .3s; }
        #footer-info .row3.social .social-footer-list .list-item .facebook:hover, #footer-info .row3.social .social-footer-list .list-item .instagram:hover {
          filter: brightness(0.5);
          transition: .3s; }
      #footer-info .row3.social .social-footer-list .list-item a {
        display: block;
        text-align: center;
        padding: 5px 0; }
        @media (min-width: 992px) {
          #footer-info .row3.social .social-footer-list .list-item a {
            display: inline-block; } }
        #footer-info .row3.social .social-footer-list .list-item a img {
          width: max-content; }

/**
Footer Powered By Styles
 */
#footer {
  background-color: #AED900; }
  #footer .container {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 768px) {
      #footer .container {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        padding-top: 6px;
        padding-bottom: 6px; } }
    #footer .container .tfooter {
      color: black; }
      @media (min-width: 768px) {
        #footer .container .tfooter {
          margin-bottom: 0; } }
    #footer .container #powered {
      color: black; }
      @media (min-width: 768px) {
        #footer .container #powered {
          margin: unset; } }
      #footer .container #powered a {
        color: black; }

/**
Components
 */
#sliderTop {
  height: 25rem; }
  @media (min-width: 768px) {
    #sliderTop {
      margin-top: calc(130px + 47px);
      height: 454.5px; } }
  @media (min-width: 1024px) {
    #sliderTop {
      margin-top: calc(130px + 47px);
      height: 600px; } }
  @media (min-width: 1200px) {
    #sliderTop {
      margin-top: calc(140px + 57px);
      height: 700px; } }
  @media (min-width: 1600px) {
    #sliderTop {
      margin-top: calc(150px + 57px);
      height: 812px; } }
  #sliderTop .flexslider .slides li {
    position: relative; }
    #sliderTop .flexslider .slides li .container {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      height: auto; }
      #sliderTop .flexslider .slides li .container .caption {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        background: rgba(28, 28, 28, 0.8);
        height: max-content;
        text-align: center; }
        @media (max-width: 767px) {
          #sliderTop .flexslider .slides li .container .caption {
            top: unset; } }
        @media (min-width: 768px) {
          #sliderTop .flexslider .slides li .container .caption {
            /*Style*/ } }
        @media (min-width: 1024px) {
          #sliderTop .flexslider .slides li .container .caption {
            /*Style*/ } }
        @media (min-width: 1200px) {
          #sliderTop .flexslider .slides li .container .caption {
            /*Style*/ } }
        @media (min-width: 1600px) {
          #sliderTop .flexslider .slides li .container .caption {
            /*Style*/ } }
        #sliderTop .flexslider .slides li .container .caption .caption-title {
          font-family: "Open Sans", sans-serif;
          font-size: 16px;
          font-weight: 700;
          text-align: center;
          padding: 30px 0;
          line-height: 36.39px;
          color: white; }
          #sliderTop .flexslider .slides li .container .caption .caption-title span {
            font-size: 20.53px;
            line-height: 33px; }
          @media (max-width: 767px) {
            #sliderTop .flexslider .slides li .container .caption .caption-title {
              padding: 5px 0; } }
          @media (min-width: 580px) {
            #sliderTop .flexslider .slides li .container .caption .caption-title {
              font-size: 20px;
              line-height: 41.39px; }
              #sliderTop .flexslider .slides li .container .caption .caption-title span {
                font-size: 33.53px; } }
          @media (min-width: 768px) {
            #sliderTop .flexslider .slides li .container .caption .caption-title {
              font-size: 30px;
              padding: 65px 0;
              line-height: 46.39px; }
              #sliderTop .flexslider .slides li .container .caption .caption-title span {
                font-size: 51.53px; } }
          @media (min-width: 1024px) {
            #sliderTop .flexslider .slides li .container .caption .caption-title {
              font-size: 35px;
              padding: 75px 0;
              line-height: 51.39px; }
              #sliderTop .flexslider .slides li .container .caption .caption-title span {
                font-size: 56.53px; } }
          @media (min-width: 1600px) {
            #sliderTop .flexslider .slides li .container .caption .caption-title {
              line-height: 46px;
              padding: 85px 0; } }
          #sliderTop .flexslider .slides li .container .caption .caption-title .bold {
            font-weight: 800; }

.redes-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2; }
  @media (min-width: 768px) {
    .redes-mobile {
      display: none; } }
  .redes-mobile .redes-mobile-list {
    display: flex;
    width: 100%;
    list-style: none;
    justify-content: space-between; }
    .redes-mobile .redes-mobile-list .redes-mobile-list-item {
      width: 100%;
      background: #292929;
      border-left: 1px solid white; }
      .redes-mobile .redes-mobile-list .redes-mobile-list-item:first-child {
        border-left: 0; }
      .redes-mobile .redes-mobile-list .redes-mobile-list-item a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 2.8rem; }
        .redes-mobile .redes-mobile-list .redes-mobile-list-item a img {
          height: max-content;
          width: max-content; }

.title-1 {
  background: #AED900; }
  .title-1 .container h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #303030;
    padding: 1rem 0;
    text-align: center; }
    @media (min-width: 768px) {
      .title-1 .container h2 {
        font-size: 25.7px;
        line-height: 24px; } }
    @media (min-width: 992px) {
      .title-1 .container h2 {
        font-size: 33.4px;
        line-height: 38.75px; } }
    @media (min-width: 1024px) {
      .title-1 .container h2 {
        font-size: 41.1px;
        line-height: 53.5px; } }
    @media (min-width: 1200px) {
      .title-1 .container h2 {
        font-size: 48.8px;
        line-height: 68.25px; } }
    @media (min-width: 1600px) {
      .title-1 .container h2 {
        font-size: 56.53px;
        line-height: 83px;
        padding: 12px 0; } }

/* map Styles*/
.map iframe {
  width: 100%; }
  @media (min-width: 1200px) {
    .map iframe {
      height: 460px; } }
  @media (min-width: 1600px) {
    .map iframe {
      height: 571px; } }

.extra-info {
  padding: 1.5rem 0;
  max-width: 30rem;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .extra-info {
      max-width: 100%;
      background: #d9d9d9;
      padding: 10px 0; } }
  @media (min-width: 1200px) {
    .extra-info {
      padding: 15px 0; } }
  @media (max-width: 767px) {
    .extra-info.from-tablet {
      display: none; } }
  @media (min-width: 768px) {
    .extra-info.only-tel {
      display: none; } }
  .extra-info .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    grid-row-gap: .5rem; }
    @media (max-width: 767px) {
      .extra-info .container {
        padding: 0; } }
    @media (min-width: 768px) {
      .extra-info .container {
        display: flex;
        justify-content: flex-end; } }
  .extra-info .item {
    display: flex;
    align-items: center; }
    @media (min-width: 768px) {
      .extra-info .item {
        margin-left: 35px; }
        .extra-info .item:last-of-type {
          margin-left: 0; } }
    @media (min-width: 768px) {
      .extra-info .item:nth-of-type(1) {
        margin-left: 0; } }
    @media (min-width: 1200px) {
      .extra-info .item:nth-of-type(2) {
        margin-left: 92px; } }
    .extra-info .item:nth-of-type(3) {
      grid-column: 1/3; }
      @media (min-width: 1200px) {
        .extra-info .item:nth-of-type(3) {
          margin-left: 88px; } }
    .extra-info .item img {
      filter: invert(1);
      margin-right: 10px;
      width: max-content; }
      @media (min-width: 768px) {
        .extra-info .item img {
          filter: none;
          margin-left: 5px; } }
      @media (min-width: 1200px) {
        .extra-info .item img {
          margin-left: 7px; } }
    .extra-info .item a {
      color: white;
      font-family: "Montserrat", sans-serif; }
      @media (min-width: 768px) {
        .extra-info .item a {
          font-size: 14.3px;
          color: #3a3a3a; } }
  @media (max-width: 768px) {
    .extra-info .social {
      grid-column: 1/3; } }
  .extra-info .social .social-list {
    list-style: none;
    display: flex; }
    @media (min-width: 768px) {
      .extra-info .social .social-list {
        margin-left: 35px; } }
    @media (min-width: 1200px) {
      .extra-info .social .social-list {
        margin-left: 96px; } }
    .extra-info .social .social-list .social-item {
      margin-right: 10px; }
      @media (min-width: 1600px) {
        .extra-info .social .social-list .social-item {
          margin-right: 28px; } }
      .extra-info .social .social-list .social-item:last-of-type {
        margin-right: 0; }
      .extra-info .social .social-list .social-item a {
        color: white;
        font-family: "Montserrat", sans-serif; }
        @media (min-width: 768px) {
          .extra-info .social .social-list .social-item a {
            font-size: 14.3px;
            color: #3a3a3a; } }
        .extra-info .social .social-list .social-item a img {
          filter: invert(1); }
          @media (min-width: 768px) {
            .extra-info .social .social-list .social-item a img {
              filter: none; } }

/**
Views
 */
/**
Index Styles
 */
#mision-vision {
  padding: 2rem 0;
  background: #2C2C2C; }
  @media (min-width: 1024px) {
    #mision-vision {
      padding: 0; } }
  #mision-vision .content {
    display: flex;
    flex-direction: column-reverse; }
    #mision-vision .content .mision-vision {
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media (min-width: 768px) {
        #mision-vision .content .mision-vision {
          display: grid;
          grid-template-columns: repeat(2, 1fr); } }
      @media (min-width: 992px) {
        #mision-vision .content .mision-vision {
          grid-template-rows: repeat(2, 1fr);
          height: 429px; } }
      @media (min-width: 1024px) {
        #mision-vision .content .mision-vision {
          height: 529px; } }
      @media (min-width: 1200px) {
        #mision-vision .content .mision-vision {
          height: 677px; } }
      @media (min-width: 1600px) {
        #mision-vision .content .mision-vision {
          height: 877px; } }
      #mision-vision .content .mision-vision .mision, #mision-vision .content .mision-vision .vision {
        margin-top: 1rem;
        width: 100%;
        height: 10rem;
        display: flex;
        align-items: center; }
        @media (max-width: 768px) {
          #mision-vision .content .mision-vision .mision, #mision-vision .content .mision-vision .vision {
            max-width: 30rem; } }
        @media (min-width: 768px) {
          #mision-vision .content .mision-vision .mision, #mision-vision .content .mision-vision .vision {
            height: 100%; }
            #mision-vision .content .mision-vision .mision .container, #mision-vision .content .mision-vision .vision .container {
              width: 100%; } }
        @media (min-width: 992px) {
          #mision-vision .content .mision-vision .mision, #mision-vision .content .mision-vision .vision {
            margin-top: 0; } }
        @media (min-width: 1024px) {
          #mision-vision .content .mision-vision .mision, #mision-vision .content .mision-vision .vision {
            grid-column: 1/3;
            display: grid;
            grid-template-columns: 1fr 1fr; } }
        @media (min-width: 1200px) {
          #mision-vision .content .mision-vision .mision, #mision-vision .content .mision-vision .vision {
            grid-template-columns: auto 1080px auto; }
            #mision-vision .content .mision-vision .mision .container, #mision-vision .content .mision-vision .vision .container {
              grid-column: 2/3;
              width: 50%;
              margin-left: 0;
              padding-left: 0;
              padding-right: 0; } }
        #mision-vision .content .mision-vision .mision h1, #mision-vision .content .mision-vision .vision h1 {
          color: #AED900;
          font-size: 18px;
          padding: .5rem 0;
          text-align: center;
          font-family: "Open Sans", sans-serif;
          font-weight: 700; }
          @media (min-width: 768px) {
            #mision-vision .content .mision-vision .mision h1, #mision-vision .content .mision-vision .vision h1 {
              font-size: 21.4px; } }
          @media (min-width: 992px) {
            #mision-vision .content .mision-vision .mision h1, #mision-vision .content .mision-vision .vision h1 {
              font-size: 24.8px; } }
          @media (min-width: 1024px) {
            #mision-vision .content .mision-vision .mision h1, #mision-vision .content .mision-vision .vision h1 {
              font-size: 28.2px; } }
          @media (min-width: 1200px) {
            #mision-vision .content .mision-vision .mision h1, #mision-vision .content .mision-vision .vision h1 {
              text-align: left;
              font-size: 31.6px;
              margin-bottom: 51px; } }
          @media (min-width: 1600px) {
            #mision-vision .content .mision-vision .mision h1, #mision-vision .content .mision-vision .vision h1 {
              font-size: 35px;
              margin-bottom: 61px; } }
        #mision-vision .content .mision-vision .mision p, #mision-vision .content .mision-vision .vision p {
          color: white;
          line-height: 30px;
          text-align: center;
          font-family: "Open Sans", sans-serif;
          font-weight: normal; }
          @media (min-width: 768px) {
            #mision-vision .content .mision-vision .mision p, #mision-vision .content .mision-vision .vision p {
              line-height: 34.2px; } }
          @media (min-width: 992px) {
            #mision-vision .content .mision-vision .mision p, #mision-vision .content .mision-vision .vision p {
              line-height: 38.5px; } }
          @media (min-width: 1024px) {
            #mision-vision .content .mision-vision .mision p, #mision-vision .content .mision-vision .vision p {
              font-size: 15px;
              line-height: 42.8px; } }
          @media (min-width: 1200px) {
            #mision-vision .content .mision-vision .mision p, #mision-vision .content .mision-vision .vision p {
              text-align: left;
              line-height: 47.112px; } }
          @media (min-width: 1600px) {
            #mision-vision .content .mision-vision .mision p, #mision-vision .content .mision-vision .vision p {
              line-height: 51.39px; } }
      #mision-vision .content .mision-vision .mision {
        text-align: center;
        background: #303030;
        height: 14rem; }
        @media (min-width: 768px) {
          #mision-vision .content .mision-vision .mision {
            height: 100%; } }
        @media (min-width: 992px) {
          #mision-vision .content .mision-vision .mision {
            grid-row: 1/1; } }
      #mision-vision .content .mision-vision .vision {
        text-align: center;
        background: #262626; }
        @media (min-width: 992px) {
          #mision-vision .content .mision-vision .vision {
            grid-row: 2/3; } }
    #mision-vision .content .image {
      display: flex;
      justify-content: center; }
      @media (min-width: 768px) {
        #mision-vision .content .image {
          margin-bottom: 1rem; } }
      @media (min-width: 992px) {
        #mision-vision .content .image {
          position: absolute;
          right: 0;
          margin-bottom: 0; }
          #mision-vision .content .image picture {
            width: 100%; } }
      @media (min-width: 1024px) {
        #mision-vision .content .image {
          width: 50%; } }
      @media (min-width: 1200px) {
        #mision-vision .content .image {
          width: 51%; } }
      #mision-vision .content .image img {
        width: 100%;
        max-width: 30rem;
        height: 100%;
        display: block; }
        @media (min-width: 992px) {
          #mision-vision .content .image img {
            height: 429px;
            object-fit: cover;
            max-width: 100%; } }
        @media (min-width: 1024px) {
          #mision-vision .content .image img {
            height: 529px;
            object-fit: cover;
            object-position: left; } }
        @media (min-width: 1200px) {
          #mision-vision .content .image img {
            height: 677px; } }
        @media (min-width: 1600px) {
          #mision-vision .content .image img {
            height: 877px; } }

#valores {
  background: #2C2C2C; }
  #valores .valores {
    position: relative;
    height: 260px;
    background-image: url("../images/inicio/bgs/evento.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    @media (min-width: 768px) {
      #valores .valores {
        height: 332px; } }
    @media (min-width: 992px) {
      #valores .valores {
        height: 405px; } }
    @media (min-width: 1024px) {
      #valores .valores {
        height: 478px; } }
    @media (min-width: 1200px) {
      #valores .valores {
        height: 530px; } }
    @media (min-width: 1600px) {
      #valores .valores {
        height: 624px; } }
    #valores .valores img {
      width: 100%;
      height: 14rem;
      object-fit: cover; }
      @media (min-width: 1024px) {
        #valores .valores img {
          object-fit: contain;
          height: 100%; } }
    #valores .valores .text {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (min-width: 768px) {
        #valores .valores .text {
          top: 0; } }
      #valores .valores .text h2 {
        color: #303030;
        font-family: "Open Sans", sans-serif;
        font-size: 18px;
        font-weight: 700;
        background: rgba(178, 218, 0, 0.8);
        width: 100%;
        text-align: center;
        padding: 1rem 0; }
        @media (min-width: 768px) {
          #valores .valores .text h2 {
            font-size: 25.7px;
            line-height: 24px; } }
        @media (min-width: 992px) {
          #valores .valores .text h2 {
            font-size: 33.4px;
            line-height: 38.75px; } }
        @media (min-width: 1024px) {
          #valores .valores .text h2 {
            font-size: 41.1px;
            line-height: 53.5px; } }
        @media (min-width: 1200px) {
          #valores .valores .text h2 {
            font-size: 48.8px;
            line-height: 68.25px; } }
        @media (min-width: 1600px) {
          #valores .valores .text h2 {
            font-size: 56.53px;
            line-height: 83px; } }
  #valores .container .grid-valores {
    padding: 2rem 0; }
    @media (min-width: 1024px) {
      #valores .container .grid-valores {
        padding: 0;
        margin-top: -4rem;
        padding-bottom: 4rem; } }
    @media (min-width: 1200px) {
      #valores .container .grid-valores {
        margin-top: -6rem;
        padding-bottom: 6rem; } }
    @media (min-width: 1600px) {
      #valores .container .grid-valores {
        margin-top: -141px;
        padding-bottom: 111px; } }
    #valores .container .grid-valores .list {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      align-items: center;
      justify-items: center;
      grid-gap: .5rem; }
      @media (min-width: 768px) {
        #valores .container .grid-valores .list {
          grid-template-columns: repeat(4, 1fr); } }
      @media (min-width: 1600px) {
        #valores .container .grid-valores .list {
          grid-gap: 4rem; } }
      #valores .container .grid-valores .list .item-list:hover .icon {
        background: #AED900;
        transition: background-color .5s; }
      #valores .container .grid-valores .list .item-list .icon {
        background: white;
        width: 8rem;
        height: 8rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color .5s;
        margin: 0 auto; }
        @media (min-width: 1200px) {
          #valores .container .grid-valores .list .item-list .icon {
            width: 12rem;
            height: 12rem; } }
        @media (min-width: 1600px) {
          #valores .container .grid-valores .list .item-list .icon {
            width: 222px;
            height: 222px; } }
        #valores .container .grid-valores .list .item-list .icon img {
          width: 3.5rem; }
          @media (min-width: 1200px) {
            #valores .container .grid-valores .list .item-list .icon img {
              width: max-content; } }
      #valores .container .grid-valores .list .item-list p {
        font-family: "Open Sans", sans-serif;
        font-size: 20px;
        font-weight: 400;
        color: #bad800;
        padding: 10px 0;
        text-align: center; }
        @media (min-width: 768px) {
          #valores .container .grid-valores .list .item-list p {
            font-size: 23px; } }
        @media (min-width: 992px) {
          #valores .container .grid-valores .list .item-list p {
            font-size: 26px; } }
        @media (min-width: 1024px) {
          #valores .container .grid-valores .list .item-list p {
            font-size: 29px; } }
        @media (min-width: 1200px) {
          #valores .container .grid-valores .list .item-list p {
            padding-top: 27px;
            padding-bottom: 29px;
            font-size: 32px; } }
        @media (min-width: 1600px) {
          #valores .container .grid-valores .list .item-list p {
            padding-top: 30px;
            padding-bottom: 32px;
            font-size: 35px; } }

/**
Servicios Styles
 */
.servicio-banner {
  background: #AED900;
  padding: 2rem 0; }
  @media (min-width: 992px) {
    .servicio-banner {
      padding: 40px 0; } }
  @media (min-width: 1200px) {
    .servicio-banner {
      padding: 55px 0; } }
  @media (min-width: 1600px) {
    .servicio-banner {
      padding: 65px 0; } }
  .servicio-banner h2 {
    font-family: "Nunito", sans-serif;
    line-height: 25px;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    color: #262626; }
    @media (min-width: 768px) {
      .servicio-banner h2 {
        line-height: 30px; } }
    @media (min-width: 1024px) {
      .servicio-banner h2 {
        font-size: 30px;
        line-height: 30px; } }
    @media (min-width: 1200px) {
      .servicio-banner h2 {
        font-size: 34px; } }

.eventos {
  background: #303030;
  padding: 2.5rem 0; }
  @media (min-width: 1024px) {
    .eventos {
      padding: 50px 0 33px 0; } }
  @media (min-width: 1200px) {
    .eventos {
      padding: 72px 0 48px 0; } }
  @media (min-width: 1600px) {
    .eventos {
      padding: 90px 0 60px 0; } }
  .eventos .container {
    position: relative; }
    .eventos .container .arrows .prev, .eventos .container .arrows .next {
      width: max-content;
      height: max-content;
      position: absolute;
      bottom: 0;
      top: 0;
      margin: auto 0;
      z-index: 1;
      cursor: pointer; }
      .eventos .container .arrows .prev img, .eventos .container .arrows .next img {
        padding: 10px; }
    .eventos .container .arrows .prev {
      left: 0; }
    .eventos .container .arrows .next {
      right: 0; }
      @media (max-width: 768px) {
        .eventos .container .arrows .next {
          right: 10px; } }
    @media (min-width: 1024px) {
      .eventos .container .splide {
        padding: 0 35px; } }
    @media (min-width: 1600px) {
      .eventos .container .splide {
        padding: 0 40px; } }
    .eventos .container .splide .splide__track .splide__list .splide__slide {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .eventos .container .splide .splide__track .splide__list .splide__slide .image {
        height: 80px;
        width: 80px;
        background: #AED900;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (min-width: 768px) {
          .eventos .container .splide .splide__track .splide__list .splide__slide .image {
            height: 115.75px;
            width: 115.75px; } }
        @media (min-width: 1024px) {
          .eventos .container .splide .splide__track .splide__list .splide__slide .image {
            height: 151px;
            width: 151px; } }
        @media (min-width: 1200px) {
          .eventos .container .splide .splide__track .splide__list .splide__slide .image {
            height: 187px;
            width: 187px; } }
        @media (min-width: 1600px) {
          .eventos .container .splide .splide__track .splide__list .splide__slide .image {
            width: 223px;
            height: 223px; } }
        .eventos .container .splide .splide__track .splide__list .splide__slide .image img {
          width: 100%;
          height: 100%;
          padding: 1.1rem;
          object-fit: contain; }
          @media (min-width: 768px) {
            .eventos .container .splide .splide__track .splide__list .splide__slide .image img {
              padding: 2rem; } }
          @media (min-width: 1200px) {
            .eventos .container .splide .splide__track .splide__list .splide__slide .image img {
              padding: 3rem; } }
          @media (min-width: 1600px) {
            .eventos .container .splide .splide__track .splide__list .splide__slide .image img {
              padding: 3.5rem; } }
      .eventos .container .splide .splide__track .splide__list .splide__slide .text {
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        color: white;
        text-align: center;
        margin-top: 10px; }
        @media (min-width: 768px) {
          .eventos .container .splide .splide__track .splide__list .splide__slide .text {
            font-size: 15px; } }
        @media (min-width: 992px) {
          .eventos .container .splide .splide__track .splide__list .splide__slide .text {
            font-size: 16px; } }
        @media (min-width: 1024px) {
          .eventos .container .splide .splide__track .splide__list .splide__slide .text {
            font-size: 18px; } }
        @media (min-width: 1200px) {
          .eventos .container .splide .splide__track .splide__list .splide__slide .text {
            font-size: 20px; } }

.servicios-images {
  background: #262626; }
  .servicios-images .row-1 {
    /*Small Size*/
    padding-top: 3rem; }
    @media (min-width: 768px) {
      .servicios-images .row-1 {
        padding-top: 60px; } }
    @media (min-width: 1024px) {
      .servicios-images .row-1 {
        padding-top: 75px; } }
    @media (min-width: 1200px) {
      .servicios-images .row-1 {
        padding-top: 90px; } }
    @media (min-width: 1600px) {
      .servicios-images .row-1 {
        padding-top: 105px; } }
    .servicios-images .row-1 .images {
      display: flex;
      flex-direction: column;
      list-style: none;
      padding: 0 15px; }
      @media (min-width: 768px) {
        .servicios-images .row-1 .images {
          padding: 0; } }
      @media (min-width: 992px) {
        .servicios-images .row-1 .images {
          display: grid;
          grid-template-columns: repeat(2, 1fr); } }
      .servicios-images .row-1 .images .left-image, .servicios-images .row-1 .images .right-image {
        position: relative; }
        .servicios-images .row-1 .images .left-image img, .servicios-images .row-1 .images .right-image img {
          width: 100%;
          max-width: max-content; }
        .servicios-images .row-1 .images .left-image .image-caption, .servicios-images .row-1 .images .right-image .image-caption {
          position: absolute;
          bottom: 0;
          background: rgba(38, 38, 38, 0.75); }
          @media (min-width: 1024px) {
            .servicios-images .row-1 .images .left-image .image-caption, .servicios-images .row-1 .images .right-image .image-caption {
              width: 354px;
              height: 109px;
              display: flex;
              align-items: center;
              bottom: 30px; } }
          .servicios-images .row-1 .images .left-image .image-caption p, .servicios-images .row-1 .images .right-image .image-caption p {
            font-family: "Nunito", sans-serif;
            font-weight: normal;
            padding: 15px 15px;
            text-align: center;
            color: white; }
            @media (min-width: 1024px) {
              .servicios-images .row-1 .images .left-image .image-caption p, .servicios-images .row-1 .images .right-image .image-caption p {
                text-align: left; } }
            @media (min-width: 1200px) {
              .servicios-images .row-1 .images .left-image .image-caption p, .servicios-images .row-1 .images .right-image .image-caption p {
                font-size: 16px;
                line-height: 20px;
                padding: 17px 24px; } }
            @media (min-width: 1600px) {
              .servicios-images .row-1 .images .left-image .image-caption p, .servicios-images .row-1 .images .right-image .image-caption p {
                font-size: 18px; } }
      .servicios-images .row-1 .images .left-image {
        margin-bottom: 1rem; }
        @media (min-width: 992px) {
          .servicios-images .row-1 .images .left-image {
            margin-bottom: 0; } }
        @media (min-width: 1024px) {
          .servicios-images .row-1 .images .left-image .image-caption {
            right: 0; } }
      @media (min-width: 1024px) {
        .servicios-images .row-1 .images .right-image .image-caption {
          left: 0; } }
  .servicios-images .row-2 {
    padding: 2rem 0; }
    @media (min-width: 1200px) {
      .servicios-images .row-2.diff {
        padding: 39px 0; } }
    .servicios-images .row-2 .container .images {
      list-style: none;
      display: flex;
      align-items: center;
      flex-direction: column; }
      @media (min-width: 768px) {
        .servicios-images .row-2 .container .images {
          display: grid;
          grid-row-gap: 1rem;
          grid-template-columns: repeat(2, 1fr); } }
      @media (min-width: 992px) {
        .servicios-images .row-2 .container .images {
          grid-template-columns: repeat(3, 1fr);
          grid-row-gap: 0;
          grid-column-gap: 2rem; } }
      @media (min-width: 1024px) {
        .servicios-images .row-2 .container .images {
          grid-column-gap: 15px; } }
      .servicios-images .row-2 .container .images .image-item {
        display: flex;
        align-items: center;
        flex-direction: column; }
        @media (min-width: 768px) {
          .servicios-images .row-2 .container .images .image-item:last-of-type {
            grid-column: 1/-1; } }
        @media (min-width: 992px) {
          .servicios-images .row-2 .container .images .image-item:last-of-type {
            grid-column: auto; } }
        .servicios-images .row-2 .container .images .image-item img {
          width: 100%;
          max-width: max-content; }
        .servicios-images .row-2 .container .images .image-item .image-caption p {
          font-family: "Nunito", sans-serif;
          font-weight: normal;
          padding: 15px 20px;
          text-align: center;
          color: white; }
          @media (min-width: 340px) {
            .servicios-images .row-2 .container .images .image-item .image-caption p {
              padding: 15px 15px;
              width: 23rem; } }
          @media (min-width: 992px) {
            .servicios-images .row-2 .container .images .image-item .image-caption p {
              width: 100%;
              padding: 15px 0 0 0; } }
          @media (min-width: 1200px) {
            .servicios-images .row-2 .container .images .image-item .image-caption p {
              font-size: 16px;
              line-height: 20px; } }
          @media (min-width: 1600px) {
            .servicios-images .row-2 .container .images .image-item .image-caption p {
              font-size: 18px; } }
  .servicios-images .row-3 .image-parking {
    position: relative;
    height: 250px;
    background-image: url("../images/servicios/bgs/valetparking.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; }
    @media (min-width: 768px) {
      .servicios-images .row-3 .image-parking {
        height: 313px; } }
    @media (min-width: 992px) {
      .servicios-images .row-3 .image-parking {
        height: 376px; } }
    @media (min-width: 1024px) {
      .servicios-images .row-3 .image-parking {
        height: 400px; } }
    @media (min-width: 1200px) {
      .servicios-images .row-3 .image-parking {
        height: 450px; } }
    @media (min-width: 1600px) {
      .servicios-images .row-3 .image-parking {
        height: 565px; } }
    .servicios-images .row-3 .image-parking img {
      width: 100%;
      height: 18rem;
      object-fit: cover; }
      @media (min-width: 768px) {
        .servicios-images .row-3 .image-parking img {
          height: 100%; } }
    .servicios-images .row-3 .image-parking .container {
      position: absolute;
      bottom: 0;
      width: 100%;
      background: rgba(38, 38, 38, 0.75); }
      @media (min-width: 1024px) {
        .servicios-images .row-3 .image-parking .container {
          left: 0;
          right: 0;
          background: none;
          padding: 0;
          bottom: 34px; } }
      @media (min-width: 1024px) {
        .servicios-images .row-3 .image-parking .container .image-caption {
          width: 460px;
          background: rgba(38, 38, 38, 0.75); } }
      .servicios-images .row-3 .image-parking .container .image-caption p {
        font-family: "Nunito", sans-serif;
        font-weight: normal;
        padding: 15px 15px;
        text-align: center;
        color: white; }
        @media (min-width: 1024px) {
          .servicios-images .row-3 .image-parking .container .image-caption p {
            padding: 45px 0; } }
        @media (min-width: 1200px) {
          .servicios-images .row-3 .image-parking .container .image-caption p {
            font-size: 16px;
            line-height: 20px; } }
        @media (min-width: 1600px) {
          .servicios-images .row-3 .image-parking .container .image-caption p {
            font-size: 18px; } }

/*
Insumos Styles
*/
#insumos {
  background: #252525; }
  #insumos .title .container h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #C3E21D;
    text-align: center;
    padding: 1rem 0; }
    @media (max-width: 579px) {
      #insumos .title .container h2 {
        line-height: 48px; } }
    @media (min-width: 580px) {
      #insumos .title .container h2 {
        padding: 2rem 0; } }
    @media (min-width: 768px) {
      #insumos .title .container h2 {
        font-size: 25.7px;
        padding: 3rem 0; } }
    @media (min-width: 992px) {
      #insumos .title .container h2 {
        font-size: 33.4px; } }
    @media (min-width: 1024px) {
      #insumos .title .container h2 {
        padding: 48px 0;
        font-size: 41.1px; } }
    @media (min-width: 1200px) {
      #insumos .title .container h2 {
        padding: 50px 0;
        font-size: 48.8px; } }
    @media (min-width: 1600px) {
      #insumos .title .container h2 {
        font-size: 56.53px;
        line-height: 83px;
        padding: 51.5px 0; } }
  #insumos .grid-images .container .grid-insumos {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 768px) {
      #insumos .grid-images .container .grid-insumos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.5rem; } }
    @media (min-width: 1200px) {
      #insumos .grid-images .container .grid-insumos {
        grid-gap: 42px; } }
    #insumos .grid-images .container .grid-insumos .image {
      position: relative;
      margin-bottom: 1.5rem; }
      #insumos .grid-images .container .grid-insumos .image:last-of-type {
        margin-bottom: 0; }
      @media (min-width: 768px) {
        #insumos .grid-images .container .grid-insumos .image {
          margin-bottom: 0; } }
      @media (min-width: 1200px) {
        #insumos .grid-images .container .grid-insumos .image:nth-child(3) .image-caption h3 {
          font-size: 24.4px; } }
  @media (min-width: 1200px) and (min-width: 1600px) {
    #insumos .grid-images .container .grid-insumos .image:nth-child(3) .image-caption h3 {
      font-size: 28px; } }
      #insumos .grid-images .container .grid-insumos .image img {
        width: 100%;
        max-width: max-content;
        display: block; }
      #insumos .grid-images .container .grid-insumos .image .image-caption {
        position: absolute;
        bottom: 0;
        background: rgba(195, 226, 29, 0.8);
        width: 100%; }
        @media (min-width: 992px) {
          #insumos .grid-images .container .grid-insumos .image .image-caption {
            right: 0;
            width: 294px;
            height: 78px;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto 0; } }
        @media (min-width: 1600px) {
          #insumos .grid-images .container .grid-insumos .image .image-caption {
            bottom: 122px;
            top: unset; } }
        #insumos .grid-images .container .grid-insumos .image .image-caption h3 {
          font-size: 16px;
          color: #303030;
          text-align: center;
          padding: 1rem 0; }
          @media (min-width: 768px) {
            #insumos .grid-images .container .grid-insumos .image .image-caption h3 {
              font-size: 19.6px; } }
          @media (min-width: 992px) {
            #insumos .grid-images .container .grid-insumos .image .image-caption h3 {
              font-size: 23.2px; } }
          @media (min-width: 1024px) {
            #insumos .grid-images .container .grid-insumos .image .image-caption h3 {
              font-size: 26.8px; } }
          @media (min-width: 1200px) {
            #insumos .grid-images .container .grid-insumos .image .image-caption h3 {
              font-size: 30.4px; } }
          @media (min-width: 1600px) {
            #insumos .grid-images .container .grid-insumos .image .image-caption h3 {
              font-size: 34px; } }
  #insumos .podemos {
    padding: 1.5rem 0;
    margin: 0 auto; }
    @media (min-width: 580px) {
      #insumos .podemos {
        width: 33rem; } }
    @media (min-width: 768px) {
      #insumos .podemos {
        width: 100%;
        padding: 2rem 0; } }
    @media (min-width: 992px) {
      #insumos .podemos {
        width: 55rem; } }
    @media (min-width: 1024px) {
      #insumos .podemos {
        width: 880px; } }
    @media (min-width: 1200px) {
      #insumos .podemos {
        padding: 64px 0; } }
    @media (min-width: 992px) {
      #insumos .podemos .container {
        width: 100%; } }
    #insumos .podemos .container .text {
      background: #C3E21D;
      padding: .5rem;
      border-radius: 20px; }
      @media (min-width: 443px) {
        #insumos .podemos .container .text {
          border-radius: 50px; } }
      #insumos .podemos .container .text h4 {
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        color: #303030;
        text-align: center;
        padding: .5rem 1.5rem; }
        @media (min-width: 992px) {
          #insumos .podemos .container .text h4 {
            padding: .8rem 1.5rem; } }
        @media (min-width: 1024px) {
          #insumos .podemos .container .text h4 {
            font-size: 16px;
            padding: 20.5px 1.5rem; } }
  #insumos .servicio-personalizado {
    padding-bottom: 1.5rem; }
    @media (min-width: 768px) {
      #insumos .servicio-personalizado {
        padding-bottom: 2rem; } }
    @media (min-width: 1200px) {
      #insumos .servicio-personalizado {
        padding-bottom: 64px; } }
    @media (min-width: 1600px) {
      #insumos .servicio-personalizado {
        padding-bottom: 77px; } }
    #insumos .servicio-personalizado .container .grid-servicio {
      display: flex;
      flex-direction: column;
      list-style: none;
      align-items: flex-start;
      width: max-content;
      margin: 0 auto;
      max-width: 100%; }
      @media (min-width: 768px) {
        #insumos .servicio-personalizado .container .grid-servicio {
          display: grid;
          width: 100%;
          grid-template-columns: repeat(2, 1fr);
          grid-row-gap: 20px; } }
      @media (min-width: 1200px) {
        #insumos .servicio-personalizado .container .grid-servicio {
          grid-row-gap: 26px; } }
      #insumos .servicio-personalizado .container .grid-servicio .servicio-item {
        display: flex;
        margin-bottom: 10px; }
        #insumos .servicio-personalizado .container .grid-servicio .servicio-item:last-of-type {
          margin-bottom: 0; }
        @media (min-width: 768px) {
          #insumos .servicio-personalizado .container .grid-servicio .servicio-item {
            margin-bottom: 0;
            align-items: center; } }
        #insumos .servicio-personalizado .container .grid-servicio .servicio-item .number {
          width: 20px;
          height: 20px;
          background: #C3E21D;
          display: flex;
          justify-content: center;
          align-items: center;
          font-weight: 700;
          border-radius: 50%;
          margin-right: 10px;
          color: #303030;
          font-size: 16px; }
          @media (max-width: 419px) {
            #insumos .servicio-personalizado .container .grid-servicio .servicio-item .number {
              background: transparent;
              color: #C3E21D; } }
          @media (min-width: 768px) {
            #insumos .servicio-personalizado .container .grid-servicio .servicio-item .number {
              width: 25px;
              height: 25px; } }
          @media (min-width: 1024px) {
            #insumos .servicio-personalizado .container .grid-servicio .servicio-item .number {
              font-size: 18px;
              width: 30px;
              height: 30px; } }
          @media (min-width: 1200px) {
            #insumos .servicio-personalizado .container .grid-servicio .servicio-item .number {
              font-size: 20px;
              width: 40px;
              height: 40px; } }
          @media (min-width: 1600px) {
            #insumos .servicio-personalizado .container .grid-servicio .servicio-item .number {
              width: 48px;
              height: 48px; } }
        #insumos .servicio-personalizado .container .grid-servicio .servicio-item .text {
          font-family: "Open Sans", sans-serif;
          font-size: 16px;
          font-weight: normal;
          text-align: left;
          color: white; }
          @media (min-width: 1024px) {
            #insumos .servicio-personalizado .container .grid-servicio .servicio-item .text {
              font-size: 18px; } }
          @media (min-width: 1200px) {
            #insumos .servicio-personalizado .container .grid-servicio .servicio-item .text {
              font-size: 20px; } }
  #insumos .nuestros-clientes {
    background: #e1e1e1; }
    #insumos .nuestros-clientes .container {
      position: relative; }
      #insumos .nuestros-clientes .container .arrows .prev, #insumos .nuestros-clientes .container .arrows .next {
        width: max-content;
        height: max-content;
        position: absolute;
        bottom: 0;
        top: 0;
        margin: auto 0;
        z-index: 1;
        cursor: pointer; }
        #insumos .nuestros-clientes .container .arrows .prev img, #insumos .nuestros-clientes .container .arrows .next img {
          padding: 10px; }
      #insumos .nuestros-clientes .container .arrows .prev {
        left: 0; }
      #insumos .nuestros-clientes .container .arrows .next {
        right: 0;
        /*@include media('<=tablet') {
            right: 10px;
          }*/ }
      #insumos .nuestros-clientes .container .splide {
        padding: 40px 20px; }
        @media (min-width: 768px) {
          #insumos .nuestros-clientes .container .splide {
            padding: 50px 0; } }
        @media (min-width: 1024px) {
          #insumos .nuestros-clientes .container .splide {
            padding: 60px 35px; } }
        @media (min-width: 1600px) {
          #insumos .nuestros-clientes .container .splide {
            padding: 76px 40px; } }
        #insumos .nuestros-clientes .container .splide .splide__track .splide__list {
          align-items: center; }
          #insumos .nuestros-clientes .container .splide .splide__track .splide__list .splide__slide {
            display: flex;
            flex-direction: column;
            align-items: center; }
            #insumos .nuestros-clientes .container .splide .splide__track .splide__list .splide__slide .image {
              display: flex;
              justify-content: center;
              align-items: center; }
  #insumos .fondo-insumos img {
    width: 100%;
    object-fit: cover;
    max-width: max-content; }

#video {
  padding: 2rem 0;
  background: #252525; }
  @media (min-width: 768px) {
    #video {
      padding: 3rem 0; } }
  @media (min-width: 1200px) {
    #video {
      padding: 75px 0; } }
  @media (min-width: 1200px) {
    #video .container {
      padding: 0 32px; } }
  #video .container .video-player {
    display: flex;
    justify-content: center;
    align-items: center; }
    #video .container .video-player iframe {
      border-radius: 5px; }
      @media (max-width: 579px) {
        #video .container .video-player iframe {
          height: 100%; } }

/*
Contacto Styles
*/
#formTop {
  background: #252525; }
  @media (min-width: 768px) {
    #formTop {
      padding: 80px; } }
  @media (min-width: 1200px) {
    #formTop {
      padding: 105px; } }
  @media (min-width: 768px) {
    #formTop .form-control.textarea {
      height: 110px; } }
  @media (min-width: 1024px) {
    #formTop .form-control.textarea {
      height: 150px; } }
  @media (min-width: 1200px) {
    #formTop .form-control.textarea {
      height: 180px; } }
  @media (min-width: 1600px) {
    #formTop .form-control.textarea {
      height: 214px; } }
  @media (min-width: 768px) {
    #formTop .form-control {
      height: 50px; } }
  @media (min-width: 1024px) {
    #formTop .form-control {
      height: 60px; } }
  @media (min-width: 1200px) {
    #formTop .form-control {
      height: 70px; } }
  @media (min-width: 1600px) {
    #formTop .form-control {
      height: 80px; } }
  #formTop #frmContacto input[type=submit], #formTop #frmContacto input[type=reset] {
    background: #C3E21D;
    border-radius: 0;
    margin: 0 auto;
    display: block;
    color: #303030; }
    @media (min-width: 1024px) {
      #formTop #frmContacto input[type=submit], #formTop #frmContacto input[type=reset] {
        height: 57px;
        width: 178px; } }
    @media (min-width: 1200px) {
      #formTop #frmContacto input[type=submit], #formTop #frmContacto input[type=reset] {
        height: 67px;
        width: 188px; } }
  #formTop input, #formTop textarea, #formTop select {
    background: #d9d9d9;
    font-family: "Open Sans", sans-serif !important;
    font-weight: normal;
    color: #656565; }
    #formTop input::placeholder, #formTop textarea::placeholder, #formTop select::placeholder {
      color: #656565; }
    @media (min-width: 1024px) {
      #formTop input, #formTop textarea, #formTop select {
        font-size: 16px !important; } }

/*
Galery Styles
*/
#galeria {
  background: #303030;
  padding: 2rem 0; }
  @media (min-width: 1200px) {
    #galeria {
      padding: 40px 0; } }
  @media (min-width: 1600px) {
    #galeria {
      padding: 57px 0; } }
  #galeria .container .gallery-grid {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 768px) {
      #galeria .container .gallery-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1rem;
        align-items: center;
        justify-items: center; } }
    @media (min-width: 992px) {
      #galeria .container .gallery-grid {
        grid-template-columns: repeat(3, 1fr); } }
    @media (min-width: 1024px) {
      #galeria .container .gallery-grid {
        grid-gap: 23px; } }
    #galeria .container .gallery-grid .item {
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        #galeria .container .gallery-grid .item {
          margin-bottom: 0;
          width: 100%; } }
      #galeria .container .gallery-grid .item .image .img-gallery-item a img {
        width: 100%;
        height: 100%;
        display: block; }

/**
Themes
 */