@font-face {
  font-family: 'museo_sans100';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Museo Sans/museosans-100-webfont.eot');
  src: url('./fonts/Museo Sans/museosans-100-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Museo Sans/museosans-100-webfont.woff2') format('woff2'), url('./fonts/Museo Sans/museosans-100-webfont.woff') format('woff'), url('./fonts/Museo Sans/museosans-100-webfont.ttf') format('truetype'), url('./fonts/Museo Sans/museosans-100-webfont.svg#museo_sans100') format('svg');
}

@font-face {
  font-family: 'museo_sans100_italic';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Museo Sans/museosans-100italic-webfont.eot');
  src: url('./fonts/Museo Sans/museosans-100italic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Museo Sans/museosans-100italic-webfont.woff2') format('woff2'), url('./fonts/Museo Sans/museosans-100italic-webfont.woff') format('woff'), url('./fonts/Museo Sans/museosans-100italic-webfont.ttf') format('truetype'), url('./fonts/Museo Sans/museosans-100italic-webfont.svg#museo_sans100_italic') format('svg');
}

@font-face {
  font-family: 'museo_sans_displayblack';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Museo Sans/museosansdisplay-black-webfont.eot');
  src: url('./fonts/Museo Sans/museosansdisplay-black-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Museo Sans/museosansdisplay-black-webfont.woff2') format('woff2'), url('./fonts/Museo Sans/museosansdisplay-black-webfont.woff') format('woff'), url('./fonts/Museo Sans/museosansdisplay-black-webfont.ttf') format('truetype'), url('./fonts/Museo Sans/museosansdisplay-black-webfont.svg#museo_sans_displayblack') format('svg');
}

@font-face {
  font-family: 'museo_sans_displayextra_black';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Museo Sans/museosansdisplay-extrablack-webfont.eot');
  src: url('./fonts/Museo Sans/museosansdisplay-extrablack-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Museo Sans/museosansdisplay-extrablack-webfont.woff2') format('woff2'), url('./fonts/Museo Sans/museosansdisplay-extrablack-webfont.woff') format('woff'), url('./fonts/Museo Sans/museosansdisplay-extrablack-webfont.ttf') format('truetype'), url('./fonts/Museo Sans/museosansdisplay-extrablack-webfont.svg#museo_sans_displayextra_black') format('svg');
}

@font-face {
  font-family: 'museo_sans_displayextra_light';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Museo Sans/museosansdisplay-extralight-webfont.eot');
  src: url('./fonts/Museo Sans/museosansdisplay-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Museo Sans/museosansdisplay-extralight-webfont.woff2') format('woff2'), url('./fonts/Museo Sans/museosansdisplay-extralight-webfont.woff') format('woff'), url('./fonts/Museo Sans/museosansdisplay-extralight-webfont.ttf') format('truetype'), url('./fonts/Museo Sans/museosansdisplay-extralight-webfont.svg#museo_sans_displayextra_light') format('svg');
}

@font-face {
  font-family: 'museo_sans_displaylight';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Museo Sans/museosansdisplay-light-webfont.eot');
  src: url('./fonts/Museo Sans/museosansdisplay-light-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Museo Sans/museosansdisplay-light-webfont.woff2') format('woff2'), url('./fonts/Museo Sans/museosansdisplay-light-webfont.woff') format('woff'), url('./fonts/Museo Sans/museosansdisplay-light-webfont.ttf') format('truetype'), url('./fonts/Museo Sans/museosansdisplay-light-webfont.svg#museo_sans_displaylight') format('svg');
}

@font-face {
  font-family: 'dosisbold';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Dosis/dosis-bold-webfont.eot');
  src: url('./fonts/Dosis/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Dosis/dosis-bold-webfont.woff2') format('woff2'), url('./fonts/Dosis/dosis-bold-webfont.woff') format('woff'), url('./fonts/Dosis/dosis-bold-webfont.ttf') format('truetype'), url('./fonts/Dosis/dosis-bold-webfont.svg#dosisbold') format('svg');
}

@font-face {
  font-family: 'dosisextrabold';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Dosis/dosis-extrabold-webfont.eot');
  src: url('./fonts/Dosis/dosis-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Dosis/dosis-extrabold-webfont.woff2') format('woff2'), url('./fonts/Dosis/dosis-extrabold-webfont.woff') format('woff'), url('./fonts/Dosis/dosis-extrabold-webfont.ttf') format('truetype'), url('./fonts/Dosis/dosis-extrabold-webfont.svg#dosisextrabold') format('svg');
}

