@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,800&display=swap");
html {
  scroll-padding-top: 100px; }

body {
  font-family: 'Open Sans', sans-serif;
  background: #000;
  color: white; }

.text-blue {
  color: #2097C3;
  font-weight: bold; }

hr.small {
  width: 3.25em;
  border: 2.5px solid #2097C3;
  background: #2097C3;
  margin-bottom: 2em;
  opacity: 1; }

ul.compress {
  line-height: 1.3em; }

ul.check_list li {
  list-style-image: url(../images/tilde_celeste.svg); }

.section-separator {
  background: #2097C3;
  height: 60px;
  width: 100%; }

section.separator .container {
  border-bottom: 1px solid #2097C3; }

section p {
  font-size: 1.1em; }

#section-1 {
  height: 100vh; }
  #section-1 img.position-absolute {
    top: 0; }
  #section-1 h1 {
    font-size: 4.5em;
    letter-spacing: -2px; }
  #section-1 h2 {
    font-size: 1.8em; }
  #section-1 .btn {
    padding: 4px 45px; }
  #section-1 .container {
    bottom: 15%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0; }

#section-5 .card {
  color: #000;
  border-radius: 25px; }
#section-5 .btn {
  margin: auto;
  width: 70%; }
#section-5 h5 {
  font-size: 1.22em;
  letter-spacing: -0.8px; }

a.colored {
  color: #1fa855 !important;
  text-decoration: unset !important; }

.btn {
  font-size: .75em;
  font-weight: bold;
  border-radius: 12px;
  padding: 5px 30px;
  filter: drop-shadow(1px 1px 10px rgba(255, 255, 255, 0.4)); }

.btn:hover {
  border: 1px solid #003952; }

.button-blue {
  background: #2097C3;
  color: white; }

.button-white {
  background: #dee2e6;
  color: #000; }
  .button-white:hover {
    color: white;
    background: #2097C3; }

.btn-black {
  background: #000;
  color: white; }

.btn-black:hover {
  background: #2097C3;
  color: white;
  border: 1px solid #2097C3; }

.navbar {
  background-color: transparent !important;
  webkit-transition: height 1s, background-color 1s, font-size 1s, margin-top 1s;
  -moz-transition: height 1s, background-color 1s, font-size 1s, margin-top 1s;
  -ms-transition: height 1s, background-color 1s, font-size 1s, margin-top 1s;
  -o-transition: height 1s, background-color 1s, font-size 1s, margin-top 1s;
  transition: height 1s, background-color 1s, font-size 1s, margin-top 1s; }
  .navbar li.nav-item {
    font-weight: bold;
    font-size: 1.2em; }

.navbar-brand img {
  height: 60px !important;
  webkit-transition: height 1s, background-color 1s;
  -moz-transition: height 1s, background-color 1s;
  -ms-transition: height 1s, background-color 1s;
  -o-transition: height 1s, background-color 1s;
  transition: height 1s, background-color 1s; }

.sticked {
  margin-top: 0px !important;
  background-color: #000 !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  .sticked .navbar-brand img {
    height: 35px !important; }
  .sticked li.nav-item {
    font-weight: bold;
    font-size: 1em; }

h1 {
  font-size: 4em;
  font-weight: bold; }

.primary-heading {
  font-weight: bolder; }

h1.primary-heading {
  font-size: 4em; }

h2.primary-heading {
  font-size: 3em; }

h3.primary-heading {
  font-size: 2.5em; }

h4.primary-heading {
  font-size: 2em; }

h4.primary-heading {
  font-size: 2em; }

h5 {
  font-size: 1.6em; }

h6.text-blue {
  font-size: 1.3em;
  font-weight: 600;
  letter-spacing: -1px; }

#sectionFooter .container {
  max-width: 750px; }
#sectionFooter .contact-container {
  max-width: 500px; }

@media (min-width: 768.1px) {
  .hidden-desktop {
    display: none; } }
@media (max-width: 1025px) {
  #section-1 h1 {
    font-size: 3.9em; }

  h2.primary-heading {
    font-size: 2em; }

  h3.primary-heading {
    font-size: 1.9em; }

  h4.primary-heading {
    font-size: 1.5em; }

  #sectionFooter h5 {
    font-size: 1.25em; }

  .check_list, section p {
    font-size: 0.95em; }

  ul.compress {
    font-size: 0.95em; }

  .btn {
    font-size: .65em;
    padding: 4px 22px; } }
