body {
  padding-top:60px;
  background-color: #f7f9f9;
}
.estilo-select {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #bdbdbd;
  border-radius: 0%;
  padding-bottom: .33em;
  padding-top: .33em;
}

.form-label {
  font-size: .85rem;
}

.text-left {
  text-align: left !important
}
.text-right {
  text-align: right !important
}
.text-table {
  text-align: left !important;
}
.registros {
  font-weight: 300;
}


.status {
  font-size: .8rem;
  text-align: left;
}
.status-btn {
  font-size: .7rem;
  text-align: left;
}
@media (max-width: 575px) {
  .status-btn {
    font-size: .65rem;
    text-align: left;
  }
  .registro-contador {
    font-size: .65rem;
    padding-right: 5px;
    padding-left: 5px;
  }
  .registro-contador h6 {
    font-size: .9rem;
  }
}

.btn-registros {
  max-height: 80px;;
}

/* ---------- backgrounds ---------- */
.bg-blue-500 {
  background-color: #2196F3 !important
}
.bg-grey-100 {
  background-color: #CFD8DC !important
}

.bg-grey-50 {
  background-color: #ECEFF1 !important
}

.bg-green-600 {
  background-color: #43A047 !important
}

.bg-green-300 {
  background-color: #81C784 !important
}
.bg-green-400 {
  background-color: #66BB6A !important
}
.bg-white-20 {
  background-color:rgba(255, 255, 255, .2) !important
}
.bg-white-50 {
  background-color:rgba(255, 255, 255, .5) !important
}
.bg-white-80 {
  background-color:rgba(255, 255, 255, .8) !important
}
.bg-white-85 {
  background-color:rgba(255, 255, 255, .85) !important
}
.bg-white-90 {
  background-color:rgba(255, 255, 255, .9) !important
}
/* ---------- botones ---------- */
.btn-grey {
  background-color: #e1e5e9
}
.btn-grey, .btn-grey:hover {
  color: #546670;
  border-color: #ECEFF1
}
.btn-grey:hover {
  background-color: #d5dce0
}