@font-face {
  font-family: 'dosisextralight';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Dosis/dosis-extralight-webfont.eot');
  src: url('./fonts/Dosis/dosis-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Dosis/dosis-extralight-webfont.woff2') format('woff2'), url('./fonts/Dosis/dosis-extralight-webfont.woff') format('woff'), url('./fonts/Dosis/dosis-extralight-webfont.ttf') format('truetype'), url('./fonts/Dosis/dosis-extralight-webfont.svg#dosisextralight') format('svg');
}

@font-face {
  font-family: 'dosislight';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Dosis/dosis-light-webfont.eot');
  src: url('./fonts/Dosis/dosis-light-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Dosis/dosis-light-webfont.woff2') format('woff2'), url('./fonts/Dosis/dosis-light-webfont.woff') format('woff'), url('./fonts/Dosis/dosis-light-webfont.ttf') format('truetype'), url('./fonts/Dosis/dosis-light-webfont.svg#dosislight') format('svg');
}

@font-face {
  font-family: 'dosismedium';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Dosis/dosis-medium-webfont.eot');
  src: url('./fonts/Dosis/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Dosis/dosis-medium-webfont.woff2') format('woff2'), url('./fonts/Dosis/dosis-medium-webfont.woff') format('woff'), url('./fonts/Dosis/dosis-medium-webfont.ttf') format('truetype'), url('./fonts/Dosis/dosis-medium-webfont.svg#dosismedium') format('svg');
}

@font-face {
  font-family: 'dosisregular';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Dosis/dosis-regular-webfont.eot');
  src: url('./fonts/Dosis/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Dosis/dosis-regular-webfont.woff2') format('woff2'), url('./fonts/Dosis/dosis-regular-webfont.woff') format('woff'), url('./fonts/Dosis/dosis-regular-webfont.ttf') format('truetype'), url('./fonts/Dosis/dosis-regular-webfont.svg#dosisregular') format('svg');
}

@font-face {
  font-family: 'dosissemibold';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Dosis/dosis-semibold-webfont.eot');
  src: url('./fonts/Dosis/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Dosis/dosis-semibold-webfont.woff2') format('woff2'), url('./fonts/Dosis/dosis-semibold-webfont.woff') format('woff'), url('./fonts/Dosis/dosis-semibold-webfont.ttf') format('truetype'), url('./fonts/Dosis/dosis-semibold-webfont.svg#dosissemibold') format('svg');
}

@font-face {
  font-family: 'futura_ltbold';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Futura LT/futuralt-bold-webfont.eot');
  src: url('./fonts/Futura LT/futuralt-bold-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Futura LT/futuralt-bold-webfont.woff2') format('woff2'), url('./fonts/Futura LT/futuralt-bold-webfont.woff') format('woff'), url('./fonts/Futura LT/futuralt-bold-webfont.ttf') format('truetype'), url('./fonts/Futura LT/futuralt-bold-webfont.svg#futura_ltbold') format('svg');
}

@font-face {
  font-family: 'futura_ltregular';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/Futura LT/futuralt-webfont.eot');
  src: url('./fonts/Futura LT/futuralt-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/Futura LT/futuralt-webfont.woff2') format('woff2'), url('./fonts/Futura LT/futuralt-webfont.woff') format('woff'), url('./fonts/Futura LT/futuralt-webfont.ttf') format('truetype'), url('./fonts/Futura LT/futuralt-webfont.svg#futura_ltregular') format('svg');
}

h1 {
  color: #fff;
}

#top {
  height: auto;
  margin-top: 59px;
  padding-top: 60px;
  padding-bottom: 220px;
}

a {
  color: #fff;
  outline: 0;
}

.navbar {
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #00243C;
  /* border-radius: 0; */

}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #00243c;
}

.nav-color {
  background-color: #00243C;
  border-top-color: #080808;
}

.logo-center-nav {
  margin-top: 0;
}

.fade-transition {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
}

.hide-menu-movil {
  margin-top: 90px;
}


