body {font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5 {font-family: 'Roboto', sans-serif;}


header h1 {font-size:24px;margin:0px;color:#000;}
header .lead {margin-top:50px;color:#000;padding-bottom:30px;font-size:20px;}
#frases {position:relative;height:150px;margin-top:-10px;text-transform:capitalize;}
#text-change1, #text-change2 {position:absolute;top:0px;text-align:center;width:100%;font-size:140px;color:#000;font-weight:bolder;letter-spacing:-2px;}
#testimonios {background:#7070bd;}
#testimonios * {color:#fff;}
#testimonios .card {background:#8484c3;border:0px;border-radius:15px;padding:20px;}
#testimonios .card-body {padding:0px;margin:0px;}
#testimonios .card-body p {font-size:12px;line-height:15px;font-style:italic;}
#introduccion {background-image:url('/web/assets/bg1-min.jpg');}
#preguntasfrecuentes .card-header i{
    float:right;        
    font-size:30px;
    width:1%;
    margin-top:8px;
    margin-right:10px;
}
#preguntasfrecuentes a, #preguntasfrecuentes a:hover {color:#666;text-decoration:none;}
#preguntasfrecuentes h3 {color:#000;font-size:22px;font-weight:bold;}
#preguntasfrecuentes .card-block {padding:15px;}
#preguntasfrecuentes .card-header {font-size:14px;}


#jumbotron {position:relative;overflow:hidden;
  background:url(/web/assets/bg1-min.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color:#000;
  position:relative;}
#jumbotron .card-text {font-size:14px;}
#jumbotron .display-1 {font-weight:700;}
#jumbotron-inner  {position:relative;z-index:999;text-align:center;padding-top:140px;}
#jumbotron-inner .feature {margin:10px 0px 20px 0px;}
#tarifas {padding-top:150px;}

.entrenadores {padding-bottom:80px!important;}
.entrenadores .card {text-align:center;}
.entrenadores-main .card-body {font-size:16px;text-align:left;}
.entrenadores-main .card-body p {color:#666;}
.entrenadores .btn-outline-secondary {width:100%;}
.entrenadores h2 {font-weight:bold;}
.entrenadores .btn-group button, .entrenadores .btn-group {width:100%;}

#caracteristicas h3 {font-weight:bold;}

.modal-body {padding-top:0px;margin-top:0px;text-align:center;}

.modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;max-width:100%;}
.modal-content {height: auto;min-height: 100%;border-radius: 0;}
.modal-content h5 {margin-top:15px;}
.modal-content h3 {margin-top:20px;font-weight:bold;margin-bottom:20px;font-size:24px;}
.modal-header {border-bottom:0px;}

.objetivos.form-control {font-size:18px;padding:7px;text-align:left;max-width:500px;margin:0 auto;}
.objetivo-enviar {margin-top:15px;max-width:500px;}

.nav-link.comenzar {background:#7070bd;color:#fff!important;border-radius:3px;}
.btn-primary {color: #fff;background-color: #4141c9;border-color: #4141c9;}
.entrenadores button.btn.btn-primary {color: #fff;background-color: #7070bd;border-color: #7070bd;}
.btn.btn-peoplecare1 {color:#fff;background-color: #4141c9;border-color: #4141c9;}
.btn.btn-peoplecare2 {color:#fff;background-color: #7070bd;border-color: #7070bd;}
#ModalComenzar .instructor-select .instructor-image {width:70%;margin:0 auto;}
#ModalComenzar .instructor-select p {font-size:14px;line-height:18px;text-align:left;}

.instructor-text {background:#f1f1f1;border-radius:5px;padding:10px;}
#ModalComenzar .instructor-select button {width:60%;margin:0 auto;margin:20px 0px 20px 0px;}
#ModalComenzar .card-text {font-size:12px;text-align:center;}

#llamado {font-size:22px;text-align:center;padding:80px 0px;}

header {
  position: relative;
  background-color: black;
  height: 100%;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video, #jumbotron video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay, #jumbotron .overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  opacity: 0.8;
  z-index: 1;
}


/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('/web/assets/header_bg.jpg') black no-repeat center center scroll;
  }

  header video {
    display: none;
  }
}

.text-primary {color:#4141c9!important;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
background-color: #5a5ac6;}

.message-bot {text-align:left;width:80%;padding:15px;border-radius:5px;margin-bottom:15px;font-size:12px;border:1px solid #f1f1f1;border-radius:5px;border-left:10px solid #4241c9;background:#e8e8ff;margin-left:60px;}
.message-user {text-align:left;width:80%;padding:15px;border-radius:5px;margin-bottom:15px;font-size:12px;margin-left:0px;border:1px solid #f1f1f1;border-radius:5px;border-left:10px solid #1ececb;background:#e2ffff;}

.message-history {width:80%;font-size:9px;background:#f3f3ff;padding:10px;border:1px solid #ccc;margin-left:60px;border-left:10px solid #4241c9;}
.message-history td {width:24%!important;}
.message-history {max-height:200px;overflow:scroll;overflow-x: hidden;}

.message-bot.closed, .message-user.closed, .message-history.closed {
  padding:0px;
  height:20px;
  overflow:hidden;
  margin-bottom:0px;
  margin-top:0px;
}
.page-footer {font-size:12px;line-height:16px;}
.page-footer h5 {font-size:18px;}

.page-footer ul li:after, .page-footer ul li:before {top:5px;}
 .page-footer ul li:after {top:8px;}

@media only screen and (max-width: 600px) {
  #ModalComenzar .instructor-select p {font-size:12px;line-height:14px;}
  #ModalComenzar .instructor-select button {width:100%;}
  #ModalComenzar .fw-bolder {font-size:28px;margin-bottom:20px;}
  .landing-page {padding-top:40px;}
  #jumbotron .display-1 {font-size:52px;}
  #jumbotron-inner  {padding-top:80px;}
  header h1 {font-size:22px;margin:0px;}
  header .lead {margin-top:50px;padding-bottom:30px;font-size:16px;}
  header p {max-width:70%;margin:0 auto;}
  #frases {height:120px;margin-top:30px;}
  #text-change1, #text-change2 {font-size:48px;letter-spacing:-2px;margin-top:30px;line-height:48px;}
  .modal-content .modal-entrenador {max-width:50%;}
  header .overlay {opacity: 0.9;}  
  .objetivo-enviar {width:100%;}
  .modal-content h5 {margin-bottom:10px;}
  .modal-content h3 {font-size:20px;margin-top:10px;margin-bottom:20px;}
  #conocermas .lead {font-size:18px;}
  #conocermas section {padding-bottom: 0px!important;}
}