*:focus {
  box-shadow: none !important;
}
[id^=del-] {
  cursor: pointer;
}
body {
  font-family: "Roboto",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    
}

header nav ul li a {
  cursor: pointer;
  font-weight: 500 !important;
}
header nav .cart {
  position: relative;
}
header nav .cart span {
  width: 1.5rem;
  height: 1.5rem;
  right: -0.5rem;
  top: -0.5rem;
  position: absolute;
  color: #fff;
  background-color: #2E78EF;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
}
header nav .cart i {
  color: #ffffff;
  font-size: 1.3rem;
}
.position-new {
  position:relative;
  bottom:-27%;
}
.position-original{
  position: absolute;
  top: 0px;
}

#fcart{
  background-color: #fff;
  border-radius: .5rem;
  transition: all 1s ease-in-out !important;
}
#fcart img {
  width: 100%;
  display: block;
  margin: auto;
}
#fcart .cart {
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  background-color: #FF9A01;
  cursor: pointer;
  width: 100%;
  line-height: 1.5rem;
  padding:.375rem 0;
}
#fcart .valor {
  font-size: 1.3rem;
}
#fcart h2 {
  font-weight: 700;
  text-transform: uppercase;
}
.banner {
  padding-block-start: min(10vh, 10rem);
  padding-block-end: min(25vh, 25rem);
  background-color: #F3F4F8;
}
.banner-h {
  padding-block-start: min(5vh, 5rem);
  padding-block-end: min(5vh, 5rem);
  background-color: #212f3c;
}
.banner-h h1 {
  font-size: 2.7rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.banner-h .c_desc {
  font-size: 1.2rem;
  font-weight: 300;
  color: #fff;
}
.banner-h .c_details {
  font-size: 1.2rem;
  font-weight: 300;
  color: #fff;
}
.banner-h .c_details b {
  font-weight: 700;
}
.banner-h .c_estrellas {
  color: #fff;
  font-size: 1.125rem;
}
.banner-h .c_estrellas i{
  margin: 0 .1rem;
  color: #F69C08;
  font-size: 1.3rem;
}

.banner-h .resumen {
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  background-color: #2E78EF;
  cursor: pointer;

  line-height: 1.5rem;
  padding:.375rem 0;
}
.banner-h .landing {
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  background-color: #2E78EF;
  cursor: pointer;

  line-height: 1.5rem;
  padding:.375rem 0;
  text-decoration: none;
}
.banner h1 {
  width: 60%;
  margin: auto;
  font-size: 3rem;
  font-weight: 700;
  color: #2E78EF;
}
.banner p {
  width: 70%;
  margin: auto;
  font-size: 1.2rem;
  color: #55585b;
  font-weight: 500;
}
.banner .cart {
  color: #fff;
  font-weight: 700;
  font-size: 0.8rem;
  background-color: #FF9A01;
  cursor: pointer;
  width: 25%;
  margin: auto !important;
}


.banner .input-xl {
  position: relative;
  width: 50%;
  border: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.banner .input-xl input {
  color: #55585b;
  background-color: transparent !important;
  border: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.banner .input-xl input::placeholder {
  color: #55585b;
}
.banner .input-xl i {
  color: #FF9A01;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  padding: 0.5rem 0.75rem;
}
.banner .input-xl button {
  font-weight: 600;
  color: #fff;
  background-color: #FF9A01;
}
.banner .input-xl button:active {
  background-color: #F2AA1C;
  border-color: #EF8915;
}

.banner-inside {
  padding-block: min(5vh, 5rem) !important;
  background-color: #F3F4F8;
}
.banner-inside h1 {
  width: 60%;
  margin: auto;
  font-size: 3rem;
  font-weight: 700;
  color: #2E78EF;
}

.cart-wrap {
  background-color: #F3F4F8;
  padding-block: min(5vh, 5rem) !important;
}
.cart-wrap table thead th {
  background-color: #2E78EF !important;
  color: #fff;
}
.cart-wrap table tbody tr td {
  color: #55585b;
  background-color: transparent;
  padding: 1.5rem 0.5rem;
}
.cart-wrap .resumen {
  background-color: #fff;
}
.cart-wrap .resumen .identify {
  color: #55585b;
}
.cart-wrap .resumen .identify h1 {
  font-size: 1.4rem;
  font-weight: 700;
}
.cart-wrap .resumen .identify h3 {
  font-size: 1.1rem;
  font-weight: 700;
}
.cart-wrap .resumen .identify img {
  width: 50%;
}
.cart-wrap .resumen .identify button {
  color: #fff;
  font-weight: 600;
  background-color: #FF9A01;
}
.cart-wrap .resumen .total {
  color: #55585b;
}
.cart-wrap .resumen .total h3 {
  font-size: 1.3rem;
  font-weight: 500;
}
.cart-wrap .resumen .total span {
  font-weight: 700;
}
.cart-wrap .resumen .total button {
  color: #fff;
  font-weight: 600;
  background-color: #6D2077;
}

.form-why .contact-form {
  position: relative;
  top: -15vh;
}
.form-why .contact-form .form {
  position: relative;
  background-color: #2E78EF;
}
.form-why .contact-form .form .form-floating > .form-control-plaintext ~ label::after, .form-why .contact-form .form .form-floating > .form-control:focus ~ label::after, .form-why .contact-form .form .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-why .contact-form .form .form-floating > .form-select ~ label::after {
  color: #fff !important;
  background-color: transparent !important;
}
.form-why .contact-form .form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 150px;
  height: 99%;
  width: 235px;
  background-color: #2969E0;
  -webkit-transform: skew(-19deg);
  transform: skew(-19deg);
  pointer-events: none;
}
.form-why .contact-form .form span {
  font-size: 1.3rem;
  font-weight: 600;
  color: #FF9A01;
}
.form-why .contact-form .form h2 {
  font-weight: 700;
  letter-spacing: 1.5px;
}
.form-why .contact-form .form img {
  position: relative;
  width: 85%;
}
.form-why .contact-form .form form label {
  color: white !important;
}
.form-why .contact-form .form form input, .form-why .contact-form .form form textarea {
  color: #fff;
  border-color: #fff;
  position: relative;
  font-size: 1rem;
  background-color: rgba(255, 255, 255, 0) !important;
}
.form-why .contact-form .form form input::placeholder, .form-why .contact-form .form form textarea::placeholder {
  font-size: 1rem;
  color: #fff;
}
.form-why .contact-form .form form textarea {
  resize: none;
  height: 5rem;
}
.form-why .contact-form .form form button {
  font-weight: 600;
  background-color: #FF9A01;
}
.form-why .why span {
  color: #FF9A01;
  font-weight: 700;
  font-size: 2rem;
  text-transform: uppercase;
}
.form-why .why h1 {
  color: #2E78EF;
  font-weight: 700;
  font-size: 3.5rem;
  text-transform: uppercase;
}
.form-why .why p {
  color: #55585b;
  font-weight: 500;
  font-size: 1.1rem;
  text-transform: uppercase;
}
.form-why .why button {
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  background-color: #FF9A01;
}
.form-why .why img {
  margin: auto;
  width: 70%;
}

.ventajas {
  padding-block: min(5vh, 5rem);
  background-color: #2E78EF;
}
.ventajas h1 {
  font-weight: 700;
  font-size: 1.3rem;
  color: #fff;
}
.ventajas h3 {
  font-weight: 500;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8);
}
.ventajas img {
  width: 100%;
}

.best-courses {
  background-color: #F3F4F8;
  padding-block: min(10vh, 10rem);
}
.best-courses .title span {
  font-weight: 700;
  color: #FF9A01;
}
.best-courses .title h1 {
  color: #55585b;
  font-weight: 700;
  text-transform: uppercase;
}
.best-courses .title h1 strong {
  color: #07162d;
}
.best-courses .card {
  border-color: rgba(0, 0, 0, 0.1);
}
.best-courses .card:hover {
  transition: all 0.3s ease-in-out;
  box-shadow: 0 1rem 3rem rgba(85, 88, 91, 0.175);
}
.best-courses .card img {
  border-radius: 10px !important;
  width: 100%;
}
.best-courses .card a {
  text-decoration: none;
  color: #55585b;
}
.best-courses .card .top-card img {
  width: 100%;
}
.best-courses .card .top-card .cart {
  color: #fff;
  font-weight: 700;
  font-size: 0.8rem;
  background-color: #FF9A01;
  cursor: pointer;
}
.best-courses .card .top-card .dcnt {
  color: crimson;
  font-weight: 700;
  font-size: 0.8rem;
  border: 1.5px solid rgba(220, 20, 60, 0.2);
}
.best-courses .card .card-footer {
  background-color: transparent !important;
}
.best-courses .card .card-footer p {
  color: #55585b;
  margin-bottom: -0.3rem !important;
}
.best-courses .card .card-footer i {
  color: #FF9A01;
  font-size: 0.8rem;
}
.best-courses .card .card-footer .dcnt {
  color: #55585b;
  font-size: 0.9rem;
  text-decoration: line-through;
}
.best-courses .card .card-footer .currprz {
  color: #55585b;
  font-weight: 700;
  font-size: 1.2rem;
}
.best-courses .help {
  width: 40%;
  margin: auto;
  background-color: rgba(46, 120, 239, 0.1);
}
.best-courses .help i {
  font-size: 3rem;
  color: #55585b;
}
.best-courses .help span {
  font-weight: 700;
  color: #55585b;
  font-size: 0.9rem;
}
.best-courses .help h3 {
  font-weight: 700;
  font-size: 1.1rem;
  color: #55585b;
}
.best-courses button {
  background-color: #FF9A01;
  font-weight: 700;
  color: #55585b;
}
.best-courses button:hover {
  background-color: #FF9A01;
}

.learn-icons {
  padding-block: min(10vh, 5rem);
}
#comentarios {
  padding-block: min(10vh, 5rem);

}
#comentarios h1 {
  color: #FF9A01;
  font-weight: 600;
  font-size: 1.6rem;
  text-transform: uppercase;
}
#comentarios a {
  color: #fff;
  font-weight: 600;
  background-color: #FF9A01;
}