.btn-nav-top {
  padding: 8px 17px;
  font-size: 10px;
  letter-spacing: 1px;
  background-color: #2baf73;
  border-color: #2baf73;
  position: relative;
  top: -6px;
}

.btn-nav-top:hover {
  background-color: #249863;
  border-color: #249863;
}

.font-nav > li > a {
  padding: 15px 13px;
  font-family: "museo_sans_displaylight";
  font-size: 12.49px;
  letter-spacing: 2px;
  color: #fff;
}

.font-nav > li > a:hover {
  color: #BDBDBD;
}


.icon-bar {
  background-color: #00243C;
}

.navbar-toggle {
  background-color: #fff;
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #fff;
  background-image: none;
  border: #fff;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #00243C;
}

.navbar-nav {
  float: left;
  margin: 0;
  position: relative;
  top: 8px;
}

.video-header {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  /* Fix width*/
  width: 100%;
}




.bg-header {
  background-color: #fff;
}

.position-text-header {
  position: absolute;
  width: 86%;
  margin-top: 2%;
  margin-left: 5%;
}

.position-img-header {
  position: absolute;
  width: 440px;
  margin-top: 43%;
  margin-left: 6%;
}


.header-border-color {
  border: 2px;
  border-top-color: #0BD8D8;
  border-right-color: #6eff00;
  border-bottom-color: #AF0BD8;
  border-left-color: #7E0080;
  border-style: solid;
  border-radius: 6px;
}

.text-header-green {
  margin-top: 6%;
  margin-left: 6%;
  font-family: "dosislight";
  font-size: 14pt;
  line-height: 25px;
  letter-spacing: 3px;
  color: #2BB073;
}

.btn-header-green {
  padding: 2% 4%;
  margin-top: 10px;
  margin-left: 0;
  font-family: "Museo_Sans100";
  font-size: 24px;
  letter-spacing: 7px;
  background-color: #2baf73;
  border-color: #2baf73;
}

.btn-header-green:hover {
  background-color: #249863;
  border-color: #249863;
}


.link-header-position {
  margin-top: 6%;
  margin-left: 0;
}

.btn-link-1 {
  padding: 0 0%;
  margin-right: 0;
  font-family: "dosisbold";
  background-color: none;
  border-radius: 0;
  font-weight: bold;
}

.btn-link-2 {
  padding: 0 0%;
  font-weight: bold;
  margin-right: 0;
  font-family: "dosisbold";
  background-color: none;
  border-radius: 0;
}


.p-header-green {
  margin-top: 5%;
  margin-bottom: 7%;
  margin-left: 9%;
  font-family: "Museo_Sans100";
  font-size: 9pt;
  color: #2baf73;
}

.font-brand-top {
  margin-top: 41px;
  margin-bottom: 10px;
  font-family: "dosislight";
  font-size: 10.6pt;
  letter-spacing: 5px;
  color: #00ff84;
  text-align: center;
}

