/*
    Theme Name: Pase 2018
    Author: Trendia | Arquitectura de marca
    Author URI: http://trendia.mx
    Descripction: Wordpress Theme para Pase
    Version: 1.0
 */
html {
  font-size: 100%; }

body {
  font-family: 'Lato', sans-serif !important;
  font-size: 12px;
	
  /*font-size: 14px;*/
  /*color: #808080;*/
  color: #292929;
  font-weight: normal;
  overflow-x: hidden !important;
  line-height: 25px;
  /*text-align: center;*/ }

a, a:hover, a:active, a:link {
  text-decoration: none; }

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
/* Other fixes*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

i {
  vertical-align: middle; }

ul, ol {
  padding-left: 0 !important; }

li {
  list-style: none; }

p {
  margin: 0; }

.full-width {
  width: 100%;
  margin: auto; }

/******************************************
 *   Frontpage: Headings                  *
*******************************************/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-weight: 700; }

h1 {
  font-size: 36px;
  line-height: 46px; }

h2 {
  font-size: 36px !important;
  /*font-size: 22px !important;*/
  /*line-height: 26px;*/
  line-height: 40px;
  margin-bottom: 20px;
  color: #292929;
  /*color:#676767;*/ }

h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px; }

h4 {
  font-size: 17px;
  font-weight: 700;
  line-height: 24px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

h5.vigencia {
  color: #7AB817;
  margin: -15px 0 10px 0 !important;
  font-weight: normal; }

/******************************************
 *   Frontpage: botones                   *
*******************************************/
.nuevo-label-container {
    position: relative;
}

.nuevo-label-img {
    position: absolute;
    top: -5px;
    left: -12px;
}

#ayudaBtn {
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: -49px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    animation: ayudaBtnAnim 2s forwards;
    
}

#ayudaBtn > a img {
    width: 51px;
}

@keyframes ayudaBtnAnim {
    0% {
      transform: translate(49px, 0);    
    }
    100% {
      transform: translate(-49px, 0);
    }
}

.buttons {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 100px;
  margin-top: 45px; }

.button {
  display: inline-block !important;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 35px 10px 35px;
  border-radius: 4px;
  margin: 10px; }

.custom-button {
  display: inline-block !important;
  text-align: center;
  text-transform: uppercase;
  padding: 13px 35px 13px 35px;
  border-radius: 4px;
  margin: 10px;
  border: none; }

.alfa-btn {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 0;
  border: 2px solid #fff; }

.banner-sim {
  background-color: rgba(120, 180, 33, 0.7);
  color: #fff;
  border: 2px solid #fff;
  font-size: 22px;
  padding: 30px 0;
  margin: 10px; }

.zona-banners {
  margin-top: 40px; }
  .zona-banners img {
    margin: 0 auto 30px auto !important; }

@media (min-width: 600px) {
  .zona-banners {
    margin-top: 10px !important; }
    .zona-banners img {
      margin: 0; } }
.no-padd {
  padding: 0 !important; }

/*---------------------------------------
 **   SECTION HEADERS                -----
-----------------------------------------*/
/*** SECTION HEADERS ***/
.seccion-presencia, .mapa-sitio {
  /* .seccion-interior, */
  padding-top: 40px;
  /*padding-top: 100px;*/ }

.section-header {
  text-align: center;
  /*padding-bottom: 75px;*/
  padding-bottom: 25px; }

/*.section-header h2 {*/
/*padding-bottom: 10px;*/
/*line-height: 40px;*/
/*position: relative;*/
/*display: inline-block;*/
/*}*/
/*.section-header h6 {*/
/*font-size: 16px;*/
/*}*/
/* PRE LOADER */
/******************************************
 *   Frontpage                            *
*******************************************/
.header {
  min-height: 775px;
  overflow: hidden; }

/******************************************
 *   Menu Principal (Header)              *
*******************************************/
.navbar {
  background: transparent;
  overflow: hidden;
  border: 0;
  border-radius: 0 !important;
  text-align: right;
  -webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
  box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08); }

