* {
  box-sizing: border-box
}
.no-padding {
  padding: 0
}
@media screen and (max-width: 768px) {
  .no-padding {
    padding: 0
  }
}
.no-padding-left {
  padding-left: 0
}
@media screen and (max-width: 768px) {
  .no-padding-left {
    padding-left: 0 15px
  }
}
.no-padding-right {
  padding-right: 0
}
@media screen and (max-width: 768px) {
  .no-padding-right {
    padding-right: 0 15px
  }
}
@media (max-width: 768px) {
  .no-padding-xs {
    padding: 0
  }
  .no-padding-left-xs {
    padding-left: 0
  }
  .no-padding-right-xs {
    padding-right: 0
  }
}
h1, h2, h3, h4 {
  margin: 0
}
ul {
  padding: 0;
  margin: 0
}
a:focus, input:focus, button:focus, textarea:focus, select:focus {
  outline: none
}
a:hover {
  text-decoration: none
}
a:active, a:focus {
  color: inherit
}
.loader {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 5
}
svg path, svg rect {
  fill: #3E5494
}
html, body {
  width: 100%;
  background: white;
  color: #353535;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
html.user-page .lvl-section__box-lvl--two, body.user-page .lvl-section__box-lvl--two {
  position: relative;
  text-align: center
}
html.user-page .lvl-section__box-lvl--two img, body.user-page .lvl-section__box-lvl--two img {
  opacity: .25
}
html.user-page .lvl-section__box-lvl--two:after, body.user-page .lvl-section__box-lvl--two:after {
  content: "\f023";
  color: #ffd500;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 2em;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 2em;
  left: 0;
  right: 0;
  margin: auto
}
html.user-page .lvl-section__box-lvl--two.active img, body.user-page .lvl-section__box-lvl--two.active img {
  opacity: 1
}
html.user-page .lvl-section__box-lvl--two.active:after, body.user-page .lvl-section__box-lvl--two.active:after {
  display: none
}
html.user-page .lvl-section__box-lvl--three, body.user-page .lvl-section__box-lvl--three {
  position: relative;
  text-align: center
}
html.user-page .lvl-section__box-lvl--three img, body.user-page .lvl-section__box-lvl--three img {
  opacity: .25
}
html.user-page .lvl-section__box-lvl--three:after, body.user-page .lvl-section__box-lvl--three:after {
  content: "\f023";
  color: #ffd500;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 2em;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 2em;
  left: 0;
  right: 0;
  margin: auto
}
html.user-page .lvl-section__box-lvl--three.active img, body.user-page .lvl-section__box-lvl--three.active img {
  opacity: 1
}
html.user-page .lvl-section__box-lvl--three.active:after, body.user-page .lvl-section__box-lvl--three.active:after {
  display: none
}
html.user-page .lvl-section__box-lvl--four, body.user-page .lvl-section__box-lvl--four {
  position: relative;
  text-align: center
}
html.user-page .lvl-section__box-lvl--four img, body.user-page .lvl-section__box-lvl--four img {
  opacity: .25
}
html.user-page .lvl-section__box-lvl--four:after, body.user-page .lvl-section__box-lvl--four:after {
  content: "\f023";
  color: #ffd500;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 2em;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 2em;
  left: 0;
  right: 0;
  margin: auto
}
html.user-page .lvl-section__box-lvl--four.active img, body.user-page .lvl-section__box-lvl--four.active img {
  opacity: 1
}
html.user-page .lvl-section__box-lvl--four.active:after, body.user-page .lvl-section__box-lvl--four.active:after {
  display: none
}
html.user-page .lvl-section__box-lvl--five, body.user-page .lvl-section__box-lvl--five {
  position: relative;
  text-align: center
}
html.user-page .lvl-section__box-lvl--five img, body.user-page .lvl-section__box-lvl--five img {
  opacity: .25
}
html.user-page .lvl-section__box-lvl--five:after, body.user-page .lvl-section__box-lvl--five:after {
  content: "\f023";
  color: #ffd500;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 2em;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 2em;
  left: 0;
  right: 0;
  margin: auto
}
html.user-page .lvl-section__box-lvl--five.active img, body.user-page .lvl-section__box-lvl--five.active img {
  opacity: 1
}
html.user-page .lvl-section__box-lvl--five.active:after, body.user-page .lvl-section__box-lvl--five.active:after {
  display: none
}
html.user-page .lvl-section__box-lvl--six, body.user-page .lvl-section__box-lvl--six {
  position: relative;
  text-align: center
}
html.user-page .lvl-section__box-lvl--six img, body.user-page .lvl-section__box-lvl--six img {
  opacity: .25
}
html.user-page .lvl-section__box-lvl--six:after, body.user-page .lvl-section__box-lvl--six:after {
  content: "\f023";
  color: #ffd500;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 2em;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 2em;
  left: 0;
  right: 0;
  margin: auto
}
html.user-page .lvl-section__box-lvl--six.active img, body.user-page .lvl-section__box-lvl--six.active img {
  opacity: 1
}
html.user-page .lvl-section__box-lvl--six.active:after, body.user-page .lvl-section__box-lvl--six.active:after {
  display: none
}
.aos-all {
  width: 100%;
  max-width: 100%
}
.este-sitio {
  display: none;
  -webkit-box-align: center;
  align-items: center;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background: #0A6EB6;
  /*background: -webkit-linear-gradient(top, #3e5494 0%, #29aae1 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#3e5494), to(#29aae1));
  background: linear-gradient(to bottom, #3e5494 0%, #29aae1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5494', endColorstr='#29aae1', GradientType=0)*/
}
@media (max-width: 768px) {
  .este-sitio {
    display: -webkit-box;
    display: flex
  }
}
.este-sitio h1 {
  margin: 3em auto;
  font-size: 1.75em;
  font-weight: 300;
  color: white;
  text-transform: uppercase
}
.form-login {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
background-image: url("../images/fondo.jpg");
	background-position: center;
  /*background: #3e5494;
  background: -webkit-linear-gradient(top, #3e5494 0%, #29aae1 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#3e5494), to(#29aae1));
  background: linear-gradient(to bottom, #3e5494 0%, #29aae1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5494', endColorstr='#29aae1', GradientType=0)*/
}
@media (max-width: 768px) {
  .form-login {
    display: none
  }
}
.form-login__title {
  color: white;
  text-align: center
}
.form-login__title h1 {
  margin: 1em auto;
  font-size: 1.5em;
  font-weight: 300;
  text-transform: uppercase;
  width: 100%
}
.form-login__title h1 span {
  font-weight: 700;
  display: block;
  font-size: 1.5em;
  margin: .5em auto
}
.form-login__box {
  background: white;
  padding: 2em 3em;
  box-shadow: 1px 1px 20px rgba(62, 84, 148, 0.75);
  width: 100%;
  max-width: 450px
}
.form-login__box img {
  margin: 0 auto;
  display: block;
  padding: 0 0 40px 0;
}
.form-login__box label {
  display: block
}
.form-login__box input {
  display: block;
  margin: 0 0 .5em 0;
  width: 100%;
  padding: .5em;
  -webkit-transition: all .25s;
  transition: all .25s
}
.form-login__box input:focus {
  border-color: transparent;
  background: #CCD1DD;
  box-shadow: none
}
.form-login__box button {
  display: block;
    width: 250px;
    cursor: pointer;
    margin: 1em auto;
    padding: .5em 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.form-login__box button:hover {
  -webkit-transform: scale(0.95);
  transform: scale(0.95)
}
.form-login__box .remember-password {
  text-align: center;
  color: #5f5f5f;
  font-size: .875em;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
  border-bottom: solid thin transparent;
  display: block;
  max-width: 60%;
  margin: 0 auto
}
.form-login__box .remember-password:hover, .form-login__box .go-login:hover  {
  border-bottom: solid thin #0A6EB6;
	color:#0A6EB6;
}
.form-login__box .remember-account {
  display: none
}
.form-login__box .go-login {
  text-align: center;
  color: black;
  font-size: .875em;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
  border-bottom: solid thin transparent;
  display: none;
  max-width: 60%;
  margin: 0 auto
}

/*.body-admin header {
  padding: 1em 0 2em;
  border-bottom: solid 3px #C27844
}*/
/*.body-admin header a {
  background: #29aae1;
  color: white;
  padding: .75em 2em;
  -webkit-transition: .25s;
  transition: .25s
}
/*.body-admin header a i {
  margin: 0 0 0 .5em
}*/
/*.body-admin header a:hover {
  background: #3e5494
}*/
/*.body-admin */.main-page__text h1 {
  margin: 1em;
  text-transform: uppercase
}
/*.body-admin */.main-page__text p {
  max-width: 70%;
  margin: 0 auto
}
/*.body-admin */.main-page__text .btns-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  align-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 2em auto 0
}
/*.body-admin */.main-page__text .btns-list li {
  margin: 1em;
  list-style: none
}
/*.body-admin */.main-page__text .btns-list li a {
  background: #3e5494;
  background: -webkit-linear-gradient(left, #3e5494 0%, #29aae1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3e5494), to(#29aae1));
  background: linear-gradient(to right, #3e5494 0%, #29aae1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5494', endColorstr='#29aae1', GradientType=1);
  color: white;
  padding: 1em 2em;
  display: block;
  border-radius: 30px;
  -webkit-transition: .25s ease;
  transition: .25s ease
}
/*.body-admin */.main-page__text .btns-list li a:hover {
  -webkit-transform: scale(0.975);
  transform: scale(0.975);
  box-shadow: 1px 5px 10px #7b7b7b
}
/*.body-admin .user-table table {
  margin: 1em 0 0;
  font-size: .85em;
  border: none
}*/
/*.body-admin .user-table table thead {
  border: none
}*/
/*.body-admin .user-table table thead th {
  border: none;
  text-align: center
}*/
/*.body-admin .user-table table tbody tr td {
  text-align: center
}*/
/*.body-admin*/ .user-table table tbody tr td a {

  display: inline-block;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
	cursor: pointer;
}
/*.body-admin */.user-table table tbody tr td a:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
	color: #0A6EB6 !important;
}
/*.body-admin */.user-table .user-form-container {
  display: none
}
/*.body-admin .user-table .user-form-container form label {
  display: block
}*/
/*.body-admin .user-table .user-form-container form input {
  display: block;
  margin: 0 0 .5em 0;
  width: 100%;
  padding: .5em;
  -webkit-transition: all .25s;
  transition: all .25s
}*/
/*.body-admin .user-table .user-form-container form input:focus {
  border-color: transparent;
  background: #CCD1DD;
  box-shadow: none
}*/
/*.body-admin .user-table .user-form-container form button {
  display: block;
  width: 250px;
  cursor: pointer;
  border-radius: 20px;
  background: #3e5494;
  color: white;
  margin: 1em auto;
  padding: .5em 0;
  -webkit-transition: all .5s;
  transition: all .5s
}
.body-admin .user-table .user-form-container form button:hover {
  -webkit-transform: scale(0.95);
  transform: scale(0.95)
}*/
/*.body-admin .user-table .btns-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  align-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 2em auto 0
}*/
/*.body-admin .user-table .btns-list li {
  margin: 1em;
  list-style: none
}*/
/*.body-admin .user-table .btns-list li a {
  background: #3e5494;
  background: -webkit-linear-gradient(left, #3e5494 0%, #29aae1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3e5494), to(#29aae1));
  background: linear-gradient(to right, #3e5494 0%, #29aae1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5494', endColorstr='#29aae1', GradientType=1);
  color: white;
  padding: 1em 2em;
  display: block;
  border-radius: 30px;
  -webkit-transition: .25s ease;
  transition: .25s ease;
  min-width: 180px;
  text-align: center
}
/*.body-admin .user-table .btns-list li a:hover {
  -webkit-transform: scale(0.975);
  transform: scale(0.975);
  box-shadow: 1px 5px 10px #7b7b7b
}*/
/*.body-admin .user-table .btns-list li .add-user-btn {
  background: #3e5494;
  background: -webkit-linear-gradient(left, #3e5494 0%, #29aae1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3e5494), to(#29aae1));
  background: linear-gradient(to right, #3e5494 0%, #29aae1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5494', endColorstr='#29aae1', GradientType=1);
  color: white;
  cursor: pointer;
  padding: 1em 2em;
  display: block;
  border-radius: 30px;
  -webkit-transition: .25s ease;
  transition: .25s ease;
  min-width: 180px;
  text-align: center
}*/
/*.body-admin .user-table .btns-list li .add-user-btn:hover {
  -webkit-transform: scale(0.975);
  transform: scale(0.975);
  box-shadow: 1px 5px 10px #7b7b7b
}*/
.user-page header {
  background: white;
/*  border-bottom: solid 5px #C27844;*/
  padding: 1em 0;
  /*position: fixed;*/
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
	  	box-shadow: 1px 1px 20px rgb(76 76 76 / 75%);

}
.user-page header .header-element {
  display: -webkit-box;
  display: flex;
  align-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}
.user-page header .header-element__title h1 {
  color: #3e5494;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.5em
}
.user-page header .header-element__title h1 span {
  font-weight: 700
}
.user-page header .header-element__avatar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}
.user-page header .header-element__avatar .image {
  background: #056db5;
    color: white;
    padding: 1em;
    border-radius: 50%;
}
.user-page header .header-element__avatar .name {
    color: #056db5;
    margin-top: .5em;
    margin-left: .8em;
    text-transform: uppercase;
    font-weight: bold;
}

.user-page header .header-element__avatar .name span{
	text-transform: initial;
    font-weight: initial;
    color: initial;
}
.user-page header .header-element__points {
  background: #AFCBE1;
  border-radius: 50px;
  color: white;
  border: solid 2px #6D96D1;
  padding: .25em 1em;
	/*display: none;*/
}
.user-page header .header-element__points h2 {
  font-size: 1em;
  font-weight: 700
}
.user-page header .header-element__top-nav, .user-page header .header-element__top-nav_admin, .user-page header .header-element__top-nav_gestor {
  background: #e9f5ff;
    border-radius: .3em;
    /* color: white; 
    border: solid 2px #6D96D1;
    padding: .25em 1em; */
}
.user-page header .header-element__top-nav ul, .user-page header .header-element__top-nav_admin ul, .user-page header .header-element__top-nav_gestor ul {
  display: -webkit-box;
  display: flex
}
.user-page header .header-element__top-nav ul li, .user-page header .header-element__top-nav_admin ul li, .user-page header .header-element__top-nav_gestor ul li {
  list-style: none;
  /*margin: 0 .25em*/
}
.user-page header .header-element__top-nav ul li a, .user-page header .header-element__top-nav_admin ul li a, .user-page header .header-element__top-nav_gestor ul li a {
 /* background: #709A5F; */
    color: #056db5;
    padding: .25em .8em;
    text-align: center;
    /* width: 30px; */
    display: inline-block;
    /* border-radius: 30px;*/
  -webkit-transition: all .75s;
  transition: all .75s
}

.user-page header .header-element__top-nav ul li a:hover, .user-page header .header-element__top-nav_admin ul li a:hover, .user-page header .header-element__top-nav_gestor ul li a:hover {
 background: #005fa0;
    color: #ffffff;
    border-radius: .1em;
  -webkit-transition: all .75s;
  transition: all .75s
	

}
.user-page .main {
  background: url("../images/bg-user-nav.jpg");
  background-size: cover;
  height: 100vh;
  z-index: 1
}
.user-page .main .top-section {
  margin: 7em 0 0;
  position: absolute;
  width: 480px;
  color: white
}
.user-page .main .top-section h1 {
  margin: 0 0 .25em
}
.user-page .main .top-section p {
  font-size: .875em
}
.user-page .main .lvl-section {
  display: -webkit-box;
  display: flex;
  align-content: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 90%;
  bottom: 0
}
@media only screen and (min-width: 1500px) {
  .user-page .main .lvl-section {
    width: 100%
  }
}
.user-page .main .lvl-section__box-lvl {
  max-width: 150px;
  cursor: pointer;
  -webkit-transition: all .75s;
  transition: all .75s
}
@media only screen and (min-width: 1500px) {
  .user-page .main .lvl-section__box-lvl {
    max-width: 170px
  }
}
.user-page .main .lvl-section__box-lvl:hover {
  -webkit-transform: scale(1.25);
  transform: scale(1.25)
}
.user-page .main .lvl-section__box-lvl img {
  width: 100%;
  height: auto
}
.user-page .main .lvl-section__box-lvl--one {
  margin-top: 420px
}
@media only screen and (min-width: 1500px) {
  .user-page .main .lvl-section__box-lvl--one {
    margin-top: 620px
  }
}
.user-page .main .lvl-section__box-lvl--two {
  margin-top: 380px
}
@media only screen and (min-width: 1500px) {
  .user-page .main .lvl-section__box-lvl--two {
    margin-top: 580px
  }
}
.user-page .main .lvl-section__box-lvl--three {
  margin-top: 340px
}
@media only screen and (min-width: 1500px) {
  .user-page .main .lvl-section__box-lvl--three {
    margin-top: 540px
  }
}
.user-page .main .lvl-section__box-lvl--four {
  margin-top: 290px
}
@media only screen and (min-width: 1500px) {
  .user-page .main .lvl-section__box-lvl--four {
    margin-top: 490px
  }
}
.user-page .main .lvl-section__box-lvl--five {
  margin-top: 200px
}
@media only screen and (min-width: 1500px) {
  .user-page .main .lvl-section__box-lvl--five {
    margin-top: 400px
  }
}
.user-page .main .lvl-section__box-lvl--six {
  margin-top: 100px
}
@media only screen and (min-width: 1500px) {
  .user-page .main .lvl-section__box-lvl--six {
    margin-top: 300px
  }
}
.user-page .main .bottom-section {
  width: 100%;
  position: fixed;
  bottom: 0
}
.user-page .main .bottom-section img {
  width: 100%;
  height: auto
}
.user-page .user-table {
  margin: 2em auto
}
/*.user-page .user-table .btns-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  align-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 2em auto 0
}
.user-page .user-table .btns-list li {
  margin: 1em;
  list-style: none
}
.user-page .user-table .btns-list li a {
  background: #3e5494;
  background: -webkit-linear-gradient(left, #3e5494 0%, #29aae1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3e5494), to(#29aae1));
  background: linear-gradient(to right, #3e5494 0%, #29aae1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5494', endColorstr='#29aae1', GradientType=1);
  color: white;
  padding: 1em 2em;
  display: block;
  border-radius: 30px;
  -webkit-transition: .25s ease;
  transition: .25s ease;
  min-width: 180px;
  text-align: center
}
.user-page .user-table .btns-list li a:hover {
  -webkit-transform: scale(0.975);
  transform: scale(0.975);
  box-shadow: 1px 5px 10px #7b7b7b
}
.user-page .user-table .btns-list li .add-user-btn {
  background: #3e5494;
  background: -webkit-linear-gradient(left, #3e5494 0%, #29aae1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3e5494), to(#29aae1));
  background: linear-gradient(to right, #3e5494 0%, #29aae1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5494', endColorstr='#29aae1', GradientType=1);
  color: white;
  cursor: pointer;
  padding: 1em 2em;
  display: block;
  border-radius: 30px;
  -webkit-transition: .25s ease;
  transition: .25s ease;
  min-width: 180px;
  text-align: center
}
.user-page .user-table .btns-list li .add-user-btn:hover {
  -webkit-transform: scale(0.975);
  transform: scale(0.975);
  box-shadow: 1px 5px 10px #7b7b7b
}*/
.main-level {
  min-height: 100%;
  padding: 2em 0 0;
}
.main-level .desc-level {
  max-width: 500px
}
.main-level .thumb-image {
  max-width: 300px;
  padding: 0 5em 0 0
}
.main-level .thumb-image img {
  max-width: 100%;
  height: auto
}
.main-level .sub-lvls {
  /*position: relative; */
    padding: 1em 0;
}
.main-level .sub-lvls .image-level {
  max-width: 300px;
  margin: 0 auto;
  font-size: 1.5em
}
.main-level .sub-lvls .image-level img {
  max-width: 100%;
  height: auto
}
.main-level .sub-lvls .image-level .pts-lvl {
  background: #AFCBE1;
  border-radius: 50px;
  color: white;
  border: solid 2px #6D96D1;
  padding: .25em 0;
  width: auto;
  min-width: 150px;
  display: inline-block
}
.main-level .sub-lvls .image-level a {
  display: block;
  margin: 1em 0 0;
  color: #C27844
}
.main-level .sub-lvls .left-lvls {
  /*position: absolute;
  left: 0;
  top: 3em*/
}
.main-level .sub-lvls .left-lvls .item-lvl {
  background: #CBCBCB;
  margin: 0 0 2em 0;
  height: 50px;
  border-radius: 30px;
  position: relative;
  min-width: 330px;
  -webkit-transition: all .5s;
  transition: all .5s;
  box-shadow: inset -9px 0px 33px -2px rgba(0, 0, 0, 0.25)
}
.main-level .sub-lvls .left-lvls .item-lvl.lvl-1 {
  right: -5em
}
.main-level .sub-lvls .left-lvls .item-lvl.lvl-2 {
  right: -3em
}
.main-level .sub-lvls .left-lvls .item-lvl.lvl-3 {
  right: -5em
}
.main-level .sub-lvls .left-lvls .item-lvl:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.main-level .sub-lvls .left-lvls .item-lvl a {
  background: #bee5ff;
  background: -webkit-linear-gradient(top, #bee5ff 0%, #3490be 100%, #3490be 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#bee5ff), color-stop(100%, #3490be), to(#3490be));
  background: linear-gradient(to bottom, #bee5ff 0%, #3490be 100%, #3490be 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bee5ff', endColorstr='#3490be', GradientType=0);
  border-radius: 30px;
  color: white;
  text-shadow: 1px 1px 5px #999;
  font-weight: 700;
  line-height: .95em;
  display: -webkit-box;
  display: flex;
  align-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  min-height: 50px;
  position: absolute;
  width: 280px;
  padding: 0 2em;
  top: 0;
  left: 0
}
.main-level .sub-lvls .left-lvls .item-lvl i {
  position: absolute;
  font-size: 1.5em;
  top: .475em;
  right: .75em;
  color: #F6921E
}
.main-level .sub-lvls .left-lvls .item-lvl i.fa-check-circle {
  display: none
}
.main-level .sub-lvls .left-lvls .item-lvl.completed i {
  color: #8BC53F
}
.main-level .sub-lvls .left-lvls .item-lvl.completed i.fa-exclamation-circle {
  display: none
}
.main-level .sub-lvls .left-lvls .item-lvl.completed i.fa-check-circle {
  display: block
}
.main-level .sub-lvls .right-lvls {
  position: absolute;
  right: 0;
  top: 3em
}
.main-level .sub-lvls .right-lvls .item-lvl {
  background: #CBCBCB;
  margin: 0 0 2em 0;
  height: 50px;
  border-radius: 30px;
  position: relative;
  min-width: 330px;
  -webkit-transition: all .5s;
  transition: all .5s;
  box-shadow: inset -9px 0px 33px -2px rgba(0, 0, 0, 0.25)
}
.main-level .sub-lvls .right-lvls .item-lvl.lvl-4 {
  left: -5em
}
.main-level .sub-lvls .right-lvls .item-lvl.lvl-5 {
  left: -3em
}
.main-level .sub-lvls .right-lvls .item-lvl.lvl-6 {
  left: -5em
}
.main-level .sub-lvls .right-lvls .item-lvl:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.main-level .sub-lvls .right-lvls .item-lvl a {
  background: #bee5ff;
  background: -webkit-linear-gradient(top, #bee5ff 0%, #3490be 100%, #3490be 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#bee5ff), color-stop(100%, #3490be), to(#3490be));
  background: linear-gradient(to bottom, #bee5ff 0%, #3490be 100%, #3490be 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bee5ff', endColorstr='#3490be', GradientType=0);
  border-radius: 30px;
  color: white;
  text-shadow: 1px 1px 5px #999;
  font-weight: 700;
  line-height: .95em;
  display: -webkit-box;
  display: flex;
  align-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  min-height: 50px;
  position: absolute;
  width: 280px;
  padding: 0 2em;
  top: 0;
  right: 0
}
.main-level .sub-lvls .right-lvls .item-lvl i {
  position: absolute;
  font-size: 1.5em;
  top: .475em;
  left: .75em;
  color: #F6921E
}
.main-level .sub-lvls .right-lvls .item-lvl i.fa-check-circle {
  display: none
}
.main-level .sub-lvls .right-lvls .item-lvl.completed i {
  color: #8BC53F
}
.main-level .sub-lvls .right-lvls .item-lvl.completed i.fa-exclamation-circle {
  display: none
}
.main-level .sub-lvls .right-lvls .item-lvl.completed i.fa-check-circle {
  display: block
}
.main-level form .preguntas {
  padding: 0 0 2em
}
.main-level form .preguntas h2 {
  color: #3e5494;
  text-align: center;
  font-size: 1.5em;
  margin: .5em auto;
  max-width: 80%
}
.main-level form .preguntas h2 span {
  font-weight: 700
}
.main-level form .preguntas h3 {
  margin: .5em auto
}
.main-level form .preguntas label {
  font-size: 1em;
  font-weight: normal;
  margin: 1em 0 0;
	  display: contents;
}
.main-level form .preguntas input {
  margin: 1.5em 0 0 2em
}
/*.main-level form .preguntas input[type="submit"] {
  background: #3e5494;
  display: inline-block;
  color: white;
  padding: .5em 2em;
  margin: 2em;
  cursor: pointer;
  text-transform: uppercase
}*/
.main-level form .preguntas.pregunta-2 {
  display: none
}
.main-level form .preguntas.pregunta-3 {
  display: none
}
.main-level form .respuesta-correcta, .main-level form .respuesta-incorrecta {
  text-align: center
}
.main-level form .respuesta-correcta i, .main-level form .respuesta-incorrecta i {
  font-size: 2em
}
.main-level form .respuesta-correcta i {
  color: #29aae1
}
.main-level form .respuesta-incorrecta i {
  color: #C27844
}
/*.main-level .go-test {
  display: block;
  max-width: 300px;
  margin: 1em auto 2em;
  padding: .5em;
  border: solid 3px #3490be;
  -webkit-transition: .5s;
  transition: .5s;
  text-transform: uppercase
}
.main-level .go-test:hover {
  background: #3490be;
  color: white
}
.main-level .btn-conatiner .next-btn {
  background: #3e5494;
  display: inline-block;
  color: white;
  padding: .5em 2em;
  margin: 2em;
  cursor: pointer
}*/
.main-video {
  padding: 2em 0;
}
.main-video .go-test {
  display: block;
  max-width: 300px;
  margin: 1em auto 0;
  padding: .5em;
  border: solid 3px #3490be;
  -webkit-transition: .5s;
  transition: .5s;
  text-transform: uppercase
}
.main-video .go-test:hover {
  background: #3490be;
  color: white
}
footer {
  /*border-top: solid 5px #C27844;*/
	background-color: #0A6EB6;
   /* position: absolute;
    bottom: 0;*/
    width: 100%;
}
footer .logos-footer {
  display: block
}
footer .logos-footer li {
  max-width: 100px;
  display: inline-block;
  margin: 1em
}
footer .logos-footer li img {
  width: 100%;
  height: auto
}


#form-login label.error{
	width: 280px;
    color: red;
    font-size: small;
	margin-top: 15px;
}

.no-movil{
	padding: 40px 0 0;
}
.fondo-principal{
display: -webkit-box;
  display: flex;
background-image: url("../images/fondo.jpg");
	background-color: rgba(0,0,0,0.8);
	background-position: center;
	background-size: cover;
}
.overlay{
  background: rgb(10 110 182 / 60%);
	width: 100%;
	padding-bottom: 40px;
    height: 100vh;
}
@media only screen and (max-width: 1370px) {
  .overlay{
    height: 100%;
  }
	footer{
		position: inherit;
	}
}

.salir{
	margin: 20px 0;
    text-align: right;
}
.salir a, .copyright a{
	color:white;
}
.copyright{
	margin-top: 10px;
	font-size: small;
	color:white;
}
.bottom{
	position: absolute;
    bottom: 0;
    width: 100%;
}
.ingresar{
	padding: 10px;
    color: #0a6eb6;
    box-shadow: 1px 1px 20px rgb(62 84 148 / 75%);
    -webkit-transition: .5s;
    transition: .5s;
    border: solid thin #ffffff;
    background: rgb(255 255 255 / 75%);
	height: 100%;
}
.ingresar:hover{
-webkit-transition: .5s ;
    transition: .5s ;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
	border: solid thin white;
    background: #ffffff;
}
.text_bl{
	color: white;
    padding: 30px 0;
    width: 100%;
}

.ingresar .circle{
	width: 45px;
    height: 45px;
    padding: 10px;
    margin: 0 auto 20px;
    border-radius: 100%;
    transition: .5s background-color;
    -webkit-transition: .5s background-color;
    border: solid thin #0a6eb6;
}
.ingresar:hover .circle{
	background-color: #0A6EB6;
	transition: .5s;
	-webkit-transition: .5s;
	color: white;
}
.alerta{
	opacity: 0;
	transition: .5s opacity;
	-webkit-transition: .5s opacity;
}

.ingresar:hover .alerta{
	opacity: 100;
	transition: .5s opacity;
	-webkit-transition: .5s opacity;
}
.block{
	opacity: 75%;
	filter: grayscale(100%);	
}
.oculto{
	visibility: hidden;
}
video{
	border: solid thin #d6d6d6;
    margin: 20px auto;
}
.terminado{
	color: #155724;
}
.terminado .card{
	background-color: #F3FBF7;
    border-color: #c3e6cb;
}
.terminado img.card-img-top  {
    opacity: 75%;
    filter: grayscale(1);
}