@media (max-width: 768px) {
  .hidden-mobile {
    display: none; }

  .sticked .navbar-brand img {
    height: 25px !important; }

  .nav-item {
    text-align: right; }

  .navbar-brand img {
    height: 40px !important;
    width: 40px !important; }

  footer .col-md-3.p-5 {
    padding-top: 1em !important;
    padding-bottom: 3em !important; }

  h2.text-secondary {
    font-size: calc(1.325rem + .9vw); }

  #form-contact {
    padding: 1.2em; }

  #section-7 .text-end, #section-5 .text-end {
    text-align: left !important; }

  .bd-placeholder-img {
    margin-bottom: 2.5em; }

  .img-number {
    margin-top: 1.5em; } }
@media (max-width: 600px) {
  .mobile-btn-blue {
    background: #2097C3; }

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

  .check_list {
    margin-bottom: 0px;
    padding-bottom: 0px; }

  ul.compress {
    margin-bottom: 0px;
    padding-bottom: 0px; }

  .btn {
    font-size: 1.2em;
    padding: 6px 48px; }

  .pt-sm-5 {
    padding-top: 1.5rem !important; }

  .mobile-row-padding {
    padding-left: 1em;
    padding-right: 1em; }

  .navbar-toggler {
    border: unset; }

  .navbar-brand img {
    height: 100px !important;
    width: 100px !important; }

  #section-1 h1 {
    font-size: 3.2em; }
  #section-1 h2 {
    font-size: 1.2em; }

  #section-5 div.img-container {
    width: 30%;
    float: left; }
    #section-5 div.img-container .mb-4 {
      margin-bottom: unset !important; }
  #section-5 div.title-container {
    width: 70%;
    left: 30%;
    top: 16%;
    position: absolute;
    text-align: center; }
  #section-5 div.button-container .mb-2 {
    margin-bottom: unset !important; }
  #section-5 .btn {
    font-size: .6em;
    padding: 5px 15px;
    width: fit-content; }

  .col-invert-order-mobile .col-md-6:first-child {
    order: 2; }
  .col-invert-order-mobile .col-md-6:second-child {
    order: 1; }

  #about-me {
    margin-top: 4em;
    text-align: center; }
    #about-me .w-100 br {
      display: none; }
    #about-me .col.wow {
      min-width: 33.2%;
      padding-bottom: 10px; }

  h3.primary-heading {
    font-size: 1.5em; }

  .div-comprar-cursos {
    text-align: center; }
    .div-comprar-cursos .ms-3 {
      margin-left: unset !important;
      margin-top: 15px; }
    .div-comprar-cursos .btn {
      width: 80%; } }
@media (max-width: 380px) {
  #section-5 h5 {
    font-size: .95em; }

  #section-1 h1 {
    font-size: 2em; }

  .btn {
    font-size: .9em; } }
@media (max-width: 340px) {
  h2.primary-heading {
    font-size: 1.8em; }

  h3.primary-heading {
    font-size: 1.2em; }

  h4.primary-heading {
    font-size: 1em; }

  #section-5 h5 {
    font-size: .75em; }

  #section-1 h1 {
    font-size: 2em; }

  .btn {
    font-size: .65em; }

  #section-5 .btn {
    font-size: .55em; }

  #sectionFooter h5 {
    font-size: 1em; } }
/*  WHAAAP */
.boton-flotante {
  z-index: 100000; }

.flotante .fa-whatsapp {
  top: 10px;
  position: relative; }

.flotante-izq {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 25px;
  right: 30px; }

a.flotante-izq:hover {
  transform: scale(1.1); }

.contact-container .btn {
  padding: 12px 40px; }

.contact-container {
  max-width: 500px;
  margin: auto; }

