/*
Theme Name: Prolec
Theme URI: http://www.aktien.mx
Author: AKTIEN
Author URI: http://www.aktien.mx
Description: Prolec
Version: 1.0
Text Domain: prolec
*/


@charset "UTF-8";
/*======================================================================*
*
* Desarrollo Web Prolec
* Copyright 2020
*
*======================================================================*/
/*======================================================================*
Nucleo //
*======================================================================*/
/*=========================================================================
*    Nucleo Principal
*=========================================================================*/
@media (min-width: 320px) {
  .noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .noMargin {
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 768px) {
  a,
  div,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  li,
  p,
  span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility; } }

/*=========================================================================
*     Contenedor Adaptado
*=========================================================================*/
@media (min-width: 768px) {
  .container {
    max-width: 100% !important; } }

@media (min-width: 992px) {
  .container {
    max-width: 100% !important; } }

@media (min-width: 1366px) {
  .container {
    max-width: 1040px !important; } }

@media (min-width: 1600px) {
  .container {
    max-width: 1140px !important; } }

/*=========================================================================
*     Contenedor Nav Adaptado
*=========================================================================*/
@media (min-width: 320px) {
  .containerNav {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; } }

@media (min-width: 576px) {
  .containerNav {
    max-width: 100%; } }

@media (min-width: 768px) {
  .containerNav {
    max-width: 100% !important; } }

@media (min-width: 992px) {
  .containerNav {
    max-width: 100% !important; } }

@media (min-width: 1366px) {
  .containerNav {
    max-width: 1200px !important; } }

@media (min-width: 1600px) {
  .containerNav {
    max-width: 1350px !important; } }

/*=========================================================================
*     Contenedor XL
*=========================================================================*/
@media (min-width: 320px) {
  .containerXL {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; } }

@media (min-width: 576px) {
  .containerXL {
    max-width: 100%; } }

@media (min-width: 768px) {
  .containerXL {
    max-width: 100% !important; } }

@media (min-width: 992px) {
  .containerXL {
    max-width: 100% !important; } }

@media (min-width: 1366px) {
  .containerXL {
    max-width: 1280px !important; } }

@media (min-width: 1600px) {
  .containerXL {
    max-width: 1350px !important; } }

/*=========================================================================
*     Contenedor LG
*=========================================================================*/
@media (min-width: 320px) {
  .containerLG {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; } }

@media (min-width: 576px) {
  .containerLG {
    max-width: 100%; } }

@media (min-width: 768px) {
  .containerLG {
    max-width: 100% !important; } }

@media (min-width: 992px) {
  .containerLG {
    max-width: 100% !important; } }

@media (min-width: 1366px) {
  .containerLG {
    max-width: 1200px !important; } }

/*=========================================================================
*     Contenedor PDF
*=========================================================================*/
@media (min-width: 320px) {
  .containerFicha {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; } }

@media (min-width: 576px) {
  .containerFicha {
    max-width: 100%; } }

@media (min-width: 768px) {
  .containerFicha {
    max-width: 730px; } }

/*=========================================================================
*     Display
*=========================================================================*/
@media (min-width: 320px) {
  .dn-sm-db-lg {
    display: none; } }

@media (min-width: 992px) {
  .dn-sm-db-lg {
    display: block; } }

@media (min-width: 992px) {
  .db-sm-dn-lg {
    display: none; } }

/*=========================================================================
*     Contenedor XL Footer
*=========================================================================*/
@media (min-width: 320px) {
  .containerXLFooter {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; } }

@media (min-width: 576px) {
  .containerXLFooter {
    max-width: 100%; } }

@media (min-width: 768px) {
  .containerXLFooter {
    max-width: 100% !important; } }

@media (min-width: 992px) {
  .containerXLFooter {
    max-width: 100% !important; } }

@media (min-width: 1366px) {
  .containerXLFooter {
    max-width: 1280px !important; } }

@media (min-width: 1600px) {
  .containerXLFooter {
    max-width: 1550px !important; } }

/*======================================================================*
Secciones Generales //
*======================================================================*/
/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Header Prolec
*======================================================================*/
.header-prolec {
  float: left;
  position: relative;
  width: 100%;
  z-index: 999;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  margin-top: 0; }