.learn-icons h1 {
  color: #55585b;
  font-weight: 600;
  font-size: 1.6rem;
  text-transform: uppercase;
}
.learn-icons h1 span {
  color: #2E78EF;
}
.learn-icons h3 {
  font-weight: 400;
  font-size: 1.2rem;
}
.learn-icons button {
  color: #fff;
  font-weight: 600;
  background-color: #FF9A01;
}
.learn-icons button:hover {
  color: #fff;
  background-color: #EF8915;
}
.learn-icons .icons img {
  width: 50%;
  cursor: pointer;
}
#confirmacion-info {
  width: 50% !important;
}
.newsletter {
  padding-block: min(10vh, 5rem);
  background: #2E78EF;
}
.newsletter h1 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.newsletter h1 span {
  color: #F2AA1C;
}
.newsletter h3 {
  color: #fff;
  font-size: 1.2rem;
  width: 60%;
  margin: auto;
  text-align: center;
}
.newsletter .input-xl {
  position: relative;
  width: 50%;
}
.newsletter .input-xl input {
  color: #fff;
  background-color: transparent !important;
  border: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.newsletter .input-xl input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.newsletter .input-xl i {
  color: #F2AA1C;
  background-color: rgba(242, 170, 28, 0.3);
  border-radius: 50%;
  padding: 0.5rem 0.75rem;
}
.newsletter .input-xl a {
  font-weight: 600;
  color: #fff;
  background-color: #FF9A01;
}
.newsletter .input-xl button:active {
  background-color: #F2AA1C;
  border-color: #EF8915;
}
.newsletter p {
  color: rgba(255, 255, 255, 0.5);
}

footer {
  color: #55585b;
}
footer #foot-first {
  padding-block: min(8vh, 10rem);
  background-color: #F3F4F8;
}
footer #foot-first h1 {
  font-size: 1.2rem;
  font-weight: 600 !important;
}
footer #foot-first img {
  max-width: 40%;
}
footer #foot-first ul li {
  color: inherit;
  border: 0 !important;
  background-color: transparent !important;
}
footer #foot-first ul li i {
  color: #2969E0;
  margin-right: 0.5rem;
}
footer #foot-first ul li a {
  color: inherit;
  text-decoration: none;
}
footer #foot-last {
  color: #fff;
  background-color: #2E78EF;
}
footer #foot-last a {
  color: inherit;
}/*# sourceMappingURL=style.css.map */