/* --------------------------------   MATERIALFORM -------------------------------------------------------------------*/
.material-design-form .input-field {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem; }
.material-design-form input:not([type]),
.material-design-form input[type=text]:not(.browser-default),
.material-design-form input[type=password]:not(.browser-default),
.material-design-form input[type=email]:not(.browser-default),
.material-design-form input[type=url]:not(.browser-default),
.material-design-form input[type=time]:not(.browser-default),
.material-design-form input[type=date]:not(.browser-default),
.material-design-form input[type=datetime]:not(.browser-default),
.material-design-form input[type=datetime-local]:not(.browser-default),
.material-design-form input[type=tel]:not(.browser-default),
.material-design-form input[type=number]:not(.browser-default),
.material-design-form input[type=search]:not(.browser-default),
.material-design-form textarea.materialize-textarea {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: 0;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: border .3s,-webkit-box-shadow .3s;
  transition: border .3s,-webkit-box-shadow .3s;
  transition: box-shadow .3s,border .3s;
  transition: box-shadow .3s,border .3s,-webkit-box-shadow .3s;
  color: #eee; }
.material-design-form input:not([type]).validate + label, .material-design-form input[type=text]:not(.browser-default).validate + label, .material-design-form input[type=password]:not(.browser-default).validate + label, .material-design-form input[type=email]:not(.browser-default).validate + label, .material-design-form input[type=url]:not(.browser-default).validate + label, .material-design-form input[type=time]:not(.browser-default).validate + label, .material-design-form input[type=date]:not(.browser-default).validate + label, .material-design-form input[type=datetime]:not(.browser-default).validate + label, .material-design-form input[type=datetime-local]:not(.browser-default).validate + label, .material-design-form input[type=tel]:not(.browser-default).validate + label, .material-design-form input[type=number]:not(.browser-default).validate + label, .material-design-form input[type=search]:not(.browser-default).validate + label, .material-design-form textarea.materialize-textarea.validate + label {
  width: 100%; }
.material-design-form .input-field.col label {
  left: .75rem; }
.material-design-form .input-field > label:not(.label-icon).active {
  -webkit-transform: translateY(-14px) scale(0.8);
  transform: translateY(-14px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }
.material-design-form .input-field > label.error {
  color: #d44457 !important;
  -webkit-transform: translateY(50px) scale(0.8);
  transform: translateY(50px) scale(0.8); }
.material-design-form .input-field > label {
  color: #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  cursor: text;
  -webkit-transition: color .2s ease-out,-webkit-transform .2s ease-out;
  transition: color .2s ease-out,-webkit-transform .2s ease-out;
  transition: transform .2s ease-out,color .2s ease-out;
  transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  text-align: initial;
  -webkit-transform: translateY(12px);
  transform: translateY(12px); }
.material-design-form label {
  font-size: .8rem;
  color: #9e9e9e; }
.material-design-form input:not([type]) + label:after, .material-design-form input[type=text]:not(.browser-default) + label:after, .material-design-form input[type=password]:not(.browser-default) + label:after, .material-design-form input[type=email]:not(.browser-default) + label:after, .material-design-form input[type=url]:not(.browser-default) + label:after, .material-design-form input[type=time]:not(.browser-default) + label:after, .material-design-form input[type=date]:not(.browser-default) + label:after, .material-design-form input[type=datetime]:not(.browser-default) + label:after, .material-design-form input[type=datetime-local]:not(.browser-default) + label:after, .material-design-form input[type=tel]:not(.browser-default) + label:after, .material-design-form input[type=number]:not(.browser-default) + label:after, .material-design-form input[type=search]:not(.browser-default) + label:after, .material-design-form textarea.materialize-textarea + label:after, .material-design-form .select-wrapper + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  -webkit-transition: .2s opacity ease-out,.2s color ease-out;
  transition: .2s opacity ease-out,.2s color ease-out; }
.material-design-form textarea.materialize-textarea {
  line-height: normal;
  overflow-y: hidden;
  padding: .8rem 0 .8rem 0;
  resize: none;
  min-height: 3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.material-design-form input:not([type]), .material-design-form input[type=text]:not(.browser-default), .material-design-form input[type=password]:not(.browser-default), .material-design-form input[type=email]:not(.browser-default), .material-design-form input[type=url]:not(.browser-default), .material-design-form input[type=time]:not(.browser-default), .material-design-form input[type=date]:not(.browser-default), .material-design-form input[type=datetime]:not(.browser-default), .material-design-form input[type=datetime-local]:not(.browser-default), .material-design-form input[type=tel]:not(.browser-default), .material-design-form input[type=number]:not(.browser-default), .material-design-form input[type=search]:not(.browser-default), .material-design-form textarea.materialize-textarea {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: 0;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: border .3s,-webkit-box-shadow .3s;
  transition: border .3s,-webkit-box-shadow .3s;
  transition: box-shadow .3s,border .3s;
  transition: box-shadow .3s,border .3s,-webkit-box-shadow .3s; }
.material-design-form textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent; }
.material-design-form input:hover, .material-design-form input:focus {
  border-bottom: 1px solid #00a88f;
  -webkit-box-shadow: 0 1px 0 0 #00a88f;
  box-shadow: 0 1px 0 0 #00a88f; }
.material-design-form input:not(.btn), .material-design-form select {
  background-color: transparent !important; }
.material-design-form input[type="text"],
.material-design-form input[type="password"],
.material-design-form input[type="email"],
.material-design-form input[type="tel"],
.material-design-form input[type="number"],
.material-design-form .material-design-input {
  display: block;
  padding: 0;
  border: none;
  border-bottom: 1px solid #bdbdbd;
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  font-size: 1rem;
  outline: none;
  color: #444;
  background-color: transparent !important; }
.material-design-form .select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1; }
.material-design-form .select-wrapper input.select-dropdown:focus {
  border-bottom: 1px solid #26a69a; }
.material-design-form input:not([type]) + label:after, .material-design-form input[type=text]:not(.browser-default) + label:after, .material-design-form input[type=password]:not(.browser-default) + label:after, .material-design-form input[type=email]:not(.browser-default) + label:after, .material-design-form input[type=url]:not(.browser-default) + label:after, .material-design-form input[type=time]:not(.browser-default) + label:after, .material-design-form input[type=date]:not(.browser-default) + label:after, .material-design-form input[type=datetime]:not(.browser-default) + label:after, .material-design-form input[type=datetime-local]:not(.browser-default) + label:after, .material-design-form input[type=tel]:not(.browser-default) + label:after, .material-design-form input[type=number]:not(.browser-default) + label:after, .material-design-form input[type=search]:not(.browser-default) + label:after, .material-design-form textarea.materialize-textarea + label:after, .material-design-form .select-wrapper + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  -webkit-transition: .2s opacity ease-out, .2s color ease-out;
  transition: .2s opacity ease-out, .2s color ease-out; }
.material-design-form [type="checkbox"], .material-design-form [type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }
.material-design-form [type="radio"]:not(:checked), .material-design-form [type="radio"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none; }
.material-design-form [type="radio"]:not(:checked) + span, .material-design-form [type="radio"]:checked + span {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.material-design-form [type="radio"] + span:before, .material-design-form [type="radio"] + span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: .28s ease;
  transition: .28s ease; }
.material-design-form [type="radio"]:not(:checked) + span:before, .material-design-form [type="radio"]:not(:checked) + span:after {
  border: 2px solid #5a5a5a; }
.material-design-form [type="radio"]:checked + span:before {
  border: 2px solid transparent; }
.material-design-form [type="radio"]:not(:checked) + span:before, .material-design-form [type="radio"]:not(:checked) + span:after, .material-design-form [type="radio"]:checked + span:before, .material-design-form [type="radio"]:checked + span:after, .material-design-form [type="radio"].with-gap:checked + span:before, .material-design-form [type="radio"].with-gap:checked + span:after {
  border-radius: 50%; }
.material-design-form [type="radio"]:checked + span:after {
  -webkit-transform: scale(1.02);
  transform: scale(1.02); }
.material-design-form [type="radio"]:checked + span:after, .material-design-form [type="radio"].with-gap:checked + span:after {
  background-color: #26a69a; }
.material-design-form [type="radio"]:checked + span:after, .material-design-form [type="radio"].with-gap:checked + span:before, .material-design-form [type="radio"].with-gap:checked + span:after {
  border: 2px solid #26a69a; }
.material-design-form .material-height-2 .material-design-form input:not([type]), .material-design-form .material-height-2 .material-design-form input[type=text]:not(.browser-default), .material-design-form .material-height-2 .material-design-form input[type=password]:not(.browser-default), .material-design-form .material-height-2 .material-design-form input[type=email]:not(.browser-default), .material-design-form .material-height-2 .material-design-form input[type=url]:not(.browser-default), .material-design-form .material-height-2 .material-design-form input[type=time]:not(.browser-default), .material-design-form .material-height-2 .material-design-form input[type=date]:not(.browser-default), .material-design-form .material-height-2 .material-design-form input[type=datetime]:not(.browser-default), .material-design-form .material-height-2 .material-design-form input[type=datetime-local]:not(.browser-default), .material-design-form .material-height-2 .material-design-form input[type=tel]:not(.browser-default), .material-design-form .material-height-2 .material-design-form input[type=number]:not(.browser-default), .material-design-form .material-height-2 .material-design-form input[type=search]:not(.browser-default), .material-design-form .material-height-2 .material-design-form textarea.materialize-textarea {
  height: 2em; }
.material-design-form [type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none; }
.material-design-form [type="checkbox"] + span {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.material-design-form [type="checkbox"] + span:after {
  border-radius: 2px; }
.material-design-form [type="checkbox"] + span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 3px;
  -webkit-transition: .2s;
  transition: .2s; }
.material-design-form [type="checkbox"] + span:before, .material-design-form [type="checkbox"] + span::after {
  content: '';
  left: 0;
  position: absolute;
  z-index: 1; }
.material-design-form [type="checkbox"]:checked + span:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  z-index: 1; }
.material-design-form [type="checkbox"]:checked + span:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0; }

.carousel-indicators {
  bottom: -50px; }
  .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    /* change width */
    height: 10px;
    /* change height */
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-radius: 100%; }
  .carousel-indicators .active {
    background-color: #2097C3 !important; }

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