.navbar-css-bg {
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.navbar-css-trans {
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

@media (min-width: 600px) {
  .navbar-css-bg {
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

  .navbar-css-trans {
    background: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; } }
#main-nav {
  position: absolute;
  width: 100%;
  z-index: 1000;
  min-height: 107px; }

#main-nav.fixed {
  position: fixed !important;
  top: 0; }

.navbar-nav > li > a {
  line-height: 12px; }

.navbar-inverse .navbar-nav {
  margin-top: 10px;
  border-top: 1px solid white;
  padding-top: 10px; }

.navbar-inverse .navbar-nav > li {
  display: inline;
  padding-right: 10px;
  padding-left: 10px;
  border-right: 2px solid #7AB817; }

.navbar-inverse .navbar-nav > li:last-child {
  margin-right: 0 !important;
  border-right: none; }

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  padding: 0; }

.navbar-brand {
  height: 76px;
  position: relative;
  line-height: 45px;
  padding-top: 23px;
  margin-bottom: 15px;
  /* N */ }

@media (max-width: 1024px) and (min-width: 770px) {
  .navbar-brand {
    padding-top: 7px; } }
.navbar-inverse .navbar-nav > li > a:hover {
  color: #85b13e;
  outline: none; }

.navbar-toggle {
  border: 0;
  background-color: #808080;
  margin-top: 23px; }

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #85b13e;
  filter: alpha(opacity=100);
  opacity: 1; }

/*----  SECTION:  HOME > INTRO AND SHORT MSGS   ----*/
.intro {
  text-align: center;
  color: #FFF;
  margin-top: 15%;
  /*line-height: 65px;*/
  z-index: 0;
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding: 10px 20px; }

.descripcion {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  width: 90%;
  margin: 30px auto; }

@media (min-width: 600px) {
  .descripcion {
    width: 50%; } }
.subtitulo {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  font-style: italic; }

.subtitulo-small {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  font-style: italic; }

.bottom-margin {
  margin-top: 5%;
  position: relative; }

