@import url("https://fonts.googleapis.com/css?family=Montserrat:100, 100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
body {
  font-family: 'Montserrat'; }

h1 {
  color: #003050;
  font-size: 48px;
  font-family: 'Montserrat', 500; }

h2 {
  color: #003050;
  font-size: 44px;
  font-family: 'Montserrat', 300; }

h3 {
  color: #00A5B6;
  font-size: 42px;
  font-family: 'Montserrat', 500; }

h4 {
  border-bottom: 2px solid #CADD08;
  color: #003050;
  display: inline-block;
  font-size: 36px;
  font-family: 'Montserrat', 500; }

h5 {
  color: #003050;
  font-size: 24px;
  font-family: 'Montserrat', 300; }

button {
  background-color: transparent;
  border: 2px solid #CADD08;
  border-radius: 20px;
  padding: 5px 17px; }
  button a {
    color: white;
    font-weight: 200;
    cursor: pointer; }
  button:hover {
    background-color: #CADD08; }
    button:hover a {
      color: #003050;
      font-weight: 300;
      text-decoration: none; }

button.lime {
  background-color: #CADD08;
  border-radius: 20px;
  padding: 5px 17px;
  cursor: pointer; }
  button.lime a {
    color: #003050;
    font-weight: 300; }
  button.lime:hover {
    background-color: #003050;
    color: white; }
    button.lime:hover a {
      color: white;
      font-weight: 300;
      text-decoration: none; }

button.turqouise {
  border: 2px solid #00A5B6;
  color: #00A5B6;
  font-weight: 300;
  margin: 35px 0; }
  button.turqouise a {
    color: #00A5B6;
    font-weight: 300; }
  button.turqouise:hover {
    background-color: #00A5B6;
    color: white; }
    button.turqouise:hover a {
      color: white;
      font-weight: 300;
      text-decoration: none; }

button.results {
  border: none;
  cursor: pointer;
  padding: 5px; }
  button.results a {
    color: #003050;
    font-weight: 300; }
  button.results:hover {
    background-color: #003050;
    color: white; }
    button.results:hover a {
      color: white;
      font-weight: 300;
      text-decoration: none; }

img {
  width: 100%;
  margin: 30px 0; }

/* PAGINATION */
.afterPrev {
  display: inline-block;
  text-align: center; }
  .afterPrev nav a.page-link {
    color: #003050; }

/* //PAGINATION */
/* INPUTS */
input::placeholder {
  font-size: 14px;
  font-weight: 300; }

/* //INPUTS */
/* UL ANSWERS */
/* //UL ANSWERS */
.bgmainmenu {
  background: linear-gradient(#00307F, #00A5B6);
  color: white;
  padding: 30px 0 10px;
  border-bottom: 2px solid white; }
  .bgmainmenu .mainMenu {
    text-align: center;
    padding: 15px 0; }
  .bgmainmenu a.brandmenu {
    background-image: url("../assets/images/logomenu.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    position: relative;
    top: 8px;
    width: 200px; }
  .bgmainmenu ul li {
    display: inline-block;
    padding: 0px 20px;
    font-size: 16px; }
    .bgmainmenu ul li:last-child {
      background-color: #CADD08;
      border-radius: 18px;
      padding: 6px 15px; }
      .bgmainmenu ul li:last-child a {
        color: #003050;
        font-weight: 400; }
        .bgmainmenu ul li:last-child a:hover {
          border-bottom: 2px solid #003050; }
    .bgmainmenu ul li a {
      color: white;
      font-weight: 200; }
      .bgmainmenu ul li a:hover {
        text-decoration: none;
        border-bottom: 2px solid #CADD08; }

/* NAV BAR */
.bg-light {
  background-color: rgba(202, 221, 9, 0) !important; }
  .bg-light .navbar-brand {
    background-image: url(../assets/images/logomenu.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    position: relative;
    top: 10px;
    width: 60%; }
  .bg-light button.navbar-toggler.collapsed {
    background-color: white;
    border-color: none; }
  .bg-light button.navbar-toggler {
    background-color: white;
    border-color: none; }
  .bg-light ul.navbar-nav li a.nav-link {
    color: white; }
    .bg-light ul.navbar-nav li a.nav-link:hover {
      color: white;
      border-bottom: none; }
  .bg-light ul.navbar-nav li.nav-item.active a {
    color: white; }
  .bg-light .navbar-toggler.collapsed {
    border: none; }

.navbar-light .navbar-toggler-icon {
  background-image: url(../assets/images/menuvector.png) !important; }

/* // NAV BAR */
.animation {
  background-image: url(../assets/images/animacion.jpg);
  background-size: cover;
  height: 700px;
  width: 100%; }

.registerNow {
  color: white;
  position: fixed;
  background-position: center, center;
  background-repeat: no-repeat;
  background-color: #CADD08;
  width: 50px;
  height: 145px;
  cursor: pointer;
  outline: none;
  border-radius: 3px 0 0 3px;
  right: 0px;
  top: 100px;
  display: block;
  z-index: 100; }
  .registerNow a {
    color: #003050;
    font-weight: 300;
    display: block;
    -webkit-transform: rotate(-90deg);
    -ff-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    top: 85px;
    width: 50px;
    /* transform: rotate() does not rotate the bounding box. */ }

.bg-tools {
  background-image: url(../assets/images/bg-herramientas.jpg);
  background-size: cover;
  height: auto;
  padding: 0 0 20px 0;
  width: 100%; }
  .bg-tools .toolsInfo {
    padding: 70px 0 30px;
    text-align: center; }
    .bg-tools .toolsInfo h4 {
      border-bottom: none;
      color: white;
      font-size: 24px;
      font-weight: 300; }
      .bg-tools .toolsInfo h4 span {
        background-image: url(../assets/images/logomenu.png);
        background-repeat: no-repeat;
        display: inline-block;
        height: 20px;
        margin: 0 10px;
        width: 195px; }
  .bg-tools .toolsAssetsFirst, .bg-tools .toolsAssetsSecond {
    text-align: center; }
    .bg-tools .toolsAssetsFirst .temarios, .bg-tools .toolsAssetsFirst .videosIndex, .bg-tools .toolsAssetsFirst .vivo, .bg-tools .toolsAssetsFirst .simulacion, .bg-tools .toolsAssetsFirst .repasos, .bg-tools .toolsAssetsFirst .ejercicios, .bg-tools .toolsAssetsSecond .temarios, .bg-tools .toolsAssetsSecond .videosIndex, .bg-tools .toolsAssetsSecond .vivo, .bg-tools .toolsAssetsSecond .simulacion, .bg-tools .toolsAssetsSecond .repasos, .bg-tools .toolsAssetsSecond .ejercicios {
      margin: 30px 0 50px; }
      .bg-tools .toolsAssetsFirst .temarios span, .bg-tools .toolsAssetsFirst .videosIndex span, .bg-tools .toolsAssetsFirst .vivo span, .bg-tools .toolsAssetsFirst .simulacion span, .bg-tools .toolsAssetsFirst .repasos span, .bg-tools .toolsAssetsFirst .ejercicios span, .bg-tools .toolsAssetsSecond .temarios span, .bg-tools .toolsAssetsSecond .videosIndex span, .bg-tools .toolsAssetsSecond .vivo span, .bg-tools .toolsAssetsSecond .simulacion span, .bg-tools .toolsAssetsSecond .repasos span, .bg-tools .toolsAssetsSecond .ejercicios span {
        border-radius: 50%;
        border: 8px solid white;
        height: 180px;
        width: 180px; }
        .bg-tools .toolsAssetsFirst .temarios span:hover, .bg-tools .toolsAssetsFirst .videosIndex span:hover, .bg-tools .toolsAssetsFirst .vivo span:hover, .bg-tools .toolsAssetsFirst .simulacion span:hover, .bg-tools .toolsAssetsFirst .repasos span:hover, .bg-tools .toolsAssetsFirst .ejercicios span:hover, .bg-tools .toolsAssetsSecond .temarios span:hover, .bg-tools .toolsAssetsSecond .videosIndex span:hover, .bg-tools .toolsAssetsSecond .vivo span:hover, .bg-tools .toolsAssetsSecond .simulacion span:hover, .bg-tools .toolsAssetsSecond .repasos span:hover, .bg-tools .toolsAssetsSecond .ejercicios span:hover {
          transition: 0.70s;
          -webkit-transition: 0.70s;
          -moz-transition: 0.70s;
          -ms-transition: 0.70s;
          -o-transition: 0.70s;
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg); }
      .bg-tools .toolsAssetsFirst .temarios a, .bg-tools .toolsAssetsFirst .videosIndex a, .bg-tools .toolsAssetsFirst .vivo a, .bg-tools .toolsAssetsFirst .simulacion a, .bg-tools .toolsAssetsFirst .repasos a, .bg-tools .toolsAssetsFirst .ejercicios a, .bg-tools .toolsAssetsSecond .temarios a, .bg-tools .toolsAssetsSecond .videosIndex a, .bg-tools .toolsAssetsSecond .vivo a, .bg-tools .toolsAssetsSecond .simulacion a, .bg-tools .toolsAssetsSecond .repasos a, .bg-tools .toolsAssetsSecond .ejercicios a {
        border-radius: 50%;
        display: inline-block;
        background-color: #CADD08;
        width: 170px;
        height: 170px; }
        .bg-tools .toolsAssetsFirst .temarios a:hover, .bg-tools .toolsAssetsFirst .videosIndex a:hover, .bg-tools .toolsAssetsFirst .vivo a:hover, .bg-tools .toolsAssetsFirst .simulacion a:hover, .bg-tools .toolsAssetsFirst .repasos a:hover, .bg-tools .toolsAssetsFirst .ejercicios a:hover, .bg-tools .toolsAssetsSecond .temarios a:hover, .bg-tools .toolsAssetsSecond .videosIndex a:hover, .bg-tools .toolsAssetsSecond .vivo a:hover, .bg-tools .toolsAssetsSecond .simulacion a:hover, .bg-tools .toolsAssetsSecond .repasos a:hover, .bg-tools .toolsAssetsSecond .ejercicios a:hover {
          transition: background-color 0.5s ease;
          background-color: #00A5B6; }
        .bg-tools .toolsAssetsFirst .temarios a span, .bg-tools .toolsAssetsFirst .videosIndex a span, .bg-tools .toolsAssetsFirst .vivo a span, .bg-tools .toolsAssetsFirst .simulacion a span, .bg-tools .toolsAssetsFirst .repasos a span, .bg-tools .toolsAssetsFirst .ejercicios a span, .bg-tools .toolsAssetsSecond .temarios a span, .bg-tools .toolsAssetsSecond .videosIndex a span, .bg-tools .toolsAssetsSecond .vivo a span, .bg-tools .toolsAssetsSecond .simulacion a span, .bg-tools .toolsAssetsSecond .repasos a span, .bg-tools .toolsAssetsSecond .ejercicios a span {
          background-repeat: no-repeat;
          background-position: center,center;
          background-size: 100%;
          display: inline-block;
          width: 170px;
          height: 170px;
          position: relative; }
    .bg-tools .toolsAssetsFirst .temarios span, .bg-tools .toolsAssetsSecond .temarios span {
      background-image: url(../assets/images/temarios.png); }
    .bg-tools .toolsAssetsFirst .videosIndex span, .bg-tools .toolsAssetsSecond .videosIndex span {
      background-image: url(../assets/images/videos.png); }
    .bg-tools .toolsAssetsFirst .vivo span, .bg-tools .toolsAssetsSecond .vivo span {
      background-image: url(../assets/images/vivo.png); }
    .bg-tools .toolsAssetsFirst .simulacion span, .bg-tools .toolsAssetsSecond .simulacion span {
      background-image: url(../assets/images/simulacion.png); }
    .bg-tools .toolsAssetsFirst .repasos span, .bg-tools .toolsAssetsSecond .repasos span {
      background-image: url(../assets/images/repasos.png); }
    .bg-tools .toolsAssetsFirst .ejercicios span, .bg-tools .toolsAssetsSecond .ejercicios span {
      background-image: url(../assets/images/ejercicios.png); }
  .bg-tools p {
    color: white;
    font-weight: 300; }

.shape {
  background-color: #00307F;
  clip-path: polygon(50% 95%, 53% 0, 47% 0);
  -webkit-clip-path: polygon(50% 95%, 53% 0, 47% 0);
  min-height: 50px;
  opacity: .8;
  position: relative;
  z-index: 1; }

.bg-register {
  background-image: url(../assets/images/bg-vectorxl.jpg);
  background-size: 100%;
  padding: 50px 0 20px;
  position: relative;
  text-align: center;
  z-index: 0; }
  .bg-register .welcome {
    margin-bottom: 30px; }
    .bg-register .welcome h5 {
      color: #00A5B6;
      line-height: 35px;
      margin: 0 0 20px; }
      .bg-register .welcome h5 em {
        color: #003050;
        border-bottom: 2px solid #CADD08; }
    .bg-register .welcome .brain {
      background-image: url(../assets/images/brainCool.png);
      width: 135px;
      height: 100px;
      display: inline-block; }
  .bg-register h5 {
    font-weight: 600; }
  .bg-register .formRegister {
    margin: 50px 0; }
    .bg-register .formRegister button[type="submit"] {
      background-color: #7CC502;
      border: none;
      font-weight: 300;
      margin: 0 0 20px;
      width: 100%; }
    .bg-register .formRegister button.fb {
      background-color: #3B5998;
      border: none;
      border-radius: 5px;
      color: white;
      font-weight: 300;
      margin: 20px 0;
      padding: 10px 0;
      width: 100%; }
  .bg-register .infoRegister {
    margin: 65px 0; }
    .bg-register .infoRegister h5 {
      font-weight: 300;
      margin: 0 0 35px; }
      .bg-register .infoRegister h5 span {
        font-weight: 600; }
    .bg-register .infoRegister p {
      font-weight: 300; }
      .bg-register .infoRegister p span {
        font-weight: 400; }

.bg-benefits {
  background: linear-gradient(90deg, white 50%, #f7f7f7 50%);
  height: auto;
  padding: 20px 0; }
  .bg-benefits .title {
    padding: 60px 50px; }
    .bg-benefits .title span {
      background-image: url(../assets/images/logo-azul.png);
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      height: 32px;
      width: 100%; }
  .bg-benefits .laptop {
    background-image: url(../assets/images/laptop.png);
    background-position: center,center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 280px;
    width: 100%; }
  .bg-benefits .list {
    padding: 120px 0 40px; }
    .bg-benefits .list ul {
      list-style-image: url(../assets/images/list-type.png); }
      .bg-benefits .list ul li {
        color: #00307F;
        font-size: 16px;
        font-weight: 400;
        padding: 0 10px 25px; }

.bg-payments, .bg-plans {
  padding: 100px 0;
  background-image: url(../assets/images/bg-pagos.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  text-align: center; }
  .bg-payments h3, .bg-plans h3 {
    color: white;
    border-bottom: 2px solid #CADD09;
    display: inline-block; }
  .bg-payments p, .bg-plans p {
    color: white;
    font-weight: 200;
    margin: 25px 0; }
  .bg-payments .payments, .bg-payments .paymentsPage, .bg-plans .payments, .bg-plans .paymentsPage {
    margin: 50px 0; }
  .bg-payments .test, .bg-payments .elite, .bg-payments .pro, .bg-plans .test, .bg-plans .elite, .bg-plans .pro {
    text-align: center; }
    .bg-payments .test .brain, .bg-payments .elite .brain, .bg-payments .pro .brain, .bg-plans .test .brain, .bg-plans .elite .brain, .bg-plans .pro .brain {
      background-image: url(../assets/images/silver.png);
      background-repeat: no-repeat;
      background-position: center;
      display: block;
      height: 101px;
      width: 100%; }
    .bg-payments .test a.pay, .bg-payments .elite a.pay, .bg-payments .pro a.pay, .bg-plans .test a.pay, .bg-plans .elite a.pay, .bg-plans .pro a.pay {
      border: 2px solid #CADD09;
      color: white;
      display: inline-block;
      margin: 20px 0;
      padding: 10px 0px;
      width: 55%; }
      .bg-payments .test a.pay:hover, .bg-payments .elite a.pay:hover, .bg-payments .pro a.pay:hover, .bg-plans .test a.pay:hover, .bg-plans .elite a.pay:hover, .bg-plans .pro a.pay:hover {
        background-color: rgba(202, 221, 9, 0.7);
        border: 2px solid white; }
    .bg-payments .test span, .bg-payments .elite span, .bg-payments .pro span, .bg-plans .test span, .bg-plans .elite span, .bg-plans .pro span {
      color: white;
      font-size: 24px;
      font-weight: 300; }
    .bg-payments .test ul, .bg-payments .elite ul, .bg-payments .pro ul, .bg-plans .test ul, .bg-plans .elite ul, .bg-plans .pro ul {
      padding: 0;
      list-style: none; }
      .bg-payments .test ul li, .bg-payments .elite ul li, .bg-payments .pro ul li, .bg-plans .test ul li, .bg-plans .elite ul li, .bg-plans .pro ul li {
        color: white;
        font-size: 14px;
        font-weight: 200;
        margin: 10px 0; }
  .bg-payments .elite, .bg-plans .elite {
    margin: -25px 0 !important; }
    .bg-payments .elite .braincool, .bg-plans .elite .braincool {
      background-image: url(../assets/images/gold.png);
      background-repeat: no-repeat;
      background-position: center;
      display: block;
      height: 120px;
      width: 100%; }
    .bg-payments .elite a.pay, .bg-plans .elite a.pay {
      background-color: rgba(202, 221, 9, 0.7);
      border: 2px solid white;
      padding: 15px;
      width: 65%; }
      .bg-payments .elite a.pay:hover, .bg-plans .elite a.pay:hover {
        background-color: rgba(202, 221, 9, 0); }
  .bg-payments .test .brain, .bg-plans .test .brain {
    background-image: url(../assets/images/bronze.png);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 101px;
    width: 100%; }

.bg-footer {
  background: linear-gradient(#00A5B6, #00307F);
  border-top: 2px solid white;
  color: white;
  font-family: 'Montserrat';
  font-weight: 200;
  font-size: 15px;
  padding: 30px 0 10px; }
  .bg-footer ul {
    list-style: none; }
    .bg-footer ul li a {
      color: white; }
  .bg-footer .socialmedia ul li {
    display: inline-block; }
  .bg-footer p {
    margin-top: 30px;
    text-align: center; }

.bg-footer .menu ul li a {
  font-weight: 300; }

.bg-footer .socialmedia ul li {
  margin-right: 10px; }
  .bg-footer .socialmedia ul li a.fb, .bg-footer .socialmedia ul li a.tw {
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 35px;
    width: 35px; }
  .bg-footer .socialmedia ul li a.fb {
    background-image: url(../assets/images/fb.png); }
  .bg-footer .socialmedia ul li a.tw {
    background-image: url(../assets/images/tw.png); }

.bg-footer .copyright {
  margin-top: 50px; }

/* ----------------------- LANDING ----------------------- */
.bg-pretest {
  background-image: url(../assets/images/bg-pretest.jpg);
  border-top: 2px solid #CADD08;
  padding: 80px 0 100px;
  text-align: center; }
  .bg-pretest .title {
    margin-bottom: 70px; }
    .bg-pretest .title h4 {
      color: white; }
  .bg-pretest .test .brain {
    background-image: url(../assets/images/brainCool.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 120px;
    width: 100%; }
  .bg-pretest .study .brain {
    background-image: url(../assets/images/brainSad.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 120px;
    width: 100%; }

/* ----------------------- //LANDING ----------------------- */


.bg-recovery {
    background-image: url(../assets/images/bg-vector.jpg);
    background-size: cover;
    padding: 60px 0;
    text-align: center;
}

    .bg-recovery .bg-forms {
        background: linear-gradient(#003050, #00A5B6);
        color: white;
        font-weight: 300;
        padding: 40px 20px;
    }

        .bg-recovery .bg-forms p {
            font-size: 17px;
            font-weight: 200;
            margin-bottom: 0px;
        }

        .bg-recovery .bg-forms .login span, .bg-recovery .bg-forms .register span {
            font-size: 20px;
            border-bottom: 1px solid #CADD08;
        }

        .bg-recovery .bg-forms .login .formRegister, .bg-recovery .bg-forms .register .formRegister {
            margin-top: 30px;
            padding: 0 40px;
        }

            .bg-recovery .bg-forms .login .formRegister button[type="submit"], .bg-recovery .bg-forms .register .formRegister button[type="submit"] {
                background-color: #7CC502;
                border: none;
                font-weight: 300;
                width: 100%;
            }

            .bg-recovery .bg-forms .login .formRegister span, .bg-recovery .bg-forms .register .formRegister span {
                border-bottom: none;
                display: inline-block;
                font-size: 14px;
                font-weight: 300;
                padding: 10px 0;
            }


/* ----------------------- LOGIN ----------------------- */
.bg-login {
  background-image: url(../assets/images/bg-vector.jpg);
  background-size: cover;
  padding: 60px 0;
  text-align: center; }
  .bg-login .bg-forms {
    background: linear-gradient(#003050, #00A5B6);
    color: white;
    font-weight: 300;
    padding: 40px 20px; }
    .bg-login .bg-forms p {
      font-size: 17px;
      font-weight: 200;
      margin-bottom: 0px; }
    .bg-login .bg-forms span {
      font-size: 20px;
      font-weight: 300; }
    .bg-login .bg-forms .login .formRegister, .bg-login .bg-forms .register .formRegister {
      margin-top: 30px;
      padding: 0 40px; }
      .bg-login .bg-forms .login .formRegister button[type="submit"], .bg-login .bg-forms .register .formRegister button[type="submit"] {
        background-color: #7CC502;
        border: none;
        font-weight: 300;
        width: 100%; }


        .bg-login .bg-forms .login .formRegister a, .bg-login .bg-forms .register .formRegister a {
            color: white;
            display: inline-block;
            font-size: 16px;
            font-weight: 200 !important;
            padding-bottom: 20px;
            text-decoration: underline;
        }


    .bg-login .bg-forms .register {
      border-left: 1px dashed white; }
      .bg-login .bg-forms .register .formRegister button[type="submit"].fb {
        background-color: #3B5998;
        border: none;
        border-radius: 8px;
        color: white;
        font-weight: 300;
        padding: 10px 0;
        width: 100%; }
      .bg-login .bg-forms .register span {
        font-weight: 100; }

/* ----------------------- //LOGIN ----------------------- */
/* ----------------------- TEST/PAGE ----------------------- */
.header-page {
  background: linear-gradient(#00307F, #00A5B6);
  color: white;
  padding: 30px 0 10px; }
  .header-page .pageMainMenu .mainMenu {
    text-align: center;
    padding: 15px 0; }
  .header-page .pageMainMenu a.brandmenu {
    background-image: url("../assets/images/logomenu.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    position: relative;
    top: 8px;
    width: 200px; }
  .header-page .pageMainMenu ul li {
    display: inline-block;
    padding: 0px 18px;
    font-size: 16px; }
    .header-page .pageMainMenu ul li:last-child {
      background-color: #CADD08;
      border-radius: 18px;
      padding: 6px 15px; }
      .header-page .pageMainMenu ul li:last-child a {
        color: #003050;
        font-weight: 400; }
        .header-page .pageMainMenu ul li:last-child a:hover {
          border-bottom: 2px solid #003050; }
    .header-page .pageMainMenu ul li a {
      color: white;
      font-weight: 200; }
      .header-page .pageMainMenu ul li a:hover {
        text-decoration: none;
        border-bottom: 2px solid #CADD08; }
  .header-page .preTest .heroPage {
    padding: 60px 0; }
    .header-page .preTest .heroPage h3 {
      color: white;
      font-size: 36px; }
    .header-page .preTest .heroPage p {
      font-weight: 200; }
  .header-page .hr {
    background-image: url(../assets/images/hrHand.png);
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: initial;
    height: 95px;
    width: 100%;
    position: absolute;
    top: 425px;
    z-index: 10; }

.bg-evaluation {
  background-image: url(../assets/images/bg-autoevaluacion.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 80px 0; }
  .bg-evaluation .autoEvaluation {
    margin-bottom: 60px; }
    .bg-evaluation .autoEvaluation h4 {
      color: white; }
    .bg-evaluation .autoEvaluation p {
      color: #CADD08;
      font-weight: 200; }
  .bg-evaluation .nothing {
    text-align: center;
    margin: 15px 0; }
    .bg-evaluation .nothing .brain {
      background-image: url(../assets/images/brainSad.png);
      background-size: 100%;
      background-repeat: no-repeat;
      display: inline-block;
      height: 110px;
      width: 120px; }
  .bg-evaluation .little {
    text-align: center;
    margin: 15px 0; }
    .bg-evaluation .little .brain {
      background-image: url(../assets/images/brainSad.png);
      background-repeat: no-repeat;
      background-size: 100%;
      display: inline-block;
      height: 110px;
      width: 120px; }
  .bg-evaluation .very {
    text-align: center;
    margin: 15px 0; }
    .bg-evaluation .very .brain {
      background-image: url(../assets/images/brainCool.png);
      background-repeat: no-repeat;
      background-size: 100%;
      display: inline-block;
      height: 110px;
      width: 120px; }
  .bg-evaluation .go {
    margin-top: 30px; }
    .bg-evaluation .go a {
      background-color: #CADD08;
      border-radius: 30px;
      color: #003050;
      font-weight: 600;
      padding: 15px 50px; }
      .bg-evaluation .go a:hover {
        background-color: #003050;
        color: white !important; }

.subjectEvaluation {
  padding: 60px 0 30px; }
  .subjectEvaluation .subjectInfo {
    margin-bottom: 50px;
    text-align: center; }
    .subjectEvaluation .subjectInfo h5 {
      color: #00A5B6;
      border-bottom: 2px solid #003050;
      display: inline-block; }
  .subjectEvaluation .subjects table {
    border-collapse: collapse;
    width: 100%; }
    .subjectEvaluation .subjects table tr {
      color: #003050; }
      .subjectEvaluation .subjects table tr th {
        color: #00A5B6;
        font-weight: 400;
        padding-bottom: 30px;
        text-align: center; }
      .subjectEvaluation .subjects table tr th.subject, .subjectEvaluation .subjects table tr td.subject {
        text-align: left; }
      .subjectEvaluation .subjects table tr td {
        text-align: center; }
  .subjectEvaluation .shape {
    background-color: white;
    opacity: 1;
    top: 80px; }

.bg-go {
  background-image: url(../assets/images/bg-go.jpg);
  padding: 90px 0;
  text-align: center; }
  .bg-go .brain {
    background-image: url(../assets/images/brain2.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 190px;
    height: 120px; }
  .bg-go button {
    margin: 20px 0; }
    .bg-go button a {
      padding: 20px; }

/* ----------------------- TEST/PAGE ----------------------- */
/* ----------------------- RESULTS/PAGE ----------------------- */
.results .heroPage, .paymentsPage .heroPage {
  padding: 90px 0 100px; }
  .results .heroPage h3, .paymentsPage .heroPage h3 {
    color: white;
    text-align: center; }

.results .hr, .paymentsPage .hr {
  top: 348px; }

.evaluationResults {
  padding: 60px 0 30px; }
  .evaluationResults .subjectInfo {
    margin-bottom: 50px;
    text-align: center; }
    .evaluationResults .subjectInfo h5 {
      display: inline-block; }
  .evaluationResults .subjects table {
    border-collapse: collapse;
    width: 100%; }
    .evaluationResults .subjects table tr {
      color: #003050; }
      .evaluationResults .subjects table tr th {
        color: #00A5B6;
        font-weight: 400;
        padding-bottom: 30px;
        text-align: center; }
      .evaluationResults .subjects table tr th.subject, .evaluationResults .subjects table tr td.subject {
        color: #003050;
        text-align: left; }
      .evaluationResults .subjects table tr td {
        color: #00A5B6;
        text-align: left; }
  .evaluationResults .subjects .bad .brainResult {
    background-image: url(../assets/images/brainSad.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 125px;
    width: 100%; }
  .evaluationResults .subjects .good .brainResult {
    background-image: url(../assets/images/brainCool.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 140px;
    width: 100%; }
  .evaluationResults .subjects .bad, .evaluationResults .subjects .good {
    display: block;
    margin: 0 0 30px;
    text-align: center; }
    .evaluationResults .subjects .bad button, .evaluationResults .subjects .good button {
      background-color: #CADD08; }
  .evaluationResults .shape {
    background-color: white;
    opacity: 1;
    top: 80px; }

.bg-payments hr {
  background-color: #CADD08; }

.bg-payments .testMode {
  padding: 10px 0; }
  .bg-payments .testMode p {
    font-weight: 300; }

/* ----------------------- //RESULTS/PAGE ----------------------- */
/* ----------------------- DIAGNOSTIC TEST/PAGE ----------------------- */
.diagnosticTest .hero {
  background-image: url(../assets/images/hero-examen.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
  text-align: right; }
  .diagnosticTest .hero .info {
    margin: 200px 0 0; }
    .diagnosticTest .hero .info h2 {
      color: white; }
    .diagnosticTest .hero .info p {
      color: white;
      font-weight: 300; }

.questions {
  padding: 50px 0; }
  .questions .numberOne {
    background-color: white;
    border: 3px solid #CADD08;
    border-radius: 50%;
    color: #003050;
    height: 55px;
    line-height: 50px;
    text-align: center;
    width: 55px;
    position: relative;
    z-index: 1; }
  .questions .number {
    background-color: white;
    border: 3px solid #CADD08;
    border-radius: 50%;
    color: #003050;
    height: 55px;
    line-height: 50px;
    text-align: center;
    width: 55px;
    position: relative;
    z-index: 1; }
    .questions .number:before {
      position: absolute;
      border: 2px solid #CADD08;
      width: 0;
      height: 90px;
      display: block;
      content: '';
      left: 48%;
      z-index: 0;
      top: -90px;
      margin-left: -1px; }
  .questions .question {
    background-color: #f7f7f7;
    border-radius: 0px 20px 0px 20px;
    color: #00307F;
    margin: 0 0 40px;
    padding: 15px 0;
    text-align: center; }
    .questions .question table {
      border-collapse: collapse;
      color: #00A5B6;
      font-weight: 300;
      margin: 0; }
      .questions .question table td span {
        margin-left: 20px; }

/* ----------------------- //DIAGNOSTIC TEST/PAGE ----------------------- */
/* ----------------------- MODULES/PAGE ----------------------- */
.moduleHero {
  padding: 60px 0; }
  .moduleHero .info {
    margin: 90px 0 0; }
    .moduleHero .info h3 {
      color: white;
      font-size: 26px; }
      .moduleHero .info h3 span {
        color: #CADD08;
        font-size: 30px; }
  .moduleHero .puzzle {
    background-image: url(../assets/images/rompecabezas.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
    width: 100%; }

.modules {
  background-image: url(../assets/images/bg-vector.jpg);
  padding: 50px 0; }
  .modules .moduleInfo {
    text-align: center; }
    .modules .moduleInfo span {
      color: #00A5B6;
      font-size: 22px;
      font-weight: 300; }
    .modules .moduleInfo hr {
      background-color: #00307F; }
    .modules .moduleInfo p {
      color: #00307F; }
  .modules #modules {
    padding: 30px 0; }
    .modules #modules .module1, .modules #modules .module2, .modules #modules .module3, .modules #modules .module4, .modules #modules .module5, .modules #modules .module6 {
      text-align: center;
      margin: 30px 0 0; }
      .modules #modules .module1 .sign, .modules #modules .module2 .sign, .modules #modules .module3 .sign, .modules #modules .module4 .sign, .modules #modules .module5 .sign, .modules #modules .module6 .sign {
        background-position: center;
        background-repeat: no-repeat;
        height: 95px;
        width: 100%; }
      .modules #modules .module1 a, .modules #modules .module2 a, .modules #modules .module3 a, .modules #modules .module4 a, .modules #modules .module5 a, .modules #modules .module6 a {
        display: inline-block;
        margin: 20px 0 0; }
        .modules #modules .module1 a .brainImg, .modules #modules .module2 a .brainImg, .modules #modules .module3 a .brainImg, .modules #modules .module4 a .brainImg, .modules #modules .module5 a .brainImg, .modules #modules .module6 a .brainImg {
          background-repeat: no-repeat;
          background-size: contain;
          display: block;
          height: 125px;
          width: 90px; }
        .modules #modules .module1 a:hover, .modules #modules .module2 a:hover, .modules #modules .module3 a:hover, .modules #modules .module4 a:hover, .modules #modules .module5 a:hover, .modules #modules .module6 a:hover {
          -webkit-animation: bounce 1s;
          animation: bounce 1s; }
    .modules #modules .module1 .sign {
      background-image: url(../assets/images/letrero1.png); }
    .modules #modules .module1 a .brainImg {
      background-image: url(../assets/images/modulo1.png); }
    .modules #modules .module2 .sign {
      background-image: url(../assets/images/letrero2.png); }
    .modules #modules .module2 a .brainImg {
      background-image: url(../assets/images/modulo2.png); }
    .modules #modules .module3 .sign {
      background-image: url(../assets/images/letrero3.png); }
    .modules #modules .module3 a .brainImg {
      background-image: url(../assets/images/modulo3.png); }
    .modules #modules .module4 .sign {
      background-image: url(../assets/images/letrero4.png); }
    .modules #modules .module4 a .brainImg {
      background-image: url(../assets/images/modulo4.png); }
    .modules #modules .module5 .sign {
      background-image: url(../assets/images/letrero5.png); }
    .modules #modules .module5 a .brainImg {
      background-image: url(../assets/images/modulo5.png); }
    .modules #modules .module6 .sign {
      background-image: url(../assets/images/letrero6.png); }
    .modules #modules .module6 a .brainImg {
      background-image: url(../assets/images/modulo6.png); }
    .modules #modules hr {
      background-color: #00307F; }
    .modules #modules .test {
      color: #00A5B6;
      margin: 20px 0 0;
      text-align: center; }
      .modules #modules .test button a {
        color: #00307F;
        font-weight: 300; }

/* ----------------------- //MODULES/PAGE ----------------------- */
/* ----------------------- MODULES TEST ------------------------ */
.modulesTest {
  background-image: url(../assets/images/bg-vector.jpg);
  padding: 50px 0; }
  .modulesTest .moduleInfo {
    text-align: center; }
    .modulesTest .moduleInfo span {
      color: #00A5B6;
      font-size: 22px;
      font-weight: 300; }
    .modulesTest .moduleInfo hr {
      background-color: #00307F; }
    .modulesTest .moduleInfo p {
      color: #00307F; }
  .modulesTest #modules {
    padding: 30px 0; }
    .modulesTest #modules .module1 {
      text-align: center;
      margin: 30px 0 30px; }
      .modulesTest #modules .module1 .sign {
        background-position: center;
        background-repeat: no-repeat;
        height: 95px;
        width: 100%; }
      .modulesTest #modules .module1 a {
        display: inline-block;
        margin: 20px 0 0; }
        .modulesTest #modules .module1 a .brainImg {
          background-repeat: no-repeat;
          background-size: contain;
          display: block;
          height: 125px;
          width: 90px; }
        .modulesTest #modules .module1 a:hover {
          -webkit-animation: bounce 1s;
          animation: bounce 1s; }
    .modulesTest #modules .module1 .sign {
      background-image: url(../assets/images/letrero1.png); }
    .modulesTest #modules .module1 a .brainImg {
      background-image: url(../assets/images/modulo1.png); }
    .modulesTest #modules hr {
      background-color: #00307F; }
    .modulesTest #modules .test {
      color: #00A5B6;
      margin: 20px 0 0;
      text-align: center; }

/* ----------------------- //MODULES TEST ------------------------ */
/* ----------------------- BREADCRUMBS /PAGE ----------------------- */
.breadcrumbs {
  background-color: #CADD08;
  border-top: 2px solid white; }
  .breadcrumbs ul {
    margin-bottom: 0; }
    .breadcrumbs ul li {
      display: inline-block;
      margin-right: 5px;
      padding-top: 5px;
      padding-bottom: 5px; }
      .breadcrumbs ul li a {
        color: #003050;
        font-size: 15px;
        font-weight: 300; }

/* ----------------------- //BREADCRUMBS/PAGE ----------------------- */
/* ----------------------- SUBJECTS/PAGE ----------------------- */
.materias .heroPage {
  padding: 70px 0 50px; }
  .materias .heroPage h3 {
    color: white;
    text-align: center; }

.materias .hr {
  top: 293px; }

.materiasContent {
  background-image: url(../assets/images/bg-vectorxl.jpg);
  background-size: 100%;
  padding: 50px 0; }
  .materiasContent .moduleExam {
    background-color: white;
    border: 2px solid #CADD08;
    border-radius: 20px;
    margin-bottom: 20px;
    text-align: center; }
    .materiasContent .moduleExam h5 {
      display: block;
      margin: 30px 0;
      text-align: center; }
    .materiasContent .moduleExam ul {
      display: block;
      margin: 20px 0;
      padding: 0; }
      .materiasContent .moduleExam ul li {
        display: inline-block; }
        .materiasContent .moduleExam ul li h6 {
          border-bottom: 2px solid #003050;
          color: #00A5B6;
          padding-bottom: 5px; }
  .materiasContent .materia1, .materiasContent .materia2, .materiasContent .materia3, .materiasContent .materia4, .materiasContent .materia5, .materiasContent .materia6, .materiasContent .materia7, .materiasContent .materia8, .materiasContent .materia9, .materiasContent .materia10 {
    display: block;
    padding: 20px 0 0;
    text-align: center;
    margin: 20px 40px;
    width: 80%; }
    .materiasContent .materia1 span, .materiasContent .materia2 span, .materiasContent .materia3 span, .materiasContent .materia4 span, .materiasContent .materia5 span, .materiasContent .materia6 span, .materiasContent .materia7 span, .materiasContent .materia8 span, .materiasContent .materia9 span, .materiasContent .materia10 span {
      color: white;
      font-size: 20px;
      font-weight: 300; }
    .materiasContent .materia1 .image, .materiasContent .materia2 .image, .materiasContent .materia3 .image, .materiasContent .materia4 .image, .materiasContent .materia5 .image, .materiasContent .materia6 .image, .materiasContent .materia7 .image, .materiasContent .materia8 .image, .materiasContent .materia9 .image, .materiasContent .materia10 .image {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      height: 74px;
      text-align: center;
      width: 100%;
      margin: 10px 0 20px; }
    .materiasContent .materia1 .temario, .materiasContent .materia2 .temario, .materiasContent .materia3 .temario, .materiasContent .materia4 .temario, .materiasContent .materia5 .temario, .materiasContent .materia6 .temario, .materiasContent .materia7 .temario, .materiasContent .materia8 .temario, .materiasContent .materia9 .temario, .materiasContent .materia10 .temario {
      background-color: #f7f7f7;
      color: #003050;
      padding: 8px 0; }
      .materiasContent .materia1 .temario h6, .materiasContent .materia2 .temario h6, .materiasContent .materia3 .temario h6, .materiasContent .materia4 .temario h6, .materiasContent .materia5 .temario h6, .materiasContent .materia6 .temario h6, .materiasContent .materia7 .temario h6, .materiasContent .materia8 .temario h6, .materiasContent .materia9 .temario h6, .materiasContent .materia10 .temario h6 {
        color: #00307F;
        font-weight: 400;
        margin-bottom: 0;
        cursor: pointer; }
      .materiasContent .materia1 .temario i, .materiasContent .materia2 .temario i, .materiasContent .materia3 .temario i, .materiasContent .materia4 .temario i, .materiasContent .materia5 .temario i, .materiasContent .materia6 .temario i, .materiasContent .materia7 .temario i, .materiasContent .materia8 .temario i, .materiasContent .materia9 .temario i, .materiasContent .materia10 .temario i {
        color: #00A5B6; }
      .materiasContent .materia1 .temario ul, .materiasContent .materia2 .temario ul, .materiasContent .materia3 .temario ul, .materiasContent .materia4 .temario ul, .materiasContent .materia5 .temario ul, .materiasContent .materia6 .temario ul, .materiasContent .materia7 .temario ul, .materiasContent .materia8 .temario ul, .materiasContent .materia9 .temario ul, .materiasContent .materia10 .temario ul {
        text-align: left;
        color: #00A5B6;
        padding-top: 10px; }
        .materiasContent .materia1 .temario ul li, .materiasContent .materia2 .temario ul li, .materiasContent .materia3 .temario ul li, .materiasContent .materia4 .temario ul li, .materiasContent .materia5 .temario ul li, .materiasContent .materia6 .temario ul li, .materiasContent .materia7 .temario ul li, .materiasContent .materia8 .temario ul li, .materiasContent .materia9 .temario ul li, .materiasContent .materia10 .temario ul li {
          padding: 5px 0; }
          .materiasContent .materia1 .temario ul li a, .materiasContent .materia2 .temario ul li a, .materiasContent .materia3 .temario ul li a, .materiasContent .materia4 .temario ul li a, .materiasContent .materia5 .temario ul li a, .materiasContent .materia6 .temario ul li a, .materiasContent .materia7 .temario ul li a, .materiasContent .materia8 .temario ul li a, .materiasContent .materia9 .temario ul li a, .materiasContent .materia10 .temario ul li a {
            color: #00307F;
            font-weight: 300; }
  .materiasContent .materia1 {
    background-color: #8080ff; }
    .materiasContent .materia1 .image {
      background-image: url(../assets/images/sEspanol.png); }
  .materiasContent .materia2 {
    background-color: #b366ff; }
    .materiasContent .materia2 .image {
      background-image: url(../assets/images/sMatematicas.png); }
  .materiasContent .materia3 {
    background-color: #ff7733; }
    .materiasContent .materia3 .image {
      background-image: url(../assets/images/sQuimica.png); }
  .materiasContent .materia4 {
    background-color: #33adff; }
    .materiasContent .materia4 .image {
      background-image: url(../assets/images/sFisica.png); }
  .materiasContent .materia5 {
    background-color: #00b3b3; }
    .materiasContent .materia5 .image {
      background-image: url(../assets/images/sHistoriaMexico.png); }
  .materiasContent .materia6 {
    background-color: #ff4d4d; }
    .materiasContent .materia6 .image {
      background-image: url(../assets/images/sHistoriaUniversal.png); }
  .materiasContent .materia7 {
    background-color: #00b386; }
    .materiasContent .materia7 .image {
      background-image: url(../assets/images/sBiologia.png); }
  .materiasContent .materia8 {
    background-color: #990073; }
    .materiasContent .materia8 .image {
      background-image: url(../assets/images/sLiteratura.png); }
  .materiasContent .materia9 {
    background-color: #4d79ff; }
    .materiasContent .materia9 .image {
      background-image: url(../assets/images/sFilosofia.png); }
  .materiasContent .materia10 {
    background-color: #ffbb33; }
    .materiasContent .materia10 .image {
      background-image: url(../assets/images/sGeografia.png); }
  .materiasContent .test {
    text-align: center;
    margin: 30px 0; }
    .materiasContent .test .brain {
      display: inline-block;
      background: url(../assets/images/brainCool.png);
      width: 190px;
      background-repeat: no-repeat;
      height: 120px; }
    .materiasContent .test button a {
      color: #003050;
      font-weight: 300; }

/* ----------------------- //SUBJECTS/PAGE ----------------------- */
/* ----------------------- TEMA-VIDEOS/PAGE ----------------------- */
.secundaryMenu {
  background-color: #003050; }
  .secundaryMenu ul {
    justify-content: center;
    display: felx;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    text-align: center; }
    .secundaryMenu ul li {
      display: inline-block;
      margin: 0 50px;
      padding: 20px 0; }
      .secundaryMenu ul li a {
        color: white;
        display: blok;
        font-size: 18px;
        font-weight: 200; }
        .secundaryMenu ul li a:hover {
          border-bottom: 2px solid #CADD08;
          text-decoration: none; }

.bg-inside {
  background-image: url(../assets/images/bg-vectorxl.jpg);
  padding: 30px 0; }

.videos {
  padding: 30px 0; }
  .videos .info p {
    text-align: center; }
  .videos .info div.tablet-wrapper {
    padding-bottom: 63.5%;
    padding-top: 25px;
    position: relative;
    height: 0; }
  .videos .info div.tablet-wrapper video {
    background: url(../assets/images/tabletbg.png) center center no-repeat;
    background-size: contain;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 8% 8% 7%;
    position: absolute;
    top: 0;
    width: 100%; }

    .videos .info div.tablet-wrapper iframe{
        background: url(../assets/images/tabletbg.png) center center no-repeat;
        background-size: contain;
        box-sizing: border-box;
        height: 100%;
        left: 0;
        padding: 8% 8% 7%;
        position: absolute;
        top: 0;
        width: 100%;
    }



  .videos .subjects {
    text-align: center;
    margin-top: 35px; }
    .videos .subjects h5 {
      border-bottom: 2px solid #CADD08;
      display: inline; }
    .videos .subjects ol {
      display: inline-block;
      margin-top: 20px; }
      .videos .subjects ol li {
        text-align: left; }
        .videos .subjects ol li a {
          color: #003050; }
  .videos .buttons {
    margin-top: 30px;
    text-align: center; }
    .videos .buttons ul {
      padding: 0; }
      .videos .buttons ul li {
        display: inline-block;
        margin: 10px 20px; }
        .videos .buttons ul li button {
          background-color: #CADD08; }
          .videos .buttons ul li button a {
            color: #003050;
            font-weight: 300; }
  .videos .carousel-control-prev {
    left: -50px !important ; }
  .videos .carousel-control-next {
    right: -50px !important; }
  .videos .carousel-control-next, .videos .carousel-control-prev {
    opacity: 1; }

/* ----------------------- //TEMA-VIDEOS/PAGE ----------------------- */
/* ----------------------- CONCEPTOS/PAGE ----------------------- */
.bg-inside {
  text-align: center; }

/* ----------------------- //CONCEPTOS/PAGE ----------------------- */
/* ----------------------- TEMA-EJERCICIOS/PAGE ----------------------- */
.bg-inside .exercise .info {
  margin-bottom: 40px; }
  .bg-inside .exercise .info p {
    color: #00A5B6; }

.bg-inside .exercise .answerAdvice {
  margin-bottom: 30px; }
  .bg-inside .exercise .answerAdvice h5 {
    border-bottom: 2px solid #00A5B6;
    color: #00307F;
    display: inline-block;
    margin: 20px 0; }

.bg-inside .exercise .question img {
  width: 100%; }

.bg-inside .exercise .answers {
  margin-bottom: 40px; }
  .bg-inside .exercise .answers ol {
    list-style-type: lower-alpha;
    position: relative;
    overflow: hidden; }
    .bg-inside .exercise .answers ol li {
      background-repeat: no-repeat;
      margin: 10px;
      list-style-position: outside; }
      .bg-inside .exercise .answers ol li:first-child {
       
        list-style-image: url(../assets/images/a.png); }
      .bg-inside .exercise .answers ol li:nth-child(2) {
        list-style-image: url(../assets/images/b.png); }
      .bg-inside .exercise .answers ol li:nth-child(3) {
        list-style-image: url(../assets/images/c.png);
        list-style-position: outside; }
      .bg-inside .exercise .answers ol li:last-child {
        list-style-image: url(../assets/images/d.png);
        }
      .bg-inside .exercise .answers ol li img {
        margin: 0; }

.bg-inside .exercise .solution button div {
  cursor: pointer; }

.bg-inside .exercise .afterPrev {
  display: inline-block; }
  .bg-inside .exercise .afterPrev nav a.page-link {
    color: #003050; }

/* ----------------------- //TEMA-EJERCICIOS/PAGE ----------------------- */
/* ----------------------- //PRE SIMULACION EXAMEN/PAGE ----------------------- */
.preSimulationExam {
  background-image: url(../assets/images/bg-pencil.jpg);
  background-size: cover;
  padding: 60px 0;
  text-align: center; }
  .preSimulationExam h4 {
    display: inline-block;
    text-align: center; }
  .preSimulationExam p {
    color: #00307F;
    margin: 20px 0; }
  .preSimulationExam select {
    margin: 25px 0;
    background-color: white !important;
    border: 2px solid #CADD08;
    color: #00A5B6;
    height: 40px; }
  .preSimulationExam button {
    margin: 30px 0;
    pointer: cursor; }

/* ----------------------- //PRE SIMULACION EXAMEN/PAGE ----------------------- */
/* ----------------------- //PRE SIMULACION EXAMEN/PAGE ----------------------- */
.profile {
  text-align: center;
  margin-bottom: 40px; }
  .profile .image h3 {
    color: white;
    text-align: center; }
  .profile .image img {
    border-radius: 50%;
    border: 5px solid #CADD08;
    height: auto;
    width: 160px;
    height: 160px; }
  .profile .image form {
    font-weight: 300; }
    .profile .image form ul {
      list-style: none;
      padding: 0; }
      .profile .image form ul li {
        font-size: 16px;
        margin-bottom: 15px; }
        .profile .image form ul li .inputfile {
          height: 0.1px;
          opacity: 0;
          overflow: hidden;
          position: absolute;
          width: 0.1px;
          z-index: -1; }
        .profile .image form ul li .inputfile + label {
          background-color: #003050;
          border-radius: 16px;
          color: white;
          display: inline-block;
          padding: 5px 12px; }
        .profile .image form ul li .inputfile:focus + label,
        .profile .image form ul li .inputfile + label:hover {
          background-color: #CADD08;
          color: #003050;
          cursor: pointer; }
        .profile .image form ul li input[type="submit"] {
          font-weight: 300;
          background-color: #CADD08;
          border: 1px solid #CADD08;
          border-radius: 18px;
          color: #003050;
          cursor: pointer;
          margin: 10px;
          padding: 5px 12px; }
          .profile .image form ul li input[type="submit"]:hover {
            background-color: #003050;
            border: 1px solid #003050;
            color: white; }
  .profile .info {
    text-align: left;
    margin: 30px 0; }
    .profile .info p {
      font-weight: 400; }
      .profile .info p span {
        font-weight: 200; }
    .profile .info button {
      margin: 30px 0 0; }

/* ----------------------- //PRE SIMULACION EXAMEN/PAGE ----------------------- */
/* ----------------------- PROFILE/PAGE ----------------------- */


.lastResults {
    padding: 25px 0;
}

    .lastResults table {
        border-collapse: collapse;
        margin-bottom: 0;
    }

    .lastResults tbody {
        border: 2px solid #CADD08;
    }

    .lastResults th, .lastResults td {
        color: #00307F;
        font-weight: 300;
    }

    .lastResults th {
        border-right: 2px solid #CADD08;
        font-weight: 400;
    }

    .lastResults td {
        color: #00A5B6;
    }

        .lastResults td span {
            color: #003050;
            font-weight: 600;
        }


.blog {
  background-image: url(/assets/images/bg-vector.jpg);
  background-size: 100%;
  padding: 50px 0; }
  .blog .title {
    text-align: center;
    margin-bottom: 30px; }
    .blog .title h4 {
      border-bottom: 2px solid #CADD08;
      display: inline-block;
      font-size: 30px;
      font-weight: 600; }
  .blog .post img {
    width: 100%; }
  .blog .post .text {
    border-bottom: 1px solid #00A5B6;
    margin-top: 30px; }
    .blog .post .text h5 {
      font-size: 20px;
      font-weight: 600; }
    .blog .post .text p {
      font-size: 14px;
      font-weight: 300;
      margin-bottom: 8px; }
  .blog .post .date span {
    color: #00A5B6;
    font-size: 14px;
    font-weight: 700; }
  .blog .post .more {
    padding-top: 8px; }
    .blog .post .more a {
      color: #00A5B6;
      font-size: 14px; }

/* ----------------------- //PROFILE/PAGE ----------------------- */
/* ----------------------- SIMULATION EXAM ----------------------- */
.bg-inside .simulationExam {
  font-weight: 300; }
  .bg-inside .simulationExam .count {
    margin-bottom: 20px; }
  .bg-inside .simulationExam .time {
    margin: 20px 0 40px; }
    .bg-inside .simulationExam .time span {
      border-radius: 25px 0 0 25px;
      border: 2px solid #00A5B6;
      padding: 10px 15px;
      background-color: white; }
    .bg-inside .simulationExam .time span.counting {
      background-color: #00A5B6;
      border-radius: 0;
      color: white;
      padding: 10px 15px; }
  .bg-inside .simulationExam .subject {
    margin: 20px 0 40px; }
    .bg-inside .simulationExam .subject span {
      background-color: #00A5B6;
      border: 2px solid #00A5B6;
      border-radius: 0;
      color: white;
      padding: 10px 15px; }
    .bg-inside .simulationExam .subject span.name {
      border-radius: 0 25px 25px 0;
      color: #003050;
      padding: 10px 15px;
      background-color: white; }
  .bg-inside .simulationExam .answerAdvice {
    margin-bottom: 30px; }
    .bg-inside .simulationExam .answerAdvice h5 {
      border-bottom: 2px solid #00A5B6;
      color: #00307F;
      display: inline-block;
      margin: 20px 0; }
  .bg-inside .simulationExam .question img {
    width: 100%; }
  .bg-inside .simulationExam .answers {
    margin-bottom: 40px; }
    .bg-inside .simulationExam .answers ol {
      list-style-type: lower-alpha;
      position: relative;
      overflow: hidden; }
      .bg-inside .simulationExam .answers ol li {
        background-repeat: no-repeat;
        margin: 10px;
        list-style-position: outside; }
        .bg-inside .simulationExam .answers ol li:first-child {
          
          list-style-image: url(../assets/images/a.png); }
        .bg-inside .simulationExam .answers ol li:nth-child(2) {
          list-style-image: url(../assets/images/b.png); }
        .bg-inside .simulationExam .answers ol li:nth-child(3) {
          list-style-image: url(../assets/images/c.png);
          list-style-position: outside; }
        .bg-inside .simulationExam .answers ol li:last-child {
          list-style-image: url(../assets/images/d.png);
           }
        .bg-inside .simulationExam .answers ol li img {
          margin: 0; }
  .bg-inside .simulationExam .solution button div {
    cursor: pointer; }
  .bg-inside .simulationExam .afterPrev {
    display: inline-block; }
    .bg-inside .simulationExam .afterPrev nav a.page-link {
      color: #003050; }

/* ----------------------- //SIMULATION EXAM ----------------------- */
/* ----------------------- RESULTS SIMULATION EXAM ----------------------- */
.simulationResults {
  text-align: center; }
  .simulationResults .heroPage {
    padding: 70px 0 50px; }
    .simulationResults .heroPage h4 {
      color: white;
      text-align: center; }
    .simulationResults .heroPage p {
      font-weight: 200;
      margin: 30px 0; }
    .simulationResults .heroPage button {
      margin: 20px;
      background-color: #CADD08; }
      .simulationResults .heroPage button a {
        color: #00307F;
        font-weight: 300; }
      .simulationResults .heroPage button:hover {
        background-color: #003050; }
        .simulationResults .heroPage button:hover a {
          color: white; }

.finalResults {
  padding: 35px 0px; }
  .finalResults p {
    color: #00307F;
    margin: 0 0px 40px;
    text-align: center; }

.bg-paper {
  background-image: url(../assets/images/greenLines.png), url(../assets/images/greenLines.png);
  background-position: right, left;
  background-repeat: repeat-y; }
  .bg-paper .points .subject {
    text-align: center; }
    .bg-paper .points .subject h6 {
      border-bottom: 2px solid #CADD08;
      color: #003050;
      display: inline-block;
      font-weight: 600;
      margin: 25px 0;
      text-align: center; }
    .bg-paper .points .subject ol {
      padding: 0; }
      .bg-paper .points .subject ol li.number a {
        color: #003050; }
      .bg-paper .points .subject ol li {
        display: inline-block;
        color: #00307F;
        margin: 0 5px; }
        .bg-paper .points .subject ol li:first-child a:hover {
          text-decoration: none; }
        .bg-paper .points .subject ol li:last-child {
            /*background-color: #F25050;
          border-radius: 50%;
          padding: 5px 8px;*/
        }
        .bg-paper .points .subject ol li:nth-child(3) {
            /*background-color:  #CADD08;
          border-radius: 50%;
          padding: 5px 8px; */
        }

/* ----------------------- //RESULTS SIMULATION EXAM ----------------------- */
/* ----------------------- //REVIEW SIMULATION EXAM ----------------------- */
.review .heroPage {
  padding: 70px 0 50px; }
  .review .heroPage h3 {
    color: white;
    text-align: center; }

.bg-inside .reviewContent {
  font-weight: 300; }
  .bg-inside .reviewContent .correct, .bg-inside .reviewContent .incorrect {
    margin: 20px 0 40px; }
    .bg-inside .reviewContent .correct span, .bg-inside .reviewContent .incorrect span {
      border-radius: 25px 0 0 25px;
      border: 2px solid #00A5B6;
      padding: 10px 15px;
      background-color: white; }
    .bg-inside .reviewContent .correct span.counting, .bg-inside .reviewContent .incorrect span.counting {
      background-color: #00A5B6;
      border-radius: 0;
      color: white;
      padding: 10px 15px; }
  .bg-inside .reviewContent .incorrect span {
    border-radius: 0 25px 25px 0; }
  .bg-inside .reviewContent .subject {
    margin: 20px 0 40px; }
    .bg-inside .reviewContent .subject h4 {
      font-weight: 500; }
    .bg-inside .reviewContent .subject img {
      width: 100%; }
  .bg-inside .reviewContent .selector {
    background-image: url(../assets/images/hand.png);
    transform: rotate(180deg);
    background-size: 100%;
    display: inline-block;
    height: 60px;
    position: relative;
    top: 50px;
    width: 50px;
    z-index: 2; }
  .bg-inside .reviewContent .roulette {
    background-image: url(../assets/images/ruleta123.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 440px;
    position: relative;
    transition: transform 1s;
    width: 100%;
    z-index: 1; }
    .bg-inside .reviewContent .roulette:hover {
        cursor: pointer;
        /*transform: rotate(600deg); */
    }
  .bg-inside .reviewContent .roulette2 {
    background-image: url(../assets/images/ruleta4.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 440px;
    position: relative;
    transition: transform 1s;
    width: 100%;
    z-index: 1; }
    .bg-inside .reviewContent .roulette2:hover {
        cursor: pointer;
        /*transform: rotate(600deg);*/
    }
  .bg-inside .reviewContent .answers {
    margin: 50px 0; }
    .bg-inside .reviewContent .answers ol {
      list-style-type: lower-alpha;
      position: relative;
      overflow: hidden; }
      .bg-inside .reviewContent .answers ol li {
        background-repeat: no-repeat;
        margin: 10px;
        list-style-position: outside; }
        .bg-inside .reviewContent .answers ol li:first-child {
          
          list-style-image: url(../assets/images/a.png); }
        .bg-inside .reviewContent .answers ol li:nth-child(2) {
          list-style-image: url(../assets/images/b.png); }
        .bg-inside .reviewContent .answers ol li:nth-child(3) {
          list-style-image: url(../assets/images/c.png);
          list-style-position: outside; }
        .bg-inside .reviewContent .answers ol li:last-child {
          list-style-image: url(../assets/images/d.png);
          }
        .bg-inside .reviewContent .answers ol li img {
          margin: 0; }

/* ----------------------- //REVIEW SIMULATION EXAM ----------------------- */
/* ----------------------- PAYMENTS ----------------------- */
.bg-plans {
  padding: 50px 0; }
  .bg-plans p {
    margin-bottom: 35px; }

.paymentsPage {
  text-align: center; }
  .paymentsPage .heroPage {
    padding: 90px 0 100px; }
    .paymentsPage .heroPage h3 {
      color: white;
      text-align: center; }

/* ----------------------- //PAYMENTS ----------------------- */
/* MEDIA QUERIES */
@media (max-width: 2560px) {
  .animation {
    background-size: cover;
    background-repeat: no-repeat;
    height: 1300px;
    width: 100%; } }

@media (max-width: 1440px) {
  .animation {
    background-size: cover;
    background-repeat: no-repeat;
    height: 740px;
    width: 100%; } }

@media (max-width: 1024px) {
  .animation {
    background-size: cover;
    background-repeat: no-repeat;
    height: 530px;
    width: 100%; } }

@media (max-width: 991px) {
  .bgmainmenu .mainMenu {
    text-align: center;
    padding: 15px 0; }
    .bgmainmenu .mainMenu ul {
      padding: 10px 0; }
      .bgmainmenu .mainMenu ul li {
        padding: 0 10px; }
  .pageMainMenu .mainMenu {
    text-align: center;
    padding: 15px 0; }
    .pageMainMenu .mainMenu ul {
      padding: 10px 0; }
      .pageMainMenu .mainMenu ul li {
        padding: 0 10px; } }

@media (max-width: 768px) {
  .bgmainmenu ul {
    padding-top: 20px; }
    .bgmainmenu ul li {
      display: inline-block;
      padding: 0px 20px;
      font-size: 14px; }
      .bgmainmenu ul li:last-child {
        background-color: #CADD08;
        border-radius: 18px;
        padding: 6px 15px; }
        .bgmainmenu ul li:last-child a {
          color: #003050;
          font-weight: 400; }
          .bgmainmenu ul li:last-child a:hover {
            border-bottom: 2px solid #003050; }
      .bgmainmenu ul li a {
        color: white;
        font-weight: 200; }
        .bgmainmenu ul li a:hover {
          text-decoration: none;
          border-bottom: 2px solid #CADD08; }
  .animation {
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%; }
  .registerNow {
    top: 150px; }
    .registerNow a {
      top: 87px; }
  .mainMenu {
    float: right; }
  .bg-benefits {
    background: white; }
  .bg-tools {
    padding: 50px 0 20px; }
    .bg-tools .toolsInfo {
      padding: 0 0 20px; }
      .bg-tools .toolsInfo h4 {
        font-size: 22px;
        line-height: 30px; }
  .bg-register {
    padding: 35px 0 0; }
    .bg-register .welcome {
      margin-bottom: 30px; }
      .bg-register .welcome h5 {
        font-size: 22px;
        line-height: 35px;
        margin: 0 0 20px; }
        .bg-register .welcome h5 em {
          font-size: 20px; }
    .bg-register .infoRegister h5 {
      font-size: 20px; }
  .bg-benefits .list {
    padding: 50px 0 0; }
  .bg-payments {
    padding: 55px 0 20px; }
    .bg-payments h3 {
      font-size: 35px; }
  .header-page .preTest .heroPage {
    padding: 25px 0; }
    .header-page .preTest .heroPage h3 {
      font-size: 26px; }
  .header-page .hr {
    display: none; }
  .bg-evaluation {
    padding: 60px 0; }
    .bg-evaluation .autoEvaluation h4 {
      font-size: 26px;
      font-weight: 200; }
  .subjectEvaluation {
    padding: 50px 0 0px; }
    .subjectEvaluation .subjectInfo {
      margin-bottom: 30px; }
    .subjectEvaluation .shape {
      top: 40px; }
  .bg-go {
    padding: 70px 0 20px; }
  .results .heroPage, .materias .heroPage, .paymentsPage .heroPage {
    padding: 30px 0; }
    .results .heroPage h3, .materias .heroPage h3, .paymentsPage .heroPage h3 {
      font-size: 24px; }
  .results .hr, .materias .hr, .paymentsPage .hr {
    top: 207px;
    background-size: 10%; }
  .evaluationResults {
    padding: 70px 0 30px; }
  .materiasContent {
    padding-bottom: 10px; }
    .materiasContent .moduleExam {
      margin-bottom: 35px; }
    .materiasContent .materia1, .materiasContent .materia2, .materiasContent .materia3, .materiasContent .materia4, .materiasContent .materia5, .materiasContent .materia6      width: 50px;
      /* transform: rotate() does not rotate the bounding box. */ }
  .bg-tools .toolsAssetsFirst, .bg-tools .toolsAssetsSecond {
    text-align: cen }
      orm: rotate() does not rotate the bounding box. */ }
  .bg-tools .toolsAssetsFirst, .bg-tools .toolsAssetsSecond {
    text-align: center; }
    .bg-tools .toolsAssetsFirst .temarios a, .bg-tools .toolsAssetsFirst .videosIndex a, .bg-tools .toolsAssetsFirst .vivo a, .bg-tools .toolsAssetsFirst .simulacion a, .bg-tools .toolsAssetsFirst .repasos a, .bg-tools .toolsAsse }
    .materiasContent .test {
      padding: 10px 0; }
  .carousel-control-prev {
    left: -10px !important; }
  .carousel-control-next {
    right: -10px !important; }
  .carousel-control-next, .carousel-control-prev {
    opacity: 1; }
  .preSimulationExam {
    background-image: url(../assets/images/bg-pencil.jpg);
    background-size: contain;
    background-repeat: no-repeat; }
  .review .heroPage {
    padding: 40px 0 50px; }
    .review .heroPage h3 {
      color: white;
      font-size: 34px;
      text-align: center; }
  .bg-inside .reviewContent .selector {
    background-repeat: no-repeat;
    top: 30px;
    width: 12%; }
  .bg-inside .reviewContent .roulette {
    height: 280px; }
  .bg-inside .reviewContent .select {
    height: 280px; }
  .bg-inside .reviewContent .area {
    height: 280px; }
  .questions .number, .questions .numberOne {
    margin: 0 0 15px; }
    .questions .number:before, .questions .numberOne:before {
      border: none;
      height: 0px;
      position: relative;
      width: 0; }
  .bg-inside .simulationExam .count h4 {
    font-size: 23px; }
  .moduleHero .info {
    margin: 10px 0; }
  #modules .test h5 {
    font-size: 18px;
    margin-bottom: 20px; } }

@media (max-width: 670px) {
  .registerNow {
    width: 50px;
    height: 50px;
    top: 205px; }
    .registerNow a {
      top: 0px;
      width: 50px;
      /* transform: rotate() does not rotate the bounding box. */ }
  .bg-tools .toolsAssetsFirst, .bg-tools .toolsAssetsSecond {
    text-align: center; }
    .bg-tools .toolsAssetsFirst .temarios a, .bg-tools .toolsAssetsFirst .videosIndex a, .bg-tools .toolsAssetsFirst .vivo a, .bg-tools .toolsAssetsFirst .simulacion a, .bg-tools .toolsAssetsFirst .repasos a, .bg-tools .toolsAssetsFirst .ejercicios a, .bg-tools .toolsAssetsSecond .temarios a, .bg-tools .toolsAssetsSecond .videosIndex a, .bg-tools .toolsAssetsSecond .vivo a, .bg-tools .toolsAssetsSecond .simulacion a, .bg-tools .toolsAssetsSecond .repasos a, .bg-tools .toolsAssetsSecond .ejercicios a {
      height: 120px !important;
      width: 120px !important; }
      .bg-tools .toolsAssetsFirst .temarios a span, .bg-tools .toolsAssetsFirst .videosIndex a span, .bg-tools .toolsAssetsFirst .vivo a span, .bg-tools .toolsAssetsFirst .simulacion a span, .bg-tools .toolsAssetsFirst .repasos a span, .bg-tools .toolsAssetsFirst .ejercicios a span, .bg-tools .toolsAssetsSecond .temarios a span, .bg-tools .toolsAssetsSecond .videosIndex a span, .bg-tools .toolsAssetsSecond .vivo a span, .bg-tools .toolsAssetsSecond .simulacion a span, .bg-tools .toolsAssetsSecond .repasos a span, .bg-tools .toolsAssetsSecond .ejercicios a span {
        height: 120px !important;
        width: 120px !important;
        border: 5px solid white; }
  .paymentsMobile {
    color: white;
    font-weight: 200;
    text-align: left; }
    .paymentsMobile ul {
      list-style: none;
      padding: 0; }
    .paymentsMobile .test, .paymentsMobile .elite, .paymentsMobile .pro {
      border-bottom: 2px solid #CADD08;
      margin: 55px 0; }
      .paymentsMobile .test a, .paymentsMobile .elite a, .paymentsMobile .pro a {
        width: 100%; }
    .paymentsMobile .test {
      margin-top: 20px; }
    .paymentsMobile .pro {
      border-bottom: none;
      margin-bottom: 0; }
  .videos {
    padding: 30px 0; }
    .videos .info div.tablet-wrapper iframe {
      padding: 6.5% 12.5% 7%; }
  .secundaryMenu {
    background-color: #003050; }
    .secundaryMenu ul li {
      margin: 0 20px; }
      .secundaryMenu ul li a {
        font-size: 16px;
        font-weight: 400; }
  .preSimulationExam {
    background-image: url(../assets/images/bg-vectorxl.jpg); }
  .bg-inside .reviewContent .selector {
    background-repeat: no-repeat;
    top: 30px;
    width: 10%; }
  .bg-inside .reviewContent .roulette {
    height: 400px; }
  .bg-inside .reviewContent .select {
    height: 400px; }
  .bg-inside .reviewContent .area {
    height: 400px; } }

@media (max-width: 425px) {
  .animation {
    background-size: cover;
    background-repeat: no-repeat;
    height: 220px;
    width: 100%; }
  .registerNow {
    width: 50px;
    height: 50px;
    top: 255px; }
    .registerNow a {
      top: 0px;
      width: 50px;
      /* transform: rotate() does not rotate the bounding box. */ }
  .bg-tools {
    padding: 40px 0; }
    .bg-tools .toolsAssetsFirst, .bg-tools .toolsAssetsSecond {
      text-align: center; }
      .bg-tools .toolsAssetsFirst .temarios a, .bg-tools .toolsAssetsFirst .videosIndex a, .bg-tools .toolsAssetsFirst .vivo a, .bg-tools .toolsAssetsFirst .simulacion a, .bg-tools .toolsAssetsFirst .repasos a, .bg-tools .toolsAssetsFirst .ejercicios a, .bg-tools .toolsAssetsSecond .temarios a, .bg-tools .toolsAssetsSecond .videosIndex a, .bg-tools .toolsAssetsSecond .vivo a, .bg-tools .toolsAssetsSecond .simulacion a, .bg-tools .toolsAssetsSecond .repasos a, .bg-tools .toolsAssetsSecond .ejercicios a {
        height: 100px !important;
        width: 100px !important; }
        .bg-tools .toolsAssetsFirst .temarios a span, .bg-tools .toolsAssetsFirst .videosIndex a span, .bg-tools .toolsAssetsFirst .vivo a span, .bg-tools .toolsAssetsFirst .simulacion a span, .bg-tools .toolsAssetsFirst .repasos a span, .bg-tools .toolsAssetsFirst .ejercicios a span, .bg-tools .toolsAssetsSecond .temarios a span, .bg-tools .toolsAssetsSecond .videosIndex a span, .bg-tools .toolsAssetsSecond .vivo a span, .bg-tools .toolsAssetsSecond .simulacion a span, .bg-tools .toolsAssetsSecond .repasos a span, .bg-tools .toolsAssetsSecond .ejercicios a span {
          height: 100px !important;
          width: 100px !important;
          border: 5px solid white; }
    .bg-tools .toolsInfo {
      padding: 20px 0; }
      .bg-tools .toolsInfo h4 {
        font-size: 18px;
        line-height: 26px; }
    .bg-tools .toolsAssetsFirst .temarios, .bg-tools .toolsAssetsFirst .videosIndex, .bg-tools .toolsAssetsFirst .vivo, .bg-tools .toolsAssetsFirst .simulacion, .bg-tools .toolsAssetsFirst .repasos, .bg-tools .toolsAssetsFirst .ejercicios {
      margin: 15px 0; }
  .shape {
    clip-path: polygon(50% 75%, 63% 0, 37% 0);
    -webkit-clip-path: polygon(50% 75%, 63% 0, 37% 0); }
  .bg-register {
    padding: 20px 0; }
    .bg-register .welcome {
      margin-bottom: 30px; }
      .bg-register .welcome h5 {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 20px; }
        .bg-register .welcome h5 em {
          border-bottom: 1px solid #CADD08;
          font-size: 16px;
          line-height: 30px; }
    .bg-register .infoRegister {
      margin: 0; }
  .bg-benefits {
    padding: 10px 0 20px; }
    .bg-benefits .title {
      padding: 40px 40px 0; }
    .bg-benefits .list {
      padding: 0px; }
  .bg-payments, .paymentsPage {
    padding: 15px 0; }
    .bg-payments h3, .paymentsPage h3 {
      font-size: 24px;
      line-height: 34px;
      display: inline; }
    .bg-payments p, .paymentsPage p {
      margin: 20px; }
    .bg-payments .payments, .paymentsPage .payments {
      margin: 20px 0; }
    .bg-payments .test, .bg-payments .elite, .bg-payments .pro, .paymentsPage .test, .paymentsPage .elite, .paymentsPage .pro {
      margin: 30px 0; }
  .bg-pretest {
    padding: 30px 0 40px; }
    .bg-pretest .title {
      margin-bottom: 30px; }
    .bg-pretest h4 {
      font-size: 24px;
      font-weight: 300; }
    .bg-pretest .test button a, .bg-pretest .study button a {
      font-size: 12px; }
  .bg-login .bg-forms .register {
    border-left: none;
    border-top: 1px dashed white;
    margin-top: 20px;
    padding-top: 20px; }
  .header-page .preTest .heroPage {
    padding: 25px 0; }
    .header-page .preTest .heroPage h3 {
      font-size: 20px; }
  .header-page .hr {
    display: none; }
  .bg-evaluation {
    padding: 60px 0 20px; }
    .bg-evaluation .autoEvaluation {
      margin-bottom: 0; }
      .bg-evaluation .autoEvaluation h4 {
        font-size: 26px;
        font-weight: 200; }
    .bg-evaluation .nothing, .bg-evaluation .little, .bg-evaluation .very {
      margin: 30px 0; }
  .subjectEvaluation {
    padding: 50px 0 0px; }
    .subjectEvaluation .subjectInfo {
      margin-bottom: 30px; }
    .subjectEvaluation .shape {
      top: 40px; }
  .bg-go {
    padding: 70px 0 20px; }
  .results .heroPage, .materias .heroPage, .paymentsPage .heroPage {
    padding: 40px 0 20px; }
    .results .heroPage h3, .materias .heroPage h3, .paymentsPage .heroPage h3 {
      font-size: 26px; }
  .results .hr, .materias .hr, .paymentsPage .hr {
    top: 207px;
    background-size: 10%; }
  .evaluationResults {
    padding: 40px 0 30px; }
  .diagnosticTest .hero {
    height: 300px; }
    .diagnosticTest .hero .info {
      margin: 100px 0 0; }
      .diagnosticTest .hero .info h2 {
        font-size: 30px; }
  .questions .number, .questions .numberOne {
    margin: 0 0 15px; }
    .questions .number:before, .questions .numberOne:before {
      border: none;
      height: 0px;
      position: relative;
      width: 0; }
  .questions .question {
    background-color: #f7f7f7;
    border-radius: 0px 10px 0px 10px; }
    .questions .question table {
      border-collapse: collapse;
      color: #00A5B6;
      font-weight: 300;
      margin: 0; }
      .questions .question table td {
        font-size: 14px; }
        .questions .question table td span {
          margin-left: 20px; }
  .diagnosticTest .hero {
    height: 300px; }
    .diagnosticTest .hero .info {
      margin: 100px 0 0; }
      .diagnosticTest .hero .info h2 {
        font-size: 28px; }
      .diagnosticTest .hero .info p {
        font-size: 16px; }
  .moduleHero {
    padding: 30px 10px; }
    .moduleHero .info {
      margin: 0; }
      .moduleHero .info h3 {
        font-size: 23px; }
        .moduleHero .info h3 span {
          font-size: 26px; }
  .modules {
    padding: 30px 0; }
    .modules .moduleInfo {
      text-align: center; }
      .modules .moduleInfo span {
        color: #00A5B6;
        font-size: 16px;
        font-weight: 300; }
      .modules .moduleInfo hr {
        background-color: #00307F; }
      .modules .moduleInfo p {
        color: #00307F; }
    .modules #modules {
      padding: 0; }
      .modules #modules .module1, .modules #modules .module2, .modules #modules .module3, .modules #modules .module4, .modules #modules .module5, .modules #modules .module6 {
        text-align: center;
        margin: 30px 0 0; }
        .modules #modules .module1 .sign, .modules #modules .module2 .sign, .modules #modules .module3 .sign, .modules #modules .module4 .sign, .modules #modules .module5 .sign, .modules #modules .module6 .sign {
          background-position: center;
          background-repeat: no-repeat;
          background-size: 80%;
          height: 95px;
          width: 100%; }
        .modules #modules .module1 a, .modules #modules .module2 a, .modules #modules .module3 a, .modules #modules .module4 a, .modules #modules .module5 a, .modules #modules .module6 a {
          display: inline-block;
          margin: 20px 0 0; }
          .modules #modules .module1 a .brainImg, .modules #modules .module2 a .brainImg, .modules #modules .module3 a .brainImg, .modules #modules .module4 a .brainImg, .modules #modules .module5 a .brainImg, .modules #modules .module6 a .brainImg {
            background-repeat: no-repeat;
            background-size: contain;
            display: block;
            height: 125px;
            width: 90px; }
          .modules #modules .module1 a:hover, .modules #modules .module2 a:hover, .modules #modules .module3 a:hover, .modules #modules .module4 a:hover, .modules #modules .module5 a:hover, .modules #modules .module6 a:hover {
            -webkit-animation: bounce 1s;
            animation: bounce 1s; }
  .modulesTest {
    padding: 30px 0; }
    .modulesTest .moduleInfo {
      text-align: center; }
      .modulesTest .moduleInfo span {
        color: #00A5B6;
        font-size: 16px;
        font-weight: 300; }
      .modulesTest .moduleInfo hr {
        background-color: #00307F; }
      .modulesTest .moduleInfo p {
        color: #00307F; }
  .secundaryMenu {
    background-color: #003050; }
    .secundaryMenu ul li {
      margin: 0 10px; }
      .secundaryMenu ul li a {
        font-size: 14px; }
  .bg-inside {
    text-align: center; }
    .bg-inside .concepts h4 {
      font-size: 26px; }
  .materiasContent .moduleExam h5 {
    margin-bottom: 10px; }
  .preSimulationExam {
    padding: 40px 0; }
    .preSimulationExam h4 {
      font-size: 26px; }
    .preSimulationExam p {
      margin: 15px 0; }
    .preSimulationExam select {
      margin: 10px 0;
      height: 60px; }
    .preSimulationExam button {
      margin: 30px 0; }
  .bg-inside .reviewContent .subject {
    margin: 10px 0; }
    .bg-inside .reviewContent .subject h4 {
      font-size: 28px; }
  .bg-inside .reviewContent .selector {
    background-repeat: no-repeat;
    top: 30px;
    width: 10%; }
  .bg-inside .reviewContent .roulette {
    height: 200px; }
  .bg-inside .reviewContent .select {
    height: 200px; }
  .bg-inside .reviewContent .area {
    height: 200px; } }

@media (max-width: 375px) {
  .animation {
    background-size: cover;
    background-repeat: no-repeat;
    height: 165px;
    width: 100%; }
  .bg-tools .toolsAssetsFirst, .bg-tools .toolsAssetsSecond {
    text-align: center; }
    .bg-tools .toolsAssetsFirst .temarios a, .bg-tools .toolsAssetsFirst .videosIndex a, .bg-tools .toolsAssetsFirst .vivo a, .bg-tools .toolsAssetsFirst .simulacion a, .bg-tools .toolsAssetsFirst .repasos a, .bg-tools .toolsAssetsFirst .ejercicios a, .bg-tools .toolsAssetsSecond .temarios a, .bg-tools .toolsAssetsSecond .videosIndex a, .bg-tools .toolsAssetsSecond .vivo a, .bg-tools .toolsAssetsSecond .simulacion a, .bg-tools .toolsAssetsSecond .repasos a, .bg-tools .toolsAssetsSecond .ejercicios a {
      height: 80px !important;
      width: 80px !important; }
      .bg-tools .toolsAssetsFirst .temarios a span, .bg-tools .toolsAssetsFirst .videosIndex a span, .bg-tools .toolsAssetsFirst .vivo a span, .bg-tools .toolsAssetsFirst .simulacion a span, .bg-tools .toolsAssetsFirst .repasos a span, .bg-tools .toolsAssetsFirst .ejercicios a span, .bg-tools .toolsAssetsSecond .temarios a span, .bg-tools .toolsAssetsSecond .videosIndex a span, .bg-tools .toolsAssetsSecond .vivo a span, .bg-tools .toolsAssetsSecond .simulacion a span, .bg-tools .toolsAssetsSecond .repasos a span, .bg-tools .toolsAssetsSecond .ejercicios a span {
        border: 3px solid white;
        height: 80px !important;
        width: 80px !important; }
    .bg-tools .toolsAssetsFirst .temarios p, .bg-tools .toolsAssetsFirst .videosIndex p, .bg-tools .toolsAssetsFirst .vivo p, .bg-tools .toolsAssetsFirst .simulacion p, .bg-tools .toolsAssetsFirst .repasos p, .bg-tools .toolsAssetsFirst .ejercicios p, .bg-tools .toolsAssetsSecond .temarios p, .bg-tools .toolsAssetsSecond .videosIndex p, .bg-tools .toolsAssetsSecond .vivo p, .bg-tools .toolsAssetsSecond .simulacion p, .bg-tools .toolsAssetsSecond .repasos p, .bg-tools .toolsAssetsSecond .ejercicios p {
      font-size: 14px;
      font-weight: 400; }
  .bg-register .infoRegisterMobile {
    margin: 10px 0; }
    .bg-register .infoRegisterMobile h5 {
      margin: 0 0 15px; }
    .bg-register .infoRegisterMobile p {
      color: #003050; }
  .bg-register .formRegister {
    margin: 20px 0 0; }
  .bg-payments .paymentsMobile, .paymentsPage .paymentsMobile {
    color: white;
    font-weight: 200;
    text-align: left; }
    .bg-payments .paymentsMobile ul, .paymentsPage .paymentsMobile ul {
      list-style: none;
      padding: 0; }
    .bg-payments .paymentsMobile .test, .bg-payments .paymentsMobile .elite, .bg-payments .paymentsMobile .pro, .paymentsPage .paymentsMobile .test, .paymentsPage .paymentsMobile .elite, .paymentsPage .paymentsMobile .pro {
      border-bottom: 2px solid #CADD08;
      margin: 55px 0; }
      .bg-payments .paymentsMobile .test .brain, .bg-payments .paymentsMobile .elite .brain, .bg-payments .paymentsMobile .pro .brain, .paymentsPage .paymentsMobile .test .brain, .paymentsPage .paymentsMobile .elite .brain, .paymentsPage .paymentsMobile .pro .brain {
        background-size: 75%; }
      .bg-payments .paymentsMobile .test .braincool, .bg-payments .paymentsMobile .elite .braincool, .bg-payments .paymentsMobile .pro .braincool, .paymentsPage .paymentsMobile .test .braincool, .paymentsPage .paymentsMobile .elite .braincool, .paymentsPage .paymentsMobile .pro .braincool {
        background-size: 100%; }
      .bg-payments .paymentsMobile .test a, .bg-payments .paymentsMobile .elite a, .bg-payments .paymentsMobile .pro a, .paymentsPage .paymentsMobile .test a, .paymentsPage .paymentsMobile .elite a, .paymentsPage .paymentsMobile .pro a {
        width: 100%; }
    .bg-payments .paymentsMobile .test, .paymentsPage .paymentsMobile .test {
      margin-top: 20px; }
    .bg-payments .paymentsMobile .pro, .paymentsPage .paymentsMobile .pro {
      border-bottom: none;
      margin-bottom: 0; }
  .bg-pretest .title {
    margin-bottom: 30px; }
  .bg-pretest .test .brain, .bg-pretest .study .brain {
    background-size: 90%; }
  .bg-inside .reviewContent .subject {
    margin: 10px 0; }
  .bg-inside .reviewContent .selector {
    background-repeat: no-repeat;
    top: 30px;
    width: 10%; }
  .bg-inside .reviewContent .roulette {
    height: 190px; }
  .bg-inside .reviewContent .select {
    height: 190px; }
  .bg-inside .reviewContent .area {
    height: 190px; } }

@media (max-width: 320px) {
  .header-page .preTest .heroPage {
    padding: 25px 0; }
    .header-page .preTest .heroPage h3 {
      font-size: 20px; }
  .header-page .hr {
    display: none; }
  .bg-evaluation {
    padding: 30px 0 20px; }
    .bg-evaluation .autoEvaluation h4 {
      font-size: 22px; }
  .secundaryMenu {
    background-color: #003050; }
    .secundaryMenu ul li {
      margin: 0 10px; }
      .secundaryMenu ul li a {
        font-size: 12px;
        font-weight: 400; }
  .simulationResults .heroPage {
    padding: 30px 0 20px; }
    .simulationResults .heroPage h4 {
      font-size: 22px;
      line-height: 30px; }
    .simulationResults .heroPage button {
      border-radius: 8px;
      padding: 10px 20px; }
      .simulationResults .heroPage button a {
        color: #00307F;
        font-weight: 600; }
      .simulationResults .heroPage button:hover {
        background-color: #003050; }
        .simulationResults .heroPage button:hover a {
          color: white; }
  .bg-paper {
    background-image: none; }
  .bg-inside .reviewContent .subject {
    margin: 0; }
  .bg-inside .reviewContent .selector {
    background-repeat: no-repeat;
    top: 30px;
    width: 10%; }
  .bg-inside .reviewContent .roulette {
    height: 170px; }
  .bg-inside .reviewContent .select {
    height: 170px; }
  .bg-inside .reviewContent .area {
    height: 170px; } }

/* Required */
.hidden {
  opacity: 0; }

.visible {
  opacity: 1; }