.header-divisiones-prolec {
  float: left;
  position: relative;
  width: 100%;
  height: 32px;
  background-color: #fff;
  z-index: 200; }
  .header-divisiones-prolec:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #19e184;
    background: -webkit-gradient(linear, left bottom, left top, from(#19e184), color-stop(80%, #8854ff));
    background: -webkit-linear-gradient(bottom, #19e184 0%, #8854ff 80%);
    background: -o-linear-gradient(bottom, #19e184 0%, #8854ff 80%);
    background: linear-gradient(0deg, #19e184 0%, #8854ff 80%);
    background: -webkit-linear-gradient(0deg, #19e184 0%, #8854ff 80%);
    background: -moz-linear-gradient(0deg, #19e184 0%, #8854ff 80%); }

@media (min-width: 320px) {
  .innerHeader-divisiones-prolec {
    position: relative;
    min-width: 320px;
    float: left;
    width: 100%;
    height: 32px; } }

@media (min-width: 768px) {
  .innerHeader-divisiones-prolec {
    min-width: 320px;
    width: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }

.nav-Divisiones-Prolec {
  float: left;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0; }

.nav-Divisiones-Prolec ul {
  list-style: none;
  width: 100%;
  box-shadow: 1px 9px 18px -2px rgba(0, 0, 0, 0.27);
  -webkit-box-shadow: 1px 9px 18px -2px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 1px 9px 18px -2px rgba(0, 0, 0, 0.27); }

.nav-Divisiones-Prolec > li {
  float: left;
  display: block;
  width: 100%; }

.nav-Divisiones-Prolec li .contExpandDivisiones {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 7px 15px;
  width: 100%;
  text-decoration: none;
  font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
  font-size: 12px;
  text-align: center;
  letter-spacing: 2px;
  color: #000028;
  cursor: pointer; }
  .nav-Divisiones-Prolec li .contExpandDivisiones:hover {
    text-decoration: none;
    color: #000028; }

.iconDivisiones {
  position: relative;
  float: right;
  width: 10px;
  height: 6px;
  margin-left: 12px; }
  .iconDivisiones .iconDropDown {
    width: 100%;
    vertical-align: top;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }

.iconDropTop {
  width: 100%;
  vertical-align: top;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important; }

.nav-Divisiones-Prolec ul {
  position: absolute;
  margin: 0;
  padding: 0;
  display: none;
  z-index: 999;
  background-color: #19e184;
  border-bottom: 2px solid #000028; }

.nav-Divisiones-Prolec ul li {
  width: 100%; }

@media (min-width: 320px) {
  .nav-Divisiones-Prolec ul li .itemDivisiones-prolec {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 20px 15px;
    font-size: 25px;
    line-height: 50px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    font-family: 'NeueMachina-Light', serif, sans-serif; }
    .nav-Divisiones-Prolec ul li .itemDivisiones-prolec:hover {
      color: #000028; }
      .nav-Divisiones-Prolec ul li .itemDivisiones-prolec:hover::after {
        content: '';
        position: absolute;
        width: 10%;
        height: 1px;
        left: 15px;
        bottom: 10px;
        background-color: #000028; } }

@media (min-width: 768px) {
  .nav-Divisiones-Prolec ul li .itemDivisiones-prolec {
    padding: 10px 15px; } }

@media (min-width: 320px) {
  .nav-prolec {
    float: left;
    position: relative;
    width: 100%;
    z-index: 100;
    padding: 20px 0;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

@media (min-width: 992px) {
  .nav-prolec {
    height: 105px; } }

@media (min-width: 320px) {
  .nav-prolec .navbar {
    padding: 0 !important; } }

@media (min-width: 992px) {
  .nav-prolec .navbar {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; } }

.nav-prolec .navbar .dropdown-toggle::after {
  display: none; }

@media (min-width: 320px) {
  .nav-prolec .navbar .nav-link {
    font-family: 'NeueMachina-Ultrabold', serif, sans-serif;
    font-size: 14px;
    color: #000028;
    letter-spacing: 1px; } }

@media (min-width: 992px) {
  .nav-prolec .navbar .nav-link {
    font-size: 12px; } }

@media (min-width: 1366px) {
  .nav-prolec .navbar .nav-link {
    font-size: 14px; } }

.nav-prolec .navbar .nav-link:hover {
  text-decoration: none;
  color: #000028; }

.nav-prolec .navbar .dropdown-item {
  font-family: 'NeueMachina-Ultrabold', serif, sans-serif;
  font-size: 14px;
  color: #000028;
  letter-spacing: 1px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  .nav-prolec .navbar .dropdown-item:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000028; }

@media (min-width: 320px) {
  .vmas-mobile-prolec {
    font-family: 'NeueMachina-Ultrabold', serif, sans-serif;
    font-size: 14px;
    color: #000028;
    letter-spacing: 1px;
    margin: 0; } }

@media (min-width: 992px) {
  .vmas-mobile-prolec {
    display: none; } }

div#footer_language_list {
  position: relative;
  float: left;
  width: 100%; }
  div#footer_language_list ul {
    padding: 10px;
    list-style: none;
    margin: 0; }
    div#footer_language_list ul li {
      margin-bottom: 10px;
      font-family: 'NeueMachina-Ultrabold', serif, sans-serif;
      font-size: 14px;
      color: #000028;
      letter-spacing: 1px;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      div#footer_language_list ul li:last-child {
        margin-bottom: 0; }
      div#footer_language_list ul li a {
        color: #000028; }
        div#footer_language_list ul li a:hover {
          color: #8854ff;
          text-decoration: none; }
      div#footer_language_list ul li:hover {
        color: #8854ff; }

span.icl_lang_sel_translated {
  font-size: 10px;
  color: gray; }

span.icl_lang_sel_current.icl_lang_sel_native {
  color: #8854ff;
  font-family: 'NeueMachina-Ultrabold', serif, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

@media (min-width: 320px) {
  .header-prolec .dropdown-menu.show,
  .headerV2-prolec .dropdown-menu.show {
    display: block;
    -webkit-animation: fadeIn 0.7s;
    animation: fadeIn 0.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    padding: 0;
    box-shadow: 1px 3px 16px -4px rgba(0, 0, 0, 0.43);
    -webkit-box-shadow: 1px 3px 16px -4px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 1px 3px 16px -4px rgba(0, 0, 0, 0.43);
    border: none;
    left: auto !important;
    right: 0 !important;
    top: 25px !important; } }

@media (min-width: 768px) {
  .header-prolec .dropdown-menu.show,
  .headerV2-prolec .dropdown-menu.show {
    top: 35px !important; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.navbar-brand-prolec {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }

@media (min-width: 320px) {
  .iconNavBar-Brand {
    width: 140px; } }

@media (min-width: 992px) {
  .iconNavBar-Brand {
    width: 170px; } }

.iconNavBar-Brand img {
  width: 100%;
  vertical-align: top; }

@media (min-width: 992px) {
  .nav-prolec .navbar-collapse {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }

@media (min-width: 320px) {
  .settings-Nav-Prolec {
    position: relative;
    float: left;
    width: auto; } }

@media (min-width: 320px) {
  .idioma-nav-prolec,
  .search-nav-prolec {
    width: 24px;
    height: 24px;
    position: relative;
    background-color: transparent !important;
    padding: 0;
    border: 0 !important;
    float: left; } }

@media (min-width: 992px) {
  .idioma-nav-prolec,
  .search-nav-prolec {
    width: 28px;
    height: 28px; } }

.idioma-nav-prolec img,
.search-nav-prolec img {
  width: 100%;
  vertical-align: top; }

.btn-secondary.focus, .btn-secondary:focus {
  -webkit-box-shadow: transparent !important;
  box-shadow: transparent !important; }

@media (min-width: 320px) {
  .idioma-nav-prolec {
    margin-right: 20px; } }

@media (min-width: 992px) {
  .idioma-nav-prolec {
    margin-right: 0; } }

@media (min-width: 320px) {
  .search-nav-prolec {
    margin-right: 20px; } }

@media (min-width: 992px) {
  .search-nav-prolec {
    margin-right: 45px; } }

@media (min-width: 320px) {
  .center-prolec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0; } }

@media (min-width: 992px) {
  .center-prolec {
    padding: 0; } }

@media (min-width: 320px) {
  .center-prolec li {
    width: 100%;
    text-align: center;
    padding: 10px 0; } }

@media (min-width: 992px) {
  .center-prolec li {
    padding: 0 3px;
    width: auto;
    text-align: left; } }

.center-prolec li.active .nav-link {
  color: #8854ff !important;
  position: relative; }
  @media (min-width: 320px) {
    .center-prolec li.active .nav-link::after {
      content: '';
      width: 40px;
      height: 1px;
      bottom: 3px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      background-color: #8854ff;
      position: absolute; } }
  @media (min-width: 992px) {
    .center-prolec li.active .nav-link::after {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      left: 0.5rem; } }

@media (min-width: 992px) {
  .center-prolec li.nav-item.dropdown {
    margin-top: -2px; } }

@media (min-width: 320px) {
  .center-prolec li.nav-item.dropdown a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0; } }

@media (min-width: 992px) {
  .center-prolec li.nav-item.dropdown a {
    width: auto;
    display: block;
    padding: 15px; } }

@media (min-width: 320px) {
  .iconDropDown-nav-prolec {
    width: 14px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    margin-left: 10px; } }

@media (min-width: 992px) {
  .iconDropDown-nav-prolec {
    margin-top: auto;
    margin-left: auto;
    width: 20px; } }

.iconDropDown-nav-prolec .iconDD-nav-prolec {
  width: 100%;
  vertical-align: top;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.nav-link[aria-expanded="true"] .iconDD-nav-prolec {
  width: 100%;
  vertical-align: top;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

@media (min-width: 320px) {
  .wrapper-menuBtn-mobile {
    position: relative;
    float: left;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

@media (min-width: 992px) {
  .wrapper-menuBtn-mobile {
    display: none; } }

.wrapper-menuBtn-mobile .navbar-toggler {
  padding: 0 !important;
  outline: none;
  border: none !important; }

.icon-nav-toggle {
  width: 25px; }
  .icon-nav-toggle img {
    width: 100%; }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Header Prolec
*======================================================================*/
@media (min-width: 320px) {
  .headerV2-prolec {
    position: relative;
    float: left;
    width: 100%;
    z-index: 999;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    background-color: #fff;
    margin-top: 0; } }

@media (min-width: 992px) {
  .headerV2-prolec {
    position: absolute;
    background-color: transparent; } }

@media (min-width: 320px) {
  .headerV2-background-prolec {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px); } }

@media (min-width: 992px) {
  .headerV2-background-prolec {
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none; } }

@media (min-width: 320px) {
  .headerV2-divisiones-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 32px;
    background-color: transparent;
    z-index: 200;
    border-bottom: 1px solid #000; } }

@media (min-width: 992px) {
  .headerV2-divisiones-prolec {
    border-bottom: 1px solid #fff; } }

@media (min-width: 320px) {
  .headerV2-divisiones-prolec .innerHeader-divisiones-prolec {
    position: relative;
    min-width: 320px;
    float: left;
    width: 100%;
    height: 32px; } }

@media (min-width: 768px) {
  .headerV2-divisiones-prolec .innerHeader-divisiones-prolec {
    min-width: 320px;
    width: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }

.headerV2-divisiones-prolec .nav-Divisiones-Prolec {
  float: left;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0; }

.headerV2-divisiones-prolec .nav-Divisiones-Prolec ul {
  list-style: none;
  width: 100%; }

.headerV2-divisiones-prolec .nav-Divisiones-Prolec > li {
  float: left;
  display: block;
  width: 100%; }

@media (min-width: 320px) {
  .headerV2-divisiones-prolec .nav-Divisiones-Prolec li .contExpandDivisiones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px 15px;
    width: 100%;
    text-decoration: none;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    font-size: 12px;
    text-align: center;
    letter-spacing: 2px;
    color: #000;
    cursor: pointer; }
    .headerV2-divisiones-prolec .nav-Divisiones-Prolec li .contExpandDivisiones:hover {
      text-decoration: none;
      color: #000; } }

@media (min-width: 992px) {
  .headerV2-divisiones-prolec .nav-Divisiones-Prolec li .contExpandDivisiones {
    color: #fff; }
    .headerV2-divisiones-prolec .nav-Divisiones-Prolec li .contExpandDivisiones:hover {
      text-decoration: none;
      color: #fff; } }

.headerV2-divisiones-prolec .iconDivisiones {
  position: relative;
  float: right;
  width: 10px;
  height: 6px;
  margin-left: 12px; }
  @media (min-width: 320px) {
    .headerV2-divisiones-prolec .iconDivisiones .iconDropDown {
      display: none; } }
  @media (min-width: 992px) {
    .headerV2-divisiones-prolec .iconDivisiones .iconDropDown {
      display: block;
      width: 100%;
      vertical-align: top;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); } }
  @media (min-width: 320px) {
    .headerV2-divisiones-prolec .iconDivisiones .iconDropBlackDown {
      width: 100%;
      vertical-align: top;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); } }
  @media (min-width: 992px) {
    .headerV2-divisiones-prolec .iconDivisiones .iconDropBlackDown {
      display: none; } }

.headerV2-divisiones-prolec .iconDropTop {
  width: 100%;
  vertical-align: top;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important; }

@media (min-width: 320px) {
  .headerV2-divisiones-prolec .nav-Divisiones-Prolec ul {
    position: absolute;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 999;
    background-color: #fff; } }
  @media (min-width: 320px) and (min-width: 992px) {
    .headerV2-divisiones-prolec .nav-Divisiones-Prolec ul {
      background-color: rgba(0, 0, 40, 0.6);
      -webkit-backdrop-filter: saturate(180%) blur(20px);
      backdrop-filter: saturate(180%) blur(20px); } }

.headerV2-divisiones-prolec .nav-Divisiones-Prolec ul li {
  width: 100%; }
  .headerV2-divisiones-prolec .nav-Divisiones-Prolec ul li:last-child a {
    border-bottom: 1px solid transparent; }

@media (min-width: 320px) {
  .headerV2-divisiones-prolec .nav-Divisiones-Prolec ul li .itemDivisiones-prolec {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 20px 15px;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 40, 0.2);
    color: #000028;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif; }
    .headerV2-divisiones-prolec .nav-Divisiones-Prolec ul li .itemDivisiones-prolec:hover {
      background-color: #000028;
      color: #fff; } }

@media (min-width: 768px) {
  .headerV2-divisiones-prolec .nav-Divisiones-Prolec ul li .itemDivisiones-prolec {
    padding: 10px 15px; } }

@media (min-width: 992px) {
  .headerV2-divisiones-prolec .nav-Divisiones-Prolec ul li .itemDivisiones-prolec {
    padding: 10px 15px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); } }

@media (min-width: 992px) {
  .iconWrapperBTNMobile {
    display: none; } }

@media (min-width: 320px) {
  .iconWrapperBTNDesktop {
    display: none; } }

@media (min-width: 992px) {
  .iconWrapperBTNDesktop {
    display: block; } }

@media (min-width: 320px) {
  .nav-prolec-V2 {
    float: left;
    position: relative;
    width: 100%;
    z-index: 100;
    padding: 20px 0;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

@media (min-width: 992px) {
  .nav-prolec-V2 {
    height: 105px; } }

@media (min-width: 320px) {
  .nav-prolec-V2 .navbar {
    padding: 0 !important; } }

@media (min-width: 992px) {
  .nav-prolec-V2 .navbar {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; } }

.nav-prolec-V2 .navbar .dropdown-toggle::after {
  display: none; }

@media (min-width: 320px) {
  .nav-prolec-V2 .navbar .nav-link {
    font-family: 'NeueMachina-Ultrabold', serif, sans-serif;
    font-size: 14px;
    color: #000;
    letter-spacing: 1px; }
    .nav-prolec-V2 .navbar .nav-link:hover {
      text-decoration: none;
      color: #000; } }

@media (min-width: 992px) {
  .nav-prolec-V2 .navbar .nav-link {
    color: #fff;
    font-size: 12px; }
    .nav-prolec-V2 .navbar .nav-link:hover {
      color: #fff; } }

@media (min-width: 1366px) {
  .nav-prolec-V2 .navbar .nav-link {
    font-size: 14px; } }

.nav-prolec-V2 .navbar .dropdown-item {
  font-family: 'NeueMachina-Ultrabold', serif, sans-serif;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  .nav-prolec-V2 .navbar .dropdown-item:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000028; }

@media (min-width: 320px) {
  .nav-prolec-V2 .vmas-mobile-prolec {
    font-family: 'NeueMachina-Ultrabold', serif, sans-serif;
    font-size: 14px;
    color: #000;
    letter-spacing: 1px;
    margin: 0; } }

@media (min-width: 992px) {
  .nav-prolec-V2 .vmas-mobile-prolec {
    display: none; } }

@media (min-width: 320px) {
  .nav-prolec-V2 .dropdown-menu.show {
    display: block;
    -webkit-animation: fadeIn 0.7s;
    animation: fadeIn 0.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    padding: 0;
    box-shadow: 1px 3px 16px -4px rgba(0, 0, 0, 0.43);
    -webkit-box-shadow: 1px 3px 16px -4px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 1px 3px 16px -4px rgba(0, 0, 0, 0.43);
    border: none;
    background-color: #fff; } }
  @media (min-width: 320px) and (min-width: 992px) {
    .nav-prolec-V2 .dropdown-menu.show {
      background-color: rgba(0, 0, 40, 0.6);
      -webkit-backdrop-filter: saturate(180%) blur(20px);
      backdrop-filter: saturate(180%) blur(20px); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.navbar-brand-prolec {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }

@media (min-width: 320px) {
  .iconNavBar-Brand {
    width: 140px; } }

@media (min-width: 992px) {
  .iconNavBar-Brand {
    width: 170px; } }

.iconNavBar-Brand img {
  width: 100%;
  vertical-align: top; }

@media (min-width: 992px) {
  .nav-prolec-V2 .navbar-collapse {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }

@media (min-width: 320px) {
  .settings-nav-prolec-V2 {
    position: relative;
    float: left;
    width: auto; } }

@media (min-width: 320px) {
  .idioma-nav-prolec-V2,
  .search-nav-prolec-V2 {
    width: 24px;
    height: 24px;
    position: relative;
    float: left; } }

@media (min-width: 992px) {
  .idioma-nav-prolec-V2,
  .search-nav-prolec-V2 {
    width: 28px;
    height: 28px; } }

.idioma-nav-prolec-V2 img,
.search-nav-prolec-V2 img {
  width: 100%;
  vertical-align: top; }

@media (min-width: 320px) {
  .idioma-nav-prolec-V2 {
    margin-right: 20px; } }

@media (min-width: 992px) {
  .idioma-nav-prolec-V2 {
    margin-right: 0; } }

@media (min-width: 320px) {
  .search-nav-prolec-V2 {
    margin-right: 20px; } }

@media (min-width: 992px) {
  .search-nav-prolec-V2 {
    margin-right: 45px; } }

@media (min-width: 320px) {
  .headerV2-prolec .center-prolec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0; } }

@media (min-width: 992px) {
  .headerV2-prolec .center-prolec {
    padding: 0; } }

@media (min-width: 320px) {
  .headerV2-prolec .center-prolec li {
    width: 100%;
    text-align: center;
    padding: 10px 0; } }

@media (min-width: 992px) {
  .headerV2-prolec .center-prolec li {
    padding: 0;
    width: auto;
    text-align: left; } }

.headerV2-prolec .center-prolec li.active .nav-link {
  color: #8854ff !important;
  position: relative; }
  @media (min-width: 320px) {
    .headerV2-prolec .center-prolec li.active .nav-link::after {
      content: '';
      width: 40px;
      height: 1px;
      bottom: 3px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      background-color: #8854ff;
      position: absolute; } }
  @media (min-width: 992px) {
    .headerV2-prolec .center-prolec li.active .nav-link::after {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      left: 0.5rem; } }

@media (min-width: 992px) {
  .headerV2-prolec .center-prolec li.nav-item.dropdown {
    margin-top: -2px; } }

@media (min-width: 320px) {
  .headerV2-prolec .center-prolec li.nav-item.dropdown a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    color: #000028; } }

@media (min-width: 992px) {
  .headerV2-prolec .center-prolec li.nav-item.dropdown a {
    width: auto;
    display: block;
    padding: 15px;
    color: #fff; } }

@media (min-width: 320px) {
  .iconDropDown-nav-prolec-V2 {
    width: 14px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    margin-left: 10px; } }

@media (min-width: 992px) {
  .iconDropDown-nav-prolec-V2 {
    margin-top: auto;
    margin-left: auto;
    width: 20px; } }

.iconDropDown-nav-prolec-V2 .iconDD-nav-prolec-V2 {
  width: 100%;
  vertical-align: top;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.nav-link[aria-expanded="true"] .iconDD-nav-prolec-V2 {
  width: 100%;
  vertical-align: top;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

@media (min-width: 320px) {
  .wrapper-menuBtn-mobile {
    position: relative;
    float: left;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

@media (min-width: 992px) {
  .wrapper-menuBtn-mobile {
    display: none; } }

.wrapper-menuBtn-mobile .navbar-toggler {
  padding: 0 !important;
  outline: none;
  border: none !important; }

.icon-nav-toggle {
  width: 25px; }
  .icon-nav-toggle img {
    width: 100%; }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Carousel Top
*======================================================================*/
@media (min-width: 320px) {
  .carousel-top-prolec,
  .innerCarousel-top-prolec {
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 320px) {
  .innerCarousel-top-prolec .carousel-indicators {
    right: auto;
    bottom: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    display: block;
    width: 90%; } }

@media (min-width: 768px) {
  .innerCarousel-top-prolec .carousel-indicators {
    width: 80%;
    left: 50%;
    top: 43%;
    -webkit-transform: translate(-50%, -43%);
    -ms-transform: translate(-50%, -43%);
    transform: translate(-50%, -43%); } }

@media (min-width: 992px) {
  .innerCarousel-top-prolec .carousel-indicators {
    width: 70%; } }

.innerCarousel-top-prolec .carousel-indicators li {
  text-indent: unset;
  height: auto;
  width: 100%;
  background: transparent;
  float: left;
  cursor: default; }

@media (min-width: 320px) {
  .innerCarousel-top-prolec .carousel-inner,
  .innerCarousel-top-prolec .carousel-item {
    height: calc(100vh - 114px); } }

@media (min-width: 768px) {
  .innerCarousel-top-prolec .carousel-inner,
  .innerCarousel-top-prolec .carousel-item {
    height: calc(100vh - 137px); } }

.innerCarousel-top-prolec .carousel-inner {
  z-index: 1; }

.innerCarousel-top-prolec .carousel-item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .innerCarousel-top-prolec .carousel-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 40, 0.5); }

@media (min-width: 320px) {
  .elemento-carousel-top-prolec {
    float: left;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0.45;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    .elemento-carousel-top-prolec:after {
      position: absolute;
      content: '';
      width: 0;
      height: 1px;
      background-color: #fff;
      bottom: 0;
      left: 0;
      -webkit-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease; } }

@media (min-width: 768px) {
  .elemento-carousel-top-prolec {
    margin-bottom: 10px; } }

@media (min-width: 1366px) {
  .elemento-carousel-top-prolec {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 0; } }

@media (min-width: 320px) {
  .elemento-carousel-top-prolec p.ttl-top-prolec {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'NeueMachina-Light', serif, sans-serif;
    font-size: 40px;
    color: #fff;
    line-height: 1;
    margin: 0; } }

@media (min-width: 768px) {
  .elemento-carousel-top-prolec p.ttl-top-prolec {
    font-size: 60px;
    font-family: 'NeueMachina-Regular', serif, sans-serif; } }

@media (min-width: 992px) {
  .elemento-carousel-top-prolec p.ttl-top-prolec {
    width: auto;
    font-size: 90px;
    line-height: 1.2; } }

@media (min-width: 320px) {
  .elemento-carousel-top-prolec a, .elemento-carousel-top-prolec p.subttl-top-prolec {
    position: relative;
    float: right;
    width: auto;
    font-size: 18px;
    color: #fff;
    font-family: 'SpaceGrotesk-Light', serif, sans-serif;
    opacity: 0;
    display: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 10px; }
    .elemento-carousel-top-prolec a:hover, .elemento-carousel-top-prolec p.subttl-top-prolec:hover {
      text-decoration: none; } }

@media (min-width: 1366px) {
  .elemento-carousel-top-prolec a, .elemento-carousel-top-prolec p.subttl-top-prolec {
    margin-bottom: 0;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif; } }

.iconArrowRight {
  width: 40px;
  height: 16px;
  margin-left: 15px; }
  .iconArrowRight img {
    width: 100%;
    vertical-align: text-top; }

.innerCarousel-top-prolec .carousel-indicators li.active .elemento-carousel-top-prolec {
  opacity: 1; }
  .innerCarousel-top-prolec .carousel-indicators li.active .elemento-carousel-top-prolec::after {
    width: 100%; }
  .innerCarousel-top-prolec .carousel-indicators li.active .elemento-carousel-top-prolec a, .innerCarousel-top-prolec .carousel-indicators li.active .elemento-carousel-top-prolec .subttl-top-prolec {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

/*======================================================================*
    Bloque Servicios Prolec
*======================================================================*/
.bloqueServicios-prolec {
  float: left;
  position: relative;
  width: 100%;
  z-index: 100; }

@media (min-width: 320px) {
  .innerBloqueServicios-prolec {
    float: left;
    position: relative;
    width: 100%;
    min-height: 140px;
    padding: 15px 0; } }

@media (min-width: 768px) {
  .innerBloqueServicios-prolec {
    margin-top: -110px;
    padding: 40px; } }

.innerBloqueServicios-prolec::after {
  content: '';
  background-color: #fff;
  width: 100%;
  height: 140px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 10; }

@media (min-width: 320px) {
  .wrapperBloqueServicios-prolec {
    float: left;
    position: relative;
    width: 100%;
    z-index: 20; } }

@media (min-width: 768px) {
  .wrapperBloqueServicios-prolec {
    height: 670px; } }

@media (min-width: 320px) {
  .innerWrapper-BS-Left {
    position: relative;
    float: left;
    width: 100%;
    height: 465px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }

@media (min-width: 768px) {
  .innerWrapper-BS-Left {
    width: calc(50% - 20px);
    height: 100%; } }

@media (min-width: 320px) {
  .inf-bs-left {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 50;
    width: 90%;
    padding: 20px;
    background-color: #000028; } }

@media (min-width: 768px) {
  .inf-bs-left {
    width: 90%;
    padding: 30px; } }

@media (min-width: 992px) {
  .inf-bs-left {
    width: 80%; } }

.inf-bs-left .ttlBS {
  width: 100%; }
  .inf-bs-left .ttlBS p {
    font-size: 14px;
    color: #19e184;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    padding-left: 20px;
    letter-spacing: 2px;
    position: relative; }
    .inf-bs-left .ttlBS p:after {
      content: '';
      position: absolute;
      top: 10px;
      left: 0;
      width: 15px;
      height: 1px;
      background-color: #19e184; }

@media (min-width: 320px) {
  .inf-bs-left .ttlLink-bs {
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    font-size: 28px;
    width: 100%;
    letter-spacing: 0.35px;
    color: #fff;
    display: block;
    margin-bottom: 1rem;
    line-height: 1.2; } }

@media (min-width: 768px) {
  .inf-bs-left .ttlLink-bs {
    font-size: 22px; } }

@media (min-width: 992px) {
  .inf-bs-left .ttlLink-bs {
    font-size: 28px; } }

@media (min-width: 320px) {
  .inf-bs-left p.descServ-prolec {
    display: none; } }

@media (min-width: 768px) {
  .inf-bs-left p.descServ-prolec {
    display: block;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    font-size: 18px;
    line-height: 1.44;
    color: #fff;
    width: 100%; } }

@media (min-width: 320px) {
  .inf-bs-left .arrowBs-icon {
    display: none; } }

@media (min-width: 768px) {
  .inf-bs-left .arrowBs-icon {
    display: block;
    width: 43px;
    height: 16px;
    margin-top: 10px; }
    .inf-bs-left .arrowBs-icon img {
      width: 100%;
      vertical-align: text-top; } }

@media (min-width: 320px) {
  .infv2-bs-left {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 50;
    width: 90%;
    padding: 20px;
    background-color: #000028; } }

@media (min-width: 768px) {
  .infv2-bs-left {
    background-color: #fff;
    width: 80%;
    padding: 30px; } }

.infv2-bs-left .ttlBS {
  width: 100%; }
  @media (min-width: 320px) {
    .infv2-bs-left .ttlBS p {
      font-size: 14px;
      color: #19e184;
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      padding-left: 20px;
      letter-spacing: 2px;
      position: relative; }
      .infv2-bs-left .ttlBS p:after {
        content: '';
        position: absolute;
        top: 10px;
        left: 0;
        width: 15px;
        height: 1px;
        background-color: #19e184; } }
  @media (min-width: 768px) {
    .infv2-bs-left .ttlBS p {
      font-family: 'SpaceGrotesk-Bold', serif, sans-serif; } }

@media (min-width: 320px) {
  .infv2-bs-left .ttlLink-bs {
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 24px;
    width: 100%;
    letter-spacing: 0.35px;
    color: #fff;
    display: block;
    line-height: 1.2; } }

@media (min-width: 768px) {
  .infv2-bs-left .ttlLink-bs {
    color: #000028;
    font-size: 28px;
    margin-bottom: 1rem;
    font-family: 'NeueMachina-Bold', serif, sans-serif; } }

@media (min-width: 320px) {
  .infv2-bs-left p.inneInfv2-descripcion {
    display: none; } }

@media (min-width: 768px) {
  .infv2-bs-left p.inneInfv2-descripcion {
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    font-size: 18px;
    line-height: 1.44;
    color: #646471;
    width: 100%;
    display: block; } }

@media (min-width: 320px) {
  .infv2-bs-left .arrowBs-icon {
    display: none; } }

@media (min-width: 768px) {
  .infv2-bs-left .arrowBs-icon {
    display: block;
    width: 43px;
    height: 16px;
    margin-top: 10px; }
    .infv2-bs-left .arrowBs-icon img {
      width: 100%;
      vertical-align: text-top; } }

@media (min-width: 320px) {
  .innerWrapper-BS-right {
    position: relative;
    float: left;
    width: 100%; } }

@media (min-width: 768px) {
  .innerWrapper-BS-right {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    float: right;
    width: calc(50% - 20px); } }

@media (min-width: 320px) {
  .itemServicios-right {
    position: relative;
    margin-top: 20px;
    width: 100%;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }

@media (min-width: 768px) {
  .itemServicios-right {
    height: calc(50% - 20px);
    margin-top: 0; } }

@media (min-width: 320px) {
  .inf-bs-right {
    position: relative;
    z-index: 50;
    width: 90%;
    padding: 20px;
    margin-top: 70px;
    background-color: #000028; } }

@media (min-width: 768px) {
  .inf-bs-right {
    position: absolute;
    margin-top: 0;
    bottom: 0;
    left: 0;
    width: 90%;
    padding: 20px; } }

@media (min-width: 992px) {
  .inf-bs-right {
    width: 60%;
    padding: 30px; } }

.inf-bs-right .ttlBS {
  width: 100%; }
  .inf-bs-right .ttlBS p {
    font-size: 14px;
    color: #19e184;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    padding-left: 20px;
    letter-spacing: 2px;
    position: relative; }
    .inf-bs-right .ttlBS p:after {
      content: '';
      position: absolute;
      top: 10px;
      left: 0;
      width: 15px;
      height: 1px;
      background-color: #19e184; }

@media (min-width: 320px) {
  .inf-bs-right a {
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 18px;
    width: 100%;
    letter-spacing: 0.35px;
    color: #fff;
    line-height: 1.2;
    display: block; } }

@media (min-width: 320px) {
  .infv2-bs-right {
    position: relative;
    float: right;
    min-width: 40%;
    height: 220px;
    z-index: 10;
    overflow: hidden; } }

@media (min-width: 768px) {
  .infv2-bs-right {
    float: none;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%; } }

.shape-bs-right {
  position: relative;
  bottom: 0;
  right: 0;
  min-width: 40%;
  height: 100%;
  z-index: 20; }
  .shape-bs-right img {
    height: 100%; }

.txtInfv2-bs-right {
  position: absolute;
  z-index: 30;
  bottom: 0;
  right: 0;
  padding: 20px; }
  .txtInfv2-bs-right .ttlBS {
    position: relative;
    bottom: 0;
    right: 0;
    min-width: 40%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    @media (min-width: 320px) {
      .txtInfv2-bs-right .ttlBS p {
        font-size: 9.7px;
        color: #000028;
        font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
        padding-left: 20px;
        letter-spacing: 1.3px;
        margin-bottom: 5px;
        position: relative; } }
    @media (min-width: 768px) {
      .txtInfv2-bs-right .ttlBS p {
        font-size: 14px;
        margin-bottom: 2rem;
        letter-spacing: 2px; } }
    @media (min-width: 320px) {
      .txtInfv2-bs-right .ttlBS p:after {
        content: '';
        position: absolute;
        top: 7px;
        left: 5px;
        width: 8px;
        height: 1px;
        background-color: #000028; } }
    @media (min-width: 768px) {
      .txtInfv2-bs-right .ttlBS p:after {
        top: 10px;
        left: 0;
        width: 15px; } }
  @media (min-width: 320px) {
    .txtInfv2-bs-right a {
      font-family: 'NeueMachina-Bold', serif, sans-serif;
      font-size: 19px;
      width: 100%;
      letter-spacing: 0.35px;
      color: #fff;
      line-height: 1.2;
      display: block;
      text-align: right; } }
  @media (min-width: 768px) {
    .txtInfv2-bs-right a {
      font-size: 28px; } }

/*======================================================================*
    Eventos Prolec
*======================================================================*/
@media (min-width: 320px) {
  .eventos-Prolec {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 70px;
    margin-bottom: 60px;
    z-index: 20; } }

@media (min-width: 992px) {
  .eventos-Prolec {
    margin-top: 136px;
    margin-bottom: 230px; } }

@media (min-width: 320px) {
  .eventos-Prolec h4 {
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    font-size: 14px;
    color: #19e184;
    margin: 0;
    position: relative;
    margin-left: 25px;
    letter-spacing: 2px; } }

@media (min-width: 768px) {
  .eventos-Prolec h4 {
    margin-left: 100px; } }

@media (min-width: 320px) {
  .eventos-Prolec h4:after {
    content: '';
    position: absolute;
    top: 7px;
    width: 15px;
    height: 2px;
    left: -23px;
    background: #19e184; } }

@media (min-width: 768px) {
  .eventos-Prolec h4:after {
    width: 30px;
    left: -40px; } }

.eventos-Prolec .carousel-indicators {
  position: relative;
  float: left;
  margin: 20px 0 0;
  padding: 0 60px;
  width: 100%; }
  .eventos-Prolec .carousel-indicators li {
    background: #dfdfdf;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 20px; }
    .eventos-Prolec .carousel-indicators li:last-child {
      margin-right: 0; }
  .eventos-Prolec .carousel-indicators li.active {
    background: #8854ff;
    width: 14px;
    height: 14px;
    border-radius: 50%; }

@media (min-width: 320px) {
  .item-slide-evento {
    padding: 40px 0; } }

@media (min-width: 768px) {
  .item-slide-evento {
    padding: 30px 60px; } }

.item-slide-evento p {
  color: #000028;
  font-size: 26px;
  font-family: 'NeueMachina-Bold', serif, sans-serif;
  margin: 0; }

.item-slide-evento a {
  color: #000028;
  font-size: 26px;
  font-family: 'NeueMachina-Bold', serif, sans-serif;
  margin: 0;
  text-decoration: underline; }

/*======================================================================*
    background Onda
*======================================================================*/
.backgroundOnda-prolec {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10; }
  .backgroundOnda-prolec img {
    width: 100%;
    vertical-align: top; }

/*======================================================================*
    Carousel videos
*======================================================================*/
@media (min-width: 320px) {
  .carousel-videos-prolec {
    float: left;
    position: relative;
    width: 100%;
    z-index: 300; } }

@media (min-width: 992px) {
  .carousel-videos-prolec {
    margin-top: -135px;
    min-height: 560px; } }

@media (min-width: 320px) {
  .carousel-videos-prolec .item,
  .carousel-videos-prolec .loop,
  .carousel-videos-prolec .owl-item,
  .carousel-videos-prolec .owl-stage,
  .carousel-videos-prolec .owl-stage-outer {
    height: 240px; } }

@media (min-width: 768px) {
  .carousel-videos-prolec .item,
  .carousel-videos-prolec .loop,
  .carousel-videos-prolec .owl-item,
  .carousel-videos-prolec .owl-stage,
  .carousel-videos-prolec .owl-stage-outer {
    height: 450px; } }

@media (min-width: 992px) {
  .carousel-videos-prolec .item,
  .carousel-videos-prolec .loop,
  .carousel-videos-prolec .owl-item,
  .carousel-videos-prolec .owl-stage,
  .carousel-videos-prolec .owl-stage-outer {
    height: 560px; } }

.carousel-videos-prolec .owl-dots {
  display: none; }

.carousel-videos-prolec .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .carousel-videos-prolec .item .innerItem-video-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-animation: heightbajo 0.2s linear forwards;
    animation: heightbajo 0.2s linear forwards; }

.carousel-videos-prolec .innerItem-video-prolec:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 40, 0.5);
  top: 0;
  left: 0;
  z-index: 5; }

@media (min-width: 320px) {
  .carousel-videos-prolec .innerItem-video-prolec .txt-description-video {
    position: relative;
    width: 70%;
    height: 100%;
    z-index: 10;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; } }

@media (min-width: 992px) {
  .carousel-videos-prolec .innerItem-video-prolec .txt-description-video {
    width: 50%; } }

@media (min-width: 320px) {
  .carousel-videos-prolec .innerItem-video-prolec .txt-description-video p {
    width: 100%;
    font-family: 'NeueMachina-Light', serif, sans-serif;
    font-size: 26px;
    color: #fff;
    line-height: 1.2;
    margin: 0;
    letter-spacing: 0.54px; } }

@media (min-width: 768px) {
  .carousel-videos-prolec .innerItem-video-prolec .txt-description-video p {
    width: 90%;
    font-size: 34px; } }

@media (min-width: 992px) {
  .carousel-videos-prolec .innerItem-video-prolec .txt-description-video p {
    width: 70%;
    font-size: 43px; } }

@media (min-width: 320px) {
  .carousel-videos-prolec .innerItem-video-prolec .btnModal-video {
    position: absolute;
    z-index: 20;
    width: 50px;
    height: 50px;
    top: 50%;
    right: 30px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #fff;
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0; } }

@media (min-width: 768px) {
  .carousel-videos-prolec .innerItem-video-prolec .btnModal-video {
    right: 10%;
    width: 60px;
    height: 60px; } }

@media (min-width: 992px) {
  .carousel-videos-prolec .innerItem-video-prolec .btnModal-video {
    width: 70px;
    height: 70px;
    right: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@media (min-width: 320px) {
  .carousel-videos-prolec .innerItem-video-prolec .btnModal-video:before {
    content: '';
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@media (min-width: 768px) {
  .carousel-videos-prolec .innerItem-video-prolec .btnModal-video:before {
    width: 100px;
    height: 100px; } }

.carousel-videos-prolec .innerItem-video-prolec .btnModal-video img {
  width: 40%;
  position: absolute;
  top: 50%;
  left: 55%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 30; }

.carousel-videos-prolec .owl-item.active .item .innerItem-video-prolec {
  float: left;
  position: relative;
  width: 100%;
  height: 80%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-animation: heightalto 0.2s linear forwards;
  animation: heightalto 0.2s linear forwards; }
  .carousel-videos-prolec .owl-item.active .item .innerItem-video-prolec .txt-description-video {
    opacity: 1; }

@-webkit-keyframes heightbajo {
  0% {
    height: 100%; }
  100% {
    height: 80%; } }

@keyframes heightbajo {
  0% {
    height: 100%; }
  100% {
    height: 80%; } }

@-webkit-keyframes heightalto {
  0% {
    height: 80%; }
  100% {
    height: 100%; } }

@keyframes heightalto {
  0% {
    height: 80%; }
  100% {
    height: 100%; } }

@media (min-width: 320px) {
  .carousel-videos-prolec .owl-nav {
    display: none; } }

@media (min-width: 992px) {
  .carousel-videos-prolec .owl-nav {
    margin: 0;
    display: block; } }
  @media (min-width: 992px) and (min-width: 320px) {
    .carousel-videos-prolec .owl-nav .owl-prev {
      position: absolute;
      margin-top: -300px;
      left: 0;
      z-index: 10;
      outline: 0;
      border: none; } }
  @media (min-width: 992px) and (min-width: 1400px) {
    .carousel-videos-prolec .owl-nav .owl-prev {
      left: 17%; } }

@media (min-width: 992px) {
    .carousel-videos-prolec .owl-nav .owl-prev .am-prev {
      background: transparent;
      padding: 0; }
      .carousel-videos-prolec .owl-nav .owl-prev .am-prev .icon-am-prev {
        width: 40px;
        height: 20px; }
        .carousel-videos-prolec .owl-nav .owl-prev .am-prev .icon-am-prev img {
          width: 100%;
          vertical-align: top; } }
  @media (min-width: 992px) and (min-width: 320px) {
    .carousel-videos-prolec .owl-nav .owl-next {
      position: absolute;
      margin-top: -300px;
      right: 0;
      z-index: 10;
      outline: 0;
      border: none; } }
  @media (min-width: 992px) and (min-width: 1400px) {
    .carousel-videos-prolec .owl-nav .owl-next {
      right: 17%; } }

@media (min-width: 992px) {
    .carousel-videos-prolec .owl-nav .owl-next .am-next {
      background: transparent;
      padding: 0; }
      .carousel-videos-prolec .owl-nav .owl-next .am-next .icon-am-next {
        width: 40px;
        height: 20px; }
        .carousel-videos-prolec .owl-nav .owl-next .am-next .icon-am-next img {
          width: 100%;
          vertical-align: top; } }

.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
  color: #FFF;
  text-decoration: none; }

.modal-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

@media (min-width: 320px) {
  .modal-box {
    background-color: #FFF;
    padding: 15px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    max-height: 40%;
    margin: auto;
    position: fixed;
    z-index: 1043;
    left: 0;
    right: 0;
    top: -10%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-animation: topModal 0.2s linear forwards;
    animation: topModal 0.2s linear forwards; } }

@media (min-width: 768px) {
  .modal-box {
    max-width: 80%;
    max-height: 40%; } }

@media (min-width: 992px) {
  .modal-box {
    max-width: 90%;
    max-height: 45%; } }

@media (min-width: 1200px) {
  .modal-box {
    max-width: 60%;
    max-height: 70%; } }

@media (min-width: 1600px) {
  .modal-box {
    max-width: 50%;
    max-height: 65%; } }

@-webkit-keyframes topModal {
  0% {
    top: -10%; }
  100% {
    top: 50%; } }

@keyframes topModal {
  0% {
    top: -10%; }
  100% {
    top: 50%; } }

.iframeFull-video {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000028; }
  .iframeFull-video iframe {
    width: 100% !important;
    height: 100% !important; }

.modal-close {
  position: absolute;
  right: 0;
  top: -50px;
  font-size: 28px;
  color: black;
  cursor: pointer;
  background: transparent;
  border: 0;
  display: block;
  outline: 0;
  width: 50px;
  background-color: #fff;
  height: 50px;
  z-index: 1046;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

@media (max-width: 480px) {
  .modal-box {
    max-width: 95%; } }

/*======================================================================*
    Banner XL
*======================================================================*/
@media (min-width: 320px) {
  .bannerXL-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin: 70px 0; } }

@media (min-width: 992px) {
  .bannerXL-prolec {
    margin: 140px 0; } }

@media (min-width: 320px) {
  .innerBannerXl-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 672px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 10;
    padding: 20px; }
    .innerBannerXl-prolec:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 40, 0.5);
      z-index: 20; } }

@media (min-width: 992px) {
  .innerBannerXl-prolec {
    height: 765px; } }

@media (min-width: 320px) {
  .txtWrapperBannerXl-prolec {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 95%;
    height: auto; } }

@media (min-width: 768px) {
  .txtWrapperBannerXl-prolec {
    width: 70%; } }

@media (min-width: 992px) {
  .txtWrapperBannerXl-prolec {
    width: 50%; } }

@media (min-width: 320px) {
  .txtWrapperBannerXl-prolec p {
    font-size: 42.6px;
    color: #fff;
    font-family: 'NeueMachina-Light', serif, sans-serif;
    margin: 0;
    width: 100%;
    text-align: center;
    letter-spacing: 0.78px;
    line-height: 1.1; } }

@media (min-width: 992px) {
  .txtWrapperBannerXl-prolec p {
    font-size: 62px;
    font-family: 'NeueMachina-Regular', serif, sans-serif; } }

@media (min-width: 320px) {
  .txtWrapperBannerXl-prolec a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 240px;
    margin: 15px auto;
    color: #19e184;
    font-size: 18px;
    letter-spacing: 0.23px;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif; }
    .txtWrapperBannerXl-prolec a .iconLinkBannerXl {
      width: 40px;
      height: 10px;
      margin-left: 15px;
      display: block; }
      .txtWrapperBannerXl-prolec a .iconLinkBannerXl img {
        width: 100%;
        vertical-align: top; } }

@media (min-width: 992px) {
  .txtWrapperBannerXl-prolec a {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif; } }

/*======================================================================*
    Conoce prolec
*======================================================================*/
.conoce-prolec,
.innerConoce-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 768px) {
  .innerConoce-prolec {
    padding: 0 140px; } }

@media (min-width: 992px) {
  .innerConoce-prolec {
    padding: 0 20px; } }

@media (min-width: 1366px) {
  .innerConoce-prolec {
    padding: 0; } }

@media (min-width: 320px) {
  .conoce-prolec {
    margin-bottom: 0; } }

@media (min-width: 768px) {
  .conoce-prolec {
    margin-bottom: 60px; } }

@media (min-width: 992px) {
  .conoce-prolec {
    margin-bottom: 160px; } }

@media (min-width: 320px) {
  .itemConoce-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; } }

@media (min-width: 992px) {
  .itemConoce-prolec {
    margin-bottom: 130px; }
    .itemConoce-prolec:last-child {
      margin-bottom: 65px; } }

@media (min-width: 320px) {
  .itemWrpMobile {
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 992px) {
  .itemWrpMobile {
    width: auto; } }

@media (min-width: 320px) {
  .itemConoce-ttl-prolec {
    position: relative;
    float: right;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; } }

@media (min-width: 992px) {
  .itemConoce-ttl-prolec {
    width: 340px;
    opacity: 0.3;
    float: left; } }

@media (min-width: 1366px) {
  .itemConoce-ttl-prolec {
    width: 370px; } }

@media (min-width: 320px) {
  .itemConoce-ttl-prolec h4 {
    color: #000028;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0.70px;
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    width: 100%;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; } }

@media (min-width: 992px) {
  .itemConoce-ttl-prolec h4 {
    font-size: 44px;
    margin: 0;
    padding-right: 50px; } }

@media (min-width: 320px) {
  .itemConoce-img-prolec {
    position: relative;
    float: left;
    width: 100%;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 50px; } }

@media (min-width: 992px) {
  .itemConoce-img-prolec {
    width: 195px;
    opacity: 0.3;
    height: 195px;
    float: right;
    margin-bottom: 0; } }

@media (min-width: 320px) {
  .itemConoce-description-prolec {
    position: relative;
    float: left;
    width: 100%;
    height: 100%; } }

@media (min-width: 992px) {
  .itemConoce-description-prolec {
    float: right;
    width: calc(100% - 545px); } }

@media (min-width: 1366px) {
  .itemConoce-description-prolec {
    width: calc(100% - 565px); } }

@media (min-width: 320px) {
  .itemConoce-txt-prolec {
    float: left;
    position: relative;
    width: 100%;
    background-color: #fff;
    z-index: 20;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; } }

@media (min-width: 992px) {
  .itemConoce-txt-prolec {
    opacity: 0.3;
    padding-left: 50px; } }

@media (min-width: 320px) {
  .itemConoce-txt-prolec p {
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    color: #000028;
    font-size: 21px;
    line-height: 1.4;
    letter-spacing: 0.5px;
    margin: 0; } }

@media (min-width: 768px) {
  .itemConoce-txt-prolec p {
    font-size: 14px; } }

@media (min-width: 992px) {
  .itemConoce-txt-prolec p {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    line-height: 1.71; } }

@media (min-width: 1366px) {
  .itemConoce-txt-prolec p {
    font-size: 24px; } }

@media (min-width: 320px) {
  .itemConoce-link-prolec {
    position: relative;
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    float: left;
    margin-top: 60px; } }

@media (min-width: 992px) {
  .itemConoce-link-prolec {
    opacity: 0;
    bottom: 0;
    float: none;
    position: absolute;
    padding-left: 50px;
    margin-top: 0; } }

@media (min-width: 320px) {
  .itemConoce-link-prolec a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #19e184;
    font-size: 18px;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    letter-spacing: 0.23px; } }

@media (min-width: 768px) {
  .itemConoce-link-prolec a {
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif; } }

.itemConoce-link-prolec a .iconConoceLink-prolec {
  width: 35px;
  height: 13px;
  display: block;
  margin-left: 20px; }
  .itemConoce-link-prolec a .iconConoceLink-prolec img {
    width: 100%;
    vertical-align: top; }

@media (min-width: 992px) {
  .itemConoce-prolec:hover .itemConoce-ttl-prolec,
  .itemConoce-prolec:first-of-type .itemConoce-ttl-prolec {
    opacity: 1; }
    .itemConoce-prolec:hover .itemConoce-ttl-prolec h4,
    .itemConoce-prolec:first-of-type .itemConoce-ttl-prolec h4 {
      font-size: 50px; }
  .itemConoce-prolec:hover .itemConoce-txt-prolec,
  .itemConoce-prolec:first-of-type .itemConoce-txt-prolec {
    opacity: 1; }
  .itemConoce-prolec:hover .itemConoce-img-prolec,
  .itemConoce-prolec:first-of-type .itemConoce-img-prolec {
    opacity: 1; }
  .itemConoce-prolec:hover .itemConoce-link-prolec,
  .itemConoce-prolec:first-of-type .itemConoce-link-prolec {
    bottom: -40px;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; } }

/*======================================================================*
    Section noticias
*======================================================================*/
.itemNoticias-prolec,
.noticias-prolec,
.ttleNoticias-prolec {
  float: left;
  position: relative;
  width: 100%; }
  .itemNoticias-prolec .owl-nav,
  .noticias-prolec .owl-nav,
  .ttleNoticias-prolec .owl-nav {
    display: none; }
  @media (min-width: 320px) {
    .itemNoticias-prolec .owl-theme .owl-dots,
    .noticias-prolec .owl-theme .owl-dots,
    .ttleNoticias-prolec .owl-theme .owl-dots {
      margin-top: 20px; } }
  @media (min-width: 992px) {
    .itemNoticias-prolec .owl-theme .owl-dots,
    .noticias-prolec .owl-theme .owl-dots,
    .ttleNoticias-prolec .owl-theme .owl-dots {
      display: none; } }
  @media (min-width: 320px) {
    .itemNoticias-prolec .owl-theme .owl-dots .owl-dot.active span,
    .itemNoticias-prolec .owl-theme .owl-dots .owl-dot:hover span,
    .noticias-prolec .owl-theme .owl-dots .owl-dot.active span,
    .noticias-prolec .owl-theme .owl-dots .owl-dot:hover span,
    .ttleNoticias-prolec .owl-theme .owl-dots .owl-dot.active span,
    .ttleNoticias-prolec .owl-theme .owl-dots .owl-dot:hover span {
      background: #8854ff; } }

@media (min-width: 320px) {
  .ttleNoticias-prolec {
    margin-bottom: 30px; } }

@media (min-width: 768px) {
  .ttleNoticias-prolec {
    margin-bottom: 50px; } }

@media (min-width: 320px) {
  .ttleNoticias-prolec h4 {
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    font-size: 18px;
    color: #19e184;
    margin: 0;
    position: relative;
    margin-left: 25px;
    letter-spacing: 2px; } }

@media (min-width: 768px) {
  .ttleNoticias-prolec h4 {
    font-size: 14px;
    margin-left: 40px; } }

@media (min-width: 320px) {
  .ttleNoticias-prolec h4:after {
    content: '';
    position: absolute;
    top: 7px;
    width: 15px;
    height: 2px;
    left: -25px;
    background: #19e184; } }

@media (min-width: 768px) {
  .ttleNoticias-prolec h4:after {
    width: 30px;
    left: -40px; } }

@media (min-width: 320px) {
  .itemImgNoticias-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }

@media (min-width: 768px) {
  .itemImgNoticias-prolec {
    height: 255px; } }

@media (min-width: 320px) {
  .linkNoticias-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin: 30px 0 20px; } }

@media (min-width: 320px) {
  .linkNoticias-prolec a {
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    color: #000028;
    font-size: 26px;
    letter-spacing: 0.5px;
    line-height: 1.36;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block; }
    .linkNoticias-prolec a:hover {
      color: #000028; } }

@media (min-width: 768px) {
  .linkNoticias-prolec a {
    font-size: 22px;
    font-family: 'NeueMachina-Bold', serif, sans-serif; } }

.dateNoticias-prolec {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 25px; }
  .dateNoticias-prolec p {
    color: #9f9fa2;
    font-size: 16px;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    margin: 0; }
    .dateNoticias-prolec p span {
      color: #8854ff;
      margin-left: 7px; }

.masNoticias-prolec {
  float: left;
  position: relative;
  width: 100%;
  margin: 25px 0; }
  @media (min-width: 320px) {
    .masNoticias-prolec a {
      width: 250px;
      display: block;
      margin: auto;
      float: left;
      color: #19e184;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      font-size: 18px; } }
  @media (min-width: 768px) {
    .masNoticias-prolec a {
      width: 240px;
      font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
      float: none; } }
  .masNoticias-prolec a .iconMasNoticias-prolec {
    width: 40px;
    height: 16px;
    margin-left: 10px; }
    .masNoticias-prolec a .iconMasNoticias-prolec img {
      width: 100%;
      vertical-align: top; }

/*======================================================================*
    Seccion Contacto
*======================================================================*/
@media (min-width: 320px) {
  .contacto-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 80px;
    background-color: #e9e9ea;
    padding: 40px 0; } }

@media (min-width: 768px) {
  .contacto-prolec {
    padding: 140px 20px 120px;
    margin-top: 100px; } }

@media (min-width: 1366px) {
  .contacto-prolec {
    padding: 140px 0 120px; } }

@media (min-width: 320px) {
  .itemsContacto-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 70px; } }

@media (min-width: 768px) {
  .itemsContacto-prolec {
    margin-bottom: 130px; } }

@media (min-width: 320px) {
  .itemsContacto-prolec p {
    width: 100%;
    text-align: center;
    letter-spacing: 0.63px;
    font-size: 24px;
    margin: 0 0 20px;
    color: #000028;
    font-family: 'NeueMachina-Light', serif, sans-serif; } }

@media (min-width: 768px) {
  .itemsContacto-prolec p {
    font-size: 50px;
    margin: 0; } }

@media (min-width: 320px) {
  .itemsContacto-prolec ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center; } }

.itemsContacto-prolec ul li {
  display: inline-block; }
  @media (min-width: 320px) {
    .itemsContacto-prolec ul li a {
      position: relative;
      letter-spacing: 0.63px;
      font-size: 24px;
      color: #000028;
      width: 100%;
      font-family: 'NeueMachina-Light', serif, sans-serif;
      display: block;
      text-decoration: none;
      line-height: 1; } }
  @media (min-width: 768px) {
    .itemsContacto-prolec ul li a {
      font-size: 50px;
      width: auto; } }
  .itemsContacto-prolec ul li a.numeroTelefono-prolec {
    color: #9c9c9c; }
    .itemsContacto-prolec ul li a.numeroTelefono-prolec::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      background-color: #8854ff;
      bottom: 0;
      left: 0;
      z-index: 10; }
    .itemsContacto-prolec ul li a.numeroTelefono-prolec::after {
      content: '';
      position: absolute;
      width: 0;
      height: 2px;
      background-color: #8854ff;
      bottom: 0;
      left: 0;
      z-index: 20;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .itemsContacto-prolec ul li a.numeroTelefono-prolec:hover::after {
      width: 100%; }
  @media (min-width: 320px) {
    .itemsContacto-prolec ul li span {
      letter-spacing: 0.63px;
      font-size: 24px;
      color: #000028;
      font-family: 'NeueMachina-Light', serif, sans-serif;
      display: block; } }
  @media (min-width: 768px) {
    .itemsContacto-prolec ul li span {
      font-size: 50px; } }

.formContacto-prolec,
.formContacto-prolec form,
.newsDescripcionContacto-prolec,
.newsLogoContacto-prolec,
.newsletterContacto-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 768px) {
  .newsletterContacto-prolec {
    padding: 0 100px 0 50px; } }

@media (min-width: 992px) {
  .newsletterContacto-prolec {
    padding: 0 50px;
    margin-bottom: 100px; } }

@media (min-width: 1366px) {
  .newsletterContacto-prolec {
    margin: 0;
    padding: 0 100px 0 0; } }

@media (min-width: 320px) {
  .newsLogoContacto-prolec {
    width: 220px;
    display: block;
    margin-bottom: 70px; }
    .newsLogoContacto-prolec img {
      width: 100%;
      vertical-align: top; } }

@media (min-width: 768px) {
  .newsLogoContacto-prolec {
    width: 295px;
    margin-bottom: 130px; } }

.newsDescripcionContacto-prolec {
  margin-bottom: 50px; }
  @media (min-width: 320px) {
    .newsDescripcionContacto-prolec p {
      line-height: 1.75;
      font-size: 16px;
      color: #000028;
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      margin: 0;
      width: 100%; } }
  @media (min-width: 768px) {
    .newsDescripcionContacto-prolec p {
      font-size: 18px; } }

@media (min-width: 320px) {
  .formContacto-prolec input {
    position: relative;
    z-index: 10;
    font-size: 16px;
    color: #9c9c9c;
    font-family: 'NeueMachina-Light', serif, sans-serif;
    padding: 15px 0;
    width: 100%;
    background: transparent;
    outline: 0;
    border: 0;
    border-bottom: 1px solid #9c9c9c;
    padding-right: 70px; } }

@media (min-width: 768px) {
  .formContacto-prolec input {
    font-size: 26px; } }

@media (min-width: 320px) {
  .formContacto-prolec input::-webkit-input-placeholder {
    font-size: 16px;
    color: #9c9c9c;
    font-family: 'NeueMachina-Light', serif, sans-serif; }
  .formContacto-prolec input:-ms-input-placeholder {
    font-size: 16px;
    color: #9c9c9c;
    font-family: 'NeueMachina-Light', serif, sans-serif; }
  .formContacto-prolec input::-ms-input-placeholder {
    font-size: 16px;
    color: #9c9c9c;
    font-family: 'NeueMachina-Light', serif, sans-serif; }
  .formContacto-prolec input::placeholder {
    font-size: 16px;
    color: #9c9c9c;
    font-family: 'NeueMachina-Light', serif, sans-serif; } }

@media (min-width: 768px) {
  .formContacto-prolec input::-webkit-input-placeholder {
    font-size: 26px; }
  .formContacto-prolec input:-ms-input-placeholder {
    font-size: 26px; }
  .formContacto-prolec input::-ms-input-placeholder {
    font-size: 26px; }
  .formContacto-prolec input::placeholder {
    font-size: 26px; } }

@media (min-width: 320px) {
  .formContacto-prolec button {
    position: absolute;
    cursor: pointer;
    width: 55px;
    height: 55px;
    z-index: 20;
    padding: 15px;
    margin-top: 10px;
    background: #000028;
    border: 1px solid #9c9c9c;
    outline: 0;
    top: -10px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .formContacto-prolec button img {
      width: 100%;
      vertical-align: top; } }

@media (min-width: 768px) {
  .formContacto-prolec button {
    width: 70px;
    height: 70px; } }

@media (min-width: 320px) {
  .listContacto-Prolec {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 100px; } }

@media (min-width: 992px) {
  .listContacto-Prolec {
    margin: 0;
    padding: 0 50px; } }

@media (min-width: 1366px) {
  .listContacto-Prolec {
    padding: 0; } }

.listContacto-Prolec ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .listContacto-Prolec ul li {
    display: block;
    margin-bottom: 20px; }
    .listContacto-Prolec ul li p {
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      font-size: 16px;
      color: #000028; }
    .listContacto-Prolec ul li a {
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      font-size: 16px;
      color: #000028;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .listContacto-Prolec ul li a .iconListContacto {
        position: relative;
        float: left;
        width: 8px;
        height: 16px;
        margin-right: 7px; }
        .listContacto-Prolec ul li a .iconListContacto img {
          width: 100%;
          vertical-align: top; }

.listContacto-Prolec.listHover a {
  color: #9c9c9c;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .listContacto-Prolec.listHover a:hover {
    color: #000028; }

/*======================================================================*
    Footer
*======================================================================*/
@media (min-width: 320px) {
  .footer-prolec {
    float: left;
    position: relative;
    width: 100%;
    padding: 48px 0;
    background-color: #8854ff; } }

@media (min-width: 992px) {
  .footer-prolec {
    padding: 28px 0; } }

.footer-prolec .innerFooter-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .footer-prolec .leftFooter-prolec {
    position: relative;
    width: 100%;
    float: right; } }

@media (min-width: 768px) {
  .footer-prolec .leftFooter-prolec {
    text-align: center; } }

@media (min-width: 992px) {
  .footer-prolec .leftFooter-prolec {
    float: left;
    width: auto;
    text-align: left; } }

@media (min-width: 320px) {
  .footer-prolec .leftFooter-prolec p {
    display: inline-block;
    color: #000028;
    font-size: 13px;
    letter-spacing: 0.65px;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    margin: 0; } }

@media (min-width: 768px) {
  .footer-prolec .leftFooter-prolec p {
    line-height: 2.62; } }

@media (min-width: 320px) {
  .footer-prolec .leftFooter-prolec a {
    display: block;
    color: #000028;
    font-size: 13px;
    line-height: 2.62;
    letter-spacing: 0.65px;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    margin: 0; } }

@media (min-width: 768px) {
  .footer-prolec .leftFooter-prolec a {
    display: inline-block; } }

@media (min-width: 992px) {
  .footer-prolec .leftFooter-prolec a {
    margin-left: 10px; } }

@media (min-width: 320px) {
  .footer-prolec .rightFooter-prolec {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px; } }

@media (min-width: 992px) {
  .footer-prolec .rightFooter-prolec {
    float: right;
    width: auto;
    margin-bottom: 0; } }

@media (min-width: 320px) {
  .footer-prolec .rightFooter-prolec ul {
    list-style: none;
    margin: 0;
    padding: 0; } }

@media (min-width: 768px) {
  .footer-prolec .rightFooter-prolec ul {
    text-align: center; } }

@media (min-width: 992px) {
  .footer-prolec .rightFooter-prolec ul {
    text-align: right; } }

.footer-prolec .rightFooter-prolec ul li {
  display: inline-block; }
  .footer-prolec .rightFooter-prolec ul li:first-child a {
    margin-left: 0; }
  .footer-prolec .rightFooter-prolec ul li a {
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px; }
    .footer-prolec .rightFooter-prolec ul li a img {
      width: 100%;
      vertical-align: top; }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Productos Header
*======================================================================*/
@media (min-width: 320px) {
  .headerSection {
    float: left;
    position: relative;
    width: 100%;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 638px; } }

@media (min-width: 768px) {
  .headerSection {
    height: 520px; } }

.headerSection:after {
  content: '';
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 40, 0.5); }

@media (min-width: 320px) {
  .innerHeaderSection {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 30; } }

@media (min-width: 1366px) {
  .innerHeaderSection {
    width: 1200px;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media (min-width: 1600px) {
  .innerHeaderSection {
    width: 1350px; } }

.innerHeaderSection:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #19e184;
  background: -webkit-gradient(linear, left bottom, left top, from(#19e184), color-stop(80%, #8854ff));
  background: -webkit-linear-gradient(bottom, #19e184 0%, #8854ff 80%);
  background: -o-linear-gradient(bottom, #19e184 0%, #8854ff 80%);
  background: linear-gradient(0deg, #19e184 0%, #8854ff 80%);
  background: -webkit-linear-gradient(0deg, #19e184 0%, #8854ff 80%);
  background: -moz-linear-gradient(0deg, #19e184 0%, #8854ff 80%); }

@media (min-width: 320px) {
  .innerHeaderSection h3 {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 42px;
    color: #fff;
    letter-spacing: 0.6px;
    margin: 0;
    line-height: 1; } }

@media (min-width: 1366px) {
  .innerHeaderSection h3 {
    width: auto;
    font-size: 90px; } }

@media (min-width: 320px) {
  .innerHeaderSection p {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.3px; } }

@media (min-width: 1366px) {
  .innerHeaderSection p {
    font-size: 18px;
    float: right;
    width: auto; } }

/*======================================================================*
    Bloque Buscador
*======================================================================*/
.filtroProductos,
.innerFiltroProductos {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .filtroProductos {
    margin-top: -45px;
    padding: 0 20px;
    z-index: 400; } }

@media (min-width: 1366px) {
  .filtroProductos {
    padding: 0; } }

@media (min-width: 320px) {
  .innerFiltroProductos {
    padding: 20px;
    border-bottom: 1px solid #19e184; } }

@media (min-width: 992px) {
  .innerFiltroProductos {
    border-left: 1px solid #19e184;
    border-bottom: 0; } }

.innerFiltroProductos p.ttlFiltro-prolec {
  float: left;
  position: relative;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
  color: #aaaaaa;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  letter-spacing: 0.15px;
  margin: 0;
  padding-left: 15px; }

.innerFiltroProductos select {
  float: left;
  position: relative;
  width: 100%;
  font-size: 14px;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  color: #000028;
  padding: 5px 10px;
  letter-spacing: 0.2px;
  border: 0; }

.innerFiltroProductos form {
  float: left;
  position: relative;
  width: 100%; }

.innerContainerProductos .row .col-12:first-child .innerFiltroProductos {
  border-left: 1px solid white; }

.innerContainerProductos .row .col-12:last-child .innerFiltroProductos {
  border-right: 1px solid #fff; }

.contFiltroSearch {
  float: left;
  position: relative;
  width: 100%; }
  .contFiltroSearch .iconFiltroSearch {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .contFiltroSearch .iconFiltroSearch img {
      width: 25px;
      vertical-align: top; }
  .contFiltroSearch input {
    width: 100%;
    padding: 10px 25px 10px 40px;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 20px;
    color: #000028;
    border: 0;
    outline: 0; }
    .contFiltroSearch input:placerholder {
      font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
      font-size: 20px;
      color: #aaaaaa; }

@media (min-width: 320px) {
  .innerContainerProductos {
    float: left;
    position: relative;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 40, 0.15);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 40, 0.15); } }

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 13px;
  width: 25px;
  height: 25px;
  background-color: rgba(0, 0, 40, 0.1);
  border-radius: 50%;
  display: none; }
  .form-control-clear img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 45%; }

.resultadosFiltroProducto {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  height: auto;
  max-height: 400px;
  background-color: #fff;
  z-index: 500;
  display: none;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 40, 0.15);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 40, 0.15);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.showSearch {
  min-height: 100px;
  height: auto !important; }

.style-scroll {
  overflow-y: scroll; }

.style-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0);
  background-color: #fff; }

.style-scroll::-webkit-scrollbar {
  width: 3px;
  background-color: #fff; }

.style-scroll::-webkit-scrollbar-thumb {
  background-color: #19e184;
  border: 2px solid rgba(255, 255, 255, 0); }

.innerResultadosFiltroProducto,
.itemResultadoFiltro {
  float: left;
  position: relative;
  width: 100%; }

.itemResultadoFiltro {
  margin-bottom: 15px;
  padding: 10px 25px; }

.sectionTtlProducto {
  float: left;
  position: relative;
  width: 100%;
  color: #19e184;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  padding-left: 20px;
  margin: 0; }
  .sectionTtlProducto:after {
    position: absolute;
    top: 10px;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: #19e184;
    content: ''; }

.ListItemResultadoFiltro {
  margin: 0;
  list-style: none;
  padding: 0; }
  .ListItemResultadoFiltro li {
    display: inline-block; }
    .ListItemResultadoFiltro li a {
      display: block;
      color: #989898;
      font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
      font-size: 16px;
      width: 100%;
      letter-spacing: 0.2px;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .ListItemResultadoFiltro li a:hover {
        color: #000028; }

.prdtNEncontrado {
  float: left;
  position: relative;
  width: 100%;
  color: #989898;
  padding: 20px;
  font-family: 'SpaceGrotesk-Light', serif, sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  margin: 0;
  display: none; }
  .prdtNEncontrado p {
    display: inline; }
  .prdtNEncontrado p.lblActiveSearch {
    color: #19e184;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif; }

.allproductos-prolec {
  float: left;
  position: relative;
  width: 100%;
  min-height: 70vh;
  margin: 50px 0; }

.itemProducto-prolec {
  float: left;
  position: relative;
  width: 100%; }

.imgItemProducto-prolec {
  float: left;
  position: relative;
  width: 100%;
  height: auto; }
  .imgItemProducto-prolec img {
    width: 100%;
    height: 100%;
    vertical-align: top; }

.txtItemProducto-prolec {
  float: left;
  position: relative;
  width: 100%;
  padding: 10px; }
  .txtItemProducto-prolec a {
    display: block;
    width: 100%;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    font-size: 18px;
    color: #000028;
    letter-spacing: .3px;
    text-align: center;
    margin-bottom: 10px; }
  .txtItemProducto-prolec p {
    width: 100%;
    text-align: center;
    color: #000028;
    font-size: 14px;
    font-family: 'SpaceGrotesk-Light', serif, sans-serif;
    letter-spacing: .3px; }

@media (min-width: 320px) {
  .filters {
    display: none; } }

@media (min-width: 992px) {
  .filters {
    display: block;
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 320px) {
  .filters ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    list-style: none;
    margin: 30px 0;
    padding: 0; } }

@media (min-width: 992px) {
  .filters ul {
    padding: 0 20px; } }

@media (min-width: 1366px) {
  .filters ul {
    padding: 0; } }

.filters ul li {
  display: inlnie-block;
  text-align: left;
  padding: 2px 10px;
  font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  margin: 20px 20px 20px 0;
  color: #aaaaaa;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;
  border-bottom: 2px solid rgba(25, 225, 132, 0); }
  .filters ul li:last-child {
    margin-left: 0; }

.filters ul li:hover {
  color: #19e184; }

.filters ul li.is-checked {
  color: #19e184;
  border-bottom: 2px solid #19e184; }

.filters ul li:last-child {
  margin-right: 0; }

.grid .grid-item h1 {
  background: #EEEEEE;
  height: 150px;
  line-height: 150px;
  color: white;
  font-size: 3em;
  text-align: center;
  margin-bottom: 30px; }

@media (min-width: 320px) {
  .wrapperSlctFilter {
    float: left;
    position: relative;
    width: 100%;
    margin: 30px 0; } }

@media (min-width: 992px) {
  .wrapperSlctFilter {
    display: none; } }

.wrapperSlctFilter select {
  border: 0;
  outline: 0;
  width: 100%;
  padding: 5px 10px 15px 10px;
  color: #aaaaaa;
  font-size: 18px;
  font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
  text-align-last: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../assets/icon/carot-down-icon-select.svg");
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: bottom; }

@media (min-width: 320px) {
  .loadProductos-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin: 30px 0 0 0; } }

@media (min-width: 992px) {
  .loadProductos-prolec {
    margin: 80px 0 20px; } }

@media (min-width: 320px) {
  .loadProductos-prolec a {
    width: 90%;
    display: block;
    margin: auto;
    font-size: 18px;
    color: #19e184;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    letter-spacing: .23px;
    text-align: center;
    text-decoration: none; } }

@media (min-width: 992px) {
  .loadProductos-prolec a {
    width: 50%; } }

.loadProductos-prolec a .iconLoadproductos-prolec {
  width: 100%;
  height: 20px;
  margin-top: 3px; }
  .loadProductos-prolec a .iconLoadproductos-prolec img {
    width: 20px;
    margin: auto;
    display: block;
    vertical-align: top; }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Header de producto
*======================================================================*/
@media (min-width: 320px) {
  .producto-section-prolec {
    float: left;
    position: relative;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 70px; } }

@media (min-width: 768px) {
  .producto-section-prolec {
    margin-bottom: 5px; } }

@media (min-width: 992px) {
  .producto-section-prolec {
    padding: 70px 0;
    margin-bottom: 0;
    background-image: -webkit-radial-gradient(50% 46%, circle, #fbfbfb, #dedede 108%);
    background-image: -o-radial-gradient(50% 46%, circle, #fbfbfb, #dedede 108%);
    background-image: radial-gradient(circle at 50% 46%, #fbfbfb, #dedede 108%); } }

.producto-section-prolec .carousel {
  position: relative; }
  .producto-section-prolec .carousel .carousel-indicators {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    width: 100%;
    margin: 18px 0; }
  @media (min-width: 320px) {
    .producto-section-prolec .carousel .indicatorsThumbnail li {
      width: 14px;
      height: 14px;
      margin-right: 20px;
      background-color: #dfdfdf;
      border-radius: 50%; }
      .producto-section-prolec .carousel .indicatorsThumbnail li:last-child {
        margin-right: 0; }
      .producto-section-prolec .carousel .indicatorsThumbnail li.active {
        background-color: #19e184; }
      .producto-section-prolec .carousel .indicatorsThumbnail li img {
        display: none; } }
  @media (min-width: 768px) {
    .producto-section-prolec .carousel .indicatorsThumbnail li {
      border-radius: 0;
      width: 64px;
      height: 64px;
      margin-right: 40px;
      margin-left: 0;
      overflow: hidden;
      display: block;
      text-indent: initial;
      background-color: transparent; }
      .producto-section-prolec .carousel .indicatorsThumbnail li.active {
        background-color: transparent; }
      .producto-section-prolec .carousel .indicatorsThumbnail li img {
        display: block;
        height: 100%;
        vertical-align: top; }
      .producto-section-prolec .carousel .indicatorsThumbnail li:last-child {
        margin-right: 0; } }

@media (min-width: 320px) {
  .carouselDisplay-producto-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px; } }

@media (min-width: 992px) {
  .carouselDisplay-producto-prolec {
    margin-bottom: 0; } }

.wrapperProductoDisplay {
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .wrapperProductoDisplay img {
    width: 100%;
    vertical-align: top;
    display: block; }

.carouselDisplayInf-producto-prolec,
.headerDisplayInf-producto,
.compartirDisplayInf-producto,
.fichaDisplayInf-producto {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .carouselDisplayInf-producto-prolec {
    padding: 0 10px; } }

@media (min-width: 768px) {
  .carouselDisplayInf-producto-prolec {
    padding: 0 25px; } }

@media (min-width: 992px) {
  .carouselDisplayInf-producto-prolec {
    padding: 0 60px; } }

.headerDisplayInf-producto {
  margin-bottom: 30px; }
  .headerDisplayInf-producto h3 {
    line-height: 1.14;
    letter-spacing: 0.35px;
    font-size: 28px;
    color: #000028;
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    margin-bottom: 30px; }
  .headerDisplayInf-producto p {
    line-height: 1.44;
    font-size: 18px;
    color: #000028;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    margin: 0; }

.compartirDisplayInf-producto {
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 20px; }
  .compartirDisplayInf-producto p {
    line-height: 1.44;
    font-size: 18px;
    color: #000028;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif; }
  .compartirDisplayInf-producto ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin-bottom: 15px; }
    .compartirDisplayInf-producto ul li {
      display: inline-block;
      margin-right: 20px; }
      .compartirDisplayInf-producto ul li a {
        width: 26px;
        height: 26px;
        display: block; }
        .compartirDisplayInf-producto ul li a img {
          height: 100%;
          display: block;
          margin: auto; }

.fichaDisplayInf-producto p {
  line-height: 1.44;
  font-size: 18px;
  color: #000028;
  font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
  margin-bottom: 5px; }

.fichaDisplayInf-producto ul {
  margin: 0;
  width: 100%;
  padding-left: 20px; }
  .fichaDisplayInf-producto ul li {
    line-height: 1.44;
    font-size: 18px;
    color: #000028;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif; }

/*======================================================================*
    Producto Ficha PDF
*======================================================================*/
.fichaTecnicaProducto-prolec {
  float: left;
  position: relative;
  width: 100%; }

.innerFichaTecnicaProducto-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .innerFichaTecnicaProducto-prolec ul.nav.nav-tabs {
    display: none; }
  .innerFichaTecnicaProducto-prolec .panel-heading {
    float: left;
    position: relative;
    width: 100%;
    border-top: 1px solid #19e184; }
    .innerFichaTecnicaProducto-prolec .panel-heading a {
      color: #aaaaaa;
      padding: 40px 10px 40px 40px;
      float: left;
      position: relative;
      width: 100%;
      font-size: 18px;
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      letter-spacing: .2px;
      line-height: 1.33;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .innerFichaTecnicaProducto-prolec .panel-heading a .iconpanelheadeing {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        right: 20px;
        width: 12px; }
        .innerFichaTecnicaProducto-prolec .panel-heading a .iconpanelheadeing svg {
          width: 100%;
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease; }
          .innerFichaTecnicaProducto-prolec .panel-heading a .iconpanelheadeing svg .st0 {
            fill: #000028; }
      .innerFichaTecnicaProducto-prolec .panel-heading a[aria-expanded="true"] {
        color: #19e184; }
        .innerFichaTecnicaProducto-prolec .panel-heading a[aria-expanded="true"] .iconpanelheadeing svg {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
          .innerFichaTecnicaProducto-prolec .panel-heading a[aria-expanded="true"] .iconpanelheadeing svg .st0 {
            fill: #19e184; }
  .innerFichaTecnicaProducto-prolec .panelProlec {
    float: left;
    position: relative;
    width: 100%; }
  .innerFichaTecnicaProducto-prolec .innerPanelProlec {
    float: left;
    position: relative;
    width: 100%;
    padding: 20px; } }

@media (min-width: 768px) {
  .innerFichaTecnicaProducto-prolec ul.nav.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0;
    border: 0; }
    .innerFichaTecnicaProducto-prolec ul.nav.nav-tabs li {
      margin: 0 15px; }
      .innerFichaTecnicaProducto-prolec ul.nav.nav-tabs li a {
        padding: 25px 10px;
        display: block;
        color: #aaaaaa;
        font-size: 14px;
        font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
        letter-spacing: 2px;
        position: relative;
        text-decoration: none;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
        .innerFichaTecnicaProducto-prolec ul.nav.nav-tabs li a::after {
          content: '';
          position: absolute;
          left: 10px;
          bottom: 15px;
          width: 40%;
          height: 1px;
          background-color: transparent; }
        .innerFichaTecnicaProducto-prolec ul.nav.nav-tabs li a.active.show {
          color: #19e184; }
          .innerFichaTecnicaProducto-prolec ul.nav.nav-tabs li a.active.show::after {
            background-color: #19e184; }
  .innerFichaTecnicaProducto-prolec .panel-heading {
    display: none; }
  .innerFichaTecnicaProducto-prolec .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .innerFichaTecnicaProducto-prolec .panel-collapse {
    height: auto; }
    .innerFichaTecnicaProducto-prolec .panel-collapse.collapse {
      display: block; } }

@media (max-width: 767px) {
  .innerFichaTecnicaProducto-prolec .tab-content .tab-pane {
    display: block; }
  .innerFichaTecnicaProducto-prolec .nav-tabs {
    display: none; }
  .innerFichaTecnicaProducto-prolec .panel-title a {
    display: block; }
  .innerFichaTecnicaProducto-prolec .panel {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px; }
  .innerFichaTecnicaProducto-prolec .tab-pane:first-child .panel {
    border-radius: 5px 5px 0 0; }
  .innerFichaTecnicaProducto-prolec .tab-pane:last-child .panel {
    border-radius: 0 0 5px 5px; } }

/*======================================================================*
    Interiores de Contenedores pdf
*======================================================================*/
.pdfPanelProlec,
.downloadPanelProlec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .pdfPanelProlec img {
    width: 100%;
    display: block;
    vertical-align: top; } }

.downloadPanelProlec {
  padding: 30px 10px; }
  .downloadPanelProlec a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #8854ff;
    font-size: 14px;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    letter-spacing: 2px;
    text-decoration: none;
    width: 180px; }
    .downloadPanelProlec a .iconDownloadPanelProlec {
      display: block;
      width: 16px;
      height: 17px; }
      .downloadPanelProlec a .iconDownloadPanelProlec img {
        height: 100%;
        vertical-align: top; }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Home Prolec
*======================================================================*/
@media (min-width: 320px) {
  .iconNavBarHome-Brand {
    width: 120px;
    padding: 5px; } }

@media (min-width: 992px) {
  .iconNavBarHome-Brand {
    width: 145px;
    padding: 0; } }

.iconNavBarHome-Brand img {
  width: 100%;
  vertical-align: top; }

.carouselHomePrincipal-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .innerCaroselHomePrincipal-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 550px; } }

@media (min-width: 768px) {
  .innerCaroselHomePrincipal-prolec {
    height: 780px; } }

@media (min-width: 320px) {
  .innerCaroselHomePrincipal-prolec .carousel {
    height: 550px; } }

@media (min-width: 768px) {
  .innerCaroselHomePrincipal-prolec .carousel {
    height: 780px; } }

.innerCaroselHomePrincipal-prolec .carousel .carousel-inner,
.innerCaroselHomePrincipal-prolec .carousel .carousel-item {
  height: 100%; }

.innerCaroselHomePrincipal-prolec .carousel .itemCarouselHome {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 10; }
  .innerCaroselHomePrincipal-prolec .carousel .itemCarouselHome:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 40, 0.2);
    z-index: 10; }

@media (min-width: 320px) {
  .innerCaroselHomePrincipal-prolec .carousel .carousel-control-next {
    width: 8%;
    margin-right: 5px; } }

@media (min-width: 768px) {
  .innerCaroselHomePrincipal-prolec .carousel .carousel-control-next {
    width: 15%;
    margin-right: 0; } }

@media (min-width: 320px) {
  .innerCaroselHomePrincipal-prolec .carousel .carousel-control-prev {
    width: 8%;
    margin-left: 5px; } }

@media (min-width: 768px) {
  .innerCaroselHomePrincipal-prolec .carousel .carousel-control-prev {
    width: 15%;
    margin-left: 0; } }

@media (min-width: 320px) {
  .infCarouselHome {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%; } }

@media (min-width: 768px) {
  .infCarouselHome {
    width: 70%; } }

@media (min-width: 992px) {
  .infCarouselHome {
    width: 80%; } }

@media (min-width: 1366px) {
  .infCarouselHome {
    width: 1200px; } }

@media (min-width: 1600px) {
  .infCarouselHome {
    width: 1350px; } }

@media (min-width: 320px) {
  .infCarouselHome h3 {
    width: 100%;
    text-align: center;
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    color: #fff;
    font-size: 26px;
    letter-spacing: .6px;
    margin: 0; } }

@media (min-width: 768px) {
  .infCarouselHome h3 {
    font-size: 60px; } }

@media (min-width: 992px) {
  .infCarouselHome h3 {
    font-size: 90px; } }

@media (min-width: 320px) {
  .infCarouselHome p {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0;
    letter-spacing: .2px; } }

@media (min-width: 768px) {
  .infCarouselHome p {
    font-size: 18px; } }

@media (min-width: 320px) {
  .infCarouselHome a {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0;
    letter-spacing: .2px; } }

@media (min-width: 768px) {
  .infCarouselHome a {
    font-size: 18px; } }

.iconActionPrev {
  width: 50px;
  height: 20px; }
  .iconActionPrev img {
    width: 100%;
    vertical-align: top; }

.iconActionNext {
  width: 50px;
  height: 20px; }
  .iconActionNext img {
    width: 100%;
    vertical-align: top; }

/*======================================================================*
    Bloque video
*======================================================================*/
.bloqueVideoHome {
  float: left;
  position: relative;
  width: 100%;
  background-color: #000028; }

@media (min-width: 320px) {
  .innerBloqueVideoHome {
    float: left;
    position: relative;
    width: 100%;
    background-color: #000028; } }

@media (min-width: 768px) {
  .innerBloqueVideoHome {
    padding: 20px; } }

@media (min-width: 320px) {
  .innerBloqueVideoHome .modal-dialog {
    max-width: 100%; } }

@media (min-width: 768px) {
  .innerBloqueVideoHome .modal-dialog {
    max-width: 90%; } }

@media (min-width: 1366px) {
  .innerBloqueVideoHome .modal-dialog {
    max-width: 70%; } }

@media (min-width: 1600px) {
  .innerBloqueVideoHome .modal-dialog {
    max-width: 55%; } }

@media (min-width: 320px) {
  .innerBloqueVideoHome .contVideoHome-popup {
    float: left;
    position: relative;
    width: 100%;
    height: 250px; } }

@media (min-width: 768px) {
  .innerBloqueVideoHome .contVideoHome-popup {
    height: 450px; } }

@media (min-width: 992px) {
  .innerBloqueVideoHome .contVideoHome-popup {
    height: 550px; } }

.innerBloqueVideoHome .contVideoHome-popup iframe {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  border: 0; }

@media (min-width: 320px) {
  .innerBloqueVideoHome.marginTopBolqueVideoHome {
    margin-top: -60px;
    margin-bottom: 60px; } }

@media (min-width: 768px) {
  .innerBloqueVideoHome.marginTopBolqueVideoHome {
    margin-top: -80px;
    margin-bottom: 90px; } }

@media (min-width: 992px) {
  .innerBloqueVideoHome.marginTopBolqueVideoHome {
    margin-top: -100px;
    margin-bottom: 150px; } }

@media (min-width: 320px) {
  .innerBloqueVideoHome.marginBolqueVideoHome {
    margin: 60px 0; } }

@media (min-width: 768px) {
  .innerBloqueVideoHome.marginBolqueVideoHome {
    margin: 80px 0; } }

@media (min-width: 992px) {
  .innerBloqueVideoHome.marginBolqueVideoHome {
    margin: 140px 0; } }

@media (min-width: 320px) {
  .wrapperPopVideoHome {
    float: left;
    position: relative;
    width: 100%;
    width: 100%;
    height: 210px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10; } }

@media (min-width: 768px) {
  .wrapperPopVideoHome {
    height: 450px; } }

@media (min-width: 992px) {
  .wrapperPopVideoHome {
    height: 600px; } }

.wrapperPopVideoHome::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 40, 0.2);
  z-index: 20; }

@media (min-width: 320px) {
  .btnOpenVideoHome {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    z-index: 300;
    padding: 0;
    background: transparent;
    outline: 0;
    border: 0;
    cursor: pointer; }
    .btnOpenVideoHome:focus {
      outline: none; }
    .btnOpenVideoHome img {
      width: 100%;
      display: block;
      vertical-align: top; } }

@media (min-width: 768px) {
  .btnOpenVideoHome {
    width: 100px;
    height: 100px;
    right: 50px; } }

@media (min-width: 992px) {
  .btnOpenVideoHome {
    right: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@media (min-width: 320px) {
  .txtWrapperPopVideoHome {
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 300;
    width: 65%; } }

@media (min-width: 768px) {
  .txtWrapperPopVideoHome {
    left: 50px;
    width: 60%; } }

@media (min-width: 992px) {
  .txtWrapperPopVideoHome {
    width: 35%; } }

@media (min-width: 320px) {
  .txtWrapperPopVideoHome h3 {
    font-family: 'NeueMachina-Light', serif, sans-serif;
    font-size: 26px;
    letter-spacing: .54px;
    margin: 0;
    color: #fff; } }

@media (min-width: 768px) {
  .txtWrapperPopVideoHome h3 {
    font-size: 43px; } }

/*======================================================================*
    Bloque Nosotros
*======================================================================*/
@media (min-width: 320px) {
  .bloqueFrameNosotros-prolec {
    float: left;
    position: relative;
    width: 100%;
    width: 100%;
    height: 772px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 10; }
    .bloqueFrameNosotros-prolec::after {
      position: absolute;
      width: 100%;
      height: 100%;
      content: '';
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 40, 0.5);
      z-index: 20; } }

@media (min-width: 768px) {
  .bloqueFrameNosotros-prolec {
    height: 768px; } }

@media (min-width: 320px) {
  .innerBloqueFrameNosotros-prolec {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 100; } }

@media (min-width: 768px) {
  .innerBloqueFrameNosotros-prolec {
    width: 70%; } }

@media (min-width: 992px) {
  .innerBloqueFrameNosotros-prolec {
    width: 60%; } }

@media (min-width: 320px) {
  .innerBloqueFrameNosotros-prolec h3 {
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 40px;
    letter-spacing: .78px;
    margin-bottom: 30px; } }

@media (min-width: 768px) {
  .innerBloqueFrameNosotros-prolec h3 {
    font-size: 48px; } }

@media (min-width: 992px) {
  .innerBloqueFrameNosotros-prolec h3 {
    font-size: 62px;
    margin-bottom: auto; } }

.innerBloqueFrameNosotros-prolec .btnBloqueFrameNosotros-prolec {
  width: 100%;
  display: block; }
  .innerBloqueFrameNosotros-prolec .btnBloqueFrameNosotros-prolec a {
    width: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #19e184;
    margin: auto;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    letter-spacing: .23px;
    text-decoration: none; }
    .innerBloqueFrameNosotros-prolec .btnBloqueFrameNosotros-prolec a .iconBtnBloqueFrameNosotros-prolec {
      width: 35px;
      margin-left: 10px;
      height: 12px;
      display: block; }
      .innerBloqueFrameNosotros-prolec .btnBloqueFrameNosotros-prolec a .iconBtnBloqueFrameNosotros-prolec img {
        width: 100%;
        vertical-align: top; }

/*======================================================================*
    Bloque Nosotros
*======================================================================*/
@media (min-width: 320px) {
  .subSecciones-prolec {
    float: left;
    position: relative;
    width: 100%;
    background-color: #000028;
    padding: 60px 0 20px 0; } }

@media (min-width: 768px) {
  .subSecciones-prolec {
    padding: 80px 0 60px 0; } }

@media (min-width: 992px) {
  .subSecciones-prolec {
    padding: 140px 0 100px 0; } }

@media (min-width: 320px) {
  .itemSubSecciones-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    margin-bottom: 40px; }
    .itemSubSecciones-prolec::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 40, 0.2);
      z-index: 20; } }

@media (min-width: 768px) {
  .itemSubSecciones-prolec {
    height: 312px; } }

@media (min-width: 320px) {
  .innerItemSubSecciones {
    position: absolute;
    z-index: 300;
    width: 90%;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

@media (min-width: 768px) {
  .innerItemSubSecciones {
    width: 80%; } }

@media (min-width: 992px) {
  .innerItemSubSecciones {
    width: 60%; } }

@media (min-width: 320px) {
  .innerItemSubSecciones h4 {
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    color: #19e184;
    font-size: 19.5px;
    margin: 0;
    letter-spacing: 4px;
    float: left;
    position: relative;
    width: 100%;
    z-index: 20;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; } }

@media (min-width: 768px) {
  .innerItemSubSecciones h4 {
    font-size: 28px; } }

@media (min-width: 992px) {
  .innerItemSubSecciones h4 {
    font-size: 28px;
    color: #fff; } }

@media (min-width: 320px) {
  .innerItemSubSecciones .btnItemSubSecciones {
    position: relative;
    width: auto;
    float: left;
    z-index: 10;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; } }

@media (min-width: 992px) {
  .innerItemSubSecciones .btnItemSubSecciones {
    margin-top: -30px;
    opacity: 0; } }

@media (min-width: 320px) {
  .innerItemSubSecciones .btnItemSubSecciones a {
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    font-size: 12.5px;
    color: #fff;
    letter-spacing: .23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none; } }

@media (min-width: 768px) {
  .innerItemSubSecciones .btnItemSubSecciones a {
    font-size: 18px; } }

.innerItemSubSecciones .btnItemSubSecciones a .iconBtnItemSubSecciones {
  width: 30px;
  height: 12px;
  display: block;
  margin-left: 10px; }
  .innerItemSubSecciones .btnItemSubSecciones a .iconBtnItemSubSecciones img {
    width: 100%;
    vertical-align: top; }

.itemSubSecciones-prolec:hover h4 {
  color: #19e184; }

@media (min-width: 992px) {
  .itemSubSecciones-prolec:hover .btnItemSubSecciones {
    margin-top: 0;
    opacity: 1; } }

/*======================================================================*
    Contacto Prolec Home
*======================================================================*/
@media (min-width: 320px) {
  .contactoHome-prolec {
    float: left;
    position: relative;
    width: 100%;
    background-color: #e9e9ea;
    padding: 40px 0; } }

@media (min-width: 768px) {
  .contactoHome-prolec {
    padding: 140px 20px 120px; } }

@media (min-width: 1366px) {
  .contactoHome-prolec {
    padding: 140px 0 120px; } }

@media (min-width: 320px) {
  .contactoHome-prolec .listContacto-Prolec {
    margin-top: 40px !important; } }

@media (min-width: 768px) {
  .contactoHome-prolec .listContacto-Prolec {
    margin-top: 0 !important; } }

@media (min-width: 320px) {
  .innerContactoHome {
    float: left;
    position: relative;
    width: 100%;
    padding-right: 50px; } }

@media (min-width: 768px) {
  .innerContactoHome {
    padding-right: 0; } }

@media (min-width: 320px) {
  .innerContactoHome a.logoHomeContacto {
    display: block;
    width: 140px;
    margin-bottom: 40px; }
    .innerContactoHome a.logoHomeContacto img {
      width: 100%;
      vertical-align: top; } }

@media (min-width: 768px) {
  .innerContactoHome a.logoHomeContacto {
    width: 130px;
    margin-bottom: 0; } }

@media (min-width: 992px) {
  .innerContactoHome a.logoHomeContacto {
    width: 190px; } }

@media (min-width: 320px) {
  .bloqueListContactoHome {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
    .bloqueListContactoHome h4 {
      font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
      font-size: 16px;
      color: #000028;
      margin: 0;
      line-height: 28px;
      width: 100%; }
    .bloqueListContactoHome p, .bloqueListContactoHome a {
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      font-size: 16px;
      color: #000028;
      margin: 0;
      line-height: 28px;
      width: 100%; }
    .bloqueListContactoHome a {
      display: block; } }

@media (min-width: 768px) {
  .bloqueListContactoHome {
    margin-bottom: 30px; } }

/*======================================================================*
    Carousel with progress bar
*======================================================================*/
.carouselHomePrincipalV2-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .innerCaroselHomePrincipalV2-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 650px; } }

@media (min-width: 768px) {
  .innerCaroselHomePrincipalV2-prolec {
    height: 810px; } }

@media (min-width: 320px) {
  .innerCaroselHomePrincipalV2-prolec .carousel {
    height: 650px; } }

@media (min-width: 768px) {
  .innerCaroselHomePrincipalV2-prolec .carousel {
    height: 810px; } }

.innerCaroselHomePrincipalV2-prolec .carousel .carousel-inner,
.innerCaroselHomePrincipalV2-prolec .carousel .carousel-item {
  height: 100%; }

.innerCaroselHomePrincipalV2-prolec .carousel .itemCarouselHomeV2 {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 10; }
  .innerCaroselHomePrincipalV2-prolec .carousel .itemCarouselHomeV2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 40, 0.2);
    z-index: 10; }

@media (min-width: 320px) {
  .innerCaroselHomePrincipalV2-prolec .carousel .carousel-control-next {
    width: 8%;
    margin-right: 5px; } }

@media (min-width: 768px) {
  .innerCaroselHomePrincipalV2-prolec .carousel .carousel-control-next {
    width: 15%;
    margin-right: 0; } }

@media (min-width: 320px) {
  .innerCaroselHomePrincipalV2-prolec .carousel .carousel-control-prev {
    width: 8%;
    margin-left: 5px; } }

@media (min-width: 768px) {
  .innerCaroselHomePrincipalV2-prolec .carousel .carousel-control-prev {
    width: 15%;
    margin-left: 0; } }

@media (min-width: 320px) {
  .progressBarCarouselProlec {
    position: absolute;
    z-index: 400;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color: #000028; } }

@media (min-width: 992px) {
  .progressBarCarouselProlec {
    left: auto;
    right: 0;
    width: 80%;
    height: 138px; } }

@media (min-width: 1366px) {
  .progressBarCarouselProlec {
    width: 50%; } }

@media (min-width: 320px) {
  .progressBarCarouselProlec .progress-bar {
    display: none; } }

@media (min-width: 992px) {
  .progressBarCarouselProlec .progress-bar {
    background-color: #19e184 !important;
    height: 8px;
    float: left;
    position: relative;
    width: 100%;
    display: block; } }

@media (min-width: 320px) {
  .progressBarCarouselProlec .carousel-indicators {
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    bottom: 0; } }

@media (min-width: 768px) {
  .progressBarCarouselProlec .carousel-indicators {
    padding: 0 20px; } }

@media (min-width: 992px) {
  .progressBarCarouselProlec .carousel-indicators {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0; } }

@media (min-width: 320px) {
  .progressBarCarouselProlec .carousel-indicators li {
    width: auto;
    height: auto;
    text-indent: initial;
    background: transparent;
    margin-top: 10px; } }

@media (min-width: 992px) {
  .progressBarCarouselProlec .carousel-indicators li {
    width: 33.333%;
    margin-top: 20px; } }

.progressBarCarouselProlec .carousel-indicators li:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #565686;
  top: 0;
  right: 0; }

.progressBarCarouselProlec .carousel-indicators li.active {
  background: transparent; }
  .progressBarCarouselProlec .carousel-indicators li.active .numberCarouselProgress p {
    color: #19e184; }
  .progressBarCarouselProlec .carousel-indicators li.active .txtCarouselProgress p {
    color: #fff; }

.progressBarCarouselProlec .carousel-indicators li:first-child:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: transparent;
  top: 0;
  right: 0; }

@media (min-width: 320px) {
  .numberCarouselProgress {
    position: relative;
    float: left;
    width: auto;
    height: 100%;
    padding-top: 5px; } }

@media (min-width: 992px) {
  .numberCarouselProgress {
    width: 95px;
    padding-top: 20px; } }

@media (min-width: 320px) {
  .numberCarouselProgress p {
    color: #565686;
    font-family: 'NeueMachina-Light', serif, sans-serif;
    font-size: 25px;
    letter-spacing: .22px;
    margin: 0;
    width: 100%;
    text-align: right;
    padding: 10px;
    line-height: 1.1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; } }

@media (min-width: 992px) {
  .numberCarouselProgress p {
    font-size: 35px;
    padding: 0 15px 0 0; } }

@media (min-width: 320px) {
  .txtCarouselProgress {
    display: none; } }

@media (min-width: 992px) {
  .txtCarouselProgress {
    position: relative;
    float: right;
    width: calc(100% - 95px);
    height: 100%;
    padding-top: 20px;
    display: block; } }

.txtCarouselProgress p {
  color: #565686;
  font-family: 'NeueMachina-Regular', serif, sans-serif;
  font-size: 25px;
  letter-spacing: .15px;
  margin: 0;
  width: 100%;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  line-height: 1.1; }

@media (min-width: 320px) {
  .innerItemCarouselHomeV2 {
    position: absolute;
    width: 100%;
    z-index: 400;
    bottom: 70px;
    background-color: #000028; } }

@media (min-width: 768px) {
  .innerItemCarouselHomeV2 {
    background-color: transparent;
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

@media (min-width: 320px) {
  .innerItemCarouselHomeV2 .linkItemCarouselHomeV2 {
    position: relative;
    width: 100%;
    margin: auto;
    display: block; } }

@media (min-width: 768px) {
  .innerItemCarouselHomeV2 .linkItemCarouselHomeV2 {
    width: 95%; } }

@media (min-width: 992px) {
  .innerItemCarouselHomeV2 .linkItemCarouselHomeV2 {
    width: 90%; } }

@media (min-width: 1366px) {
  .innerItemCarouselHomeV2 .linkItemCarouselHomeV2 {
    width: 1200px; } }

@media (min-width: 1600px) {
  .innerItemCarouselHomeV2 .linkItemCarouselHomeV2 {
    width: 1350px; } }

@media (min-width: 320px) {
  .innerItemCarouselHomeV2 .linkItemCarouselHomeV2 a {
    display: block;
    font-family: 'SpaceGrotesk-Light', serif, sans-serif;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0.6px;
    color: #fff;
    text-decoration: none;
    width: 100%;
    padding: 20px; } }

@media (min-width: 768px) {
  .innerItemCarouselHomeV2 .linkItemCarouselHomeV2 a {
    width: 50%; } }

@media (min-width: 992px) {
  .innerItemCarouselHomeV2 .linkItemCarouselHomeV2 a {
    width: 40%;
    padding: 0;
    font-size: 48px;
    line-height: 1.15; } }

.innerItemCarouselHomeV2 .linkItemCarouselHomeV2 a .iconItemCarouselHomeV2 {
  width: 48px;
  display: block;
  margin-top: 35px; }
  .innerItemCarouselHomeV2 .linkItemCarouselHomeV2 a .iconItemCarouselHomeV2 img {
    width: 100%;
    vertical-align: top;
    display: block; }

@media (min-width: 320px) {
  .paddLink-AC {
    padding-left: 10px; } }

@media (min-width: 768px) {
  .paddLink-AC {
    padding-left: 20px; } }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Industrias Carousel Header
*======================================================================*/
.industriasCarousel-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .innerIndustriasCarousel-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 638px; } }

@media (min-width: 768px) {
  .innerIndustriasCarousel-prolec {
    height: 600px; } }

@media (min-width: 1366px) {
  .innerIndustriasCarousel-prolec {
    height: 825px; } }

.innerIndustriasCarousel-prolec .itemCarouselIndustrias {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 5; }
  .innerIndustriasCarousel-prolec .itemCarouselIndustrias::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 40, 0.5);
    z-index: 10; }

.iconCarouselNavIndustrias {
  width: 40px;
  height: 40px; }
  .iconCarouselNavIndustrias img {
    width: 100%;
    vertical-align: top; }

@media (min-width: 320px) {
  .navCarouselIndustrias {
    display: none; } }

@media (min-width: 768px) {
  .navCarouselIndustrias {
    display: block;
    position: absolute;
    bottom: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 90%;
    z-index: 50; } }

@media (min-width: 1366px) {
  .navCarouselIndustrias {
    width: 1200px;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

@media (min-width: 1600px) {
  .navCarouselIndustrias {
    width: 1350px; } }

@media (min-width: 320px) {
  .innerItemIndustrias-prolec {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 30; } }

@media (min-width: 1366px) {
  .innerItemIndustrias-prolec {
    width: 1200px;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media (min-width: 1600px) {
  .innerItemIndustrias-prolec {
    width: 1350px; } }

.innerItemIndustrias-prolec:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #19e184;
  background: -webkit-gradient(linear, left bottom, left top, from(#19e184), color-stop(80%, #8854ff));
  background: -webkit-linear-gradient(bottom, #19e184 0%, #8854ff 80%);
  background: -o-linear-gradient(bottom, #19e184 0%, #8854ff 80%);
  background: linear-gradient(0deg, #19e184 0%, #8854ff 80%);
  background: -webkit-linear-gradient(0deg, #19e184 0%, #8854ff 80%);
  background: -moz-linear-gradient(0deg, #19e184 0%, #8854ff 80%); }

@media (min-width: 320px) {
  .innerItemIndustrias-prolec h3 {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 42px;
    color: #fff;
    letter-spacing: 0.6px;
    margin: 0;
    line-height: 1; } }

@media (min-width: 1366px) {
  .innerItemIndustrias-prolec h3 {
    width: 60%;
    font-size: 90px; } }

@media (min-width: 320px) {
  .innerItemIndustrias-prolec a, .innerItemIndustrias-prolec p {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    letter-spacing: 0.3px;
    margin-bottom: 10px; } }

@media (min-width: 1366px) {
  .innerItemIndustrias-prolec a, .innerItemIndustrias-prolec p {
    font-size: 18px;
    float: right;
    width: 40%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; } }

.iconRightCI {
  width: 40px;
  height: 16px;
  position: relative;
  margin-left: 10px; }
  .iconRightCI img {
    width: 100%;
    vertical-align: top; }

/*======================================================================*
    Sección de Industrias
*======================================================================*/
.blockIndustrias-prolec {
  float: left;
  position: relative;
  width: 100%; }

.ttleBlockIndustrias-prolec {
  float: left;
  position: relative;
  width: 100%;
  padding: 90px 0 25px 0; }
  .ttleBlockIndustrias-prolec h3 {
    margin: 0;
    line-height: 1.14;
    letter-spacing: 0.35px;
    font-size: 28px;
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    color: #000028;
    text-align: center; }

.innerAcordeonIndustrias-prolec {
  float: left;
  position: relative;
  width: 100%; }
  @media (min-width: 320px) {
    .innerAcordeonIndustrias-prolec .card {
      border: 0;
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    .innerAcordeonIndustrias-prolec .card {
      margin-bottom: 70px; } }
  @media (min-width: 320px) {
    .innerAcordeonIndustrias-prolec .card-header {
      padding: 0 15px;
      border: 0;
      background: transparent; } }
  @media (min-width: 768px) {
    .innerAcordeonIndustrias-prolec .card-header {
      padding: 0 7%; } }
  @media (min-width: 1366px) {
    .innerAcordeonIndustrias-prolec .card-header {
      padding: 0 20%; } }
  .innerAcordeonIndustrias-prolec .card-header .headerAcordeonIn {
    padding: 0;
    float: left;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #000028;
    border-radius: 0; }
    @media (min-width: 320px) {
      .innerAcordeonIndustrias-prolec .card-header .headerAcordeonIn .imgHeaderAcordeonIn {
        float: left;
        position: relative;
        width: 100%;
        height: 91px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; } }
    @media (min-width: 768px) {
      .innerAcordeonIndustrias-prolec .card-header .headerAcordeonIn .imgHeaderAcordeonIn {
        height: 200px; } }
    .innerAcordeonIndustrias-prolec .card-header .headerAcordeonIn .ttlAcordeonHeader {
      float: left;
      position: relative;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media (min-width: 320px) {
        .innerAcordeonIndustrias-prolec .card-header .headerAcordeonIn .ttlAcordeonHeader h3 {
          position: relative;
          float: left;
          width: auto;
          margin: 30px 0;
          font-size: 24px;
          letter-spacing: 0.33px;
          color: #19e184;
          font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
          text-align: left; } }
      @media (min-width: 768px) {
        .innerAcordeonIndustrias-prolec .card-header .headerAcordeonIn .ttlAcordeonHeader h3 {
          font-size: 26px;
          margin: 25px 0; } }
      .innerAcordeonIndustrias-prolec .card-header .headerAcordeonIn .ttlAcordeonHeader .iconTtlAcordeonHeader {
        position: relative;
        float: right;
        width: 20px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        margin-right: 10px; }
        .innerAcordeonIndustrias-prolec .card-header .headerAcordeonIn .ttlAcordeonHeader .iconTtlAcordeonHeader img {
          -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
          transform: rotate(0);
          width: 10px;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease;
          vertical-align: top; }
    .innerAcordeonIndustrias-prolec .card-header .headerAcordeonIn[aria-expanded="true"] {
      border-bottom: 1px solid #fff; }
      .innerAcordeonIndustrias-prolec .card-header .headerAcordeonIn[aria-expanded="true"] .iconTtlAcordeonHeader img {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
  @media (min-width: 320px) {
    .innerAcordeonIndustrias-prolec .innerCardBodyAcordeon {
      padding: 50px 15px;
      min-height: 200px;
      background: #f7f8fa; } }
  @media (min-width: 768px) {
    .innerAcordeonIndustrias-prolec .innerCardBodyAcordeon {
      padding: 50px 5%; } }
  @media (min-width: 1366px) {
    .innerAcordeonIndustrias-prolec .innerCardBodyAcordeon {
      padding: 50px 20%; } }
  .innerAcordeonIndustrias-prolec .ttlCardBodyAcordeon {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 65px; }
    @media (min-width: 320px) {
      .innerAcordeonIndustrias-prolec .ttlCardBodyAcordeon h4 {
        margin: 0;
        color: #000028;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.4px;
        font-family: 'SpaceGrotesk-Medium', serif, sans-serif; } }
    @media (min-width: 768px) {
      .innerAcordeonIndustrias-prolec .ttlCardBodyAcordeon h4 {
        font-size: 21px;
        line-height: 1.71;
        letter-spacing: 0.5px; } }

/*======================================================================*
    Casos Exito
*======================================================================*/
.casosExito-prolec,
.innerCasosExito-prolec {
  float: left;
  position: relative;
  width: 100%;
  z-index: 10; }

@media (min-width: 320px) {
  .ttlCasosExito {
    float: left;
    position: relative;
    width: 100%;
    margin: 30px 0; }
    .ttlCasosExito h3 {
      font-family: 'NeueMachina-Regular', serif, sans-serif;
      font-size: 28px;
      color: #000028;
      letter-spacing: .35px;
      margin: 0;
      width: 100%;
      text-align: center; } }

@media (min-width: 992px) {
  .ttlCasosExito {
    margin: 60px 0; }
    .ttlCasosExito h3 {
      font-family: 'NeueMachina-Ultrabold', serif, sans-serif; } }

@media (min-width: 320px) {
  .contSlide-exito {
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 768px) {
  .contSlide-exito {
    height: 420px; } }

@media (min-width: 320px) {
  .imgSlide-exito {
    position: relative;
    float: left;
    width: 100%;
    height: 365px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }

@media (min-width: 768px) {
  .imgSlide-exito {
    width: 35%;
    height: 100%; } }

@media (min-width: 992px) {
  .imgSlide-exito {
    width: 25%; } }

@media (min-width: 1366px) {
  .imgSlide-exito {
    width: 45%; } }

@media (min-width: 320px) {
  .infSlide-exito {
    position: relative;
    float: left;
    width: 100%;
    height: auto; } }

@media (min-width: 768px) {
  .infSlide-exito {
    width: 65%;
    float: right;
    height: 100%; } }

@media (min-width: 992px) {
  .infSlide-exito {
    width: 75%; } }

@media (min-width: 1366px) {
  .infSlide-exito {
    width: 55%; } }

@media (min-width: 320px) {
  .cmmtrsSlide-exito {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #19e184;
    padding: 45px 30px 100px 30px; } }

@media (min-width: 992px) {
  .cmmtrsSlide-exito {
    width: calc(100% - 270px); } }

@media (min-width: 320px) {
  .cmmtrsSlide-exito h3 {
    width: 100%;
    color: #fff;
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 28px;
    letter-spacing: .35px; } }

@media (min-width: 992px) {
  .cmmtrsSlide-exito h3 {
    width: 80%; } }

@media (min-width: 1366px) {
  .cmmtrsSlide-exito h3 {
    width: 50%; } }

.cmmtrsSlide-exito p {
  width: 100%;
  font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
  font-size: 18px;
  color: #000028;
  line-height: 26px; }

.cmmtrsSlide-exito a {
  width: 100%;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  font-size: 18px;
  color: #000028;
  line-height: 26px;
  display: block;
  margin: 10px 0; }

@media (min-width: 320px) {
  .ftSlide-exito {
    display: none; } }

@media (min-width: 992px) {
  .ftSlide-exito {
    height: 100%;
    position: relative;
    float: right;
    overflow: hidden;
    width: 270px;
    display: block; }
    .ftSlide-exito img {
      width: 100%;
      height: 100%;
      vertical-align: top; } }

@media (min-width: 320px) {
  .navwrapper-exito {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 20;
    width: 100%;
    padding: 0 0 30px 30px; } }

@media (min-width: 768px) {
  .navwrapper-exito {
    width: 65%; } }

@media (min-width: 992px) {
  .navwrapper-exito {
    width: 75%; } }

@media (min-width: 1366px) {
  .navwrapper-exito {
    width: 55%; } }

.navwrapper-exito .carousel-control-next,
.navwrapper-exito .carousel-control-prev {
  position: relative;
  float: left;
  top: auto;
  bottom: auto;
  width: auto;
  opacity: 1; }

.prev-exito {
  position: relative;
  float: left;
  width: 40px;
  height: 40px; }
  .prev-exito img {
    width: 100%;
    vertical-align: top; }

.next-exito {
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  margin-left: 10px; }
  .next-exito img {
    width: 100%;
    vertical-align: top; }

/*======================================================================*
    Bloque Soluciones
*======================================================================*/
.bloqueSoluciones-prolec,
.innerBloqueSoluciones {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .bloqueSoluciones-prolec {
    margin: 70px 0 0 0; } }

@media (min-width: 992px) {
  .bloqueSoluciones-prolec {
    margin: 140px 0 50px 0; } }

@media (min-width: 320px) {
  .innerBloqueSoluciones {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    height: 293px;
    margin: 15px 0; }
    .innerBloqueSoluciones::after {
      content: '';
      z-index: 20;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 40, 0.4); } }

@media (min-width: 992px) {
  .innerBloqueSoluciones {
    height: 350px;
    margin: 0; } }

.infBloqueSoluciones {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  z-index: 30; }
  .infBloqueSoluciones h3 {
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 28px;
    color: #fff;
    letter-spacing: .23px;
    width: 100%;
    text-align: center; }
  .infBloqueSoluciones .linkBloqueSoluciones {
    width: 100%;
    display: block; }
    .infBloqueSoluciones .linkBloqueSoluciones a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 160px;
      margin: auto;
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      color: #19e184;
      text-decoration: none;
      font-size: 18px; }
      .infBloqueSoluciones .linkBloqueSoluciones a .iconLinBloqueSoluciones {
        width: 40px;
        height: 15px;
        margin-left: 10px; }
        .infBloqueSoluciones .linkBloqueSoluciones a .iconLinBloqueSoluciones img {
          width: 100%;
          vertical-align: top; }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Ser prolec Buscador
*======================================================================*/
@media (min-width: 320px) {
  .filtroProductosBase {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 20px;
    z-index: 400;
    margin: -50px 0 20px 0; } }

@media (min-width: 768px) {
  .filtroProductosBase {
    margin: 50px 0; } }

@media (min-width: 1366px) {
  .filtroProductosBase {
    padding: 0; } }

.filtroProductosBase .innerContainerProductos {
  -webkit-box-shadow: none;
  box-shadow: none; }

.filtroProductosBase .innerFiltroProductos {
  padding: 30px 20px; }

@media (min-width: 320px) {
  .filtroSerProlec {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #19e184; } }

@media (min-width: 768px) {
  .filtroSerProlec {
    padding: 20px 0; } }

@media (min-width: 992px) {
  .filtroSerProlec {
    padding: 30px 0;
    border-left: 1px solid #19e184;
    border-bottom: 0; } }

@media (min-width: 320px) {
  .filtroSerProlec .dropdown-menu {
    width: 100%;
    padding: 7px;
    height: 0;
    border: 0;
    background-color: #ffffff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; } }

@media (min-width: 768px) {
  .filtroSerProlec .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08); } }

@media (min-width: 320px) {
  .filtroSerProlec .dropdown-menu.show {
    padding: 20px 20px 0 20px;
    position: relative !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    height: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; } }

@media (min-width: 768px) {
  .filtroSerProlec .dropdown-menu.show {
    padding: 20px;
    margin-top: 30px;
    position: absolute !important;
    -webkit-transform: translate3d(0px, 43px, 0px) !important;
    transform: translate3d(0px, 43px, 0px) !important;
    top: 0px !important;
    left: 0px !important;
    will-change: transform;
    max-height: 230px; } }

.filtroSerProlec .dropdown-menu > ul {
  float: left;
  position: relative;
  width: 100%;
  width: 100%;
  padding: 10px;
  list-style: none;
  padding: 0; }

@media (min-width: 320px) {
  .filtroSerProlec .btn-dropdown-exp {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: transparent;
    outline: 0;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    color: #000028;
    letter-spacing: 0.2px;
    padding: 10px 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .filtroSerProlec .btn-dropdown-exp::after {
      display: none; }
    .filtroSerProlec .btn-dropdown-exp:focus {
      outline: 0;
      -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); } }

@media (min-width: 768px) {
  .filtroSerProlec .btn-dropdown-exp {
    font-size: 14px; } }

.filtroSerProlec .btn-dropdown-exp .iconDropFiltros {
  position: relative;
  width: 14px;
  height: 8;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  .filtroSerProlec .btn-dropdown-exp .iconDropFiltros svg {
    width: 100%; }
    .filtroSerProlec .btn-dropdown-exp .iconDropFiltros svg .iconFilsvg {
      fill: #000028; }

.filtroSerProlec .btn-dropdown-exp[aria-expanded="true"] {
  color: #19e184; }
  .filtroSerProlec .btn-dropdown-exp[aria-expanded="true"] .iconDropFiltros {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
    .filtroSerProlec .btn-dropdown-exp[aria-expanded="true"] .iconDropFiltros svg .iconFilsvg {
      fill: #19e184; }

.filtroSerProlec .checkWrapperProlec {
  float: left;
  position: relative;
  width: 100%; }
  @media (min-width: 320px) {
    .filtroSerProlec .checkWrapperProlec label {
      float: left;
      position: relative;
      width: 100%;
      padding: 6px 10px;
      margin: 0;
      color: #989898;
      font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
      font-size: 16px;
      letter-spacing: 0.2px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end; } }
  @media (min-width: 768px) {
    .filtroSerProlec .checkWrapperProlec label {
      font-size: 14px; } }
  @media (min-width: 992px) {
    .filtroSerProlec .checkWrapperProlec label {
      font-size: 16px; } }
  .filtroSerProlec .checkWrapperProlec label input[type="checkbox"] {
    width: 23px;
    height: 23px;
    min-width: 23px;
    min-height: 23px;
    margin-right: 10px;
    line-height: 22px;
    outline: 0;
    border: solid 1px #979797;
    position: relative;
    z-index: 1; }
    .filtroSerProlec .checkWrapperProlec label input[type="checkbox"]:checked:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 10;
      border: 1px solid #000028;
      background-color: #19e184; }
  .filtroSerProlec .checkWrapperProlec label.lblActive {
    color: #000028;
    text-decoration: underline; }

.innerContainerProductos .row .col-12:first-child .filtroSerProlec {
  border-left: 1px solid white; }

.innerContainerProductos .row .col-12:last-child .filtroSerProlec {
  border-right: 1px solid #fff; }

.style-scroll-filtro {
  overflow-y: scroll; }

.style-scroll-filtro::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0);
  background-color: #fff; }

.style-scroll-filtro::-webkit-scrollbar {
  width: 8px;
  background-color: #fff; }

.style-scroll-filtro::-webkit-scrollbar-thumb {
  background-color: #19e184;
  border: 2px solid rgba(255, 255, 255, 0); }

@media (min-width: 320px) {
  .filtroTtlBlock {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px; } }

@media (min-width: 768px) {
  .filtroTtlBlock {
    padding: 0; } }

@media (min-width: 320px) {
  .filtroTtlBlock p {
    position: relative;
    float: left;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    color: #aaa;
    font-size: 16px;
    letter-spacing: 0.15px;
    margin: 0; } }

@media (min-width: 768px) {
  .filtroTtlBlock p {
    font-size: 12px; } }

.filtroTtlBlock .iconFiltroBlock {
  position: relative;
  float: left;
  width: 21px;
  height: 21px;
  margin-right: 20px;
  display: block; }
  .filtroTtlBlock .iconFiltroBlock img {
    width: 100%;
    vertical-align: top; }

/*======================================================================*
    Ser prolec Puestos de Trabajo
*======================================================================*/
.serProlec-Prolec,
.itemTrabajo-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .serProlec-Prolec {
    padding-top: 40px; } }

.itemTrabajo-prolec {
  padding: 30px 15%; }
  .itemTrabajo-prolec h3 {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    color: #8854ff;
    width: 100%;
    text-align: center;
    letter-spacing: 0.3px;
    margin: 0; }

.wrapperInf-trabajo {
  width: 100%;
  padding: 10px 0; }
  .wrapperInf-trabajo:last-child {
    padding-bottom: 0; }
  .wrapperInf-trabajo .locacion-trabajo {
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    color: #000;
    font-size: 14px;
    margin: 0;
    width: 100%;
    text-align: center; }
  .wrapperInf-trabajo .puesto-trabajo {
    font-family: 'SpaceGrotesk-Light', serif, sans-serif;
    font-size: 14px;
    color: #000;
    width: 100%;
    text-align: center;
    letter-spacing: 0.3px;
    margin: 0; }

@media (min-width: 320px) {
  .wrapperLinkInf-trabajo {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px; } }

@media (min-width: 768px) {
  .wrapperLinkInf-trabajo {
    margin-bottom: 0; } }

.wrapperLinkInf-trabajo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  color: #fff;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  font-size: 18px;
  letter-spacing: .23px;
  background-color: #8854ff; }
  .wrapperLinkInf-trabajo a .iconWrapperLinkInf-trabajo {
    width: 40px;
    margin-left: 10px;
    height: 15px; }
    .wrapperLinkInf-trabajo a .iconWrapperLinkInf-trabajo img {
      width: 100%;
      display: block;
      vertical-align: top; }

@media (min-width: 320px) {
  .wrapperLoadMore {
    float: left;
    position: relative;
    width: 100%;
    margin: 20px 0; } }

@media (min-width: 768px) {
  .wrapperLoadMore {
    margin: 100px 0 60px 0; } }

.wrapperLoadMore a {
  width: 180px;
  margin: auto;
  display: block;
  color: #19e184;
  font-size: 18px;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  letter-spacing: 0.23px;
  text-decoration: none; }
  .wrapperLoadMore a .iconLoadMore {
    width: 100%;
    margin-top: 5px; }
    .wrapperLoadMore a .iconLoadMore img {
      margin: auto;
      width: 18px;
      display: block; }

.slideUneteEqipo,
.innerSlideUneteEquipo {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .innerSlideUneteEquipo {
    margin: 20px 0; } }

@media (min-width: 768px) {
  .innerSlideUneteEquipo {
    margin: 20px 0;
    padding: 0 30px; } }

@media (min-width: 992px) {
  .innerSlideUneteEquipo {
    padding: 0 100px;
    margin: 130px 0; } }

@media (min-width: 320px) {
  .innerSlideUneteEquipo .carousel {
    height: 640px; } }

@media (min-width: 768px) {
  .innerSlideUneteEquipo .carousel {
    height: 560px; } }

.innerSlideUneteEquipo .carousel .carousel-inner {
  height: 100%; }
  .innerSlideUneteEquipo .carousel .carousel-inner .carousel-item {
    height: 100%; }

@media (min-width: 320px) {
  .innerSlideUneteEquipo .carousel-control-next, .innerSlideUneteEquipo .carousel-control-prev {
    top: auto;
    bottom: 70px;
    width: 50px;
    opacity: 1; } }

@media (min-width: 992px) {
  .innerSlideUneteEquipo .carousel-control-next, .innerSlideUneteEquipo .carousel-control-prev {
    top: 0;
    bottom: 0;
    width: 100px; } }

@media (min-width: 320px) {
  .innerSlideUneteEquipo .carousel-control-prev {
    left: 20px; } }

@media (min-width: 992px) {
  .innerSlideUneteEquipo .carousel-control-prev {
    left: -100px; } }

@media (min-width: 320px) {
  .innerSlideUneteEquipo .carousel-control-next {
    right: auto;
    left: 75px; } }

@media (min-width: 992px) {
  .innerSlideUneteEquipo .carousel-control-next {
    right: -100px;
    left: auto; } }

.innerSlideUneteEquipo .iconSlideNavUneteEquipo {
  width: 40px;
  height: 40px; }
  @media (min-width: 320px) {
    .innerSlideUneteEquipo .iconSlideNavUneteEquipo img.iconblack-unete {
      display: none; } }
  @media (min-width: 992px) {
    .innerSlideUneteEquipo .iconSlideNavUneteEquipo img.iconblack-unete {
      width: 100%;
      vertical-align: top;
      display: block; } }
  @media (min-width: 320px) {
    .innerSlideUneteEquipo .iconSlideNavUneteEquipo img.iconwhite-unete {
      width: 100%;
      vertical-align: top;
      display: block; } }
  @media (min-width: 992px) {
    .innerSlideUneteEquipo .iconSlideNavUneteEquipo img.iconwhite-unete {
      display: none; } }

@media (min-width: 320px) {
  .contDotsProlecSlider {
    position: absolute;
    bottom: 0;
    float: left;
    width: 100%; } }

@media (min-width: 992px) {
  .contDotsProlecSlider {
    bottom: auto;
    position: relative; } }

@media (min-width: 320px) {
  .contDotsProlecSlider .carousel-indicators {
    position: relative;
    bottom: 0;
    margin: 0 0 20px 0; } }

@media (min-width: 992px) {
  .contDotsProlecSlider .carousel-indicators {
    margin: 30px 0; } }

.contDotsProlecSlider .carousel-indicators li {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #dfdfdf;
  opacity: 1;
  margin: 0 10px; }
  .contDotsProlecSlider .carousel-indicators li.active {
    background-color: #8854ff; }

.slideInfUneteEquipo {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
  overflow: hidden; }
  .slideInfUneteEquipo:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 40, 0.2);
    z-index: 15; }

@media (min-width: 320px) {
  .itemInfUneteEquipo {
    position: relative;
    width: 100%;
    padding: 80px 15px 0 15px;
    z-index: 30; } }

@media (min-width: 768px) {
  .itemInfUneteEquipo {
    width: 80%; } }

@media (min-width: 992px) {
  .itemInfUneteEquipo {
    padding: 0;
    position: absolute;
    top: 50%;
    left: 45px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

@media (min-width: 1366px) {
  .itemInfUneteEquipo {
    width: 55%; } }

@media (min-width: 320px) {
  .itemInfUneteEquipo p {
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 42px;
    line-height: 44.4px;
    margin: 0;
    width: 100%;
    color: #fff; } }

@media (min-width: 768px) {
  .itemInfUneteEquipo p {
    font-size: 43.2px;
    font-family: 'NeueMachina-Bold', serif, sans-serif; } }

.itemInfUneteEquipo .linkSlideUneteEquipo {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 20px; }
  @media (min-width: 320px) {
    .itemInfUneteEquipo .linkSlideUneteEquipo a {
      width: 150px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #19e184;
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      font-size: 18px;
      letter-spacing: 0.23px;
      text-decoration: none; }
      .itemInfUneteEquipo .linkSlideUneteEquipo a .iconLinkSlideUneteEquipo {
        width: 40px;
        height: 10px;
        margin-left: 10px; }
        .itemInfUneteEquipo .linkSlideUneteEquipo a .iconLinkSlideUneteEquipo img {
          width: 100%;
          vertical-align: top;
          display: block; } }
  @media (min-width: 768px) {
    .itemInfUneteEquipo .linkSlideUneteEquipo a {
      font-family: 'SpaceGrotesk-Medium', serif, sans-serif; } }

@media (min-width: 320px) {
  .itemInfUneteEquipoInferior {
    position: absolute;
    bottom: 25%;
    width: 100%;
    padding: 80px 15px 0 15px;
    z-index: 30; } }

@media (min-width: 768px) {
  .itemInfUneteEquipoInferior {
    width: 80%;
    bottom: 20%;
    left: 0;
    padding: 30px; } }

@media (min-width: 992px) {
  .itemInfUneteEquipoInferior {
    padding: 30px 40px;
    bottom: 0; } }

@media (min-width: 1366px) {
  .itemInfUneteEquipoInferior {
    width: 65%; } }

@media (min-width: 320px) {
  .itemInfUneteEquipoInferior p {
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 42px;
    line-height: 44.4px;
    position: relative;
    z-index: 20;
    margin: 0;
    width: 100%;
    color: #fff; } }

@media (min-width: 768px) {
  .itemInfUneteEquipoInferior p {
    font-size: 43.2px;
    font-family: 'NeueMachina-Bold', serif, sans-serif; } }

.itemInfUneteEquipoInferior .linkSlideUneteEquipo {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 20px;
  z-index: 20; }
  @media (min-width: 320px) {
    .itemInfUneteEquipoInferior .linkSlideUneteEquipo a {
      width: 150px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #000028;
      font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
      font-size: 18px;
      letter-spacing: 0.23px;
      text-decoration: none; }
      .itemInfUneteEquipoInferior .linkSlideUneteEquipo a .iconLinkSlideUneteEquipo {
        width: 40px;
        height: 10px;
        margin-left: 10px; }
        .itemInfUneteEquipoInferior .linkSlideUneteEquipo a .iconLinkSlideUneteEquipo img {
          width: 100%;
          vertical-align: top;
          display: block; } }
  @media (min-width: 768px) {
    .itemInfUneteEquipoInferior .linkSlideUneteEquipo a {
      font-family: 'SpaceGrotesk-Medium', serif, sans-serif; } }

@media (min-width: 320px) {
  .img-slider-background {
    position: absolute;
    z-index: 10;
    width: 155%;
    left: 0;
    bottom: 0; }
    .img-slider-background img {
      width: 100%;
      vertical-align: top;
      display: block; } }

@media (min-width: 768px) {
  .img-slider-background {
    position: absolute;
    width: 65%;
    left: 0;
    bottom: 0; } }

/*======================================================================*
    Formulario Oportunidades
*======================================================================*/
.formularioOportunidades-Prolec,
.innerFormularioOportunidades-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .innerFormularioOportunidades-prolec {
    margin: 80px 0 0 0; } }

@media (min-width: 768px) {
  .innerFormularioOportunidades-prolec {
    padding: 0 50px;
    margin: 140px 0 80px 0; } }

@media (min-width: 992px) {
  .innerFormularioOportunidades-prolec {
    margin: 80px 0 40px 0; } }

@media (min-width: 320px) {
  .innerFormularioOportunidades-prolec h6 {
    width: 100%;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: .35px;
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    text-align: center;
    margin: 0;
    color: #000028;
    padding: 0 10%;
    margin-bottom: 20px; } }

@media (min-width: 768px) {
  .innerFormularioOportunidades-prolec h6 {
    font-size: 28px;
    padding: 0 15%; } }

@media (min-width: 992px) {
  .innerFormularioOportunidades-prolec h6 {
    padding: 0 30%; } }

@media (min-width: 320px) {
  .innerFormularioOportunidades-prolec p.desc-oportunidades {
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    font-size: 15px;
    color: #000028;
    opacity: .5;
    line-height: 1.63;
    letter-spacing: 0.38px;
    width: 100%;
    text-align: left;
    margin-bottom: 40px; } }

@media (min-width: 768px) {
  .innerFormularioOportunidades-prolec p.desc-oportunidades {
    font-size: 16px;
    text-align: center;
    margin-bottom: 70px; } }

@media (min-width: 320px) {
  .contFormularioOportunidades {
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 768px) {
  .contFormularioOportunidades {
    padding: 0 15%; } }

.contFormularioOportunidades form {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .contFormularioOportunidades input.opInput {
    width: 100%;
    padding: 10px 0;
    color: #8854ff;
    font-family: 'NeueMachina-Light', serif, sans-serif;
    font-size: 22px;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #8854ff;
    opacity: .7; } }

@media (min-width: 768px) {
  .contFormularioOportunidades input.opInput {
    font-size: 26px;
    padding: 20px 0; } }

@media (min-width: 320px) {
  .contFormularioOportunidades input.opInput::-webkit-input-placeholder {
    color: #8854ff;
    font-family: 'NeueMachina-Light', serif, sans-serif;
    font-size: 22px; }
  .contFormularioOportunidades input.opInput:-ms-input-placeholder {
    color: #8854ff;
    font-family: 'NeueMachina-Light', serif, sans-serif;
    font-size: 22px; }
  .contFormularioOportunidades input.opInput::-ms-input-placeholder {
    color: #8854ff;
    font-family: 'NeueMachina-Light', serif, sans-serif;
    font-size: 22px; }
  .contFormularioOportunidades input.opInput::placeholder {
    color: #8854ff;
    font-family: 'NeueMachina-Light', serif, sans-serif;
    font-size: 22px; } }

@media (min-width: 768px) {
  .contFormularioOportunidades input.opInput::-webkit-input-placeholder {
    font-size: 26px; }
  .contFormularioOportunidades input.opInput:-ms-input-placeholder {
    font-size: 26px; }
  .contFormularioOportunidades input.opInput::-ms-input-placeholder {
    font-size: 26px; }
  .contFormularioOportunidades input.opInput::placeholder {
    font-size: 26px; } }

@media (min-width: 320px) {
  .contFormularioOportunidades input.opInput:first-child {
    margin-bottom: 10px; } }

@media (min-width: 768px) {
  .contFormularioOportunidades input.opInput:first-child {
    margin-bottom: 20px; } }

.btnFormularioOportuniades {
  float: left;
  position: relative;
  width: 100%;
  margin: 30px 0; }

@media (min-width: 320px) {
  .btnFormLeft-Oportunidades {
    position: relative;
    width: 100%;
    float: left; } }

@media (min-width: 768px) {
  .btnFormLeft-Oportunidades {
    width: 50%; } }

.btnFormLeft-Oportunidades .input-file-container {
  position: relative;
  float: left;
  width: 100%; }

.btnFormLeft-Oportunidades .input-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 225px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer; }

.btnFormLeft-Oportunidades .input-file:hover + .input-file-trigger,
.btnFormLeft-Oportunidades .input-file:focus + .input-file-trigger,
.btnFormLeft-Oportunidades .input-file-trigger,
.btnFormLeft-Oportunidades .input-file-trigger:hover,
.btnFormLeft-Oportunidades .input-file-trigger:focus {
  padding: 10px 0;
  font-size: 14px;
  color: #000028;
  letter-spacing: 2px;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 225px;
  height: 58px;
  cursor: pointer;
  outline: 0;
  position: relative;
  float: left; }

.btnFormLeft-Oportunidades .file-return:not(:empty) {
  margin: 0; }

.btnFormLeft-Oportunidades .file-return {
  font-style: italic;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  width: 100%;
  top: 100%;
  color: #8854ff;
  opacity: 0.5;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  margin: 0; }

.btnFormLeft-Oportunidades .file-return:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: normal; }

.btnFormLeft-Oportunidades .icon-file-upload {
  width: 17px;
  height: 17px;
  margin-left: 20px; }
  .btnFormLeft-Oportunidades .icon-file-upload img {
    width: 100%;
    vertical-align: top; }

@media (min-width: 320px) {
  .btnFormRight-Oportunidades {
    position: relative;
    float: right;
    width: 100%; } }

@media (min-width: 768px) {
  .btnFormRight-Oportunidades {
    width: 50%; } }

@media (min-width: 320px) {
  .btnFormRight-Oportunidades button {
    width: 200px;
    padding: 22px 0;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 14px;
    color: #8854ff;
    letter-spacing: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 0;
    border: 0;
    background: transparent;
    float: left;
    cursor: pointer; }
    .btnFormRight-Oportunidades button img {
      width: 20px;
      margin-left: 20px; } }

@media (min-width: 768px) {
  .btnFormRight-Oportunidades button {
    float: right; } }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Ser prolec Buscador
*======================================================================*/
@media (min-width: 320px) {
  .descripcionServicios-prolec {
    float: left;
    position: relative;
    width: 100%;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    color: #000028;
    line-height: 26px;
    letter-spacing: 0.4px;
    margin: 30px 0 20px 0;
    text-align: center; } }

@media (min-width: 992px) {
  .descripcionServicios-prolec {
    font-size: 21px;
    line-height: 36px;
    letter-spacing: 0.5px;
    padding: 0 10%;
    margin: 40px 0 60px 0; } }

@media (min-width: 1366px) {
  .descripcionServicios-prolec {
    padding: 0 15%; } }

@media (min-width: 320px) {
  .itemServicio-size-cinco,
  .itemServicio-size-cuatro,
  .itemServicio-size-dos,
  .itemServicio-size-seis,
  .itemServicio-size-tres,
  .itemServicio-size-uno {
    width: 100%;
    height: 293px; }
    .itemServicio-size-cinco > .txtBlockIndustrias,
    .itemServicio-size-cuatro > .txtBlockIndustrias,
    .itemServicio-size-dos > .txtBlockIndustrias,
    .itemServicio-size-seis > .txtBlockIndustrias,
    .itemServicio-size-tres > .txtBlockIndustrias,
    .itemServicio-size-uno > .txtBlockIndustrias {
      width: 80%; } }

@media (min-width: 768px) {
  .itemServicio-size-cinco,
  .itemServicio-size-cuatro,
  .itemServicio-size-dos,
  .itemServicio-size-seis,
  .itemServicio-size-tres,
  .itemServicio-size-uno {
    width: 100%;
    height: 325px; }
    .itemServicio-size-cinco > .txtBlockIndustrias,
    .itemServicio-size-cuatro > .txtBlockIndustrias,
    .itemServicio-size-dos > .txtBlockIndustrias,
    .itemServicio-size-seis > .txtBlockIndustrias,
    .itemServicio-size-tres > .txtBlockIndustrias,
    .itemServicio-size-uno > .txtBlockIndustrias {
      width: 80%; }
  .itemServicio-size-cuatro {
    margin-top: 200px; } }

@media (min-width: 992px) {
  .itemServicio-size-uno {
    width: 100%;
    height: 425px;
    float: right; }
  .itemServicio-size-dos {
    width: 90%;
    height: 265px;
    float: right; }
  .itemServicio-size-tres {
    width: 80%;
    height: 468px;
    float: right; }
  .itemServicio-size-cuatro {
    width: 100%;
    height: 335px; }
  .itemServicio-size-cinco {
    width: 90%;
    height: 265px; }
  .itemServicio-size-seis {
    width: 80%;
    height: 468px; } }

@media (min-width: 1366px) {
  .itemServicio-size-uno {
    width: 100%; }
  .itemServicio-size-dos {
    width: 80%; }
  .itemServicio-size-tres {
    width: 65%; }
  .itemServicio-size-cuatro {
    width: 90%; }
  .itemServicio-size-cinco {
    width: 80%; }
  .itemServicio-size-seis {
    width: 65%; } }

/*======================================================================*
    En viva voz de
*======================================================================*/
.innerSlideEnVoz-prolec,
.wrapperSlideEnVoz-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 768px) {
  .wrapperSlideEnVoz-prolec {
    margin: 80px 0 40px 0; } }

@media (min-width: 992px) {
  .wrapperSlideEnVoz-prolec {
    margin: 130px 0 80px 0; } }

@media (min-width: 320px) {
  .ttlenvoz-slideheader {
    position: relative;
    float: left;
    width: 90%;
    color: #19e184;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    margin: 0;
    text-transform: uppercase;
    padding-left: 22px; } }

@media (min-width: 768px) {
  .ttlenvoz-slideheader {
    margin-left: 5%; } }

.ttlenvoz-slideheader::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: #19e184;
  top: 10px;
  left: 0; }

@media (min-width: 320px) {
  .contSliderEnVoz {
    float: left;
    position: relative;
    width: 100%;
    min-height: 350px;
    margin-top: 50px; } }

@media (min-width: 768px) {
  .contSliderEnVoz {
    padding: 0 5%; } }

.contSliderEnVoz .carousel {
  height: 100%; }
  .contSliderEnVoz .carousel .carousel-inner {
    height: 100%; }
    .contSliderEnVoz .carousel .carousel-inner .carousel-item {
      height: 100%; }

@media (min-width: 320px) {
  .imgeUsuarioVoz {
    position: relative;
    float: left;
    width: 118px; }
    .imgeUsuarioVoz img {
      width: 100%;
      vertical-align: top;
      display: block; } }

@media (min-width: 768px) {
  .imgeUsuarioVoz {
    width: 178px; } }

@media (min-width: 320px) {
  .txtUsuarioVoz {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 30px; } }

@media (min-width: 768px) {
  .txtUsuarioVoz {
    width: calc(100% - 178px);
    float: right;
    padding-left: 40px;
    margin-top: 0; } }

.commUsuarioVoz,
.infUsuarioVoz {
  float: left;
  position: relative;
  width: 100%; }

.infUsuarioVoz {
  margin-top: 30px; }

@media (min-width: 320px) {
  .commUsuarioVoz p {
    float: left;
    position: relative;
    width: 100%;
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 28px;
    line-height: 37px;
    letter-spacing: normal;
    color: #000028;
    margin: 0; } }

@media (min-width: 992px) {
  .commUsuarioVoz p {
    font-size: 33px;
    line-height: 1.27; } }

@media (min-width: 320px) {
  .commUsuarioVoz a {
    position: relative;
    float: left;
    width: auto;
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    font-size: 18px;
    line-height: 37px;
    letter-spacing: normal;
    color: #000028;
    margin: 20px 0;
    text-decoration: underline; } }

@media (min-width: 992px) {
  .commUsuarioVoz a {
    font-size: 24px;
    line-height: 1.27; } }

@media (min-width: 320px) {
  .infUsuarioVoz p {
    width: 100%;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    font-size: 18px;
    letter-spacing: 0.23px;
    color: #8854ff;
    margin: 0; } }

@media (min-width: 320px) {
  .navegacionEnVoz {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 20px; } }

@media (min-width: 768px) {
  .navegacionEnVoz {
    padding-left: 248px; } }

@media (min-width: 992px) {
  .navegacionEnVoz {
    padding-left: 268px; } }

.navegacionEnVoz .carousel-control-next,
.navegacionEnVoz .carousel-control-prev {
  width: 40px;
  height: 40px;
  color: #fff;
  position: relative;
  float: left;
  opacity: 1; }

.navegacionEnVoz .carousel-control-next {
  margin-left: 10px; }

.iconNavVoz {
  width: 100%;
  height: 100%;
  display: block; }
  .iconNavVoz img {
    width: 100%; }

/*======================================================================*
    Servicios Nuevo
*======================================================================*/
.blockServiciosNew-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .ttleBlockServiciosNew-prolec {
    float: left;
    position: relative;
    width: 100%;
    padding: 70px 0 25px 0; } }

@media (min-width: 992px) {
  .ttleBlockServiciosNew-prolec {
    padding: 90px 0 125px 0; } }

@media (min-width: 320px) {
  .ttleBlockServiciosNew-prolec h3 {
    margin: 0 20px 30px 20px;
    line-height: 1.14;
    letter-spacing: 0.35px;
    font-size: 28px;
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    color: #000028;
    text-align: center; } }

@media (min-width: 768px) {
  .ttleBlockServiciosNew-prolec h3 {
    margin: 0 0 20px 0; } }

@media (min-width: 320px) {
  .ttleBlockServiciosNew-prolec p {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .4px;
    color: #000028;
    margin: 0;
    width: 100%;
    text-align: center; } }

@media (min-width: 768px) {
  .ttleBlockServiciosNew-prolec p {
    font-size: 21px;
    line-height: 36px;
    letter-spacing: .5px; } }

.innerAcordeonServiciosNew-prolec {
  float: left;
  position: relative;
  width: 100%; }
  @media (min-width: 320px) {
    .innerAcordeonServiciosNew-prolec .card {
      border: 0;
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    .innerAcordeonServiciosNew-prolec .card {
      margin-bottom: 70px; } }
  @media (min-width: 320px) {
    .innerAcordeonServiciosNew-prolec .card-header {
      padding: 0 15px;
      border: 0;
      background: transparent; } }
  .innerAcordeonServiciosNew-prolec .card-header .headerAcordeonIn {
    padding: 0;
    float: left;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #000028;
    border-radius: 0; }
    @media (min-width: 320px) {
      .innerAcordeonServiciosNew-prolec .card-header .headerAcordeonIn .imgHeaderAcordeonIn {
        float: left;
        position: relative;
        width: 100%;
        height: 91px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; } }
    @media (min-width: 768px) {
      .innerAcordeonServiciosNew-prolec .card-header .headerAcordeonIn .imgHeaderAcordeonIn {
        height: 200px; } }
    .innerAcordeonServiciosNew-prolec .card-header .headerAcordeonIn .ttlAcordeonHeader {
      float: left;
      position: relative;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media (min-width: 320px) {
        .innerAcordeonServiciosNew-prolec .card-header .headerAcordeonIn .ttlAcordeonHeader h3 {
          position: relative;
          float: left;
          width: auto;
          margin: 30px 0;
          font-size: 24px;
          letter-spacing: 0.33px;
          color: #19e184;
          font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
          text-align: left; } }
      @media (min-width: 768px) {
        .innerAcordeonServiciosNew-prolec .card-header .headerAcordeonIn .ttlAcordeonHeader h3 {
          font-size: 26px;
          margin: 25px 0; } }
      .innerAcordeonServiciosNew-prolec .card-header .headerAcordeonIn .ttlAcordeonHeader .iconTtlAcordeonHeader {
        position: relative;
        float: right;
        width: 20px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        margin-right: 10px; }
        .innerAcordeonServiciosNew-prolec .card-header .headerAcordeonIn .ttlAcordeonHeader .iconTtlAcordeonHeader img {
          -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
          transform: rotate(0);
          width: 10px;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease;
          vertical-align: top; }
    .innerAcordeonServiciosNew-prolec .card-header .headerAcordeonIn[aria-expanded="true"] {
      border-bottom: 1px solid #fff; }
      .innerAcordeonServiciosNew-prolec .card-header .headerAcordeonIn[aria-expanded="true"] .iconTtlAcordeonHeader img {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
  @media (min-width: 320px) {
    .innerAcordeonServiciosNew-prolec .innerCardBodyAcordeon {
      padding: 50px 15px;
      min-height: 200px; } }
  .innerAcordeonServiciosNew-prolec .ttlCardBodyAcordeon {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 25px; }
    .innerAcordeonServiciosNew-prolec .ttlCardBodyAcordeon::after {
      content: '';
      width: 100%;
      height: 2px;
      background-color: black;
      position: absolute;
      bottom: -25px; }
    @media (min-width: 320px) {
      .innerAcordeonServiciosNew-prolec .ttlCardBodyAcordeon h4 {
        margin: 0;
        color: #000028;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.4px;
        font-family: 'SpaceGrotesk-Medium', serif, sans-serif; } }
    @media (min-width: 768px) {
      .innerAcordeonServiciosNew-prolec .ttlCardBodyAcordeon h4 {
        font-size: 21px;
        line-height: 1.71;
        letter-spacing: 0.5px; } }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Video prolec descirpcion
*======================================================================*/
@media (min-width: 320px) {
  .videoDescripcion-prolec {
    float: left;
    position: relative;
    width: 100%;
    z-index: 100; } }

@media (min-width: 768px) {
  .videoDescripcion-prolec {
    margin-top: -80px; } }

@media (min-width: 992px) {
  .videoDescripcion-prolec {
    margin-top: -120px; } }

@media (min-width: 320px) {
  .innerVideoDescripcion-prolec {
    float: left;
    position: relative;
    width: 100%;
    background-color: #fff;
    padding: 30px 0; } }

@media (min-width: 768px) {
  .innerVideoDescripcion-prolec {
    padding: 15px; } }

@media (min-width: 992px) {
  .innerVideoDescripcion-prolec {
    padding: 35px; } }

@media (min-width: 320px) {
  .wrapperVideoDescripcion-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 210px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }

@media (min-width: 768px) {
  .wrapperVideoDescripcion-prolec {
    height: 560px; } }

@media (min-width: 320px) {
  .wrapperVideoDescripcion-prolec .btnModal-video {
    position: absolute;
    z-index: 20;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0; } }

@media (min-width: 768px) {
  .wrapperVideoDescripcion-prolec .btnModal-video {
    width: 60px;
    height: 60px; } }

@media (min-width: 992px) {
  .wrapperVideoDescripcion-prolec .btnModal-video {
    width: 70px;
    height: 70px; } }

@media (min-width: 320px) {
  .wrapperVideoDescripcion-prolec .btnModal-video:before {
    content: '';
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@media (min-width: 768px) {
  .wrapperVideoDescripcion-prolec .btnModal-video:before {
    width: 100px;
    height: 100px; } }

.wrapperVideoDescripcion-prolec .btnModal-video img {
  width: 40%;
  position: absolute;
  top: 50%;
  left: 55%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 30; }

@media (min-width: 320px) {
  .paddingDinamic {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 768px) {
  .paddingDinamic {
    padding-right: 15px;
    padding-left: 15px; } }

@media (min-width: 320px) {
  .paddingDinamicXL {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 992px) {
  .paddingDinamicXL {
    padding-right: 15px;
    padding-left: 15px; } }

@media (min-width: 320px) {
  .wrapperTxtVideoDescripcion-prolec {
    float: left;
    position: relative;
    width: 100%;
    padding: 30px 20px 0 20px; } }

@media (min-width: 768px) {
  .wrapperTxtVideoDescripcion-prolec {
    padding: 35px; } }

@media (min-width: 320px) {
  .wrapperTxtVideoDescripcion-prolec p {
    margin: 0;
    font-size: 18px;
    color: #000028;
    line-height: 26px;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    letter-spacing: 0.43px;
    text-align: center; } }

@media (min-width: 768px) {
  .wrapperTxtVideoDescripcion-prolec p {
    font-size: 21px;
    line-height: 36px;
    letter-spacing: 0.5px; } }

@media (min-width: 320px) {
  .sliderElements-desarrollo {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    background-color: #19e184; } }

@media (min-width: 768px) {
  .sliderElements-desarrollo {
    margin-bottom: 0; } }

@media (min-width: 992px) {
  .sliderElements-desarrollo {
    margin-top: 70px; } }

@media (min-width: 320px) {
  .innerElements-desarrollo {
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 768px) {
  .innerElements-desarrollo {
    height: 500px; } }

@media (min-width: 992px) {
  .innerElements-desarrollo {
    height: 550px; } }

@media (min-width: 1400px) {
  .innerElements-desarrollo {
    height: 500px; } }

.innerElements-desarrollo .carousel {
  height: 100%; }
  .innerElements-desarrollo .carousel .carousel-inner {
    height: 100%; }
    .innerElements-desarrollo .carousel .carousel-inner .carousel-item {
      height: 100%; }

@media (min-width: 320px) {
  .slideElementsDesarrollo {
    float: left;
    position: relative;
    width: 100%;
    height: 100%; } }

@media (min-width: 992px) {
  .slideElementsDesarrollo {
    padding: 0 35px; } }

@media (min-width: 320px) {
  .slideElements-left {
    height: 365px;
    width: 100%;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }

@media (min-width: 768px) {
  .slideElements-left {
    width: 45%;
    height: 100%; } }

@media (min-width: 992px) {
  .slideElements-left {
    width: 57%; } }

@media (min-width: 320px) {
  .slideElements-right {
    position: relative;
    width: 100%;
    padding: 70px 20px 90px 20px;
    float: left; } }

@media (min-width: 768px) {
  .slideElements-right {
    width: 55%;
    padding: 60px 20px 90px 20px; } }

@media (min-width: 992px) {
  .slideElements-right {
    padding: 55px 40px 80px 40px;
    width: 43%;
    float: right; } }

.slideElements-right h3 {
  float: left;
  position: relative;
  width: 100%;
  margin: 0 0 30px 0;
  font-family: 'NeueMachina-Bold', serif, sans-serif;
  font-size: 28px;
  color: #fff;
  letter-spacing: .35px; }

.slideElements-right p {
  float: left;
  position: relative;
  width: 100%;
  font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
  color: #000028;
  line-height: 26px;
  font-size: 18px;
  margin: 0; }

.slideElements-right a {
  position: relative;
  float: left;
  display: block;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  color: #000028;
  line-height: 26px;
  font-size: 18px;
  margin: 20px 0 10px 0;
  text-decoration: none; }
  .slideElements-right a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000028;
    bottom: -2px;
    left: 0; }

@media (min-width: 320px) {
  .navegacionElementos {
    position: absolute;
    z-index: 10;
    bottom: 25px;
    right: 0;
    width: 100%;
    padding: 0 20px; } }

@media (min-width: 768px) {
  .navegacionElementos {
    width: 55%;
    bottom: 30px; } }

@media (min-width: 992px) {
  .navegacionElementos {
    width: 43%;
    padding: 0 40px; } }

.navegacionElementos .carousel-control-next,
.navegacionElementos .carousel-control-prev {
  width: 40px;
  height: 40px;
  color: #fff;
  position: relative;
  float: left;
  opacity: 1;
  display: block; }

.navegacionElementos .carousel-control-next {
  margin-left: 10px; }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Video prolec descirpcion
*======================================================================*/
.buscadorFiltro-noticias,
.innerBuscadorFiltro-noticias {
  float: left;
  position: relative;
  width: 100%; }

.buscadorFiltro-noticias {
  margin-top: -50px;
  z-index: 10; }

@media (min-width: 320px) {
  .innerBuscadorFiltro-noticias {
    background-color: #ffffff;
    border-bottom: 1px solid #19e184; } }

@media (min-width: 992px) {
  .innerBuscadorFiltro-noticias {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);
    border-bottom: none; } }

.innerBuscadorFiltro-noticias form {
  float: left;
  position: relative;
  width: 100%; }

.innerBuscadorFiltro-noticias input {
  float: left;
  position: relative;
  width: 100%;
  height: 100px;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  font-size: 20px;
  letter-spacing: 0.25px;
  color: #000028;
  outline: 0;
  border: 0;
  z-index: 100;
  padding-left: 75px; }
  .innerBuscadorFiltro-noticias input::-webkit-input-placeholder {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 20px;
    letter-spacing: 0.25px;
    color: #9c9c9c; }
  .innerBuscadorFiltro-noticias input:-ms-input-placeholder {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 20px;
    letter-spacing: 0.25px;
    color: #9c9c9c; }
  .innerBuscadorFiltro-noticias input::-ms-input-placeholder {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 20px;
    letter-spacing: 0.25px;
    color: #9c9c9c; }
  .innerBuscadorFiltro-noticias input::placeholder {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 20px;
    letter-spacing: 0.25px;
    color: #9c9c9c; }

.innerBuscadorFiltro-noticias button {
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 100%;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  outline: 0;
  border: 0;
  cursor: pointer; }
  .innerBuscadorFiltro-noticias button img {
    width: 25px;
    display: block;
    vertical-align: top; }

/*======================================================================*
    Filtro Media
*======================================================================*/
.filtroMediaAvanzado-prolec,
.innerFiltroMediaAvanzado-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 992px) {
  .filtroMediaAvanzado-prolec {
    margin-top: 50px; } }

@media (min-width: 320px) {
  .contSelectFiltroMedia {
    float: left;
    position: relative;
    width: 100%;
    height: 100px; } }

@media (min-width: 992px) {
  .contSelectFiltroMedia {
    display: none; } }

@media (min-width: 320px) {
  .contSelectFiltroMedia .navMapasSct {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 40px;
    outline: 0;
    border: 0;
    color: #19e184;
    letter-spacing: 0.23px;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: contain;
    background: url("../assets/icon/carot-down-icon-pdftab.svg") 90%/4% no-repeat #fff; } }

@media (min-width: 768px) {
  .contSelectFiltroMedia .navMapasSct {
    background: url("../assets/icon/carot-down-icon-pdftab.svg") 95%/3% no-repeat #fff; } }

@media (min-width: 320px) {
  .contUlFiltroMedia {
    display: none; } }

@media (min-width: 992px) {
  .contUlFiltroMedia {
    float: left;
    position: relative;
    width: 100%;
    display: block; } }

.contUlFiltroMedia .nav-tabs {
  border-bottom: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.contUlFiltroMedia .nav-tabs .nav-link {
  color: #aaa;
  font-size: 14px;
  font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  margin: 0 10px; }

.contUlFiltroMedia .nav-tabs .nav-item.show .nav-link,
.contUlFiltroMedia .nav-tabs .nav-link.active {
  color: #19e184;
  background-color: #fff;
  border-color: transparent; }
  .contUlFiltroMedia .nav-tabs .nav-item.show .nav-link::after,
  .contUlFiltroMedia .nav-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #19e184; }

.contUlFiltroMedia .nav-tabs .nav-link:focus,
.contUlFiltroMedia .nav-tabs .nav-link:hover {
  border-color: transparent;
  color: #19e184;
  background-color: #fff;
  border-color: transparent; }
  .contUlFiltroMedia .nav-tabs .nav-link:focus::after,
  .contUlFiltroMedia .nav-tabs .nav-link:hover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #19e184; }

/*======================================================================*
    Contenedor items filtro
*======================================================================*/
.wrapperFiltroMedia {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .wrapperFiltroMedia .filters,
  .wrapperFiltroMedia .filtersAll {
    display: none; } }

@media (min-width: 992px) {
  .wrapperFiltroMedia .filters,
  .wrapperFiltroMedia .filtersAll {
    display: block;
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 320px) {
  .wrapperFiltroMedia .filters ul,
  .wrapperFiltroMedia .filtersAll ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0 0 100px;
    padding: 0; } }

@media (min-width: 992px) {
  .wrapperFiltroMedia .filters ul,
  .wrapperFiltroMedia .filtersAll ul {
    padding: 0 20px; } }

@media (min-width: 1366px) {
  .wrapperFiltroMedia .filters ul,
  .wrapperFiltroMedia .filtersAll ul {
    padding: 0; } }

.wrapperFiltroMedia .filters ul li,
.wrapperFiltroMedia .filtersAll ul li {
  display: inlnie-block;
  text-align: left;
  padding: 2px 10px;
  letter-spacing: 0.5px;
  font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  margin: 20px 20px 20px 0;
  color: #aaaaaa;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(25, 225, 132, 0); }
  .wrapperFiltroMedia .filters ul li:last-child,
  .wrapperFiltroMedia .filtersAll ul li:last-child {
    margin-left: 0; }

.wrapperFiltroMedia .filters ul li:hover,
.wrapperFiltroMedia .filtersAll ul li:hover {
  color: #19e184; }

.wrapperFiltroMedia .filters ul li.is-checked,
.wrapperFiltroMedia .filtersAll ul li.is-checked {
  color: #19e184;
  border-bottom: 1px solid #19e184; }

.wrapperFiltroMedia .filters ul li:last-child,
.wrapperFiltroMedia .filtersAll ul li:last-child {
  margin-right: 0; }

@media (min-width: 320px) {
  .wrapperFiltroMedia .wrapperSlctFilter {
    margin: 20px 0 40px; } }

@media (min-width: 768px) {
  .wrapperFiltroMedia .wrapperSlctFilter {
    margin: 30px 0 40px 0; } }

.itemFiltradoMedia-Prolec {
  float: left;
  position: relative;
  width: 100%; }
  @media (min-width: 320px) {
    .itemFiltradoMedia-Prolec .itemImgMedia-prolec {
      float: left;
      position: relative;
      width: 100%;
      height: 220px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; } }
  @media (min-width: 768px) {
    .itemFiltradoMedia-Prolec .itemImgMedia-prolec {
      height: 255px; } }
  @media (min-width: 320px) {
    .itemFiltradoMedia-Prolec .linkMedia-prolec {
      float: left;
      position: relative;
      width: 100%;
      margin: 30px 0 20px; } }
  @media (min-width: 320px) {
    .itemFiltradoMedia-Prolec .linkMedia-prolec a {
      font-family: 'NeueMachina-Regular', serif, sans-serif;
      color: #000028;
      font-size: 26px;
      letter-spacing: 0.5px;
      line-height: 1.36;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: block; }
      .itemFiltradoMedia-Prolec .linkMedia-prolec a:hover {
        color: #000028; } }
  @media (min-width: 768px) {
    .itemFiltradoMedia-Prolec .linkMedia-prolec a {
      font-size: 22px;
      font-family: 'NeueMachina-Bold', serif, sans-serif; } }
  .itemFiltradoMedia-Prolec .dateMedia-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 25px; }
    .itemFiltradoMedia-Prolec .dateMedia-prolec p {
      color: #9f9fa2;
      font-size: 16px;
      font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
      margin: 0; }
      .itemFiltradoMedia-Prolec .dateMedia-prolec p span {
        color: #8854ff;
        margin-left: 7px; }

/*======================================================================*
    Suscripcion + Regalo
*======================================================================*/
.bloqueSuscripcionRegalo-prolec,
.contRegaloSuscriptorIMG,
.contRegaloSuscriptorTXT {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .bloqueSuscripcionRegalo-prolec {
    margin-top: 70px; } }

@media (min-width: 992px) {
  .bloqueSuscripcionRegalo-prolec {
    margin-top: 120px; } }

.contRegaloSuscriptorIMG img {
  width: 100%;
  display: block;
  vertical-align: top; }

@media (min-width: 320px) {
  .contRegaloSuscriptorTXT h3 {
    font-family: 'NeueMachina-Light', serif, sans-serif;
    color: #000028;
    font-size: 42px;
    letter-spacing: .54px;
    margin: 20px 0;
    width: 100%; } }

@media (min-width: 992px) {
  .contRegaloSuscriptorTXT h3 {
    font-size: 43px;
    margin: 0 0 20px 0; } }

@media (min-width: 320px) {
  .contRegaloSuscriptorTXT p {
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    font-size: 16px;
    color: #000028;
    letter-spacing: .38px;
    line-height: 28px;
    margin: 0 0 20px 0; } }

@media (min-width: 992px) {
  .contRegaloSuscriptorTXT p {
    line-height: 26px; } }

.contRegaloSuscriptorTXT .formRegaloSuscriptor {
  width: 100%; }
  @media (min-width: 320px) {
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form {
      width: 100%;
      position: relative;
      float: left; } }
  @media (min-width: 992px) {
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; } }
  @media (min-width: 320px) {
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form input {
      position: relative;
      float: left;
      width: 100%;
      display: block;
      height: 60px;
      color: #8854ff;
      font-family: 'NeueMachina-Light', serif, sans-serif;
      font-size: 22px;
      border: 0;
      outline: 0;
      border-bottom: 1px solid #8854ff; } }
  @media (min-width: 992px) {
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form input {
      width: calc(100% - 180px);
      font-size: 26px; } }
  @media (min-width: 320px) {
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form input::-webkit-input-placeholder {
      color: #8854ff;
      font-family: 'NeueMachina-Light', serif, sans-serif;
      font-size: 22px; }
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form input:-ms-input-placeholder {
      color: #8854ff;
      font-family: 'NeueMachina-Light', serif, sans-serif;
      font-size: 22px; }
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form input::-ms-input-placeholder {
      color: #8854ff;
      font-family: 'NeueMachina-Light', serif, sans-serif;
      font-size: 22px; }
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form input::placeholder {
      color: #8854ff;
      font-family: 'NeueMachina-Light', serif, sans-serif;
      font-size: 22px; } }
  @media (min-width: 992px) {
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form input::-webkit-input-placeholder {
      font-size: 26px; }
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form input:-ms-input-placeholder {
      font-size: 26px; }
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form input::-ms-input-placeholder {
      font-size: 26px; }
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form input::placeholder {
      font-size: 26px; } }
  @media (min-width: 320px) {
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      position: relative;
      float: left;
      width: 180px;
      height: 100%;
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      font-size: 14px;
      letter-spacing: 2px;
      color: #8854ff;
      padding-top: 30px; }
      .contRegaloSuscriptorTXT .formRegaloSuscriptor form a .iconFormEnviarSuscriptorRegalo {
        width: 20px;
        height: 20px;
        display: block;
        margin-left: 15px; }
        .contRegaloSuscriptorTXT .formRegaloSuscriptor form a .iconFormEnviarSuscriptorRegalo img {
          width: 100%;
          vertical-align: top;
          display: block; } }
  @media (min-width: 992px) {
    .contRegaloSuscriptorTXT .formRegaloSuscriptor form a {
      width: 180px;
      float: right;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

/*======================================================================*
    Btn Play General
*======================================================================*/
@media (min-width: 320px) {
  .play-btn-gral {
    width: 70px;
    height: 70px;
    position: relative;
    float: right;
    border-radius: 50%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

@media (min-width: 1366px) {
  .play-btn-gral {
    margin-right: 0; } }

.play-btn-gral:after {
  content: '';
  position: absolute;
  background-color: rgba(255, 255, 255, 0.3);
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  border-radius: 50%; }

.play-btn-gral img {
  position: absolute;
  z-index: 30;
  width: 22px;
  vertical-align: top;
  display: block; }

.ctrButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/*======================================================================*
    Podcast
*======================================================================*/
/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Header Particular Quienes Somos
*======================================================================*/
.principal-QSN-prolec,
.innerPricipal-QSN-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .wrapperVideoPrincipal-QSN-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 638px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100; }
    .wrapperVideoPrincipal-QSN-prolec::after {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background-color: rgba(0, 0, 40, 0.3);
      width: 100%;
      height: 100%;
      z-index: 110;
      content: ''; } }

@media (min-width: 768px) {
  .wrapperVideoPrincipal-QSN-prolec {
    height: 700px; } }

@media (min-width: 992px) {
  .wrapperVideoPrincipal-QSN-prolec {
    height: 768px; } }

@media (min-width: 320px) {
  .innerWrapeprVideoPrincipal-QSN-prolec {
    z-index: 200;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%; } }

@media (min-width: 992px) {
  .innerWrapeprVideoPrincipal-QSN-prolec {
    width: 100%; } }

@media (min-width: 1366px) {
  .innerWrapeprVideoPrincipal-QSN-prolec {
    max-width: 1200px !important; } }

@media (min-width: 1600px) {
  .innerWrapeprVideoPrincipal-QSN-prolec {
    max-width: 1350px !important; } }

@media (min-width: 320px) {
  .innerWrapeprVideoPrincipal-QSN-prolec .play-btn {
    display: none; } }

@media (min-width: 992px) {
  .innerWrapeprVideoPrincipal-QSN-prolec .play-btn {
    width: 70px;
    height: 70px;
    position: relative;
    float: right;
    border-radius: 50%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .innerWrapeprVideoPrincipal-QSN-prolec .play-btn::after {
      content: '';
      position: absolute;
      z-index: 5;
      background-color: rgba(255, 255, 255, 0.3);
      width: 100px;
      height: 100px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 5;
      border-radius: 50%; }
    .innerWrapeprVideoPrincipal-QSN-prolec .play-btn img {
      position: absolute;
      z-index: 30;
      width: 22px;
      vertical-align: top;
      display: block; } }

@media (min-width: 1366px) {
  .innerWrapeprVideoPrincipal-QSN-prolec .play-btn {
    margin-right: 0; } }

@media (min-width: 320px) {
  .infWrapperVideoPrincipal-QSN-prolec {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff; } }

@media (min-width: 992px) {
  .infWrapperVideoPrincipal-QSN-prolec {
    width: calc(100% - 150px);
    border-bottom: 0;
    padding: 0 15px; } }

@media (min-width: 1366px) {
  .infWrapperVideoPrincipal-QSN-prolec {
    padding: 0; } }

@media (min-width: 320px) {
  .infWrapperVideoPrincipal-QSN-prolec h1 {
    font-family: 'NeueMachina-Regular', serif, sans-serif;
    font-size: 42.6px;
    letter-spacing: .54px;
    color: #fff;
    margin: 0; } }

@media (min-width: 992px) {
  .infWrapperVideoPrincipal-QSN-prolec h1 {
    font-size: 60px;
    letter-spacing: .56px; } }

@media (min-width: 1366px) {
  .infWrapperVideoPrincipal-QSN-prolec h1 {
    font-size: 91px; } }

/*======================================================================*
    Descripcion QSN
*======================================================================*/
@media (min-width: 320px) {
  .descripcion-QSN-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 50px; } }

@media (min-width: 768px) {
  .descripcion-QSN-prolec {
    margin-top: 90px; } }

@media (min-width: 320px) {
  .innerDescripcion-QSN-prolec {
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 992px) {
  .innerDescripcion-QSN-prolec {
    padding: 0 5%; } }

@media (min-width: 320px) {
  .innerDescripcion-QSN-prolec h4, .innerDescripcion-QSN-prolec p {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 37px;
    line-height: 41px;
    margin: 0;
    text-align: left;
    color: #000028; } }

@media (min-width: 992px) {
  .innerDescripcion-QSN-prolec h4, .innerDescripcion-QSN-prolec p {
    font-size: 65px;
    line-height: 69px; } }

/*======================================================================*
    Misión / Visión QSN
*======================================================================*/
.mv-QSN-prolec,
.innerMv-QSN-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .mv-QSN-prolec {
    margin-top: 30px;
    overflow: hidden; } }

@media (min-width: 320px) {
  .left-mv-QSN-prolec {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 15px; } }

@media (min-width: 992px) {
  .left-mv-QSN-prolec {
    width: calc(100% - 370px);
    padding-right: 150px; } }

@media (min-width: 1366px) {
  .left-mv-QSN-prolec {
    padding-right: 350px; } }

@media (min-width: 320px) {
  .left-mv-QSN-prolec p {
    float: left;
    position: relative;
    width: 100%;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .43px;
    margin: 0;
    color: #000028; } }

@media (min-width: 992px) {
  .left-mv-QSN-prolec p {
    font-size: 21px;
    line-height: 36px;
    letter-spacing: .56px; } }

@media (min-width: 320px) {
  .ttl-left-mv-QSN-prolec {
    float: left;
    position: relative;
    width: 100%;
    padding: 16px 0;
    margin-bottom: 30px;
    margin-top: 70px; } }

@media (min-width: 768px) {
  .ttl-left-mv-QSN-prolec {
    margin-top: 30px; } }

@media (min-width: 992px) {
  .ttl-left-mv-QSN-prolec {
    padding: 20px 0;
    margin-top: 170px; } }

@media (min-width: 320px) {
  .ttl-left-mv-QSN-prolec::after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #000028; } }

@media (min-width: 992px) {
  .ttl-left-mv-QSN-prolec::after {
    left: -175%;
    width: 200%; } }

.ttl-left-mv-QSN-prolec h3 {
  font-family: 'NeueMachina-Bold', serif, sans-serif;
  color: #8854ff;
  font-size: 26px;
  line-height: 36px;
  margin: 0; }

@media (min-width: 320px) {
  .right-mv-QSN-prolec {
    position: relative;
    float: right;
    width: 100%;
    padding: 0 15px; } }

@media (min-width: 992px) {
  .right-mv-QSN-prolec {
    width: 370px; } }

@media (min-width: 320px) {
  .right-mv-QSN-prolec p {
    float: left;
    position: relative;
    width: 100%;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .43px;
    margin: 0;
    text-align: right;
    color: #000028; } }

@media (min-width: 992px) {
  .right-mv-QSN-prolec p {
    font-size: 21px;
    line-height: 36px;
    letter-spacing: .56px;
    text-align: left; } }

@media (min-width: 320px) {
  .ttl-right-mv-QSN-prolec {
    float: left;
    position: relative;
    width: 100%;
    padding: 16px 0;
    margin-bottom: 30px; } }

@media (min-width: 992px) {
  .ttl-right-mv-QSN-prolec {
    padding: 20px 0; } }

@media (min-width: 320px) {
  .ttl-right-mv-QSN-prolec::after {
    content: '';
    height: 1px;
    width: 115%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #000028; } }

@media (min-width: 992px) {
  .ttl-right-mv-QSN-prolec::after {
    width: 200%;
    left: 0;
    right: auto; } }

@media (min-width: 320px) {
  .ttl-right-mv-QSN-prolec h3 {
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    color: #8854ff;
    font-size: 26px;
    line-height: 36px;
    text-align: right;
    margin: 0; } }

@media (min-width: 992px) {
  .ttl-right-mv-QSN-prolec h3 {
    text-align: left; } }

/*======================================================================*
    Imagen Background
*======================================================================*/
@media (min-width: 320px) {
  .banner-backLine-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin: 70px 0; }
    .banner-backLine-prolec img {
      display: block;
      width: 100%;
      vertical-align: top; } }

@media (min-width: 768px) {
  .banner-backLine-prolec {
    margin: 90px 0; } }

@media (min-width: 992px) {
  .banner-backLine-prolec {
    margin-bottom: 150px; } }

/*======================================================================*
    Imágenes QSN
*======================================================================*/
@media (min-width: 320px) {
  .img-QSN-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin: 70px 0; } }

@media (min-width: 768px) {
  .img-QSN-prolec {
    margin: 100px 0; } }

@media (min-width: 992px) {
  .img-QSN-prolec {
    margin: 170px 0; } }

@media (min-width: 320px) {
  .left-img-QSN-prolec {
    position: relative;
    float: left;
    width: 100%; } }

@media (min-width: 768px) {
  .left-img-QSN-prolec {
    width: 50%;
    margin-top: 120px;
    padding-right: 10px; } }

@media (min-width: 992px) {
  .left-img-QSN-prolec {
    width: 500px;
    margin-top: 120px;
    padding-right: 40px; } }

@media (min-width: 320px) {
  .left-img-QSN-prolec .cont-img-QSN {
    width: 100%;
    height: 293px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px; } }

@media (min-width: 768px) {
  .left-img-QSN-prolec .cont-img-QSN {
    height: 330px;
    margin-bottom: 0; } }

@media (min-width: 320px) {
  .right-img-QSN-prolec {
    position: relative;
    float: left;
    width: 100%; } }

@media (min-width: 768px) {
  .right-img-QSN-prolec {
    width: 50%;
    padding-left: 10px; } }

@media (min-width: 992px) {
  .right-img-QSN-prolec {
    width: calc(100% - 500px);
    float: right;
    padding-left: 0; } }

@media (min-width: 320px) {
  .right-img-QSN-prolec .contLarge-img-QSN {
    width: 100%;
    height: 293px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px; } }

@media (min-width: 768px) {
  .right-img-QSN-prolec .contLarge-img-QSN {
    height: 280px;
    margin-bottom: 0; } }

@media (min-width: 320px) {
  .right-img-QSN-prolec .contSmall-img-QSN {
    width: 100%;
    height: 293px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px; } }

@media (min-width: 768px) {
  .right-img-QSN-prolec .contSmall-img-QSN {
    margin-top: 50px;
    width: 260px;
    height: 190px;
    margin-bottom: 0; } }

/*======================================================================*
    Valores QSN
*======================================================================*/
@media (min-width: 320px) {
  .valores-QSN-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 70px; } }

@media (min-width: 768px) {
  .valores-QSN-prolec {
    margin-bottom: 0; } }

@media (min-width: 320px) {
  .valores-QSN-prolec .card {
    border: 0; } }

@media (min-width: 320px) {
  .valores-QSN-prolec .card .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 0; } }

@media (min-width: 320px) {
  .valores-QSN-prolec .card .card-body {
    padding: 30px 0;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .38px;
    color: #000028; } }

@media (min-width: 768px) {
  .valores-QSN-prolec .card .card-body {
    font-size: 18px;
    letter-spacing: .43px;
    line-height: 28px; } }

@media (min-width: 320px) {
  .ttlNV-QSN {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0;
    color: #000028;
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 70px;
    letter-spacing: .35px; } }

@media (min-width: 768px) {
  .ttlNV-QSN {
    margin-bottom: 70px;
    font-size: 26px;
    line-height: 36px; } }

@media (min-width: 992px) {
  .ttlNV-QSN {
    margin-bottom: 100px; } }

.itemList-card-body {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 35px; }
  .itemList-card-body:last-child {
    margin-bottom: 15px; }
  .itemList-card-body .point-itemList-card-body {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-right: 15px;
    border-radius: 50%;
    background: #8854ff; }
  .itemList-card-body p {
    position: relative;
    float: right;
    width: calc(100% - 35px);
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: 0.43px;
    color: #000028;
    margin: 0; }

@media (min-width: 320px) {
  .btnValAcordeon {
    width: 100%;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    color: #19e184;
    font-size: 22px;
    letter-spacing: .3px;
    border-bottom: 1px solid #000028;
    text-decoration: none;
    margin-bottom: 1px; }
    .btnValAcordeon:hover {
      color: #19e184;
      text-decoration: none; } }

@media (min-width: 768px) {
  .btnValAcordeon {
    font-size: 26px;
    letter-spacing: .33px; } }

@media (min-width: 320px) {
  .btnValAcordeon .iconAcordeonVal {
    width: 10px;
    height: 20px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-right: 10px; }
    .btnValAcordeon .iconAcordeonVal img {
      width: 100%;
      display: block;
      vertical-align: top; } }

.btnValAcordeon[aria-expanded=true] .iconAcordeonVal {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Cabecera Artículo
*======================================================================*/
.headerArticulo {
  float: left;
  position: relative;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 100; }
  .headerArticulo::after {
    position: absolute;
    content: '';
    z-index: 150;
    width: 100%;
    height: 100%;
    background-color: rgba(136, 84, 255, 0.8);
    top: 0;
    left: 0; }

@media (min-width: 320px) {
  .innerHeaderArticulo {
    float: left;
    position: relative;
    width: 100%;
    z-index: 200;
    min-height: 350px;
    padding: 60px 0; } }

@media (min-width: 768px) {
  .innerHeaderArticulo {
    padding: 130px 0;
    min-height: 500px; } }

@media (min-width: 320px) {
  .innerHeaderArticulo p {
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #000028;
    margin: 0; } }

@media (min-width: 320px) {
  .innerHeaderArticulo h3 {
    margin: 25px 0;
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    font-size: 42px;
    word-break: break-word;
    color: #fff;
    width: 100%; } }

@media (min-width: 992px) {
  .innerHeaderArticulo h3 {
    width: 70%;
    margin: 40px 0;
    font-size: 72px;
    line-height: 74px;
    word-break: normal; } }

/*======================================================================*
    Contenido Artículo
*======================================================================*/
.contenidoArticulo-prolec,
.innerArticulo-prolec,
.wrapperArticulo-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .autorEscritor {
    float: left;
    position: relative;
    width: 100%;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    font-size: 14px;
    line-height: 17px;
    margin: 50px 0;
    color: #000028;
    text-align: center; }
    .autorEscritor span {
      font-family: 'SpaceGrotesk-Bold', serif, sans-serif; } }

@media (min-width: 768px) {
  .autorEscritor {
    font-size: 16px;
    line-height: 19px;
    margin: 60px 0;
    padding: 0 115px; } }

.autorEscritor::after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 30%;
  height: 1px;
  background-color: black; }

@media (min-width: 320px) {
  .innerArticulo-prolec {
    min-height: 330px; } }

@media (min-width: 992px) {
  .innerArticulo-prolec {
    padding: 0 115px; } }

@media (min-width: 320px) {
  .innerArticulo-prolec p {
    color: #000028;
    font-size: 14px;
    line-height: 25px;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif; } }

@media (min-width: 768px) {
  .innerArticulo-prolec p {
    padding: 0 20px; } }

@media (min-width: 992px) {
  .innerArticulo-prolec p {
    font-size: 19px;
    line-height: 34px;
    padding: 0 95px; } }

@media (min-width: 320px) {
  .innerArticulo-prolec p:first-of-type:first-letter {
    font-size: 84px;
    line-height: 30px;
    float: left;
    margin-right: 20px;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif; } }

@media (min-width: 768px) {
  .innerArticulo-prolec p:first-of-type:first-letter {
    font-size: 104px;
    line-height: 100px; } }

@media (min-width: 320px) {
  .innerArticulo-prolec ul {
    margin: 1rem 0;
    padding: 0 15px; } }

@media (min-width: 768px) {
  .innerArticulo-prolec ul {
    padding: 0 15px 0 40px; } }

@media (min-width: 992px) {
  .innerArticulo-prolec ul {
    padding: 0 120px; } }

@media (min-width: 320px) {
  .innerArticulo-prolec li, .innerArticulo-prolec span {
    color: #000028;
    font-size: 14px;
    line-height: 25px;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif; } }

@media (min-width: 768px) {
  .innerArticulo-prolec li, .innerArticulo-prolec span {
    padding: 0 20px; } }

@media (min-width: 992px) {
  .innerArticulo-prolec li, .innerArticulo-prolec span {
    font-size: 19px;
    line-height: 24px; } }

@media (min-width: 1400px) {
  .innerArticulo-prolec li, .innerArticulo-prolec span {
    line-height: 34px; } }

@media (min-width: 320px) {
  .innerArticulo-prolec figure {
    position: relative;
    width: 100%;
    display: block;
    margin: 2rem 0; } }

@media (min-width: 320px) {
  .innerArticulo-prolec figure img {
    width: 90%;
    height: auto;
    display: block;
    margin: auto; } }

@media (min-width: 768px) {
  .innerArticulo-prolec figure img {
    width: 80%; } }

@media (min-width: 320px) {
  .innerArticuloContacto-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 50px; } }

@media (min-width: 992px) {
  .innerArticuloContacto-prolec {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 115px; } }

.innerArticuloContacto-prolec p {
  width: 100%;
  text-align: center;
  font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
  font-size: 14px;
  color: #000028; }

.innerArticuloContacto-prolec .contRedesSociales-autor-prolec {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .innerArticuloContacto-prolec .contRedesSociales-autor-prolec a {
    width: 38px;
    height: 38px;
    display: block;
    margin: 0 10px;
    margin-bottom: 30px; }
    .innerArticuloContacto-prolec .contRedesSociales-autor-prolec a:last-child {
      margin-bottom: 0; }
    .innerArticuloContacto-prolec .contRedesSociales-autor-prolec a .autor-icon-articulo {
      fill: #aaa;
      width: 100%;
      vertical-align: top;
      display: block;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
    .innerArticuloContacto-prolec .contRedesSociales-autor-prolec a:hover svg .autor-icon-articulo {
      fill: #8854ff; }

@media (min-width: 320px) {
  .citaParrafo {
    width: 100%;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    font-size: 37px;
    line-height: 37px;
    color: #8854ff !important;
    text-align: center;
    margin: 30px 0 40px 0; } }

@media (min-width: 768px) {
  .citaParrafo {
    font-size: 42px;
    line-height: 42px; } }

@media (min-width: 320px) {
  .citaParrafo h6 {
    font-size: 37px;
    line-height: 37px;
    padding: 0 !important; } }

@media (min-width: 768px) {
  .citaParrafo h6 {
    font-size: 42px;
    line-height: 42px; } }

@media (min-width: 320px) {
  .articulosRelacionados-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin: 70px 0 0 0; } }

@media (min-width: 992px) {
  .articulosRelacionados-prolec {
    margin: 140px 0; } }

@media (min-width: 320px) {
  .articulosRelacionados-prolec h3 {
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    color: #000028;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 40px;
    padding: 0 20px;
    width: 100%;
    text-align: center; } }

@media (min-width: 768px) {
  .articulosRelacionados-prolec h3 {
    font-size: 26px;
    padding: 0;
    line-height: 36px; } }

@media (min-width: 992px) {
  .itMedia-left {
    padding-left: 95px; } }

@media (min-width: 992px) {
  .itMedia-right {
    padding-right: 95px; } }

@media (min-width: 320px) {
  .itemFiltradoMedia-Prolec {
    margin-bottom: 20px; } }

@media (min-width: 992px) {
  .itemFiltradoMedia-Prolec {
    margin-bottom: 0; } }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Header de producto
*======================================================================*/
@media (min-width: 320px) {
  .innResponsabilidad h3 {
    font-size: 36px;
    margin: 0 0 20px 0; } }

@media (min-width: 768px) {
  .innResponsabilidad h3 {
    font-size: 42px;
    margin: 0; } }

@media (min-width: 1366px) {
  .innResponsabilidad h3 {
    font-size: 90px; } }

.descriptionResponsabilidad-prolec {
  float: left;
  position: relative;
  width: 100%;
  z-index: 100; }

@media (min-width: 320px) {
  .txtDescriptionResponsabilidad-prolec {
    margin: 70px 0;
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 768px) {
  .txtDescriptionResponsabilidad-prolec {
    padding: 0 50px; } }

@media (min-width: 1366px) {
  .txtDescriptionResponsabilidad-prolec {
    padding: 0; } }

@media (min-width: 320px) {
  .txtDescriptionResponsabilidad-prolec p {
    line-height: 26px;
    letter-spacing: 0.4px;
    font-size: 18px;
    color: #000028;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    margin: 0; } }

@media (min-width: 992px) {
  .txtDescriptionResponsabilidad-prolec p {
    line-height: 1.71;
    letter-spacing: 0.5px;
    font-size: 21px; } }

@media (min-width: 320px) {
  .backgroundIMGDescription {
    float: left;
    position: relative;
    width: 100%;
    z-index: 10; } }

@media (min-width: 768px) {
  .backgroundIMGDescription {
    margin-top: -250px; } }

@media (min-width: 1366px) {
  .backgroundIMGDescription {
    margin-top: -450px; } }

@media (min-width: 1600px) {
  .backgroundIMGDescription {
    margin-top: -550px; } }

.backgroundIMGDescription img {
  width: 100%;
  display: block; }

@media (min-width: 320px) {
  .bloquesResponsabilidadSocial-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin: 100px 0; } }

@media (min-width: 768px) {
  .bloquesResponsabilidadSocial-prolec {
    padding: 0 50px; } }

@media (min-width: 1366px) {
  .bloquesResponsabilidadSocial-prolec {
    padding: 0; } }

.leftBloquesResponsabilidad-prolec,
.rightBloquesResponsabilidad-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 768px) {
  .leftBloquesResponsabilidad-prolec .bloqueResponsabilidad:first-of-type {
    margin-top: 150px; } }

@media (min-width: 320px) {
  .bloqueResponsabilidad {
    margin-bottom: 50px; } }

@media (min-width: 768px) {
  .bloqueResponsabilidad {
    margin-bottom: 100px; } }

.bloqueResponsabilidad:last-child {
  margin-bottom: 0; }

.bloqueResponsabilidad,
.ttlBloqueResponsabilidad,
.txtBloquesRepsonsabilidad {
  float: left;
  position: relative;
  width: 100%; }

.ttlBloqueResponsabilidad {
  margin-bottom: 20px; }
  .ttlBloqueResponsabilidad::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background: #000028; }

.ttlBloqueResponsabilidad h3 {
  line-height: 1.38;
  font-size: 26px;
  width: 100%;
  font-family: 'NeueMachina-Bold', serif, sans-serif;
  color: #8854ff;
  margin: 20px 0; }

.txtBloquesRepsonsabilidad p {
  line-height: 1.71;
  letter-spacing: 0.5px;
  font-size: 21px;
  color: #000028;
  font-family: 'SpaceGrotesk-Regular', serif, sans-serif; }

.documentosInteres-prolec,
.innerDocumentosInteres-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .documentosInteres-prolec {
    background-color: #f7f8fa;
    padding: 70px 0 40px 0; } }

@media (min-width: 768px) {
  .documentosInteres-prolec {
    padding: 140px 0 100px 0; } }

@media (min-width: 320px) {
  .innerDocumentosInteres-prolec {
    padding: 0 20px; } }

@media (min-width: 1366px) {
  .innerDocumentosInteres-prolec {
    padding: 0 200px; } }

.ttlDocumentosInteres {
  font-family: 'NeueMachina-Bold', serif, sans-serif;
  font-size: 28px;
  color: #000028;
  line-height: 32px;
  letter-spacing: .35px;
  margin: 0 0 80px 0;
  width: 100%;
  text-align: center; }

.documentoInter-prolec,
.txtDocumentoInter-prolec,
.linkDocumentoInter-prolec {
  float: left;
  position: relative;
  width: 100%; }

.documentoInter-prolec {
  margin-bottom: 70px; }

.txtDocumentoInter-prolec {
  padding: 25px;
  background: #fff; }

.txtDocumentoInter-prolec p {
  width: 100%;
  text-align: center;
  color: #8854ff;
  font-size: 18px;
  letter-spacing: .3px;
  font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
  margin: 0; }

.linkDocumentoInter-prolec a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 20px;
  font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  background-color: #8854ff;
  text-decoration: none; }
  .linkDocumentoInter-prolec a .iconLinkDocumentoInter-prolec {
    width: 18px;
    height: 18px;
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .linkDocumentoInter-prolec a .iconLinkDocumentoInter-prolec img {
      display: block;
      width: 100%;
      vertical-align: top; }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Header de producto
*======================================================================*/
.certificados-prolec,
.innerCertificados-prolec {
  float: left;
  position: relative;
  width: 100%; }

.innerCertificados-prolec .card {
  border: 0; }
  .innerCertificados-prolec .card:last-child {
    margin-bottom: 30px; }
  .innerCertificados-prolec .card .card-header {
    padding: 0;
    border-bottom: 0; }

@media (min-width: 320px) {
  .certificados-prolec {
    padding: 10px 0 10px 0; } }

@media (min-width: 992px) {
  .certificados-prolec {
    padding: 60px 0 60px 0; } }

@media (min-width: 320px) {
  .certificadosBackground {
    padding: 40px 0;
    background-color: #f7f8fa; } }

@media (min-width: 768px) {
  .certificadosBackground {
    padding: 0; } }

@media (min-width: 320px) {
  .ttlCertificacion-prolec {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 5px;
    margin: 40px 0; } }

@media (min-width: 768px) {
  .ttlCertificacion-prolec {
    margin: 60px 0;
    padding: 0 20px; } }

@media (min-width: 320px) {
  .ttlCertificacion-prolec h2 {
    color: #000028;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: .35px;
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    margin-bottom: 20px;
    width: 100%;
    text-align: center; } }

@media (min-width: 768px) {
  .ttlCertificacion-prolec h2 {
    margin-bottom: 50px; } }

@media (min-width: 320px) {
  .ttlCertificacion-prolec p {
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #000028;
    letter-spacing: .4px;
    margin: 0;
    width: 100%;
    text-align: left; } }

@media (min-width: 992px) {
  .ttlCertificacion-prolec p {
    font-size: 21px;
    line-height: 36px;
    letter-spacing: .5px; } }

.openCertificadosWrapper {
  float: left;
  position: relative;
  width: 100%;
  height: 50px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.imgCarotOpen {
  width: 35px;
  height: 35px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  .imgCarotOpen img {
    width: 100%;
    vertical-align: top;
    display: block; }

.certificado-download-prolec {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 15px; }
  .certificado-download-prolec .circle-certificado-icon {
    min-width: 15px;
    min-height: 15px;
    width: 15px;
    height: 15px;
    background: #8854ff;
    border-radius: 50%;
    margin-right: 10px; }
  .certificado-download-prolec a {
    padding: 25px;
    width: 100%;
    text-align: center;
    color: #8854ff;
    font-size: 18px;
    letter-spacing: .3px;
    font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.innerCertificados-prolec .openCertificadosWrapper[aria-expanded="true"] .imgCarotOpen {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Productos Header
*======================================================================*/
@media (min-width: 320px) {
  .btnAliados-prolec {
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 768px) {
  .btnAliados-prolec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media (min-width: 992px) {
  .btnAliados-prolec {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

@media (min-width: 320px) {
  .btnAliados-prolec a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #8854ff;
    color: #fff;
    padding: 20px 15px;
    font-size: 18px;
    letter-spacing: .2px;
    text-decoration: none;
    margin-bottom: 30px;
    width: 100%;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif; } }

@media (min-width: 768px) {
  .btnAliados-prolec a {
    width: 47%;
    padding: 20px 60px;
    margin-bottom: 20px; } }

@media (min-width: 992px) {
  .btnAliados-prolec a {
    width: auto;
    margin-right: 60px; } }

.btnAliados-prolec a .iconBtnAliados-prolec {
  width: 40px;
  height: 16px;
  margin-left: 10px; }
  .btnAliados-prolec a .iconBtnAliados-prolec img {
    width: 100%;
    display: block;
    vertical-align: top; }

.btnAliados-prolec a:last-child {
  margin-right: 0; }

/*======================================================================*
    imagnes
*======================================================================*/
.imgAliadosBlocks-prolec {
  float: left;
  position: relative;
  width: 100%; }

@media (min-width: 320px) {
  .innerImgAliadosBlocks-prolec {
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 1366px) {
  .innerImgAliadosBlocks-prolec {
    padding: 0 10%; } }

@media (min-width: 320px) {
  .leftImgAliadosBlocks-prolec {
    width: 100%;
    height: 230px;
    position: relative;
    margin-bottom: 30px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }

@media (min-width: 768px) {
  .leftImgAliadosBlocks-prolec {
    margin-top: 130px;
    height: 330px;
    margin-bottom: 0; } }

@media (min-width: 320px) {
  .rightImgAliadosBlocks-prolec {
    width: 100%;
    height: 160px;
    position: relative;
    float: right;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }

@media (min-width: 768px) {
  .rightImgAliadosBlocks-prolec {
    height: 280px; } }

/*======================================================================*
    Listas prolec
*======================================================================*/
@media (min-width: 320px) {
  .listasAliados-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 40px; } }

@media (min-width: 768px) {
  .listasAliados-prolec {
    margin-top: 130px; } }

@media (min-width: 768px) {
  .listAliadosMargin {
    margin-top: -200px; } }

.innerListasAliados-prolec {
  float: left;
  position: relative;
  width: 100%; }
  .innerListasAliados-prolec .ttleListasAliados-prolec {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 0; }
    .innerListasAliados-prolec .ttleListasAliados-prolec:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100px;
      height: 2px;
      background-color: #000028; }
    .innerListasAliados-prolec .ttleListasAliados-prolec h3 {
      font-family: 'NeueMachina-Bold', serif, sans-serif;
      font-size: 26px;
      color: #8854ff;
      line-height: 36px;
      margin: 0; }

@media (min-width: 320px) {
  .wrapperListaAliados-prolec {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 30px; } }

@media (min-width: 768px) {
  .wrapperListaAliados-prolec {
    padding-right: 40px; } }

@media (min-width: 992px) {
  .wrapperListaAliados-prolec {
    padding-right: 100px; } }

.wrapperListaAliados-prolec ul {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 20px;
  padding-left: 25px; }
  @media (min-width: 320px) {
    .wrapperListaAliados-prolec ul li {
      width: 100%;
      float: left;
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      font-size: 21px;
      line-height: 36px;
      letter-spacing: .5px;
      color: #000028; } }
  @media (min-width: 992px) {
    .wrapperListaAliados-prolec ul li {
      width: 50%; } }

.wrapperRightListaAliados-prolec {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 30px; }
  .wrapperRightListaAliados-prolec p {
    float: left;
    position: relative;
    width: 100%;
    font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
    font-size: 21px;
    line-height: 36px;
    letter-spacing: .5px; }
  .wrapperRightListaAliados-prolec ul {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 25px; }
    .wrapperRightListaAliados-prolec ul li {
      width: 100%;
      font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
      font-size: 21px;
      line-height: 36px;
      letter-spacing: .5px;
      color: #000028; }

/*======================================================================*
    La Planta
*======================================================================*/
.laplanta-prolec {
  float: left;
  position: relative;
  width: 100%;
  margin: 115px 0; }
  @media (min-width: 320px) {
    .laplanta-prolec .card {
      border: 0; } }
  @media (min-width: 320px) {
    .laplanta-prolec .card .card-header {
      padding: 0;
      margin-bottom: 0;
      background-color: rgba(0, 0, 0, 0);
      border-bottom: 0; } }
  @media (min-width: 320px) {
    .laplanta-prolec .card .card-body {
      padding: 30px 0;
      font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: .38px;
      color: #000028; } }
  @media (min-width: 768px) {
    .laplanta-prolec .card .card-body {
      font-size: 18px;
      letter-spacing: .43px;
      line-height: 28px; } }

@media (min-width: 320px) {
  .ttlLaPlanta-prolec {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #000028;
    line-height: 36px;
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    margin-bottom: 60px; } }

@media (min-width: 768px) {
  .ttlLaPlanta-prolec {
    margin-bottom: 110px; } }

@media (min-width: 320px) {
  .imgLaPlanta-prolec {
    float: left;
    position: relative;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px;
    height: 235px; } }

@media (min-width: 768px) {
  .imgLaPlanta-prolec {
    height: 220px;
    margin-top: 0; } }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    Ser prolec Buscador
*======================================================================*/
@media (min-width: 320px) {
  .infoPage-prolec {
    float: left;
    position: relative;
    width: 100%;
    margin: 50px 0; } }

@media (min-width: 768px) {
  .infoPage-prolec {
    margin: 70px 0; } }

@media (min-width: 992px) {
  .infoPage-prolec {
    margin: 70px 0 0 0; } }

@media (min-width: 320px) {
  .wrapperInfoPage-prolec {
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 768px) {
  .wrapperInfoPage-prolec {
    padding: 35px; } }

.wrapperInfoPage-prolec h2 {
  color: #000028;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: .35px;
  font-family: 'NeueMachina-Bold', serif, sans-serif;
  margin-bottom: 20px;
  width: 100%;
  text-align: center; }

@media (min-width: 320px) {
  .wrapperInfoPage-prolec p {
    margin: 0;
    font-size: 18px;
    color: #000028;
    line-height: 26px;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    letter-spacing: 0.43px;
    text-align: center; } }

@media (min-width: 768px) {
  .wrapperInfoPage-prolec p {
    font-size: 21px;
    line-height: 36px;
    letter-spacing: 0.5px; } }

@media (min-width: 320px) {
  .wrapperInfoPageLeft-prolec {
    float: left;
    position: relative;
    width: 100%; } }

@media (min-width: 768px) {
  .wrapperInfoPageLeft-prolec {
    padding: 35px; } }

.wrapperInfoPageLeft-prolec h2 {
  color: #000028;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: .35px;
  font-family: 'NeueMachina-Bold', serif, sans-serif;
  margin-bottom: 20px;
  width: 100%;
  text-align: center; }

@media (min-width: 320px) {
  .wrapperInfoPageLeft-prolec p {
    margin: 0;
    font-size: 18px;
    color: #000028;
    line-height: 26px;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    letter-spacing: 0.43px;
    text-align: left; } }

@media (min-width: 768px) {
  .wrapperInfoPageLeft-prolec p {
    font-size: 21px;
    line-height: 36px;
    letter-spacing: 0.5px; } }

@media (min-width: 320px) {
  .bloqueImgParallax-prolec {
    float: left;
    position: relative;
    width: 100%;
    height: 772px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 10; } }

@media (min-width: 768px) {
  .bloqueImgParallax-prolec {
    height: 768px; } }

@media (min-width: 992px) {
  .bloqueImgParallax-prolec {
    margin-top: 70px; } }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
/*======================================================================*
    audio
*======================================================================*/
.main-player-bmoonmx {
  float: left;
  position: relative;
  width: 100%; }

#Reproductor {
  float: left;
  position: relative;
  width: 100%; }
  @media (min-width: 320px) {
    #Reproductor .Reproductor {
      background: #fff;
      color: #fff;
      margin-bottom: 20px;
      float: left;
      position: relative;
      width: 100%; } }
  @media (min-width: 768px) {
    #Reproductor .Reproductor {
      padding: 20px;
      margin: 0; } }
  @media (min-width: 992px) {
    #Reproductor .Reproductor {
      padding: 40px 0; } }
  @media (min-width: 320px) {
    #Reproductor .Reproductor .Titulo {
      float: left;
      position: relative;
      width: 100%;
      margin-bottom: 20px; } }
  @media (min-width: 768px) {
    #Reproductor .Reproductor .Titulo {
      margin-bottom: 30px; } }
  @media (min-width: 320px) {
    #Reproductor .Reproductor .Titulo .nombrePodcast {
      float: left;
      position: relative;
      width: 100%;
      font-family: 'NeueMachina-Bold', serif, sans-serif;
      font-size: 30px;
      left: 1px;
      color: #000028;
      line-height: 1.25;
      text-align: center; } }
  @media (min-width: 768px) {
    #Reproductor .Reproductor .Titulo .nombrePodcast {
      font-size: 40px; } }
  #Reproductor .Reproductor .Titulo .innerTituloPodcast {
    float: left;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #Reproductor .Reproductor .Titulo .innerTituloPodcast .categoryPodcast {
      font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
      font-size: 16px;
      color: #9c9c9c;
      line-height: 36px;
      letter-spacing: 1px;
      margin-right: 5px; }
    #Reproductor .Reproductor .Titulo .innerTituloPodcast .datePodcast {
      font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
      font-size: 16px;
      color: #8854ff;
      line-height: 36px;
      letter-spacing: 1px; }
  @media (min-width: 320px) {
    #Reproductor .Reproductor .rep-body {
      width: calc(100% - 100px);
      float: left;
      position: relative;
      padding: 5px 0;
      overflow: hidden; } }
  @media (min-width: 768px) {
    #Reproductor .Reproductor .rep-body {
      width: calc(100% - 400px);
      padding: 0; } }
  @media (min-width: 320px) {
    #Reproductor .Reproductor .rep-body .reproductor {
      width: 100%;
      padding: 10px 0;
      float: right;
      display: inline-block;
      cursor: pointer;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; } }
  @media (min-width: 768px) {
    #Reproductor .Reproductor .rep-body .reproductor {
      padding: 10px; } }
  #Reproductor .Reproductor .rep-body .reproduction {
    width: 100%;
    height: 13px;
    background: #c9c9c9;
    position: relative; }
    #Reproductor .Reproductor .rep-body .reproduction .reproducted {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      /* este valor cambiara */
      height: 13px;
      background: #8854ff; }
    #Reproductor .Reproductor .rep-body .reproduction .circle {
      position: absolute;
      top: -6.5px;
      left: 100%;
      /* este valor cambiara */
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 5px;
      height: 25px;
      background: #8854ff;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      cursor: pointer; }
  @media (min-width: 320px) {
    #Reproductor .Reproductor .rep-body .openRepbm {
      width: 15%; } }
  @media (min-width: 768px) {
    #Reproductor .Reproductor .rep-body .openRepbm {
      width: 50%; } }
  @media (min-width: 992px) {
    #Reproductor .Reproductor .rep-body .openRepbm {
      width: 75%; } }
  @media (min-width: 320px) {
    #Reproductor .Reproductor .rep-body .volumen {
      display: inline-block;
      width: 0;
      float: left;
      position: absolute;
      z-index: 100;
      left: 0;
      top: 2px;
      overflow: hidden;
      opacity: 0;
      background: white;
      padding: 5px 0;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; } }
  @media (min-width: 768px) {
    #Reproductor .Reproductor .rep-body .volumen {
      padding: 0; } }
  #Reproductor .Reproductor .rep-body .volumen .icon-container-vol {
    width: 20%;
    display: inline-block;
    float: left;
    font-style: 6px; }
  #Reproductor .Reproductor .rep-body .volumen .volume-body {
    width: 100%;
    display: inline-block;
    padding: 8px;
    float: right; }
  @media (min-width: 320px) {
    #Reproductor .Reproductor .rep-body .openVolbm {
      width: 85%;
      opacity: 1; } }
  @media (min-width: 768px) {
    #Reproductor .Reproductor .rep-body .openVolbm {
      width: 50%; } }
  @media (min-width: 992px) {
    #Reproductor .Reproductor .rep-body .openVolbm {
      width: 25%; } }
  #Reproductor .Reproductor .rep-body .backElementBM-reproductor {
    background: #19e184 !important; }
  #Reproductor .Reproductor .rep-body .block {
    position: absolute;
    width: 100%;
    height: 100%;
    background: red;
    top: 0;
    left: 0; }
  @media (min-width: 320px) {
    #Reproductor .innerReproductor-bm {
      float: left;
      position: relative;
      width: 100%;
      padding: 30px 0 10px 0;
      border-bottom: 1px solid #9c9c9c;
      border-top: 1px solid #9c9c9c; } }
  @media (min-width: 768px) {
    #Reproductor .innerReproductor-bm {
      padding: 30px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  #Reproductor .wrapper-botones {
    position: relative;
    float: left;
    width: 100px; }
    #Reproductor .wrapper-botones .buttons-time {
      float: left;
      position: relative;
      width: 100%; }
      #Reproductor .wrapper-botones .buttons-time .buttons {
        float: left;
        position: relative;
        width: 100%; }
        #Reproductor .wrapper-botones .buttons-time .buttons .icon-play,
        #Reproductor .wrapper-botones .buttons-time .buttons .icon-pause,
        #Reproductor .wrapper-botones .buttons-time .buttons .icon-display-vol-bm {
          width: 43px;
          height: 43px;
          display: inline-block;
          cursor: pointer;
          position: relative;
          float: left;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease; }
          #Reproductor .wrapper-botones .buttons-time .buttons .icon-play:hover,
          #Reproductor .wrapper-botones .buttons-time .buttons .icon-pause:hover,
          #Reproductor .wrapper-botones .buttons-time .buttons .icon-display-vol-bm:hover {
            background: #8854ff; }
          #Reproductor .wrapper-botones .buttons-time .buttons .icon-play img,
          #Reproductor .wrapper-botones .buttons-time .buttons .icon-pause img,
          #Reproductor .wrapper-botones .buttons-time .buttons .icon-display-vol-bm img {
            width: 100%;
            display: block;
            vertical-align: top; }
        #Reproductor .wrapper-botones .buttons-time .buttons .icon-display-vol-bm:hover {
          background: #19e184; }
        #Reproductor .wrapper-botones .buttons-time .buttons .icon-pause {
          display: none; }
  #Reproductor .lista {
    float: left;
    position: relative;
    width: 100%; }

.wrapper-name-itempodcast {
  position: relative;
  float: right;
  width: calc(100% - 50px); }
  .wrapper-name-itempodcast .ttle-podcast-item {
    font-family: 'NeueMachina-Bold', serif, sans-serif;
    font-size: 16px;
    color: #000028;
    line-height: 22px;
    letter-spacing: .4px; }
  .wrapper-name-itempodcast .inner-wrapper-name-itempodcast {
    float: left;
    position: relative;
    width: 100%; }
    @media (min-width: 320px) {
      .wrapper-name-itempodcast .inner-wrapper-name-itempodcast .cat-podcast-item {
        font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
        font-size: 12px;
        color: #9c9c9c;
        letter-spacing: .4px;
        line-height: 16px; } }
    @media (min-width: 768px) {
      .wrapper-name-itempodcast .inner-wrapper-name-itempodcast .cat-podcast-item {
        font-size: 16px; } }
    @media (min-width: 320px) {
      .wrapper-name-itempodcast .inner-wrapper-name-itempodcast .date-podcast-item {
        font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
        font-size: 12px;
        color: #8854ff;
        letter-spacing: .4px;
        line-height: 16px; } }
    @media (min-width: 768px) {
      .wrapper-name-itempodcast .inner-wrapper-name-itempodcast .date-podcast-item {
        font-size: 16px; } }
    @media (min-width: 320px) {
      .wrapper-name-itempodcast .inner-wrapper-name-itempodcast .duracion-podcast-item {
        font-family: 'SpaceGrotesk-Bold', serif, sans-serif;
        font-size: 12px;
        color: #9c9c9c;
        letter-spacing: .4px;
        line-height: 16px; } }
    @media (min-width: 768px) {
      .wrapper-name-itempodcast .inner-wrapper-name-itempodcast .duracion-podcast-item {
        font-size: 16px; } }

.song {
  margin: 20px 0;
  cursor: pointer;
  display: block;
  float: left;
  position: relative;
  width: 100%;
  padding: 20px 10px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  border-bottom: 2px solid #9c9c9c; }
  .song:hover {
    background: #19e184;
    color: #fff; }
    .song:hover .ttle-podcast-item {
      color: #000028; }
    .song:hover .cat-podcast-item {
      color: #000028; }
    .song:hover .duracion-podcast-item {
      color: #000028; }
  .song:active {
    background: #fff;
    color: #fff;
    border-bottom: 2px solid #8854ff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .song.playing {
    background: #19e184;
    color: #fff;
    border-bottom: 2px solid #8854ff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .song.playing .ttle-podcast-item {
      color: #000028; }
    .song.playing .cat-podcast-item {
      color: #8854ff; }
    .song.playing .date-podcast-item {
      color: #000028; }
    .song.playing .duracion-podcast-item {
      color: #8854ff; }
    .song.playing:hover {
      background: #8854ff;
      color: #fff;
      border-bottom: 2px solid #19e184; }
      .song.playing:hover .cat-podcast-item {
        color: #fff; }
      .song.playing:hover .date-podcast-item {
        color: #19e184; }
      .song.playing:hover .duracion-podcast-item {
        color: #fff; }
    .song.playing:active {
      background: #8854ff;
      color: #fff; }
      .song.playing:active .date-podcast-item {
        color: #19e184; }

.wrapper-btn-itempodcast {
  position: relative;
  width: 50px;
  float: left; }

.icon-pause-two,
.icon-play-two {
  width: 40px;
  height: 40px; }
  .icon-pause-two img,
  .icon-play-two img {
    width: 100%;
    vertical-align: top;
    display: block; }

.icon-pause-two {
  display: none; }

.icon-play-two {
  display: block; }

@media (min-width: 320px) {
  .wrapper-time {
    width: 100%;
    position: relative;
    float: right; } }

@media (min-width: 768px) {
  .wrapper-time {
    width: 300px; } }

@media (min-width: 320px) {
  .wrapper-time .time {
    position: relative;
    float: left;
    width: 140px;
    padding: 20px 0; } }

@media (min-width: 768px) {
  .wrapper-time .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px; } }

.wrapper-time .time span {
  font-family: 'SpaceGrotesk-Regular', serif, sans-serif;
  font-size: 16px;
  color: #000028; }

@media (min-width: 320px) {
  .wrapper-time .downloadPodcast {
    position: relative;
    float: right;
    width: 160px;
    font-family: 'SpaceGrotesk-Medium', serif, sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    color: #8854ff;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0; } }

@media (min-width: 768px) {
  .wrapper-time .downloadPodcast {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px; } }

.wrapper-time .downloadPodcast .iconDownloadPodcast {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block; }
  .wrapper-time .downloadPodcast .iconDownloadPodcast img {
    width: 100%;
    vertical-align: top;
    display: block; }

/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/
.menuFijo-prolec {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -100%;
  box-shadow: 1px 3px 16px -4px rgba(0, 0, 0, 0.43);
  -webkit-box-shadow: 1px 3px 16px -4px rgba(0, 0, 0, 0.43);
  -moz-box-shadow: 1px 3px 16px -4px rgba(0, 0, 0, 0.43);
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease; }
  .menuFijo-prolec .header-divisiones-prolec {
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px); }
  .menuFijo-prolec .nav-prolec {
    padding: 0 !important;
    height: auto !important;
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px); }

@-webkit-keyframes mfixed {
  0% {
    margin-top: -100%; }
  100% {
    margin-top: 0; } }

@keyframes mfixed {
  0% {
    margin-top: -100%; }
  100% {
    margin-top: 0; } }

/*======================================================================*
Variables //
*======================================================================*/
/*======================================================================*
Mixings //
*======================================================================*/
/*======================================================================*
    Mix Font Neue
*======================================================================*/
/*======================================================================*
    Mix Font Space
*======================================================================*/