.bg-brands {
  background: #272262;
  background: -moz-linear-gradient(left, #272262 0%, #79228a 100%);
  background: -webkit-linear-gradient(left, #272262 0%, #79228a 100%);
  background: linear-gradient(to right, #272262 0%, #79228a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272262', endColorstr='#79228a', GradientType=1);
}

.cell-top {
  position: absolute;
  width: 363px;
  margin-top: -173px;
  /* margin-bottom: -18%; */

  margin-left: -100px;
}

.bg-cell-img {
  color: #fff;
  background-color: #fff;
  background-image: url(../img/bg_cell.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.font-lvlup-top {
  margin-top: 60px;
  margin-bottom: -6px;
  font-family: "Museo_Sans100";
  font-size: 41.24pt;
  letter-spacing: 3px;
  color: #fff;
  text-align: center;
}


.font-lvlup-mid {
  margin-bottom: 40px;
  font-family: "dosislight";
  font-size: 19.24pt;
  letter-spacing: 5px;
  color: #58db9c;
  text-align: center;
}

.app-store {
  position: absolute;
  width: 12%;
  margin-top: -13%;
  margin-left: 76%;
}

.app-store-movil {
  width: 38%;
  margin-top: 7%;
}

.google-play {
  position: absolute;
  width: 12%;
  margin-top: -7%;
  margin-left: 76%;
}

.google-play-movil {
  width: 38%;
  margin-top: 4%;
  margin-bottom: 7%;
}


.video-stairs {
  position: relative;
  top: 50%;
  left: 0;
  z-index: -1;
  margin-top: 16%;
  margin-bottom: -331px;
  transform: translateX(-16%) translateY(-50%);
}

.bg-requisitos-img {
  padding-bottom: 8%;
  color: #fff;
  background-color: #fff;
  background-image: url(../img/bg_requirements.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.img-shield-good {
  position: absolute;
  width: 38px;
  margin-top: 72px;
}

.font-tittle-req {
  margin-top: 70px;
  margin-bottom: 3px;
  margin-left: 40px;
  font-family: "Museo_Sans100";
  font-size: 26pt;
  letter-spacing: 3px;
}

.hr-white {
  height: 0;
  margin-left: -15px;
  border: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.btn-contrato-bot {
  padding: 9px 19px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Museo_Sans100";
  font-size: 18px;
  letter-spacing: 3px;
  background-color: #2baf73;
  border-color: #2baf73;
}

.btn-contrato-movil {
  padding: 14px 33px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 12pt;
  background-color: #2baf73;
  border-color: #2baf73;
  border-radius: 9px;
}

.li-font-req {
  font-family: "Museo_Sans100";
}

div#bg-stairs {
  background-color: #fff;
}

.title-stairs-top {
  padding-top: 75px;
  padding-bottom: 0;
  margin-left: 0;
  font-family: "Museo_Sans100";
  font-size: 22pt !important;
  letter-spacing: 3px;
  color: #000;
}


.title-stairs-mid {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -5px;
  /* padding-bottom: 35px; */

  /* margin-left: -3px; */

  font-family: "dosisregular";
  font-size: 16pt !important;
  letter-spacing: 4px;
  color: #00A9EA;
  /* text-align: left; */

  text-transform: uppercase;
}


.title-stairs-info {
  margin-top: -5px;
  font-family: "Museo_Sans100";
  font-size: 14pt !important;
  color: #2BB073;
}

.style-img-stairs {
  position: static;
  width: 89%;
  margin-top: -129px;
  margin-bottom: 60px;
  margin-left: 50px;
}

.font-requisito {
  font-size: 12pt;
}

.font-requisitos-2 {
  font-family: "OpenSans";
  font-size: 15pt;
  line-height: 40px;
}


.font-requisitos-1 {
  font-family: "OpenSans";
  font-size: 15pt;
  line-height: 40px;
}

#services1 {
  margin-bottom: 80px;
  margin-bottom: 0;
  background: #fff none repeat scroll 0 0;
}

h2.section-title {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 12px;
  font-size: 26pt;
  letter-spacing: -1px;
  letter-spacing: 1px;
  color: #000000;
  text-transform: uppercase;
}

.margin {
  margin: 0 -0.625em;
}

#services1 i {
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-right: 0.625em;
  margin-bottom: 100px;
  font-size: 1.8em;
  line-height: 68px;
  text-align: center;
  border-radius: 80px;
}

.testymony-position {
  position: relative;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: justify;
}

.testymony-name {
  font-family: "Museo_Sans100";
  font-size: 13pt;
}

.testymony-date {
  margin-top: -7px;
  font-size: 12pt;
  color: #00B1D2;
}

.testymony-text {
  position: relative;
  min-height: 1px;
  margin-top: 10px;
  margin-right: -130px;
  margin-bottom: 35px;
  font-family: "Museo_Sans100";
  text-align: justify;
}


.know-style {
  position: relative;
  display: block;
  padding-top: 22px;
  background: #00b1d2;
}

.font-style-know {
  margin-top: -10px;
  margin-bottom: 22px;
  font-family: "Museo_Sans100";
  font-size: 24px;
  line-height: 30px;
  color: #fff;
}

.know-right a {
  margin-top: -5px;
}

.btn-know {
  padding: 5px 37px;
  margin-top: -19px;
  margin-bottom: 20px;
  font-family: "Museo_Sans100";
  font-size: 15pt;
  color: #00B1D2;
  background-color: #ffffff;
  border-color: #FFFFFF;
}

div#faq {
  padding-bottom: 70px;
  background: #cfd0e5;
  background: -moz-linear-gradient(top, #cfd0e5 0%, #88bce1 44%, #32a7dc 100%);
  background: -webkit-linear-gradient(top, #cfd0e5 0%, #88bce1 44%, #32a7dc 100%);
  background: linear-gradient(to bottom, #cfd0e5 0%, #88bce1 44%, #32a7dc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd0e5', endColorstr='#32a7dc', GradientType=0);
}

.title-questions {
  padding-top: 45px;
  padding-bottom: 0;
  padding-bottom: 35px;
  margin-left: 95px;
  font-family: "Museo_Sans100";
  font-size: 25px !important;
  color: #000;
  text-align: left;
  text-transform: uppercase;
}

.title-panel {
  padding: 15px;
  color: #FFF !important;
  text-align: center;
  background: #5a6766;
  font-variant: small-caps;
}

.panel {
  border: 0 solid transparent !important;
}

.panel-default > .panel-heading {
  padding: 15px;
  color: #000;
  background: #b3cde6;
  background: -moz-linear-gradient(top, #b3cde6 0%, #aacce7 44%, #a5c8e4 100%);
  background: -webkit-linear-gradient(top, #b3cde6 0%, #aacce7 44%, #a5c8e4 100%);
  background: linear-gradient(to bottom, #b3cde6 0%, #aacce7 44%, #a5c8e4 100%);
  border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3cde6', endColorstr='#a5c8e4', GradientType=0);
}

.panel {
  margin-bottom: 5px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  border-color: #a5c8e4 !important;
}

.panel-title {
  color: inherit;
}

.panel-heading span {
  margin-top: -23px;
  margin-right: -9px;
  font-size: 15px;
}

.panel-body {
  padding: 15px;
  font-size: 12px;
  color: #000 !important;
  text-align: justify;
}

.font-online-shop {
  margin-top: 50px;
  font-family: "Museo_Sans100";
  font-size: 21pt;
  color: #FFFFFF;
}

@media (max-width: 992px) {
  .font-online-shop {
    margin-top: 50px;
    margin-left: 0;
    font-family: "Museo_Sans100";
    font-size: 24pt;
    color: #fff;
    text-align: left;
    text-align: center;
  }
}

.hr-purple {
  width: 100%;
}

.font-shop-bot {
  margin-top: -5px;
  font-family: "dosismedium";
  font-size: 16pt;
  letter-spacing: 2.4px;
  color: #36b1d0;
}

.font-shop-text {
  margin-top: 50px;
  margin-left: 35px;
  font-family: "dosismedium";
  font-size: 12pt;
  letter-spacing: 2.4px;
  color: #36b1d0;
  text-align: justify;
}

.font-shop-text-bot {
  margin-top: 30px;
  margin-left: 35px;
  font-family: "dosismedium";
  font-size: 12pt;
  letter-spacing: 2.4px;
  color: #36b1d0;
  text-align: justify;
}

.font-shop-li {
  font-family: "dosismedium";
  font-size: 14pt;
  color: #36b1d0;
}

@media handheld, only screen and (max-width: 992px) {
  .font-shop-bot {
    margin-top: 0;
    margin-left: 0;
    font-family: "dosismedium";
    font-size: 18pt;
    line-height: 19px;
    letter-spacing: 1px;
    color: #36b1d0;
    text-align: center;
  }
}

@media handheld, only screen and (max-width: 360px) {
  .font-shop-text {
    margin-top: 0;
    margin-left: 0;
  }
  .font-shop-text-bot {
    margin-top: 0;
    margin-left: 0;
  }
}

.hr-online-shop {
  margin-top: 0;
  margin-right: 115px;
  margin-left: -20px;
  border: 0;
  border-top: 1px #00aeef;
  border-bottom: 1px solid #00aeef;
}

@media handheld, only screen and (max-width: 992px) {
  .hr-online-shop {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    border-top: 1px #00aeef;
    border-bottom: 1px solid #00aeef;
  }
}

.font-shop-sub {
  font-family: "OpenSans";
  font-size: 14pt;
  letter-spacing: 2px;
  color: #fff;
}

@media handheld, only screen and (max-width: 992px) {
  .font-shop-sub {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 37px;
    margin-left: 0;
    font-family: "OpenSans";
    font-size: 14pt;
    letter-spacing: 1px;
    text-align: center;
  }
}

.btn-store {
  padding: 4px 36px;
  margin-top: -21px;
  margin-bottom: 15px;
  margin-left: 0;
  font-family: "Museo_Sans100";
  font-size: 18pt;
  background-color: #2baf73;
  border-color: #2baf73;
}

@media handheld, only screen and (max-width: 992px) {
  .btn-store {
    padding: 10px 62px;
    margin-top: 0;
    margin-bottom: 47px;
    margin-left: 0;
    font-family: "Museo_Sans100";
    font-size: 14pt;
    background-color: #2baf73;
    border-color: #2baf73;
    border-radius: 7px;
  }
}

.cell-cam {
  position: relative;
  width: 42%;
  padding-top: -10px;
  margin-top: -47.3%;
  margin-bottom: -22%;
  margin-left: 60%;
}

.bg-online-shop {
  background: #272262;
  background: -moz-linear-gradient(left, #272262 0%, #79228a 100%);
  background: -webkit-linear-gradient(left, #272262 0%, #79228a 100%);
  background: linear-gradient(to right, #272262 0%, #79228a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272262', endColorstr='#79228a', GradientType=1);
}

.bg-contact {
  background-color: #00243c;
}

.data-contact {
  font-family: "OpenSans";
  font-size: 11pt;
  color: #fff;
}

.font-contact-title {
  margin-top: 58px;
  margin-left: 5px;
  font-size: 29pt;
  color: #FFFFFF;
}

.extra-margin {
  margin-bottom: 5px;
}

.site-contact {
  margin-top: -17px;
  font-family: "dosislight";
  font-size: 19pt;
  letter-spacing: 3px;
  color: #fff;
  text-align: initial;
}

.data-site-contact {
  font-family: "dosisbold";
  font-size: 12pt;
  line-height: 35px;
  letter-spacing: 1px;
  text-align: initial;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.copyrights {
  position: relative;
  display: block;
  padding-top: 35px;
  padding-bottom: 20px;
  background: #073C5C;
}


.title-footer-size {
  margin-left: -65px;
  font-size: 14px;
  color: #fff;
}

.logo-size {
  height: 36px;
  margin-top: 8px;
}

.logo-right {
  float: right;
  margin-top: -8px;
}

a,
a:link {
  color: #38C5DF;
  text-decoration: none;
}

.social-network {
  width: 80%;
}

.social-margin {
  margin-top: 4%;
  margin-right: 1%;
  margin-left: -3%;
}

.brand-presto {
  width: 46%;
  margin-top: -9px;
}

.presto-margin {
  margin-top: 4%;
  margin-left: -9%;
}

.logo-contact-bot {
  width: 60%;
}

.logo-contact-bot-mid {
  width: 47%;
}

.logo-contact-margin {
  margin-top: 4%;
  margin-right: 4%;
  margin-left: 0%;
}

.logo-contact-margin-mid {
  margin-top: 3%;
  margin-right: 1%;
  margin-bottom: 30px;
  margin-left: 0%;
}


.margin-footer-contact1 {
  margin-bottom: 15px;
  font-family: "Museo_Sans100";
}

.margin-footer-contact2 {
  margin-top: 30px;
  margin-bottom: 45px;
  font-family: "Museo_Sans100";
}

.link-contact-bot1 {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-right: 0;
  text-align: center;
}

.text-center-obj {
  text-align: center;
}

.stair-default {
  background-color: #fff;
  border-left-color: purple;
  border-style: solid 2px;
}

.stair-heading {
  background-color: #fff;
  border-color: purple;
  border-style: solid 2px;
}

.show-more {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 3px;
  font-family: "Museo_Sans100";
  font-size: 15pt;
  height: 75px;
  color: #2BAF73;
  text-align: center;
  background: #fff;
  border: 2px solid;
  white-space: normal;
}


.stair-show-more-info {
  padding: 7px 41px;
  text-align: center;
  background: #fff;
  border: 1px #9A179A;
  border-top: none;
  border-bottom: none;
  border-right-style: dashed;
  border-left-style: dashed;
}

.p-stair-movil-1 {
  margin-right: -49px;
  margin-bottom: 0;
  margin-left: -49px;
  font-family: "OpenSans";
  font-size: 16pt;
  color: #00243C;
  text-align: center;
}

.p-stair-movil-2 {
  margin-right: -49px;
  margin-bottom: 4px;
  margin-left: -49px;
  font-family: "dosisbold";
  font-size: 14pt;
  font-weight: 500;
  letter-spacing: 3px;
  color: #00A8E9;
  text-align: center;
}

.p-stair-movil-3 {
  padding: 5px;
  margin-right: -49px;
  margin-left: -49px;
  font-family: "dosisbold";
  font-size: 12pt;
  font-weight: 500;
  letter-spacing: 3px;
  color: #662D90;
  text-align: center;
}

#p-stair-movil-3-1 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.position-num-stair {
  margin-top: 13px;
}

.num-stair {
  width: 35px;
  height: 35px;
  padding: 3px;
  margin-left: -10px;
  font-family: "Futura LT";
  font-size: 19pt;
  color: #fff;
  text-align: center;
  background-color: #00A8E9;
  border-radius: 50%;
}

.position-req-table {
  margin-left: 0;
}

.menu-movil {
  position: fixed;
  z-index: 1;
  float: right;
  padding: 0;
  margin-top: -29px;
  background-color: #1D445D;
}

.btn-menu-movil-1 {
  width: 100%;
  margin-top: 17px;
  margin-left: 0;
  font-family: "Museo_Sans100";
  font-size: 15px;
  letter-spacing: 0;
  background-color: #00243C;
}

.btn-menu-movil-2 {
  width: 100%;
  margin-top: 17px;
  margin-left: 0;
  font-family: "Museo_Sans100";
  font-size: 15px;
  letter-spacing: 0;
  background-color: #00243C;
}

.btn-menu-movil-3 {
  width: 100%;
  margin-top: 17px;
  margin-left: 0;
  font-family: "Museo_Sans100";
  font-size: 15px;
  letter-spacing: 0;
  background-color: #00243C;
}

.btn-menu-movil-4 {
  width: 100%;
  margin-top: 17px;
  margin-left: 0;
  font-family: "Museo_Sans100";
  font-size: 15px;
  letter-spacing: 0;
  background-color: #00243C;
}

.btn-menu-movil-5 {
  width: 100%;
  margin-top: 17px;
  margin-bottom: 15px;
  margin-left: 0;
  font-family: "Museo_Sans100";
  font-size: 15px;
  letter-spacing: 0;
  background-color: #00243C;
}

.ul-no-list {
  list-style: none;
}

.carousel-logos {
    margin: 0px 0 40px 0;
}


.icon-testymony {
  position: absolute;
  width: 4%;
  margin-top: 56px;
  margin-left: 3.5%;
}

.img-testymony {
  width: 100%;
  border-radius: 50%;
}

.icon-smile {
  position: absolute;
  margin-left: -35px;
}

#owl-logos .item {
  margin: 3px;
}

#owl-logos .item img {
  width: 100%;
  height: auto;
}

#owl-logos .item-chilango img {
  width: 50%;
  height: auto;
  margin-top: 4px;
  margin-left: -38px;
}


#owl-logos .item-cnn img {
  width: 90%;
  height: auto;
  margin-top: 10%;
  margin-left: -95px;
}


#owl-logos .item-uni img {
  width: 108%;
  height: auto;
  margin-top: 10%;
  margin-left: -43px;
}


#owl-logos .item-reforma img {
  width: 100%;
  height: auto;
  margin-top: 7%;
  margin-left: 9px;
}


#owl-logos .item-financiero img {
  width: 107%;
  height: auto;
  margin-top: 9%;
  margin-left: 26px;
}

#owl-logos .item-infosel img {
  width: 68%;
  height: auto;
  margin-top: 5%;
  margin-left: 52px;
}

.contact-info {padding-left: 45px;}

.position-arrow {
  z-index: 100;
}

.style-arrow {
  position: static;
  width: 58px;
  margin-top: -42px;
}

.btn-facebook {
  width: 80%;
  max-width: 300px;
  padding: 13px 40px;
  margin-top: 10px;
  font-size: 15px;
  font-weight: bold;
  color: white;
  background-color: #3b5998;
}

.btn-facebook .fa-facebook {
  margin-left: 5px;
}

.btn-facebook:hover {
  background-color: #274584;
}

ul {
  font-size: 17px;
  list-style-type: none;
  margin-top: 3px;
}

ul li {
  margin-bottom: 5px;
}

#loanApplicationModal .p-avisos-facebook,
#loginModal .p-avisos-facebook {
  width: 80%;
  max-width: 300px;
  margin: 8px auto 0;
  font-size: 9pt;
  text-align: center;
}

.p-avisos-historial {
  width: 80%;
  max-width: 300px;
  margin-bottom: -5px;
  margin-left: -30px !important;
  font-size: 9pt;
  text-align: center;
}

.p-avisos-bot {
  width: 80%;
  max-width: 300px;
  margin-left: 30px !important;
  font-size: 9pt;
  text-align: center;
}


.owl-controls {
  display: none !important;
}


.h1-title-main {
  color: #000000;
  position: absolute;
  width: 86%;
  margin-top: 5%;
  margin-left: 10%;
  font-family: 'Avenir', 'Arial';
  font-size: 62px;
}

.advantage-banners {
  position: absolute;
  width: 100%;
  margin-top: 26%;
}


.advantage-banners-img {
  padding-left: 2%;
  padding-right: 4%;
  width: 30%;
  padding-top: 5%;
}


.font-brand-top-new-fix-div {
  margin-top: 41px;
  margin-bottom: 10px;
  text-align: center;
}


.font-brand-top-new-fix-text {
  font-family: "dosislight";
  font-size: 10.6pt;
  letter-spacing: 5px;
  color: #00ff84;
}


.font-lvlup-top-new-div {
  margin-top: 60px;
  margin-bottom: -6px;
  text-align: center;
}


.font-lvlup-top-new-text {
  font-family: "Museo_Sans100";
  font-size: 41.24pt;
  letter-spacing: 3px;
  color: #fff;
}


.title-stairs-top-new-div {
  margin-top: 80px;
}


.title-req-div {
  margin-top: 70px;
  margin-bottom: 3px;
  margin-left: 40px;
}


.title-req-div-text {
  font-family: "Museo_Sans100";
  font-size: 26pt;
  letter-spacing: 3px;
}


.font-requisito-p {
  font-family: "Museo_Sans100";
  font-size: 15pt;
  line-height: 40px;
  padding-left: 40px;
}


.testimonials-title-div {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 12px;
}


.testimonials-title-text {
  font-size: 26pt;
  letter-spacing: -1px;
  letter-spacing: 1px;
  color: #000000;
  text-transform: uppercase;
  padding-left: 95px;
}


.font-style-know-new-div {
  margin-top: -10px;
  margin-bottom: 22px;
}


.font-style-know-new-text {
  font-family: "Museo_Sans100";
  font-size: 24px;
  line-height: 30px;
  color: #fff;
}


.title-questions-new-div {
  padding-top: 45px;
  padding-bottom: 0;
  padding-bottom: 35px;
  margin-left: 95px;
}


.title-questions-new-text {
  font-family: "Museo_Sans100";
  font-size: 25px !important;
  color: #000;
  text-align: left;
  text-transform: uppercase;
}


.font-contact-title-div {
  padding-top: 45px;
}

.link-landing-geographic-location {
  padding-bottom: 2%;
}

.link-landing-geographic-location div {
  font-size: 10px;
}

.financial-entities {
  font-size: 16px;
  margin: 15px 32px 25px;
}

.finantial-institutions-logos {
  margin: 45px 45px 45px;
}

.finantial-institutions-logos li img {
  width: 100%;
}

.modal-title {
  font-size: 1.5em;
}

/* ------ Generic class -------*/

/* padding - margin properties*/
.no-margin { margin: 0; }
.no-padding { padding: 0; }
.no-border { border: 0; }

/* text properties */
.justify { text-align: justify; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.underline { text-decoration: underline !important; }
.bold { font-weight: bold; }

.font-m { font-size: 17px; }

/* font family */
.font-dosisbold { font-family: dosisbold; }
.font-dosismedium { font-family: dosismedium; }
.font-dosisextralight { font-family: dosisextralight; }

/* <ul> properties */
.inline { display: inline-flex; }

/* text Colors*/
.color-light-blue { color: #37c4de; }
.color-dark-gray { color: #363636; }
.color-purple { color: #9A179A; }

/* Cursor */
.pointer { cursor: pointer; }

/* ---- End of generic class ----*/