.table-registros > :not(caption) > * > * {
  padding: .3rem 1rem
}
/* ---------- MEDIA QUERIES ---------- */
@media (max-width: 976px) {
  .col-ico-left {
    padding-left: 0px;
  }
  .text-carousel {
    padding-left: 50px;
  }
}
@media (min-width: 992px) {
  .text-carousel h1 {
    font-size: 3.2rem;
    margin-top: 35px;
  }
  .text-carousel {
    padding-left: 50px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background: #fff !important;
  }
}
@media only screen and (min-width:769px) {
  .col-benefit-right {
    border-left: 1px solid rgba(0, 0, 0, .2);
    padding-left: 50px;
	  padding-right: 0px;
  }
  .col-benefit-left {
    padding-right: 50px;
	padding-left: 0px;
  }
}
@media only screen and (max-width:768px) {
  .navbar {
    background-color: #fff;
  }
  .col-benefit-right {
    border-left: none;
  }
  .col-menu-footer-right {
    text-align: left !important;
  }
  .col-menu-footer-left {
    text-align: right !important;
  }
}
@media (max-width: 575px) {
  .col-xs-1 {
    -ms-flex: 0 0 8.3%;
    flex: 0 0 8.3%;
    max-width: 8.3% !important;
  }
  .col-xs-2 {
    -ms-flex: 0 0 16.6%;
    flex: 0 0 16.6%;
    max-width: 16.6% !important;
  }
  .col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25% !important;
  }
  .col-xs-4 {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333% !important;
  }
  .col-xs-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667% !important;
  }
  .col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50% !important;
  }
  .col-xs-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333% !important;
  }
  .col-xs-8 {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667% !important;
  }
  .col-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75% !important;
  }
   .col-xs-10 {
    -ms-flex: 0 0 83.3%;
    flex: 0 0 83.3%;
    max-width: 83.3% !important;
  }
  .col-xs-11 {
    -ms-flex: 0 0 91.6%;
    flex: 0 0 91.6%;
    max-width: 91.6% !important;
  }
  .col-menu-footer-right {
    text-align: left !important;
    font-size: .9rem;
  }
  .col-menu-footer-left {
    text-align: right !important;
    font-size: .9rem;
  }

}
/* ---------- TIME LINE ---------- */
.timeline {
  position: relative;
  list-style: none;
  padding: 1rem 0;
  margin: 0;
}
.timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background-color: #50a1ff;
}
.timeline-element {
  position: relative;
  width: 50%;
  padding: 1rem 0;
  padding-right: 2.5rem;
  text-align: right;
}
.timeline-element::before {
  content: '';
  position: absolute;
  right: -8px;
  top: 1.35rem;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #50a1ff;
  background-color: #fff;
}
.timeline-element:nth-child(even)::before {
  right: auto;
  left: -8px;
}
.timeline-element:nth-child(even) {
  margin-left: 50%;
  padding-left: 2.5rem;
  padding-right: 0;
  text-align: left;
}
@media (max-width: 767.98px) {
  .timeline::before {
    left: 8px;
  }
}
@media (max-width: 767.98px) {
  .timeline-element {
    width: 100%;
    text-align: left;
    padding-left: 2.5rem;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .timeline-element::before {
    top: 1.25rem;
    left: 1px;
  }
}
@media (max-width: 767.98px) {
  .timeline-element:nth-child(even) {
    margin-left: 0rem;
  }
}
@media (max-width: 767.98px) {
  .timeline-element {
    width: 100%;
    text-align: left;
    padding-left: 2.5rem;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .timeline-element:nth-child(even)::before {
    left: 1px;
  }
}
@media (max-width: 767.98px) {
  .timeline-element::before {
    top: 1.25rem;
  }
}
/* ---------- ESTILOS ---------- */
.carousel, .carousel .carousel-inner, .carousel .carousel-inner .active, .carousel .carousel-inner .carousel-item, .view, body, html {
  /*height: 100%*/
  height: 60vh;
}
@media (max-width: 575px) {
  .text-carousel h1 {
    font-size: 1.6rem;
    margin-top: 90px;
  }
  .text-carousel h4 {
    font-size: 1.2rem;
  }
  .text-carousel p {
    font-size: .95rem !important;
  }
}
.navbar {
  background-color: rgba(255, 255, 255, .9)
}
.page-footer, .top-nav-collapse {
  background-color: #f2f4f5;
}
footer.page-footer a:hover {
  /*color: #fff */
  color: #93d500;
}
.landing-head-home {
  height: 60vh;
  position: relative;
  background: url("../img//bg-qpass-home.jpg")no-repeat fixed 35% 50%;
  background-size: cover;
}
.landing-head-contact {
  height: 35vh;
  position: relative;
  background: url("../img//bg-qpass-contacto.jpg")no-repeat fixed 70% 50%;
  background-size: cover;
}
.landing-head-our-solution {
  height: 35vh;
  position: relative;
  background: url("../img/bg-qpass-our-solution.jpg")no-repeat fixed 30% 50%;
  background-size: cover;
}
.landing-head-our-solution-residential {
  height: 35vh;
  position: relative;
  background: url("../img/residential/bg-qpass-residential.jpg")no-repeat fixed 30% 50%;
  background-size: cover;
}
.landing-head-our-solution-corporate {
  height: 35vh;
  position: relative;
  background: url("../img/corporate/bg-qpass-corporate.jpg")no-repeat fixed 40% 50%;
  background-size: cover;
}
.landing-head-benefits {
  height: 35vh;
  position: relative;
  background: url("../img/benefits/bg-qpass-benefits.jpg")no-repeat fixed 30% 50%;
  background-size: cover;
}
.landing-head-our-experience {
  height: 35vh;
  position: relative;
  background: url("../img/experience/bg-qpass-experience.jpg")no-repeat fixed 50% 50%;
  background-size: cover;
}
.landing-head-about-us {
  height: 35vh;
  position: relative;
  background: url("../img/aboutus/bg-qpass-aboutus.jpg")no-repeat fixed 30% 50%;
  background-size: cover;
}
.landing-head-contact-us {
  height: 35vh;
  position: relative;
  background: url("../img/contactus/bg-qpass-contactus.jpg")no-repeat fixed 30% 50%;
  background-size: cover;
}
.landing-head-residential {
  height: 40vh;
  position: relative;
  background: url("../img/residential/bg-qpass-residential.jpg")no-repeat fixed 70% 50%;
  background-size: cover;
}
.landing-head-corporate {
  height: 60vh;
  position: relative;
  background: url("../img/corporate/bg-qpass-corporate.jpg")no-repeat fixed 70% 50%;
  background-size: cover;
}
.landing-head-escolar {
  height: 60vh;
  position: relative;
  background: url("../img/escolar/bg-qpass-escolar.jpg")no-repeat fixed 70% 50%;
  background-size: cover;
}
.landing-head-industrial {
  height: 60vh;
  position: relative;
  background: url("../img/industrial/bg-qpass-industrial.jpg")no-repeat fixed 70% 50%;
  background-size: cover;
}
.landing-head-eventos {
  height: 60vh;
  position: relative;
  background: url("../img/eventos/bg-qpass-eventos.jpg")no-repeat fixed 70% 50%;
  background-size: cover;
}
.landing-head-validaciontermica {
  height: 35vh;
  position: relative;
  background: url("../img/validaciontermica/bg-qpass-validaciontermica.jpg")no-repeat fixed 70% 50%;
  background-size: cover;
}
.landing-head-testsalud {
  height: 35vh;
  position: relative;
  background: url("../img/testsalud/bg-qpass-testsalud.jpg")no-repeat fixed 70% 50%;
  background-size: cover;
}
.landing-head-aforos {
  height: 35vh;
  position: relative;
  background: url("../img/aforos/bg-qpass-aforos.jpg")no-repeat fixed 50% 50%;
  background-size: cover;
}
.landing-line {
  border-top: #93d500 3px solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.landing-line-corporativo {
  border-top: #238dc1 3px solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.landing-line-escolar {
  border-top: #8e2a2a 3px solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.landing-line-industrial {
  border-top: #a2a9ad 3px solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.landing-line-eventos {
  border-top: #33647e 3px solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.landing-line-validaciontermica {
  border-top: #8ab7e9 3px solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.landing-line-testsalud {
  border-top: #1a428a 3px solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.landing-line-aforos {
  border-top: #ff7f30 3px solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.border-b-residencial {
  border-bottom: medium solid #93d500;
}
.border-b-corporativo {
  border-bottom: medium solid #238dc1;
}
.border-b-escolar {
  border-bottom: medium solid #8e2a2a;
}
.border-b-industrial {
  border-bottom: medium solid #a2a9ad;
}
.border-b-eventos {
  border-bottom: medium solid #33647e;
}
.border-b-validaciontermica {
  border-bottom: medium solid #8ab7e9;
}
.border-b-testsalud {
  border-bottom: medium solid #1a428a;
}
.border-b-aforos {
  border-bottom: medium solid #ff7f30;
}
.qpass-text {
  color: #93d500 !important;
}
.green-gradient-rgba {
  background: linear-gradient(40deg, rgba(147, 213, 0, 0.95), rgba(110, 160, 0, 0.95)) !important
}
footer.page-footer .social-links a {
  color: #6c6c6c;
}
footer.page-footer .social-links a:hover {
  color: #93d500;
}
p.social-links a {
  color: #6c6c6c;
}
p.social-links a:hover {
  color: #93d500;
}
.fixed-action-btn {
  position: fixed;
  z-index: 998;
  right: 35px;
  bottom: 35px;
  margin-bottom: 0;
  padding-top: 15px;
}
.btn-goTop {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
  border-radius: 50%;
  width: 47px;
  height: 47px;
  padding: 8px 0px 0px 0px;
  font-size: 1.3rem;
}
.ekko-lightbox .modal-body {
  padding: 0px !important;
}
.residencial-text {
  color: #a6db41 !important;
}
.btn-residencial-color {
  color: #fff !important;
  background-color: #a6db41 !important;
}
.corporativo-text {
  color: #238dc1 !important;
}
.btn-corporativo-color {
  color: #fff !important;
  background-color: #238dc1 !important;
}
.escolar-text {
  color: #8e2a2a !important;
}
.btn-escolar-color {
  color: #fff !important;
  background-color: #8e2a2a !important;
}
.eventos-text {
  color: #33647e !important;
}
.btn-eventos-color {
  color: #fff !important;
  background-color: #a2a9ad !important;
}
.industrial-text {
  color: #a2a9ad !important;
}
.btn-industrial-color {
  color: #fff !important;
  background-color: #33647e !important;
}
.btn-qpass-color {
  color: #fff !important;
  background-color: #93d500 !important;
}
.qpass-users p {
  font-size: .8rem
}