body #courses {
  background-color: #F3F4F8 !important;
}
body #courses h1 {
  font-weight: 600;
}
body #courses h1 span {
  color: #f39c12;
}
body #courses div.col .card-body h5 {
  color: #111111 !important;
  font-weight: 600;
}
body #courses div.col .card-stars {
  color: #f39c12 !important;
}
body #courses div.col .card-stars strong {
  font-weight: 600;
  font-size: 1.2rem;
}
body #courses div.col .card-stars span {
  color: #909497;
  font-size: 0.9rem;
}
body #courses div.col .card-footer {
  color: #111111;
  background-color: #ffffff;
  font-weight: 600;
}
body #courses div.col .card-footer del {
  color: #909497 !important;
}
body #courses a {
  color: #ffffff;
  background-color: #f39c12;
}
body #courses #desc h1 {
  font-size: 2rem;
  color: #55585b;
}
body #courses #desc h3 {
  font-weight: 600;
  font-size: 2rem;
  color: #55585b;
}
body #courses #desc p {
  font-size: 1.2rem;
}
body #courses #desc button {
  font-size: 1.3rem;
}
body #courses #desc button:focus {
  box-shadow: none !important;
}
body #courses #desc ul [id^=vp-] {
  cursor: pointer;
}
body #courses #desc ul [id^=vp-]:hover {
  color: #1672AC;
}
body #courses #desc ul li {
  font-size: 1.1rem;
}
body #courses #desc ul li b {
  font-weight: 600 !important;
}
body #courses #desc img {
  width: 100%;
}
body #courses #desc .textdesc {
  background: #F9F9F9;
}
body #courses #desc .textdesc h3 {
  color: #55585b;
  font-size: 1.4rem;
  font-weight: 600;
}
body #courses #desc .textdesc p {
  font-size: 1.1rem;
}
body #courses #desc .textdesc p i {
  color: #292929;
  padding-right: 0.5rem;
}
[id^=vp-] {
  cursor: pointer;
}
@media (max-width: 700px) {
  .position-new {
    position:relative !important;
  }
  .position-original{
    position: relative !important;
    top: 2rem !important;
    margin-bottom: 3rem;
  }
  
    .form::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        height: 0 !important;
        width: 0 !important;
        background-color: transparent !important;
        -webkit-transform: skew(-19deg);
        transform: skew(-19deg);
        pointer-events: none;
    }
	.banner h1, .banner-inside h1 {
		width: 95% !important;
		font-size: 2.3rem !important;
	}
	.banner p {
		width: 95%;
		margin: auto;
		margin-top: 3rem !important;
	}
	.banner .input-xl {
		width: 95%;
	}
	.form-why .why img {
		margin: auto;
		padding-top: 2rem;
		width: 90%;
	}
	.best-courses .help {
		width: 70%;
		margin: auto;
		background-color: rgba(46, 120, 239, 0.1);
	  }
    #confirmacion-info {
      width: 95% !important;
    }
}/*# sourceMappingURL=style.css.map */