/******************************************
 *   Frontpage: seccion-presencia         *
*******************************************/
.seccion-presencia {
  padding-bottom: 60px;
  overflow: hidden;
  background: #FFFFFF; }

.presencia-box {
  margin-bottom: 15px; }

.presencia-box .presencia-icono {
  margin: 0 auto 30px auto;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  border: 5px solid #888888;
  margin-bottom: 20px;
  position: relative;
  background-color: #161616;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

/* Color hover para los circulos de los iconos  */
.presencia-icono {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.presencia-icono:hover {
  border: 5px solid #608824; }

.presencia-box p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px; }

.presencia-box p:first-of-type {
  min-height: 30px; }

@media (min-width: 600px) {
  .presencia-box p:first-of-type {
    min-height: 60px; } }
.presencia-box strong {
  color: #000; }

.presencia-box a {
  color: #1847a8;
  text-decoration: none;
  font-weight: 700; }

/******************************************
 *   Seccion: productos                   *
*******************************************/
.seccion-productos {
  background: rgba(0, 0, 0, 0.84);
  padding: 0;
  margin-bottom: 0; }

@media (min-width: 600px) {
  .seccion-productos {
    margin-bottom: 40px; } }
.seccion-productos .green-btn {
  background: #14a168; }

.seccion-productos .green-btn:hover {
  background: #007345; }

.padd-left {
  padding-left: 10px; }

@media (min-width: 600px) {
  .padd-left {
    padding-left: 60px; } }
.separator-txt, .frontpage-separador-3-txt {
  padding-top: 40px; }

.frontpage-separador-2-txt {
  padding-top: 0; }

.frontpage-separador-2-txt h3, .frontpage-separador-3-txt h3 {
  font-size: 25px;
  margin-bottom: 10px; }

.img-app {
  margin: 0 auto !important; }

@media (min-width: 1190px) {
  .img-app {
    margin: -40px auto 0 auto !important;
    float: none; } }
.img-principal {
  margin: 0 auto !important;
  float: none; }

@media (max-width: 1024px) and (min-width: 770px) {
  .img-principal {
    margin-top: 20% !important;
    position: relative; } }
@media (max-width: 990px) and (min-width: 765px) {
  .img-principal {
    margin-top: 64% !important;
    position: relative; } }
/* 990 a 765 */
/******************************************
 *   Frontpage: separador-2 (App)         *
*******************************************/
.frontpage-separador-2 {
  background: url(images/plecas/PlecaVerde.jpg) repeat-y center center #7AB817;
  background-attachment: fixed;
  padding: 0;
  /*padding: 100px 0 100px 0;*/ }

.frontpage-separador-2 .green-btn {
  background: #14a168; }

.frontpage-separador-2 .green-btn:hover {
  background: #007345; }

/*****************************************************
 *   Frontpage: seperador-3 (Clientes corporativos)  *
******************************************************/
.frontpage-separador-3 {
  background: #fff;
  padding: 0; }

.frontpage-separador-3 p {
  font-size: 14px;
  line-height: 18px; }

/**********************************
 *   Site: Mapa del sitio         *
***********************************/
#menu-sitemap-menu-e li.active a {
  color: #498BEB !important; }

.mapa-sitio {
  background: #000;
  /*background: #272727;*/
  color: #FFF;
  padding-bottom: 40px; }
  .mapa-sitio a {
    color: #608824; }
  .mapa-sitio ul.menu {
    margin-left: 0; }
    .mapa-sitio ul.menu li {
      margin: 5px 0; }
      .mapa-sitio ul.menu li a {
        color: #608824; }
      .mapa-sitio ul.menu li a:hover {
        text-decoration: none;
        color: #498BEB; }
    .mapa-sitio ul.menu li.current-menu-item a, .mapa-sitio ul.menu li.current-post-ancestor a {
      color: #498BEB !important; }
    .mapa-sitio ul.menu li.current-menu-item ul li a {
      color: #b2b2b2; }
  .mapa-sitio ul.sub-menu {
    margin-top: 5px; }
    .mapa-sitio ul.sub-menu li {
      margin: 0; }
      .mapa-sitio ul.sub-menu li a {
        color: #b2b2b2; }
    .mapa-sitio ul.sub-menu li.current-menu-item a {
      color: #498BEB; }

.mapa-sitio .big-intro {
  text-align: right;
  font-weight: 300;
  font-size: 60px;
  line-height: normal;
  margin-top: -15px; }

.mapa-sitio p {
  text-align: left;
  color: #939393; }

.mapa-sitio .column {
  margin-bottom: 78px; }

/*************************************
 *   Frontpage: Estadisticas         *
**************************************/
.frontpage-estadisticas {
  /*background: rgba(0, 0, 0, 0.5);*/
  background: url(images/plecas/PlecaStats.jpg) no-repeat center center #000;
  background-attachment: fixed;
  background-size: cover;
  padding: 40px 0 20px 0 !important;
  clear: both; }

.stat {
  margin-bottom: 40px; }

.stat .icon-top {
  font-size: 40px;
  height: 50px;
  line-height: 50px; }

.stat .stat-text {
  display: inline-block;
  position: relative; }

.stat h3 {
  margin-top: 20px;
  padding-bottom: 5px;
  position: relative;
  display: inline-block; }

.stat h6 {
  color: #d1d1d1;
  margin-top: 15px; }

/*************************************
 *   Site: Footer                    *
**************************************/
footer {
  background: #272727; }

/*************************************
 *   Site: Botones                   *
**************************************/
.btn-iniciar, .btn-iniciar:hover {
  color: #fff;
  background-color: transparent;
  border: none;
  border-color: #ccc; }

@media (min-width: 600px) {
  .btn-iniciar, .btn-iniciar:hover {
    display: inline;
    float: none; } }
.frm-sesion {
  margin-top: 20px; }
  .frm-sesion img {
    vertical-align: text-top;
    margin-right: 10px; }

.frm-sesion .form-control {
  width: 100%;
  height: 25px;
  padding: 6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none; }

@media (min-width: 1200px) {
  .frm-sesion .form-control {
    width: 95%; } }
.input-group-addon {
  font-size: 10px;
  width: 10px !important; }

/***********************************************************
 *   Frontpage: Headers acorde a la hora                   *
 *   TODO: Hacer que las imagenes puedan cambiarse en WP   *
************************************************************/
#wrap.morning {
  min-height: 100%;
  background: url("images/bg_morning.jpg") repeat-y top center fixed; }

@media (min-width: 600px) {
  #wrap.morning {
    min-height: 100%;
    background: url("images/bg_morning.jpg") no-repeat center center fixed;
    background-size: cover; } }
#wrap.afternoon {
  min-height: 100%;
  background: url("images/bg_afternoon.jpg") repeat-y top center fixed; }

@media (min-width: 600px) {
  #wrap.afternoon {
    min-height: 100%;
    background: url("images/bg_afternoon.jpg") no-repeat center center fixed;
    background-size: cover; } }
#wrap.evening {
  min-height: 100%;
  background: url("images/bg_evening.jpg") repeat-y top center fixed; }

@media (min-width: 600px) {
  #wrap.evening {
    min-height: 100%;
    background: url("images/bg_evening.jpg") no-repeat center center fixed;
    background-size: cover; } }
#wrap.productos {
  min-height: 100%;
  background: url("images/bgProductos.jpg") repeat-y top center fixed; }

@media (min-width: 600px) {
  #wrap.productos {
    min-height: 100%;
    background: url("images/bgProductos.jpg") no-repeat center center fixed;
    background-size: cover; } }
#wrap.clientes_corporativos {
  min-height: 100%;
  background: url("images/bgBeneficios.jpg") repeat-y top center fixed; }

@media (min-width: 600px) {
  #wrap.clientes_corporativos {
    min-height: 100%;
    background: url("images/bgBeneficios.jpg") no-repeat center center fixed;
    background-size: cover; } }
#wrap.nosotros {
  min-height: 100%;
  background: url("images/bgNosotros.jpg") repeat-y top center fixed; }

@media (min-width: 600px) {
  #wrap.nosotros {
    min-height: 100%;
    background: url("images/bgNosotros.jpg") no-repeat center center fixed;
    background-size: cover; } }
#full_bg {
  height: auto;
  left: 0;
  min-height: 100%;
  min-width: 1024px;
  position: fixed;
  top: 0;
  width: 100%; }

@media screen and (max-width: 1024px) {
  #full_bg {
    left: 50%;
    margin-left: -512px; } }
.gris {
  color: #4e4e4e; }

.azul {
  color: #0a347e; }

.verde {
  color: #97ca2f;
  /*color:#608824;*/ }

.blanco {
  color: #fff; }

.presencia-box h2 {
  color: #608824;
  margin-bottom: 10px;
  font-size: 20px !important; }

.tu-tag {
  color: #fff;
  margin-top: 20px;
  font-size: 16px; }

.tu-tag ul li {
  cursor: pointer; }

.tu-tag ul li.active {
  color: #1847a8; }

.productos-slider {
  color: #fff;
  margin-bottom: 40px;
  font-size: 14px; }

@media (min-width: 600px) {
  .productos-slider {
    margin-bottom: 0; } }
.productos-slider h3 {
  color: #85b13e;
  margin: 10px 0 5px 0;
  font-weight: 700;
  font-size: 30px; }

.productos-slider h4 {
  margin: 0 0 10px 0;
  font-weight: 400;
  /*font-weight: 700;*/
  font-size: 16px; }

.productos-slider ul, .tu-tag ul {
  margin-left: 15px; }

.productos-slider ul li {
  line-height: 20px;
  list-style: square;
  margin: 0; }

.tu-tag ul li {
  line-height: 20px;
  list-style: square;
  margin: 10px 0; }

a.conoce_mas {
  color: #85b13e;
  font-size: 16px;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px; }

.app-stores {
  margin-top: 20px;
  margin-bottom: 120px; }

@media (min-width: 800px) {
  .app-stores {
    margin-top: 20px;
    margin-bottom: 0; } }
h2.estadisticas {
  color: #fff;
  font-size: 40px !important;
  line-height: 46px;
  font-weight: 100 !important;
  text-align: center;
  text-shadow: 2px 2px 2px black; }

.text-shadow {
  text-shadow: 2px 2px 2px black; }

.embed-responsive {
  margin: 40px 0; }

ul.tutoriales {
  font-size: 14px; }

ul.tutoriales li {
  border-bottom: 1px solid gray;
  padding: 2px; }
  ul.tutoriales li a {
    color: inherit; }

.mapa-lista p {
  color: #608824;
  font-size: 14px;
  font-weight: bold; }

.mapa-lista ul {
  font-size: 14px;
  margin-left: 10px;
  line-height: 20px; }

.mapa-lista ul li {
  color: #b2b2b2; }

.legales {
  margin-top: 50px; }
  .legales a {
    color: inherit; }
  .legales a:hover {
    color: #608824; }
  .legales p {
    color: #b2b2b2;
    font-size: 10px;
    line-height: 14px;
    margin-left: 20px;
    margin-bottom: 5px; }

hr {
  margin: 0 0 3px 0; }

#clientes-slider {
  text-align: center;
  margin: 60px 0 0 0; }

/****** Bootstrap grid override **********/
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  color: #7AB817;
  font-weight: bold;
  background-color: transparent; }

.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-20 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-20 {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-20 {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-20 {
    width: 20%;
    float: left; } }
.redes-iconos {
  text-align: center;
  margin: 20px 0 0 0; }

.redes-iconos img {
  display: inline-block;
  margin-right: 10px; }

.footer-logo img {
  margin: 30px auto 10px auto; }

@media (min-width: 1200px) {
  .redes-iconos {
    text-align: left;
    margin: 0 0 10px 0; }

  .redes-iconos img {
    display: inline-block;
    margin-right: 10px; }

  .footer-logo img {
    margin: 0; } }
#action-bar {
  /*display:none;*/
  position: fixed;
  left: 80%;
  top: 30%;
  margin-left: -10px; }

@media (max-width: 1024px) and (min-width: 980px) {
  #action-bar {
    left: 85%;
    /*display:block;*/ } }
#action-bar p {
  color: transparent;
  font-weight: 700;
  display: inline-block;
  /*width:65px;*/
  margin: 0 0 10px 0;
  text-align: right;
  width: 150px; }

#action-bar p:hover {
  color: #608824; }

#action-bar img {
  display: inline-block !important;
  margin-left: 10px; }

/******************************************
 *   Interiores:                          *
*******************************************/
.interior {
  font-weight: 300;
  text-align: center;
  color: #FFF;
  margin-top: 42%;
  /*line-height: 65px;*/
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  display: inline-block;
  padding: 10px 20px; }

.oscuro {
  background-color: rgba(0, 0, 0, 0.8); }

/*@media (min-width: 765px) {*/
/*.interior {*/
/*margin-top: 30%;*/
/*}*/
/*}*/
@media (max-width: 3000px) and (min-width: 1024px) {
  .interior {
    margin-top: 18%; } }
@media (max-width: 1024px) and (min-width: 765px) {
  .interior {
    margin-top: 27%; } }
@media (max-width: 765px) and (min-width: 500px) {
  .interior {
    margin-top: 28%; } }
.seccion-interior {
  /*padding-bottom: 60px;*/
  /*padding-bottom: 40px;*/
  /*padding-bottom: 100px;*/
  overflow: hidden;
  background: #FFFFFF; }

/* TODO: Hacerlo generico para interiores, borrarlo
.headerProductos {
  //background: rgba(0, 0, 0, 0.5);
  min-height: 425px;
  // position: relative;
  overflow: hidden;
}
*/
.headerInterior {
  /*background: rgba(0, 0, 0, 0.5);*/
  min-height: 425px;
  /*position: relative; */
  overflow: hidden; }

.producto-funcionamiento {
  background-color: #87b538;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  padding: 30px;
  /* N */
  /*padding:15px 0;*/
  /*margin-top: -16px;*/ }

.producto-funcionamiento p {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 10px;
  display: inline-block; }

.producto-funcionamiento ul li {
  list-style-type: square; }

.producto-funcionamiento ul {
  margin: 0 20px;
  display: inline-block; }

.producto-beneficios {
  font-size: 14px;
  line-height: 18px;
  margin: 30px 0; }

.producto-beneficios ul li {
  list-style-type: square;
  margin: 5px 0; }

.producto-beneficios ul {
  margin: 15px 30px 25px 30px;
  display: inline-block; }

.int-products-slider {
  font-size: 14px;
  line-height: 18px;
  /*margin:-20px 0 0 0;*/
  /*margin:30px 0 0 0;*/ }

.int-products-slider ul li {
  list-style-type: square;
  margin: 5px 0; }

.int-products-slider ul {
  margin: 0 30px 5px 30px;
  /*margin: 0 30px 25px 30px;*/
  display: inline-block; }

.int-products-slider h2 {
  font-size: 36px !important;
  line-height: 40px;
  margin-bottom: 0;
  color: #292929;
  /* color: #676767; */ }

.slider-subtitulo {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin: 10px 0 0 0 !important; }

.owl-theme .owl-controls {
  margin-top: 0; }

.owl-carousel {
  position: relative; }

.owl-prev, .owl-next {
  position: absolute;
  /*top:35px;*/
  top: 27%; }

@media (min-width: 600px) {
  .owl-prev, .owl-next {
    position: absolute;
    top: 50%; } }
.owl-prev {
  left: 10px; }

.owl-next {
  right: 10px; }

.separador-vertical {
  border-left: 1px solid #000; }

.separador-vertical-invert {
  border-right: 1px solid #000; }

.air-space-container {
  padding: 30px 0; }

ul.menu_interior {
  font-size: 16px;
  line-height: 22px; }

ul.menu_interior li {
  display: block;
  /*margin: 10px 0;*/
  border-bottom: 1px solid #000; }

ul.submenu_interior {
  margin: 10px 20px;
  font-size: 14px; }

ul.submenu_interior li {
  display: block;
  border-bottom: none;
  border-bottom: 1px solid #e3e3e3; }

ul.menu_interior li > a {
  /*color:#fff;*/
  display: block;
  padding: 0 10px;
  margin: 5px 0;
  /*background-color:lightgray;*/
  color: #000; }

ul.menu_interior li > a:hover {
  text-decoration: none;
  background-color: #7AB817;
  color: #fff; }

ul.menu_interior li.active > a {
  /*color:#fff;*/
  display: block;
  padding: 0 10px;
  margin: 5px 0;
  background-color: #7AB817;
  color: #fff; }

ul.menu_interior li.active_blue > a {
  /*color:#fff;*/
  display: block;
  padding: 0 10px;
  margin: 5px 0;
  background-color: #3664BA;
  color: #fff; }

.columna-izquierda {
  padding: 0 60px; }

.columna-izquierda h2 {
  margin-bottom: 5px; }

.columna-izquierda h3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 30px; }

.texto-presencia img {
  max-width: 100%;
  height: auto; }
.texto-presencia a[href='#'] {
  display: inline-block;
  padding: 5px 15px;
  background-color: #7AB817;
  border: 2px solid #70962B;
  color: #fff !important;
  font-weight: 300; }

.btn_mapa_verde {
  display: inline-block;
  padding: 5px 15px;
  background-color: #7AB817;
  border: 2px solid #70962B;
  color: #fff !important;
  font-weight: 300; }

.texto-principal {
  font-size: 14px;
  text-align: justify !important;
  /*margin-top:30px;*/ }
  .texto-principal h1, .texto-principal h2, .texto-principal h3, .texto-principal h4, .texto-principal h5, .texto-principal h6 {
    margin: 20px 0 5px 0; }
  .texto-principal p {
    margin: 10px 0; }
  .texto-principal ul {
    margin-left: 20px; }
    .texto-principal ul li {
      list-style-type: square; }
      .texto-principal ul li ul {
        margin-left: 20px; }
        .texto-principal ul li ul li {
          list-style-type: disc; }

@media (min-width: 600px) {
  .texto-principal {
    margin-top: 0; } }
/*.columna-izquierda {*/
/*padding:0 30px;*/
/*}*/
/* DIV to bottom */
[class*='cols-'].row > * {
  float: none;
  position: relative;
  display: inline-block;
  /* old ie fixes */
  *zoom: 1;
  *display: inline; }

.row.cols-bottom > * {
  vertical-align: bottom; }

.row.cols-middle > * {
  vertical-align: middle; }

/* Widgets */
.widget-contacto {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  padding: 15px;
  background-color: #2e2e2e;
  overflow: auto !important;
  clear: both !important; }

.widget-contacto p {
  margin: 10px 0; }

.zona-contacto-form {
  margin-top: 20px;
  color: #fff;
  padding: 10px;
  background-color: #2e2e2e; }

.footer-clientescorp {
  /*background: rgba(0, 0, 0, 0.5);*/
  background: no-repeat center center #000;
  background-attachment: fixed;
  background-size: cover;
  padding: 40px 0 20px 0 !important;
  /*padding: 100px 0 60px 0 !important;*/
  clear: both; }

i.fab {
  font-size: 24px;
  color: #000; }

.circle-icon {
  background: #a5a5a5;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  padding: 3px; }

/* Redes Sociales Iconos */
.sr-text {
  display: none; }

.social-menu ul {
  text-align: center;
  list-style: none;
  padding: 0; }

.social-menu ul li {
  position: relative;
  display: inline-block; }

.social-menu ul li a:before {
  font-family: 'Font Awesome\ 5 Brands';
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
  -webkit-font-smoothing: antialiased;
  color: #a5a5a5; }

.social-menu ul li a[href*='facebook.com']::before {
  content: '\f082';
  font-size: 30px; }

.social-menu ul li a[href*='instagram.com']::before {
  content: '\f16d';
  font-size:30px;
}

.social-menu ul li a[href*='twitter.com']::before {
  content: '\f081';
  font-size: 30px; }

.social-menu ul li a[href*='youtube.com']::before {
  content: '\f167';
  font-size: 30px; }

a[href*='.pdf']:after {
  font-family: 'Font Awesome 5 Free';
  content: " \f1c1"; }

.manual-link {
  margin: 10px 0; }

.one-column-style {
  padding: 10px; }
  .one-column-style h1, .one-column-style h2, .one-column-style h3, .one-column-style h4, .one-column-style h5, .one-column-style h6 {
    font-weight: 300 !important; }
  .one-column-style h1 {
    font-size: 26px !important;
    line-height: 28px;
    margin: 5px 0 5px 0;
    text-align: left !important; }
  .one-column-style h2 {
    font-size: 22px !important;
    line-height: 26px;
    margin: 5px 0 20px 0;
    text-align: left !important; }
  .one-column-style h3 {
    font-size: 18px !important;
    line-height: 24px;
    margin: 5px 0 30px 0;
    text-align: left !important; }
  .one-column-style h3.verde {
    color: #7AB817;
    font-weight: 300;
    text-align: left !important; }
  .one-column-style h4 {
    font-size: 16px !important;
    line-height: 20px;
    margin: 5px 0;
    text-align: justify !important; }
  .one-column-style h5 {
    font-size: 14px !important;
    line-height: 20px;
    margin: 5px 0;
    text-align: justify !important; }

h4.seccion-titulo {
  margin: 0 !important; }

h3.seccion-titulo {
  margin: 0 0 20px 0 !important; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.faqs-class h4:before {
  font-family: 'Font Awesome 5 Free';
  content: " \f101";
  padding-right: 10px; }
.faqs-class .panel {
  margin-bottom: 10px !important; }

.puntos-venta {
  font-size: 14px;
  margin-bottom: 20px; }

.puntos-venta-logos img {
  display: block;
  margin: 10px auto !important; }

@media (min-width: 450px) {
  .puntos-venta-logos img {
    display: inline-block;
    margin: 20px !important; } }
ul.hzt {
  clear: both !important; }
  ul.hzt li {
    display: list-item !important;
    float: left;
    margin: 0 10px 0 0;
    list-style-type: square; }

table.formas-pago img {
  margin: 20px; }

.contacto-corporativo .form-control {
  margin: 5px 0; }
.contacto-corporativo input, .contacto-corporativo textarea {
  background-color: #e0e0e0; }
.contacto-corporativo button {
  margin: 10px 0; }

.panel-heading {
  padding: 5px 15px; }

.contacto-corporativo label {
  display: inline !important;
  font-weight: 300; }

.g-recaptcha {
  margin-top: 10px;
  transform: scale(0.83);
  transform-origin: 0 0; }

.err_msj {
  color: #ff0000;
  font-size: 14px; }

.input_required {
  border: 1px solid #ff0000; }

.vertical-align-outside {
  display: block;
  align-items: center;
}
.vertical-align {
  display: block;
  align-items: center;
}

@media (min-width: 750px) {
  .vertical-align-outside {
    display: flex;
    align-items: center;
  }
	
  .vertical-align {
    display: flex;
    align-items: center;
  }
}

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