/*
    Theme Name: Inglés de Excelencia CIP
    Theme URI: http://iktec.com.mx/
    Description: Nuestro tema predeterminado para 2024 es limpio y se centra en un diseño claro. La tipografía es simple, clara y legible en una amplia variedad de tamaños de pantalla, además de estar disponible en multitud de idiomas. Lo hemos diseñado pensando en el uso móvil, lo que significa que su contenido ocupará un lugar central independientemente de cómo lleguen sus visitantes, ya sea desde un teléfono inteligente, tableta, computadora portátil o de escritorio.
    Version: 1.0.0
    Author: Esau Munive
    Author URI: https://iktec.com.mx/
    Tags: inglés en linea, ingles de excelencia, mundo bilingue, centro certificador de toefl
*/
@import url('../inglesexcelenciacip/css/all.min.css');
@import url('../inglesexcelenciacip/css/fontawesome.min.css');
@import url('../inglesexcelenciacip/css/bootstrap.css');
@import url('../inglesexcelenciacip/css/owl.carousel.css');
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R8aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqw16aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Uw-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/satisfy/v21/rP2Hp2yn6lkG50LoOZQ.ttf) format('truetype');
}
body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-size: 1.1em;
  background: #f2f2f2;
}
a {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.MiniDividerLeft {
  margin-top: 1em;
  background: #e80029;
  margin-top: 2em !important;
  margin-bottom: 2em !important;
  width: 80px;
  height: 8px;
  border-radius: 1em;
}
.Minidivider {
  margin-top: 2em !important;
  background: #e80029;
  margin-bottom: 2em !important;
  width: 120px;
  height: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 1em;
}
.BtnCipV {
  background: #04a55b;
  color: #ffffff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  border-radius: 1.4em;
  padding: 0.3em 1.2em;
}
.BtnCipV:hover {
  background: #038c4d;
  color: #ffffff;
}
.BtnCipA {
  background: #00109e;
  color: #ffffff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  border-radius: 1.4em;
  padding: 0.6em 1.6em;
  font-size: 1em;
}
.BtnCipA:hover {
  background: #000a61;
  color: #ffffff;
}
.BtnCipR {
  background: #e80029;
  color: #ffffff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  font-size: 1em;
  padding: 0.4em 1.1em;
  border-radius: 1.5em;
}
.BtnCipR:hover {
  background: #ab001e;
  color: #ffffff;
}
.BtnCipG {
  background: #282c34;
  color: #ffffff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  font-size: 1.1em;
  padding: 0.4em 1.1em;
  border-radius: 1.5em;
}
.BtnCipG:hover {
  background: #0d0f11;
  color: #ffffff;
}
.BtnCipFlat {
  background: none;
  color: #ffffff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  font-size: 1.1em;
  padding: 0.2em 1.5em;
  border-radius: 1.5em;
  border: 2px solid #ffffff;
}
.BtnCipFlat:hover {
  background: #ab001e;
  color: #ffffff;
}
.BtnCipTRA {
  background: #ffffff;
  color: #00109e;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  border-radius: 0.4em;
  padding: 0.6em 1.6em;
  font-size: 0.95em;
  font-weight: 700;
  margin-bottom: 0.8em !important;
}
.BtnCipTRA:hover {
  background: #e0e0e0;
  color: #00109e;
}
.ScrollTop {
  position: fixed;
  bottom: 1.9em;
  right: 3em;
  width: 24px;
  height: 24px;
  z-index: 998;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.ScrollTop i {
  background: #cf0024;
  color: #ffffff;
  font-size: 2.4em;
  border-radius: 0.3em 0.3em 0 0;
  padding: 0.2em;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.Whatsapp {
  position: fixed;
  bottom: 1.8em;
  right: 3em;
  width: 24px;
  height: 24px;
  z-index: 998;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.Whatsapp i {
  background: #25d366;
  color: #ffffff;
  font-size: 1.6em;
  border-radius: 0.3em 0.3em 0 0;
  padding: 0.5em 0.6em 0.5em 0.6em;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
  height: 56px;
}
.Page404 {
  padding: 7.5em 0 4em 0;
}
.Page404 .404 h2 {
  color: rgba(238, 238, 238, 0.13333333);
}
.MenuAll {
  position: fixed;
  width: 100%;
  z-index: 9;
  padding: 0 !important;
}
@media screen and (min-width: 1024px) {
  .MenuAll {
    width: 100%;
  }
}
.MenuAll .mb-2 {
  margin-bottom: 0 !important;
}
.MenuAll .navbar {
  background: #00109e;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.MenuAll a {
  color: #ffffff;
  font-weight: 500;
}
.MenuAll .navbar-brand {
  height: 100%;
}
.MenuAll .navbar-brand img {
  height: 62px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.MenuAll .navbar-collapse {
  float: right;
}
.MenuAll .navbar-toggler {
  border: 2px solid #ffffff;
  vertical-align: middle;
}
.MenuAll .navbar-toggler i {
  color: #ffffff;
  font-size: 1.1em;
}
.MenuAll .navbar-text .ExamendeInglésCip span {
  border: 1px solid #ffffff;
  padding: 0.7em 0.9em;
  border-radius: 1.4em;
  font-size: 0.8em;
  margin-top: 5em !important;
  width: 100% !important;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .MenuAll .navbar-text .ExamendeInglésCip span {
    font-size: 0.8em;
    margin-top: 0;
  }
}
@media screen and (min-width: 1280px) {
  .MenuAll .navbar-text .ExamendeInglésCip span {
    font-size: 0.9em;
    margin-top: 0;
  }
}
@media screen and (min-width: 1600px) {
  .MenuAll .navbar-text .ExamendeInglésCip span {
    font-size: 1em;
    margin-top: 0;
  }
}
.MenuAll .navbar-text .ExamendeInglésCip span:hover,
.MenuAll .navbar-text .ExamendeInglésCip span:active {
  background: #e80029;
  border: 1px solid #e80029;
  color: #ffffff;
}
.MenuAll .navbar-text .ExamendeInglésCip span:hover i,
.MenuAll .navbar-text .ExamendeInglésCip span:active i {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  margin-top: -0.3em;
}
.MenuAll .navbar-text li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
.MenuAll .navbar-text li a {
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.MenuAll .navbar-text li a i {
  vertical-align: middle;
  font-size: 1.4em;
  padding: 0;
}
@media screen and (min-width: 1023px) {
  .MenuAll .navbar-text li a i {
    vertical-align: middle;
    font-size: 1.4em;
    padding: 0;
  }
}
.MenuAll .navbar-text li a:hover {
  color: #e80029;
}
.MenuAll .navbar-text li a:active,
.MenuAll .navbar-text li a:focus {
  color: #ff1c44;
}
.MenuAll .Submenu {
  display: none;
}
@media screen and (min-width: 993px) {
  .MenuAll .Submenu {
    display: block;
    font-size: 0.99em;
    width: 100%;
    background: #282c34 !important;
    text-align: center;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1em;
  }
}
.MenuAll .Submenu span {
  font-weight: italic;
  color: #2929ff;
  font-weight: 700;
}
.MenuAll .Submenu strong {
  color: #e80029;
  font-weight: 700;
}
.MenuAll .Submenu ul li {
  padding: 0.3em 0.99em 0.6em 0.3em;
  display: inline-block;
  color: #ffffff;
  font-size: 0.76em;
}
@media screen and (min-width: 1023px) {
  .MenuAll .Submenu ul li {
    padding: 0.7em 0 0.8em 0;
  }
}
.MenuAll .Submenu ul li a {
  text-decoration: none;
  font-size: 0.99em;
  color: #e80029;
  font-weight: 400;
}
.MenuAll .Submenu ul li a:hover {
  color: #e80029;
}
.CentroToefl {
  width: 100%;
  background: #282c34;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 1.5em;
  color: #ffffff;
  padding: 0.98em 1.4em 0.6em 1.4em;
  font-size: 0.8em;
}
@media screen and (min-width: 993px) {
  .CentroToefl {
    display: none;
  }
}
.CentroToefl span {
  font-weight: italic;
  color: #2929ff;
  font-weight: 700;
  font-size: 1.3em;
}
.CentroToefl strong {
  color: #e80029;
  font-weight: 700;
  font-size: 1.3em;
}
.nav-item {
  text-align: center;
  display: block !important;
  line-height: 0.2em;
}
.nav-item a {
  padding: 0.1em 0.4em;
}
@media screen and (min-width: 1023px) {
  .nav-item a {
    padding: 0.99em 0.4em;
  }
}
@media screen and (min-width: 1023px) {
  .nav-item {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1023px) {
  .IconMob {
    width: 33px;
    width: 30%;
  }
}
@media screen and (min-width: 1280px) {
  .IconMob {
    width: 36px;
  }
}
@media screen and (min-width: 1366px) {
  .IconMob {
    width: 48px;
  }
}
.ExamendeInglésCip {
  margin-top: 1.2em;
}
@media screen and (min-width: 1023px) {
  .ExamendeInglésCip {
    margin-top: 0;
  }
}
.fixed-nav .MenuAll {
  width: 100%;
}
.fixed-nav .MenuAll .navbar {
  background: #000c75;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.fixed-nav .nav-item a {
  padding: 0.9em 0.4em;
}
@media screen and (min-width: 1023px) {
  .fixed-nav .nav-item a {
    padding: 0.3em 0.4em;
  }
}
.fixed-nav .navbar-brand {
  height: 100%;
}
.fixed-nav .navbar-brand img {
  height: 44px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.fixed-nav .Whatsapp {
  position: fixed;
  bottom: 4.8em;
  right: 3em;
  width: 24px;
  height: 24px;
  z-index: 998;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.fixed-nav .Whatsapp i {
  background: #25d366;
  color: #ffffff;
  font-size: 1.6em;
  border-radius: 0.3em;
  padding: 0.5em 0.6em 0.5em 0.6em;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
  height: 120px;
}
.SliderBan {
  position: relative;
}
.rev_slider_1_1_forcefullwidth {
  position: relative;
  z-index: 3;
  width: 100%;
}
.PhoneContact {
  width: 100%;
}
.PhoneContact .Country,
.PhoneContact .Lada {
  display: inline-block;
  vertical-align: top;
}
.PhoneContact .Country {
  width: 35% !important;
}
.PhoneContact .Lada {
  width: 63.5% !important;
}
.FormRapido {
  text-align: center;
  border-radius: none;
  position: relative;
  z-index: 8;
  background: #e80029;
  width: 100%;
  padding: 0.9em 1.2em 1.8em 1.2em;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  /* Estilo visible con fade in */
}
@media screen and (min-width: 993px) {
  .FormRapido {
    text-align: center;
    border-radius: 0.7em 0.7em 0 0;
    padding: 0.9em 1.2em 0.8em 1.2em;
    position: absolute;
    width: 380px;
    bottom: 0em;
    right: 6em;
  }
}
.FormRapido .select-fade {
  display: none;
  opacity: 0.9;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
.FormRapido .select-fade.show {
  display: block;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
.FormRapido .select-fade.active {
  background: blue;
}
.FormRapido .btn {
  width: 100%;
  border-radius: 1em;
  margin-top: 0.4em !important;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.FormRapido .Quienes {
  width: 100%;
}
.FormRapido .Quienes .ParaF {
  background: #ffffff;
  padding: 0.4em 0;
  display: inline-block;
  width: 49.2%;
  text-align: center !important;
  border-radius: 0.4em;
  margin: 0.2em 0;
}
.FormRapido .Quienes .ParaF a {
  color: #333;
  background: #ffffff;
  text-decoration: none;
}
.FormRapido .Quienes .ParaF a.active {
  background: #e80029;
}
.FormRapido .Title h4 {
  color: #ffffff;
  margin-bottom: 0.4em;
  padding: 0.3em 0;
  line-height: 1.1em;
}
.FormRapido .Title p {
  color: #ffffff;
  line-height: 1.1em;
  font-size: 0.9em;
}
.FormRapido .Body {
  text-align: left;
}
.FormRapido .Body label {
  color: #ffffff;
  margin-left: 0.25em;
}
.FormRapido .Body input {
  margin: 0.2em 0;
  border-radius: 0.4em;
  border: none;
  padding: 0.99em 0.8em;
  width: 100%;
}
@media screen and (min-width: 993px) {
  .FormRapido .Body input {
    padding: 0.4em 0.8em;
  }
}
.FormRapido .Body select {
  margin: 0.2em 0;
  border-radius: 0.4em;
  border: 2px solid #ffffff !important;
  padding: 0.99em 0.8em;
  width: 100%;
  background: #ffffff;
}
@media screen and (min-width: 993px) {
  .FormRapido .Body select {
    padding: 0.4em 0.8em;
  }
}
.Experiencia {
  padding: 2.4em 1.5em 2.4em 1.5em;
  text-align: center;
  background: #000c75 url('../inglesexcelenciacip/images/mapa_mundi.png') no-repeat center center;
  color: #ffffff;
  font-size: 0.9em;
  line-height: 1.6em;
  font-weight: 300;
}
@media screen and (min-width: 993px) {
  .Experiencia {
    font-size: 1.05em;
  }
}
@media screen and (min-width: 1279px) {
  .Experiencia {
    font-size: 1em;
  }
}
@media screen and (min-width: 1265px) {
  .Experiencia {
    font-size: 1em;
  }
}
.Experiencia span {
  font-size: 1.7em;
}
@media screen and (min-width: 993px) {
  .Experiencia span {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 1279px) {
  .Experiencia span {
    font-size: 1.6em;
  }
}
@media screen and (min-width: 1265px) {
  .Experiencia span {
    font-size: 1.3em;
  }
}
.Experiencia .Img {
  margin-top: 1.6em;
  text-align: right;
}
.Experiencia .Img img {
  width: 130px;
}
.Experiencia .MasCip {
  text-align: left;
  margin-top: 3.3em;
}
.RazonPrincipal {
  margin-top: 3em;
}
.Contain {
  padding: 3.8em 1.6em 1.8em 1.6em;
}
.Contain .Img img {
  width: 100%;
}
.Contain .Img12 {
  text-align: center;
}
.Contain .Img12 img {
  padding: 0.8em;
  height: 100px;
}
.Contain .Razones {
  text-align: center;
  margin-top: -4em;
}
.Contain .Razones h2 {
  color: #4d4d4d;
  font-weight: 600;
}
.Contain .Razones p {
  font-size: 1.3em;
  line-height: 1.3em;
  color: #4d4d4d;
}
.Contain .Razones span {
  font-size: 1.4em;
  font-weight: bold;
}
.Contain .Razones strong {
  color: #00109e;
}
.Contain .Razones .Mini {
  text-align: center;
  background: #ffffff;
  border: 2px solid #00109e;
  color: #00109e;
  border-radius: 1.4em;
  padding: 1.5em 2em;
  margin: 0.3em 0.3em;
}
.Contain .Thumbs {
  text-align: center;
  margin: 1em 0 0 0 ;
  width: 100%;
}
.Contain .Thumbs .Thumb {
  text-align: center;
  width: 99.8%;
  display: inline-block;
  vertical-align: top;
  background: #ffffff;
  border: 2px solid #00109e;
  color: #00109e;
  border-radius: 1.4em;
  padding: 1.5em 2em;
  margin: 0.3em 0.3em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
@media screen and (min-width: 991px) {
  .Contain .Thumbs .Thumb {
    width: 32%;
  }
}
.Contain .Thumbs .Thumb img {
  height: 80px;
}
.Contain .Thumbs .Thumb h4 {
  margin: 0.99em 0 1.49em 0;
  text-transform: uppercase;
}
.Contain .Thumbs .Thumb p {
  color: #808080;
  font-size: 0.96em;
  line-height: 1.3em;
}
.Contain .Thumbs .Thumb:hover {
  background: #00109e;
  color: #ffffff;
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.Contain .Thumbs .Thumb:hover p {
  color: #ffffff;
}
.Cursos {
  padding: 0.8em 1.6em 1.5em 1.6em;
}
.Cursos .ItemsAds .Item {
  border: 2px solid #00109e;
  border-radius: 1.4em 1.4em 1.4em 1.4em;
  background: #00109e;
  color: #ffffff;
  position: relative;
  text-align: center;
}
.Cursos .ItemsAds .Item .NewBadge {
  text-align: center;
  position: absolute;
  width: 48px;
  height: 48px;
  background: #1809bd;
  right: -0.3em;
  top: -0.1em;
  border-radius: 2em;
  z-index: 5;
  font-size: 0.7em;
  font-weight: 700;
  padding-top: 0.99em;
  -webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
}
.Cursos .ItemsAds .Item .NewBadge i {
  font-size: 1.8em;
}
.Cursos .ItemsAds .Item .Img img {
  border-radius: 1.4em 1.4em 0 0;
}
.Cursos .ItemsAds .Item .Body {
  padding: 1em 1em 1.9em 1em;
}
.Cursos .ItemsAds .Item .Body h4 {
  font-size: 1.9em;
  font-weight: 300;
  margin: 0.4em 0 1em 0;
}
.Cursos .ItemsAds .Item .Body p {
  font-size: 0.96em;
  line-height: 1.2em;
  margin: 1.6em 0;
}
.Cursos .ItemsAds .Item .Body ul li {
  list-style: none;
  text-align: left;
  font-size: 0.85em;
}
.Cursos .ItemsAds .Item .Body ul li i {
  margin-right: 0.5em;
}
.Cursos .ItemsAds .Item:hover {
  background: #000d7f;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.Cursos .Img img {
  width: 100%;
}
.Cursos .Img12 {
  text-align: center;
}
.Cursos .Img12 img {
  padding: 0.8em;
  height: 100px;
}
.Cursos .Razones {
  text-align: center;
  margin-top: -4em;
}
.Cursos .Razones h2 {
  color: #4d4d4d;
  font-weight: 600;
}
.Cursos .Razones p {
  font-size: 1.3em;
  line-height: 1.3em;
  color: #4d4d4d;
}
.Cursos .Razones span {
  font-size: 1.4em;
  font-weight: bold;
}
.Cursos .Razones strong {
  color: #00109e;
}
.Cursos .Razones .Mini {
  text-align: center;
  background: #ffffff;
  border: 2px solid #00109e;
  color: #00109e;
  border-radius: 1.4em;
  padding: 1.5em 2em;
  margin: 0.3em 0.3em;
}
.Cursos .services_ow .owl-nav {
  margin-top: 1em;
}
.Cursos .services_ow .owl-nav .owl-prev,
.Cursos .services_ow .owl-nav .owl-next {
  color: #c0c5ce;
  font-size: 3em;
  margin: 0 0.6em;
}
.Cursos .services_ow .Item {
  border: 2px solid #00109e;
  border-radius: 1.4em 1.4em 1.4em 1.4em;
  background: #00109e;
  color: #ffffff;
  position: relative;
}
.Cursos .services_ow .Item .NewBadge {
  position: absolute;
  width: 42px;
  height: 42px;
  background: #ff0000;
  right: -0.3em;
  top: -0.1em;
  border-radius: 2em;
  z-index: 5;
  font-size: 0.65em;
  font-weight: 700;
  padding-top: 1.19em;
  -webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
}
.Cursos .services_ow .Item .Img img {
  border-radius: 1.4em 1.4em 0 0;
}
.Cursos .services_ow .Item .Body {
  padding: 1em 1em 1.9em 1em;
}
.Cursos .services_ow .Item .Body h4 {
  font-size: 1.9em;
  font-weight: 300;
  margin: 0.4em 0 1em 0;
}
.Cursos .services_ow .Item .Body p {
  font-size: 0.96em;
  line-height: 1.2em;
  margin: 1.6em 0;
}
.Cursos .services_ow .Item .Body ul li {
  list-style: none;
  text-align: left;
  font-size: 0.85em;
}
.Cursos .services_ow .Item .Body ul li i {
  margin-right: 0.5em;
}
.Cursos .services_ow .Item:hover {
  background: #000d7f;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.Cursos .Thumbs {
  text-align: center;
  margin: 1em 0 0 0 ;
  width: 100%;
}
.Cursos .Thumbs .Thumb {
  text-align: center;
  width: 99.8%;
  display: inline-block;
  vertical-align: top;
  background: #ffffff;
  border: 2px solid #00109e;
  color: #00109e;
  border-radius: 1.4em;
  margin: 0.3em 0.3em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
@media screen and (min-width: 991px) {
  .Cursos .Thumbs .Thumb {
    width: 32%;
  }
}
.Cursos .Thumbs .Thumb img {
  height: 80px;
}
.Cursos .Thumbs .Thumb h4 {
  margin: 0.99em 0 1.49em 0;
  text-transform: uppercase;
}
.Cursos .Thumbs .Thumb p {
  color: #808080;
  font-size: 0.96em;
  line-height: 1.3em;
}
.Cursos .Thumbs .Thumb:hover {
  background: #00109e;
  color: #ffffff;
}
.Cursos .Thumbs .Thumb:hover p {
  color: #ffffff;
}
.CursosFull {
  width: 100%;
  padding: 0.8em 1.9em 1.5em 1.9em;
}
.CursosFull .ItemsAds .Item {
  width: 99.99%;
  display: inline-block;
  vertical-align: top;
  border: 2px solid #00109e;
  border-radius: 1.4em 1.4em 1.4em 1.4em;
  background: #00109e;
  color: #ffffff;
  position: relative;
  text-align: center;
  margin: 0.4em 0.4em;
}
@media screen and (min-width: 991px) {
  .CursosFull .ItemsAds .Item {
    width: 23.5%;
    margin: 0.4em 0.4em;
  }
}
.CursosFull .ItemsAds .Item .NewBadge {
  text-align: center;
  position: absolute;
  width: 48px;
  height: 48px;
  background: #1809bd;
  right: -0.3em;
  top: -0.1em;
  border-radius: 2em;
  z-index: 5;
  font-size: 0.7em;
  font-weight: 700;
  padding-top: 0.99em;
  -webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
}
.CursosFull .ItemsAds .Item .NewBadge i {
  font-size: 1.8em;
}
.CursosFull .ItemsAds .Item .Img img {
  border-radius: 1.4em 1.4em 0 0;
}
.CursosFull .ItemsAds .Item .Body {
  padding: 1em 1em 1.9em 1em;
}
.CursosFull .ItemsAds .Item .Body h4 {
  font-size: 1.9em;
  font-weight: 300;
  margin: 0.4em 0 1em 0;
}
.CursosFull .ItemsAds .Item .Body p {
  font-size: 0.96em;
  line-height: 1.2em;
  margin: 1.6em 0;
}
.CursosFull .ItemsAds .Item .Body ul li {
  list-style: none;
  text-align: left;
  font-size: 0.85em;
}
.CursosFull .ItemsAds .Item .Body ul li i {
  margin-right: 0.5em;
}
.CursosFull .ItemsAds .Item:hover {
  background: #000d7f;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.CursosFull .Img img {
  width: 100%;
}
.CursosFull .Razones {
  text-align: center;
  margin-top: -4em;
}
.CursosFull .Razones h2 {
  color: #4d4d4d;
  font-weight: 600;
}
.CursosFull .Razones p {
  font-size: 1.3em;
  line-height: 1.3em;
  color: #4d4d4d;
}
.CursosFull .Razones span {
  font-size: 1.4em;
  font-weight: bold;
}
.CursosFull .Razones strong {
  color: #00109e;
}
.CursosFull .Razones .Mini {
  text-align: center;
  background: #ffffff;
  border: 2px solid #00109e;
  color: #00109e;
  border-radius: 1.4em;
  padding: 1.5em 2em;
  margin: 0.3em 0.3em;
}
.CursosFull .services_ow .owl-nav {
  margin-top: 1em;
}
.CursosFull .services_ow .owl-nav .owl-prev,
.CursosFull .services_ow .owl-nav .owl-next {
  color: #c0c5ce;
  font-size: 3em;
  margin: 0 0.6em;
}
.CursosFull .services_ow .Item {
  border: 2px solid #00109e;
  border-radius: 1.4em 1.4em 1.4em 1.4em;
  background: #00109e;
  color: #ffffff;
  position: relative;
}
.CursosFull .services_ow .Item .NewBadge {
  position: absolute;
  width: 42px;
  height: 42px;
  background: #ff0000;
  right: -0.3em;
  top: -0.1em;
  border-radius: 2em;
  z-index: 5;
  font-size: 0.65em;
  font-weight: 700;
  padding-top: 1.19em;
  -webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
}
.CursosFull .services_ow .Item .Img img {
  border-radius: 1.4em 1.4em 0 0;
}
.CursosFull .services_ow .Item .Body {
  padding: 1em 1em 1.9em 1em;
}
.CursosFull .services_ow .Item .Body h4 {
  font-size: 1.9em;
  font-weight: 300;
  margin: 0.4em 0 1em 0;
}
.CursosFull .services_ow .Item .Body p {
  font-size: 0.96em;
  line-height: 1.2em;
  margin: 1.6em 0;
}
.CursosFull .services_ow .Item .Body ul li {
  list-style: none;
  text-align: left;
  font-size: 0.85em;
}
.CursosFull .services_ow .Item .Body ul li i {
  margin-right: 0.5em;
}
.CursosFull .services_ow .Item:hover {
  background: #000d7f;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.CursosFull .Thumbs {
  text-align: center;
  margin: 1em 0 0 0 ;
  width: 100%;
}
.CursosFull .Thumbs .Thumb {
  text-align: center;
  width: 99.8%;
  display: inline-block;
  vertical-align: top;
  background: #ffffff;
  border: 2px solid #00109e;
  color: #00109e;
  border-radius: 1.4em;
  margin: 0.3em 0.3em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
@media screen and (min-width: 991px) {
  .CursosFull .Thumbs .Thumb {
    width: 32%;
  }
}
.CursosFull .Thumbs .Thumb img {
  height: 80px;
}
.CursosFull .Thumbs .Thumb h4 {
  margin: 0.99em 0 1.49em 0;
  text-transform: uppercase;
}
.CursosFull .Thumbs .Thumb p {
  color: #808080;
  font-size: 0.96em;
  line-height: 1.3em;
}
.CursosFull .Thumbs .Thumb:hover {
  background: #00109e;
  color: #ffffff;
}
.CursosFull .Thumbs .Thumb:hover p {
  color: #ffffff;
}
.PorqueEscoger {
  background: #1809bd url('../inglesexcelenciacip/images/fluencip.jpg') no-repeat center left;
  background-size: cover;
  padding: 5.6em 0;
  margin: 3.3em 0 3.3em 0;
}
@media screen and (min-width: 991px) {
  .PorqueEscoger {
    background-size: 50% auto;
  }
}
.PorqueEscoger .xQue {
  padding-left: 0.5em;
  color: #ffffff;
}
@media screen and (min-width: 991px) {
  .PorqueEscoger .xQue {
    padding-left: 3em;
  }
}
.PorqueEscoger .xQue h2 {
  font-size: 3.3em;
  font-size: 600;
}
.PorqueEscoger .xQue h3 {
  font-size: 2.3em;
  font-weight: 600;
}
.PorqueEscoger .xQue p {
  text-align: justify;
  font-size: 1.1em;
}
.Metodo3y1 {
  background: #1809bd url('../inglesexcelenciacip/images/fluencip.jpg') no-repeat center left;
  background-size: cover;
  padding: 5.6em 0;
  margin: 3.3em 0 3.3em 0;
}
@media screen and (min-width: 991px) {
  .Metodo3y1 {
    background-size: 50% auto;
  }
}
.Metodo3y1 .xQue {
  padding-left: 0.5em;
  color: #ffffff;
}
@media screen and (min-width: 991px) {
  .Metodo3y1 .xQue {
    padding-left: 3em;
  }
}
.Metodo3y1 .xQue h2 {
  font-size: 3.3em;
  font-size: 600;
}
.Metodo3y1 .xQue h3 {
  font-size: 2.3em;
  font-weight: 600;
}
.Metodo3y1 .xQue p {
  text-align: justify;
  font-size: 1.1em;
}
.Acercade {
  text-align: center;
  padding: 0.3em 1em !important;
  margin: 3em 0;
}
@media screen and (min-width: 991px) {
  .Acercade {
    padding: 0 1.8em;
  }
}
.Acercade h3 {
  color: #6b758a;
}
.Acercade .Block1 h5 {
  background: #e60e53;
  color: #ffffff;
}
.Acercade .Block2 h5 {
  background: #0013b8;
  color: #ffffff;
}
.Acercade .Block3 h5 {
  background: #d40025;
  color: #ffffff;
}
.Acercade .Bloques {
  width: 99.99%;
  display: inline-block;
  vertical-align: top;
  line-height: 1.1em;
  border: 2px solid #00109e;
  border-radius: 1em;
  margin: 0.5em 0;
}
@media screen and (min-width: 991px) {
  .Acercade .Bloques {
    width: 33%;
    height: 240px;
  }
}
.Acercade .Bloques h5 {
  padding: 1.29em 0.2em;
  border-radius: 0.8em 0.8em 0 0;
  line-height: 1.1em;
}
.Acercade .Bloques h5 span {
  display: block;
  font-weight: 300;
  font-size: 0.8em;
}
.Acercade .Bloques h5 strong {
  font-weight: 400;
  font-size: 2.5em;
}
.Acercade .Bloques h3 {
  margin-top: -0.3em;
  font-weight: 400;
  color: #ffffff;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-bottom: 2px solid #c0c5ce;
  background: #b1b7c3;
}
.Acercade .Bloques .Block {
  margin-top: 1.5em;
  padding-bottom: 1em;
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  border-right: 2px solid #c0c5ce;
}
.Acercade .Bloques .Block span {
  font-size: 0.99em;
  line-height: 1em;
  color: #00109e;
  font-weight: 600;
}
.Acercade .Bloques .Block:last-child {
  border-right: 0px solid #c0c5ce;
}
.Reconocimiento .Box {
  width: 99.8%;
  display: inline-block;
  margin: 0.35em 0.3em;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media screen and (min-width: 991px) {
  .Reconocimiento .Box {
    width: 31%;
  }
}
.Reconocimiento .Box span {
  background: #282c34;
  display: block;
  margin-top: 0em;
  padding: 0.6em 0.4em;
  font-weight: 600;
  color: #ffffff;
  border-radius: 0 0 1em 1em;
}
.Reconocimiento .Box img {
  width: 100%;
  border-radius: 1em 1em 0 0;
}
.Sucs {
  margin-top: -1.99em;
}
.Sucs img {
  width: 100%;
}
.Profesores {
  text-align: center;
  background: #00109e;
  padding: 2em 0 4em 0;
  color: #ffffff;
  width: 100%;
}
.Profesores .Profes .Profe {
  width: 88%;
  display: inline-block;
  margin: 0.4em 0;
  color: #00109e;
  background: #ffffff;
  border: 1px solid #cccccc;
  font-weight: 600;
  border-radius: 1em 1em 1em 1em;
  text-align: center;
}
@media screen and (min-width: 991px) {
  .Profesores .Profes .Profe {
    width: 19%;
    margin: 0 0.2em;
    font-weight: 500;
  }
}
.Profesores .Profes .Profe span {
  display: block;
  padding: 0.6em 0;
  font-size: 1.1em;
}
@media screen and (min-width: 991px) {
  .Profesores .Profes .Profe span {
    font-size: 0.99em;
  }
}
.Profesores .Profes .Profe img {
  border-radius: 0.8em 0.8em 0 0;
  width: 100%;
}
.FluencipAll {
  text-align: center;
}
.FluencipAll h4 {
  color: #545d6e;
}
.Fluencip img {
  height: 86px;
  padding: 0.2em;
}
.BenefFluen {
  margin-top: -6em;
  margin-bottom: 3em;
}
.BenefFluen .Reco {
  text-align: center;
}
.BenefFluen .Reco img {
  height: 80px;
}
.BenefFluen .InfoImg,
.BenefFluen .Info {
  vertical-align: middle;
  display: inline-block;
}
.BenefFluen .InfoImg {
  width: 99%;
}
@media screen and (min-width: 991px) {
  .BenefFluen .InfoImg {
    width: 26%;
  }
}
.BenefFluen .InfoImg img {
  width: 100%;
}
.BenefFluen .Info {
  width: 99%;
}
@media screen and (min-width: 991px) {
  .BenefFluen .Info {
    width: 69%;
  }
}
.BenefFluen .Info h4 {
  text-align: center;
}
.BenefFluen .Info h4 span {
  background: #00109e;
  color: #ffffff;
  padding: 0.3em 1em;
  border-radius: 2em;
}
.BenefFluen .Info .Vinet {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
}
.BenefFluen .Info .Vinet img {
  height: 36px;
}
.Clientes {
  margin-bottom: 2em;
}
.Clientes .ThumbSliderCustom .ImgPro img {
  border: 2px solid #00109e;
  padding: 0.2em;
  background: #ffffff;
  border-radius: 1.1em;
}
.FAQ {
  text-align: center;
  padding: 0.8em 1.1em 4.8em 1.1em;
}
.FAQ .Razones {
  text-align: center;
  margin-top: -4em;
}
.FAQ .Razones h2 {
  color: #4d4d4d;
  font-weight: 600;
}
.FAQ .Razones p {
  font-size: 1.3em;
  line-height: 1.3em;
  color: #4d4d4d;
}
.FAQ .accordion .accordion-button.collapsed {
  color: #00109e;
  border-radius: 1.2em;
}
.FAQ .accordion .accordion-header {
  font-size: 1.55em;
  line-height: 0.8em;
  border-radius: 1em;
}
.FAQ .accordion .accordion-body {
  text-align: justify;
  font-size: 1.06em;
  background: #ffffff;
  border-radius: 0 0 1em 1em;
}
.FAQ .accordion .accordion-button {
  font-size: 0.66em !important;
}
.FAQ .accordion .accordion-button:not(.collapsed) {
  border-radius: 1em 1em 0 0 !important;
  background-color: #00109e;
  color: #ffffff !important;
}
.FAQ .accordion .accordion-button:focus {
  border-radius: 1em 1em 0 0 !important;
  background-color: #00109e !important;
  color: #ffffff !important;
}
.FAQ .accordion-item {
  background-color: #f2f2f2 !important;
}
.FAQ .Column3 {
  width: 99%;
  display: inline-block;
  margin: 0.3em 0;
}
@media screen and (min-width: 998px) {
  .FAQ .Column3 {
    width: 33.3%;
    margin: 0.3em 0;
  }
}
.Breadcum {
  padding-top: 14em;
}
.Breadcum .breadcrumb {
  width: 99%;
  padding: 0.25em 0.99em;
  background: #282c34;
  border-radius: 0.6em 0.6em 0 0;
}
@media screen and (min-width: 998px) {
  .Breadcum .breadcrumb {
    width: 400px;
  }
}
.Breadcum .breadcrumb-item {
  font-weight: 600;
  color: #ffffff;
  font-size: 0.7em;
}
.Breadcum .breadcrumb-item a {
  text-decoration: none;
}
.Breadcum .breadcrumb-item.active {
  color: #ffffff;
}
.PrincipalBlock h4 {
  font-weight: 600;
}
.PrincipalBlock h4 span {
  padding: 0.2em 1.8em;
  border-radius: 2em;
  color: #ffffff;
  background: #00109e;
}
.PrincipalBlock .PrincDoot {
  border-bottom: 6px dotted #6b758a;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.PageInterior {
  padding: 2em 0 3em 0;
}
.PageInterior h2 {
  color: #333;
}
.BannerInt {
  width: 100%;
  height: 300px;
}
.QuestionsCip {
  text-align: center;
}
.QuestionsCip .mb-3 {
  width: 99%;
  text-align: left;
  display: inline-block;
  margin: 0 0.1em;
}
@media screen and (min-width: 998px) {
  .QuestionsCip .mb-3 {
    width: 24%;
  }
}
.QuestionsCip .InfoTitle {
  border: 2px solid #00109e;
  padding: 0.9em 0.9em;
  border-radius: 1em;
  margin-bottom: 1em;
  background: #00109e;
}
.QuestionsCip .InfoTitle label {
  color: #ffffff;
}
.QuestionsCip .InfoTitle input {
  border: none;
}
.QuestionsCip .InfoBody {
  border: 2px solid #00109e;
  padding: 1.1em 0.6em 1.1em em;
  border-radius: 1em;
}
.QuestionsCip .InfoBody .Qus {
  margin: 1.9em 0;
  text-align: left;
  border-left: 1px solid rgba(0, 0, 0, 0.17);
  padding-left: 1em;
  width: 100%;
}
.QuestionsCip .InfoBody .Qus .form-check {
  min-height: 3.3rem;
  width: 100%;
  vertical-align: middle;
  padding-top: 0.8em;
}
@media screen and (min-width: 998px) {
  .QuestionsCip .InfoBody .Qus .form-check {
    min-height: 2.4rem;
    width: 100%;
    vertical-align: middle;
    padding-top: 0.5em;
  }
}
.QuestionsCip .InfoBody .Qus label {
  display: block;
  line-height: 1.3em;
  margin-bottom: 1em;
}
.QuestionsCip .InfoBody .Qus label span {
  font-size: 2em;
  font-weight: 300;
  color: #a3aab8;
}
@media screen and (min-width: 998px) {
  .QuestionsCip .InfoBody .Qus {
    width: 32%;
    display: inline-block;
    vertical-align: top;
  }
}
.QuestionsCip .InfoBody .Qus:before {
  border-left: 0px solid rgba(0, 0, 0, 0.17);
}
.Subfooter {
  text-align: center;
  padding: 1.2em 1em 0.3em 1em;
  background: #e80029;
  color: #ffffff;
}
.Subfooter .btn {
  margin: 0 0.3em;
  font-size: 0.88em;
  margin-left: 0.4em;
}
.Subfooter a {
  display: block;
  padding: 0.8em 0;
  margin: 0.5em 0 !important;
}
@media screen and (min-width: 998px) {
  .Subfooter a {
    display: inline-block;
    padding: 0.4em 1.6em;
    margin: 0 0.3em !important;
  }
}
.Subfooter p {
  font-size: 0.95em;
  font-weight: 400;
  letter-spacing: 0px;
}
footer {
  background: #000c75 url('../inglesexcelenciacip/images/mapa_mundi.png') no-repeat center center;
  padding: 4em 2.4em 1em 2.4em;
}
footer .AboutW {
  color: #ffffff;
}
footer .AboutW a {
  color: #ffffff;
}
footer .AboutW h5 {
  color: #e80029;
  text-transform: uppercase;
}
footer .AboutW p {
  text-align: justify;
  line-height: 1.6em;
}
footer .AboutW p a {
  text-decoration: none;
}
footer .logofoot {
  margin-top: 1em;
  text-align: center;
}
footer .logofoot img {
  height: 70px;
}
footer .logofoot p {
  margin-top: 1.99em;
  font-size: 0.75em;
  letter-spacing: 1px;
  color: #cccccc;
}
.ProcesoInscrip {
  text-align: center;
  background: #ffffff;
  border: 2px solid #00109e;
  color: #00109e;
  border-radius: 1.4em;
  margin: 0.3em 0.3em;
  padding: 1.8em 1em 1em 1em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.ProcesoInscrip .Img {
  text-align: center;
  margin-bottom: 1em;
}
.ProcesoInscrip .Img img {
  height: 86px;
}
.ProcesoInscrip h4 {
  margin: 2em 0;
  line-height: 1.1em;
}
.ProcesoInscrip h4 strong {
  font-size: 0.76em;
  font-weight: 500;
  text-align: center;
}
.ProcesoInscrip span {
  vertical-align: middle;
  color: #dddfe4;
  font-size: 3em;
}
.ProcesoInscrip p {
  margin: 1.4em 0;
  line-height: 1.3em;
  font-size: 0.95em;
}
.PageInterior {
  padding: 3em 0 5em 0;
}
.Gracias .BoxInfo {
  padding: 1.9em 1.2em 1.1em 1em;
  border: 2px solid #00109e;
  border-radius: 1.1em;
}
.Gracias .BoxInfo p {
  font-size: 1.1em;
}
.Gracias .BoxInfo p strong {
  background: #282c34;
  color: #ffffff;
  padding: 0.6em 1.4em;
  border-radius: 1.5em;
  margin-bottom: 1em;
}
.ModalCipA .BtnCi {
  text-align: center;
}
.ModalCipA ::-webkit-input-placeholder {
  text-transform: uppercase;
  font-size: 1.05em;
}
.ModalCipA ::-moz-placeholder {
  text-transform: uppercase;
  font-size: 1.05em;
}
.ModalCipA :-ms-input-placeholder {
  text-transform: uppercase;
  font-size: 1.05em;
}
.ModalCipA ::-ms-input-placeholder {
  text-transform: uppercase;
  font-size: 1.05em;
}
.ModalCipA ::placeholder {
  text-transform: uppercase;
  font-size: 1.05em;
}
.ModalCipA .Country {
  padding: 1.35em 1.2em !important;
  display: inline-block;
  border-radius: 1.4em !important;
}
.ModalCipA .CAdi input {
  border: 1px solid #3e4451;
  padding: 1.2em 1.2em !important;
  border-radius: 1.4em !important;
}
.ModalCipA .CLabel label {
  padding: 0.3em 0;
  vertical-align: top;
  text-transform: uppercase;
}
.ModalCipA .modal-header {
  text-align: center;
  background: #00109e;
  color: #ffffff;
}
.ModalCipA .modal-header i {
  color: #ffffff;
  margin-left: 0.8em;
}
.ModalCipA .modal-body {
  padding: 0.99em 2.1em;
}
.ModalCipA .FormCurso {
  padding: 0.4em 0.6em;
}
.ModalCipA .BtnCipA {
  margin: 1.2em 0 0.4em 0;
}
.ModalCIP {
  text-align: center;
}
.ModalCIP #paypal-button-container label {
  color: #ffffff !important;
}
.ModalCIP .Precios {
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  color: #ffffff;
  font-size: 1.05em;
  border: 2px solid rgba(255, 255, 255, 0.17);
  background: rgba(0, 0, 0, 0.07);
  padding: 0.8em 0.6em 0.01em 0.6em;
  border-radius: 1em;
  margin: 0 0.2em;
}
.ModalCIP .Precios strong {
  margin-left: 0.4em;
  font-weight: 500;
  font-size: 1.6em;
  vertical-align: middle;
}
.ModalCIP .InfoP {
  line-height: 1.2em;
  padding: 0.4em 0.3em;
  font-size: 0.9em;
  font-weight: 300;
}
.ModalCIP .Beca {
  padding: 1em;
  color: #ffffff;
  font-size: 1.05em;
  border: 2px solid rgba(255, 255, 255, 0.17);
  background: rgba(0, 0, 0, 0.15);
  padding: 0.8em 0.6em 0.7em 0.6em;
  border-radius: 1em;
}
.ModalCIP #descuento-container input {
  padding: 0.8em 1.2em;
}
.ModalCIP .FormInscrito {
  margin-top: -0.2em;
}
.ModalCIP .FormInscrito .Item {
  display: inline-block;
  vertical-align: middle;
  width: 46.3%;
}
.ModalCIP .FormInscrito .Item input {
  width: 98%;
}
.ModalCIP .FormInscrito .Item select {
  width: 100%;
}
.ModalCIP .FormInscrito .Item label {
  color: #ffffff;
  line-height: 1.1em;
  font-size: 0.69em;
  padding: 0.4em 0;
  vertical-align: middle;
}
.ModalCIP .FormInscrito .Item a {
  color: #ffffff;
  font-weight: 500;
}
.ModalCIP .Box {
  margin: 0.7em 0 0.9em 0;
}
.ModalCIP .Box label {
  color: #ffffff;
  line-height: 1.06em;
  margin-bottom: 0.6em;
}
.ModalCIP .Nota {
  color: #545d6e;
  line-height: 1.1em;
  font-size: 0.99em;
  color: #ffffff;
}
.ModalCIP .modal-header {
  text-align: center;
  background: #00109e;
  color: #ffffff;
}
.ModalCIP .modal-body {
  background: #e80029;
}
.ModalCIP .modal-body h3 {
  color: #ffffff;
}
.ModalCIP .modal-body p {
  color: #ffffff;
}
.ModalCIP .modal-body input {
  margin: 0.2em 0;
  border-radius: 0.4em;
  border: none;
  padding: 0.5em 0.8em;
}
.ModalCIP .modal-body select {
  margin: 0.2em 0;
  border-radius: 0.4em;
  border: none;
  padding: 0.56em 0.8em;
}
.ModalCIP .btn {
  text-align: center;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#paypal-button-container,
#paypal {
  font-family: "Montserrat", sans-serif;
}
#paypal-button-container label,
#paypal label {
  color: #ffffff !important;
}
.PageInteriorCurso {
  padding: 3.2em 0.99em 3.6em 0.99em;
}
@media screen and (min-width: 998px) {
  .PageInteriorCurso {
    padding: 9em 4em 9em 4em;
  }
}
.PageInteriorCurso .Int {
  padding: 0;
  display: initial;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (min-width: 998px) {
  .PageInteriorCurso .Int {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0em 2em;
  }
}
.PageInteriorCurso .Col {
  text-align: center;
  display: inline-block;
  width: 99.9%;
}
@media screen and (min-width: 998px) {
  .PageInteriorCurso .Col {
    text-align: center;
    display: inline-block;
    width: 49%;
  }
}
.PageInteriorCurso h2 {
  color: #333;
}
.PageInteriorCurso .Title {
  color: #00109e;
  font-size: 2.6em;
  line-height: 1.3em;
  margin-bottom: -0.2em;
}
.PageInteriorCurso .Subtitle {
  margin-top: -0.3em;
  font-size: 1.4em;
  line-height: 1.3em;
}
.PageInteriorCurso .Img img {
  width: 100%;
  height: 100%;
  border-radius: 1.3em;
}
.PageInteriorCurso ul {
  margin-top: 2em;
  list-style: none;
}
.PageInteriorCurso ul i {
  margin-left: -1.9em;
  margin-right: 0.3em;
}
.PageInteriorCurso .Cols {
  border-left: 2px solid rgba(0, 0, 0, 0.17);
  padding-left: 1em;
}
.CuentaB {
  text-align: center;
}
.CuentaB .Items {
  font-size: 0.8em;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.5em;
  padding: 1em 0 0.3em 0;
  width: 80%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.CuentaB .Item {
  padding: 0.2em 1.5em;
  display: inline-block;
  vertical-align: middle;
}
.CuentaB .Item span {
  margin-top: 0.2em;
  display: block;
  font-weight: 600;
  background: #e1e1e1;
  padding: 0.2em 0.6em;
  border-radius: 0.8em;
}
.dropdown-menu[data-bs-popper] {
  left: 41% !important;
  top: 92% !important;
}
@media screen and (min-width: 998px) {
  .dropdown-menu[data-bs-popper] {
    left: 80% !important;
    top: 90% !important;
  }
}
.dropdown-menu {
  text-align: center;
}
@media screen and (min-width: 998px) {
  .dropdown-menu {
    text-align: left;
  }
}
.dropdown-menu .dropdown-item {
  padding: 1em 2em !important;
}
.dropdown-menu li {
  list-style: none;
  display: block !important;
  text-decoration: none;
  padding: 0.1em 0;
}
.IconMob,
.StudenAvatar {
  display: inline-block !important;
  vertical-align: top !important;
}
.StudenAvatar .dropdown-toggle {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 2em;
  padding: 0.8em 1.5em;
  font-size: 0.9em;
  background: rgba(0, 0, 0, 0.1);
}
.StudenAvatar .dropdown-toggle a {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.StudenAvatar .dropdown-toggle i {
  margin-right: 0.4em;
  font-size: 0.4em;
}
.Student .SideStudent .Img img {
  width: 100%;
  border-radius: 10px;
}
.Student .SideStudent .Notes {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background: #00109e;
}
.Student .SideStudent .Notes a {
  text-decoration: none;
}
.Student .SideStudent .Notes .BoxScore {
  margin-top: 0.3em;
}
.Student .SideStudent .Notes .BoxScore p,
.Student .SideStudent .Notes .BoxScore h4 {
  color: rgba(255, 255, 255, 0.6);
}
.Student .SideStudent .Notes .Score {
  margin-top: -0.8em;
}
.Student .SideStudent .Notes .Score span {
  color: #ffffff;
  font-weight: bold;
  font-size: 3.8em;
  padding: 0;
}
.Student .TitleS {
  margin-top: 1em;
  padding: 1.4em 0.3em;
  width: 100%;
}
@media screen and (min-width: 998px) {
  .Student .TitleS {
    margin-top: 1em;
  }
}
.Student .TitleStudent,
.Student .MyLevel {
  display: inline-block;
  vertical-align: middle;
}
.Student .TitleStudent {
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
  font-weight: bold;
}
@media screen and (min-width: 998px) {
  .Student .TitleStudent {
    width: 39%;
    text-align: left;
    margin-bottom: 0em;
  }
}
@media screen and (min-width: 1200px) {
  .Student .TitleStudent {
    width: 38%;
  }
}
.Student .TitleStudent h5 {
  font-size: 800;
  color: #576177;
}
.Student .MyLevel {
  width: 100%;
  text-align: left;
  background-color: #f8f9fa;
  border-radius: 0.8em;
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 0em 0.8em 0.1em 0.3em;
}
@media screen and (min-width: 998px) {
  .Student .MyLevel {
    width: 60.6%;
    text-align: right;
  }
}
.Student .MyLevel span {
  margin: 0 0.6em;
}
.Student .MyLevel .Date,
.Student .MyLevel .BoxScore,
.Student .MyLevel .iBook {
  padding-top: 0.9em;
  vertical-align: top;
  display: inline-block;
  margin: 0 0em;
}
.Student .MyLevel .iBook {
  width: 3%;
}
@media screen and (min-width: 998px) {
  .Student .MyLevel .iBook {
    width: 0%;
    text-align: right;
    padding-right: 0.6em !important;
    margin-top: 0em;
  }
}
.Student .MyLevel .iBook i {
  color: #00109e;
  background: #f2f2f2;
  padding: 0.6em;
  border-radius: 2em;
}
.Student .MyLevel .Date {
  text-align: left;
  width: 100%;
  font-weight: 600;
  margin-top: -0.1em;
  color: #545d6e;
  text-align: center;
}
@media screen and (min-width: 998px) {
  .Student .MyLevel .Date {
    text-align: right;
    margin-top: 0.5em;
    padding-left: 0.8em;
    width: 47%;
    font-size: 0.9em;
  }
}
.Student .MyLevel .BoxScore {
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 998px) {
  .Student .MyLevel .BoxScore {
    text-align: right;
    width: 52%;
  }
}
.Student .MyLevel .BoxScore p {
  font-size: 0.99em;
  border-radius: 5px;
  padding: 0.4em 0.2em 0.2em 0.2em;
  font-weight: 500;
  color: #a3aab8;
  display: block !important;
  text-align: center;
}
@media screen and (min-width: 998px) {
  .Student .MyLevel .BoxScore p {
    font-size: 0.8em;
    display: inline-block;
    text-align: right;
  }
}
.Student .MyLevel .BoxScore p span {
  font-weight: 600;
  font-size: 1.3em;
  background: #1809bd;
  padding: 0.2em 1.4em;
  color: #ffffff;
  border-radius: 2.8em;
  display: block;
  line-height: 1.5em;
}
@media screen and (min-width: 998px) {
  .Student .MyLevel .BoxScore p span {
    display: inline;
    padding: 0.5em 1.4em;
  }
}
.Student .alumno-dashboard {
  background-color: #f8f9fa;
  padding: 40px;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.Student .alumno-dashboard a {
  text-decoration: none;
}
.Student .alumno-dashboard p {
  font-size: 18px;
  color: #333;
}
.Student .alumno-dashboard i {
  font-size: 48px;
}
.Student .alumno-dashboard h1,
.Student .alumno-dashboard h3 {
  color: #444;
}
.Student .alumno-dashboard h2 {
  font-size: 26px;
  margin-bottom: 20px;
}
.Student .alumno-dashboard .dashboard-item {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.Student .alumno-dashboard .dashboard-item:hover,
.Student .alumno-dashboard .dashboard-item:active {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.Student .alumno-dashboard .Score span {
  color: #0022ff;
  font-weight: bold;
  font-size: 2.8em;
  padding: 0;
}
.Student .ItemBirth {
  color: #f5f5f5;
  width: 96%;
  background: #08ab75;
  border-radius: 0.99em;
  border: 1px solid rgba(0, 0, 0, 0.04);
  padding: 0.9em 0.6em 0em 0.6em;
  font-weight: 500;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-bottom: 1.09em;
}
.Student .ItemBirth p {
  font-size: 0.96em;
}
.Student .ItemBirth i {
  vertical-align: middle;
  font-size: 1.5em;
  margin-right: 0.5em;
}
.Student .StudentGrid .Badge {
  margin-top: 1em;
  background-color: #f8f9fa;
  border-radius: 0.8em;
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 0em 0.3em 0.1em 0.3em;
}
.Student .StudentGrid .Student {
  padding: 0.99em 1em;
  color: #454c59;
  font-weight: 600;
  font-size: 1.2em;
  text-align: center;
  line-height: 0em;
}
@media screen and (min-width: 998px) {
  .Student .StudentGrid .Student {
    font-size: 1.05em;
  }
}
.Student .StudentGrid .Student i {
  background: #f2f2f2;
  padding: 0.55em;
  border-radius: 2em;
  text-align: right;
  margin: 0 1em 0 0;
}
.Student .StudentGrid .Student span {
  margin-top: 1.8em;
  text-align: center;
  display: block;
  color: #727d92;
  font-size: 0.8em;
}
@media screen and (min-width: 998px) {
  .Student .StudentGrid .Student span {
    margin-top: 1.8em;
  }
}
.Student .StudentGrid .AdminAcademy {
  padding: 0.99em 1em;
  color: #454c59;
  font-weight: 500;
}
.Student .StudentGrid .AdminAcademy .Box {
  width: 100%;
  font-size: 1.1em;
  text-align: center;
}
.Student .StudentGrid .AdminAcademy .Box i {
  margin-right: 0.4em;
}
.Student .StudentGrid .AdminAcademy .BoxAcad {
  margin-top: 0.6em;
  width: 100%;
  font-size: 0.99em;
  text-align: center;
  line-height: 1.8em;
}
.Student .StudentGrid .AdminAcademy .BoxAcad strong {
  color: #ffffff;
  padding: 0.2em;
  border-radius: 1em;
  background: #00109e;
}
.Student .StudentGrid .AdminAcademy .BoxAcad span {
  display: block;
  color: #1809bd;
  line-height: 0.9em;
  font-size: 0.77em;
}
.Student .StudentGrid .AdminAcademy .BoxCall {
  width: 100%;
  text-align: center;
  margin-top: 0em;
}
.Student .StudentGrid .AdminAcademy .BoxCall a {
  color: #515978;
  padding: 0;
}
.Student .StudentGrid .AdminAcademy .BoxCall a i {
  background: #f2f2f2;
  padding: 0.55em;
  border-radius: 2em;
  text-align: right;
  font-size: 1.3em;
}
.Student .StudentGrid .Col3,
.Student .StudentGrid .Col9 {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.1em;
}
.Student .StudentGrid .Col3 {
  width: 100%;
}
@media screen and (min-width: 998px) {
  .Student .StudentGrid .Col3 {
    width: 23%;
  }
}
@media screen and (min-width: 1024px) {
  .Student .StudentGrid .Col3 {
    width: 23%;
  }
}
@media screen and (min-width: 1280px) {
  .Student .StudentGrid .Col3 {
    width: 23%;
  }
}
.Student .StudentGrid .Col9 {
  width: 100%;
}
@media screen and (min-width: 998px) {
  .Student .StudentGrid .Col9 {
    width: 76%;
  }
}
@media screen and (min-width: 1024px) {
  .Student .StudentGrid .Col9 {
    width: 75%;
  }
}
@media screen and (min-width: 1280px) {
  .Student .StudentGrid .Col9 {
    width: 74%;
  }
}
.Student .DashboardS a {
  text-decoration: none !important;
}
.Student .DashboardS .Items {
  text-align: center;
  width: 100%;
}
.Student .DashboardS .Items .Solicitud {
  padding: 1.01em 0.8em !important;
}
.Student .DashboardS .Items .Item {
  color: #282c34;
  width: 99.99%;
  background: #f8f9fa;
  border-radius: 0.8em;
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 1.4em 0.5em 1.4em 0.9em;
  margin-bottom: 0.2em;
  display: inline-block;
  vertical-align: middle;
  text-align: center !important;
}
@media screen and (min-width: 998px) {
  .Student .DashboardS .Items .Item {
    width: 19.5%;
    text-align: center;
    margin-bottom: 0.6em;
    padding: 0.7em 0.5em 0.7em 0.9em;
  }
}
@media screen and (min-width: 1280) {
  .Student .DashboardS .Items .Item {
    width: 19.5%;
    text-align: center;
  }
}
.Student .DashboardS .Items .Item a {
  color: #282c34;
}
.Student .DashboardS .Items .Item a strong {
  color: #1809bd;
}
.Student .DashboardS .Items .Item i,
.Student .DashboardS .Items .Item .Boxi {
  display: inline-block;
  vertical-align: middle;
}
.Student .DashboardS .Items .Item .Boxi {
  width: 80%;
  line-height: 1.2em;
  text-align: left;
  font-size: 0.9em;
  font-weight: 500;
}
@media screen and (min-width: 998px) {
  .Student .DashboardS .Items .Item .Boxi {
    text-align: center;
  }
}
.Student .DashboardS .Items .Item .Boxi strong {
  color: #1809bd;
}
.Student .DashboardS .Items .Item .Boxi span {
  color: #1809bd;
  display: block;
}
.Student .DashboardS .Items .Item i {
  color: #1809bd;
  width: 15%;
  font-size: 1.3em;
  margin-right: -0.2em;
}
.Student .DashboardS .Items .ItemClubConv {
  color: #282c34;
  width: 99.99%;
  background: #e1fde1;
  border-radius: 0.8em;
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 1em 0.5em 0.1em 0.6em;
  margin-bottom: 0.6em;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 998px) {
  .Student .DashboardS .Items .ItemClubConv {
    width: 100%;
    text-align: center;
  }
}
.Student .DashboardS .Items .ItemClubConv strong {
  margin-right: 1.3em;
  display: block;
}
@media screen and (min-width: 998px) {
  .Student .DashboardS .Items .ItemClubConv strong {
    display: inline-block;
  }
}
.Student .DashboardS .Items .ItemClubConv p {
  margin-top: 0.1em;
  line-height: 1.8em;
  font-size: 0.9em;
}
.Student .DashboardS .Items .ItemClubConv a {
  color: #282c34;
}
.Student .DashboardS .Items .ItemClubConv a strong {
  color: #1809bd;
}
.Student .DashboardS .Items .ItemClubConv i {
  color: #1809bd;
  font-size: 1.3em;
  margin: 0 0.6em;
}
.Student .MiPerfil {
  position: relative;
}
.Student .MiPerfil img {
  width: 100%;
  border-radius: 10px 10px 0 0 ;
}
.Student .MiPerfil ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.Student .MiPerfil ul li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.Student .MiPerfil ul li:last-child {
  border-bottom: none;
}
.Student .MiPerfil ul strong {
  color: #555;
  margin-right: 0.99em;
}
.Student .MiPerfil .Avatar {
  top: 56px;
  position: absolute;
  width: 90px;
  height: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 998px) {
  .Student .MiPerfil .Avatar {
    top: 180px;
  }
}
.Student .MiPerfil .Avatar img {
  border-radius: 3em;
  padding: 0.4em;
  background: #ffffff;
  width: 100%;
  border: 3px solid #2222;
}
.Student .MiFechasPago {
  position: relative;
  /* Contenedor de tickets */
  /* Estilo del ticket */
  /* Estilo del encabezado del ticket */
  /* Estilo del cuerpo del ticket */
  /* Estilo del pie del ticket */
  /* Estilo para el precio normal */
  /* Estilo para el descuento */
  /* Hacer los enlaces más visibles */
}
.Student .MiFechasPago img {
  width: 100%;
  border-radius: 10px 10px 0 0 ;
}
.Student .MiFechasPago ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.Student .MiFechasPago ul li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.Student .MiFechasPago ul li:last-child {
  border-bottom: none;
}
.Student .MiFechasPago ul strong {
  color: #555;
  margin-right: 0.99em;
}
.Student .MiFechasPago .Avatar {
  top: 56px;
  position: absolute;
  width: 90px;
  height: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 998px) {
  .Student .MiFechasPago .Avatar {
    top: 180px;
  }
}
.Student .MiFechasPago .Avatar img {
  border-radius: 3em;
  padding: 0.4em;
  background: #ffffff;
  width: 100%;
  border: 3px solid #2222;
}
.Student .MiFechasPago .table-responsive {
  margin: 0 auto;
  overflow-x: auto;
}
.Student .MiFechasPago .table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.Student .MiFechasPago .table th,
.Student .MiFechasPago .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.Student .MiFechasPago .Pagado {
  overflow: hidden;
  top: 40%;
  right: 0;
  width: 100%;
  position: absolute;
  color: #999;
  text-transform: uppercase;
  font-weight: 600;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  font-size: 2em;
  opacity: 0.3;
  background: rgba(0, 0, 0, 0.1);
}
.Student .MiFechasPago .NoPagado {
  top: 40%;
  right: 0;
  width: 100%;
  position: absolute;
  color: #999;
  text-transform: uppercase;
  font-weight: 600;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  font-size: 2em;
  opacity: 0.3;
}
.Student .MiFechasPago .tickets-container {
  width: 100%;
  text-align: left;
}
.Student .MiFechasPago .ticket {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  border-radius: 10px;
  padding: 1.7em 0.9em 1em 0.9em;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin: 0.2em 0.2em;
}
@media screen and (min-width: 998px) {
  .Student .MiFechasPago .ticket {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    max-width: 300px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 300px;
            flex: 1 1 300px;
    /* Permite que los tickets crezcan o se encojan */
  }
}
.Student .MiFechasPago .ticket h2 {
  margin-top: 0.3em;
  margin-bottom: 0.2em;
}
.Student .MiFechasPago .ticket-header {
  font-weight: bold;
  margin-bottom: 22px;
  border-bottom: 2px dashed #888;
  /* Línea inferior en el encabezado */
  padding-bottom: 11px;
}
.Student .MiFechasPago .ticket-header h2 {
  font-size: 0.85em;
  color: #49515f;
}
.Student .MiFechasPago .ticket-header span {
  display: block;
  font-size: 1.8em;
  color: #333842;
}
.Student .MiFechasPago .ticket-body {
  text-align: center;
  margin-bottom: 15px;
}
.Student .MiFechasPago .ticket-body strong {
  color: #05be69;
  font-size: 1.3em;
  font-weight: 500;
}
.Student .MiFechasPago .ticket-footer {
  text-align: center;
}
.Student .MiFechasPago .ticket-normal {
  font-size: 1.2em;
  margin: 5px 0;
  text-decoration: line-through;
  color: #e80029;
  /* Color del tachado */
}
.Student .MiFechasPago .ticket-descuento {
  font-size: 0.9em;
  margin: 7px 0;
  font-weight: 400;
  color: #a3aab8;
}
.Student .MiFechasPago .ticket-footer a {
  /* Color del enlace */
  text-decoration: none;
  /* Eliminar subrayado del enlace */
  margin: 0.3em 0.3em;
  font-size: 1.2em;
  text-align: center;
  margin-top: 0.5em;
}
.Student .MiFechasPago .ticket-footer a i {
  color: #ffffff;
  background: #282c34;
  padding: 0.4em;
  border-radius: 1.2em;
  font-size: 0.6em;
}
.Student .MiFechasPago .ticket-vencido {
  background: #fce8da !important;
  color: white !important;
  /* Opcional: para hacer el texto más legible */
}
.Student .MiFechasPago .Yapagado {
  position: relative;
}
.Student .MiFechasPago .Yapagado::before {
  content: 'Pagado';
  position: absolute;
  top: 2em;
  color: #282c34;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 3em;
  opacity: 0.15;
  text-transform: uppercase;
  font-weight: 600;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.Student .MiFechasPago .comprobante_pago i {
  background: #545d6e !important;
}
.Student .MiLibreria {
  position: relative;
}
.Student .MiLibreria img {
  width: 100%;
  border-radius: 10px 10px 0 0 ;
}
.Student .MiLibreria ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.Student .MiLibreria ul li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.Student .MiLibreria ul li:last-child {
  border-bottom: none;
}
.Student .MiLibreria ul strong {
  color: #555;
  margin-right: 0.99em;
}
.Student .MiLibreria .Avatar {
  top: 56px;
  position: absolute;
  width: 90px;
  height: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 998px) {
  .Student .MiLibreria .Avatar {
    top: 135px;
  }
}
.Student .MiLibreria .Avatar img {
  border-radius: 3em;
  padding: 0.4em;
  background: #ffffff;
  width: 100%;
  border: 3px solid #2222;
}
.Student .MiLibreria .libros-container {
  width: 100%;
  margin-bottom: 2em;
}
.Student .MiLibreria .libros-container .libro-item {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  padding: 1.7em 0.9em 1em 0.9em;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin: 0.3em 0.2em;
}
@media screen and (min-width: 998px) {
  .Student .MiLibreria .libros-container .libro-item {
    width: 49.2%;
    display: inline-block;
    vertical-align: top;
    padding: 1.99em 1.3em;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 300px;
            flex: 1 1 300px;
    /* Permite que los tickets crezcan o se encojan */
  }
}
.Student .MiLibreria .libros-container .libro-item h5 {
  margin: 0.4em 0;
}
.Student .MiLibreria .libros-container .libro-item i {
  margin-bottom: 0.8em;
  color: #515978;
  font-size: 1.6em;
  background: #f2f2f2;
  padding: 0.9em;
  border-radius: 2em;
}
.Student .MiCalificacion {
  position: relative;
}
.Student .MiCalificacion img {
  width: 100%;
  border-radius: 10px 10px 0 0 ;
}
.Student .MiCalificacion ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.Student .MiCalificacion ul li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.Student .MiCalificacion ul li:last-child {
  border-bottom: none;
}
.Student .MiCalificacion ul strong {
  color: #555;
  margin-right: 0.99em;
}
.Student .MiCalificacion .Avatar {
  top: 56px;
  position: absolute;
  width: 90px;
  height: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 998px) {
  .Student .MiCalificacion .Avatar {
    top: 135px;
  }
}
.Student .MiCalificacion .Avatar img {
  border-radius: 3em;
  padding: 0.4em;
  background: #ffffff;
  width: 100%;
  border: 3px solid #2222;
}
.Student .MiCalificacion .calificaciones-container {
  width: 100%;
  margin-bottom: 2em;
}
.Student .MiCalificacion .calificaciones-container .calificacion-item {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  padding: 1.7em 0.9em 1em 0.9em;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin: 0.3em 0.2em;
}
@media screen and (min-width: 998px) {
  .Student .MiCalificacion .calificaciones-container .calificacion-item {
    width: 49.2%;
    display: inline-block;
    vertical-align: top;
    padding: 1.99em 1.3em;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 300px;
            flex: 1 1 300px;
    /* Permite que los tickets crezcan o se encojan */
  }
}
.Student .MiCalificacion .calificaciones-container .calificacion-item h2 {
  font-size: 1.6em;
}
.Student .MiCalificacion .calificaciones-container .calificacion-item .NombreArchivo {
  font-size: 0.9em;
}
.Student .MiCalificacion .calificaciones-container .calificacion-item h5 {
  margin: 0.4em 0;
}
.Student .MiCalificacion .calificaciones-container .calificacion-item i {
  display: block;
  margin-bottom: 0.8em;
  color: #515978;
  font-size: 1.6em;
  background: #f2f2f2;
  padding: 0.9em;
  border-radius: 2em;
}
.Student .MiCalificacion .calificaciones-container .calificacion-item a {
  color: #1809bd;
  font-size: 0.9em;
}
.Student .MisPermisos {
  position: relative;
}
.Student .MisPermisos .alert {
  position: fixed !important;
  left: 0 !important;
  top: 68px !important;
  width: 100% !important;
}
.Student .MisPermisos img {
  width: 100%;
  border-radius: 10px 10px 0 0 ;
}
.Student .MisPermisos ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.Student .MisPermisos ul li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.Student .MisPermisos ul li:last-child {
  border-bottom: none;
}
.Student .MisPermisos ul strong {
  color: #555;
  margin-right: 0.99em;
}
.Student .MisPermisos .Avatar {
  top: 56px;
  position: absolute;
  width: 90px;
  height: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 998px) {
  .Student .MisPermisos .Avatar {
    top: 135px;
  }
}
.Student .MisPermisos .Avatar img {
  border-radius: 3em;
  padding: 0.4em;
  background: #ffffff;
  width: 100%;
  border: 3px solid #2222;
}
.Student .MisPermisos .Permiso-sidebar,
.Student .MisPermisos .Permiso-content {
  display: inline-block;
  vertical-align: top;
}
.Student .MisPermisos .Permiso-sidebar {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  padding: 2.7em 0.9em 2.7em 0.9em;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin: 0.3em 0.2em;
}
@media screen and (min-width: 998px) {
  .Student .MisPermisos .Permiso-sidebar {
    width: 32.3%;
  }
}
.Student .MisPermisos .Permiso-sidebar i {
  padding: 0.4em;
  font-size: 3.5em;
}
.Student .MisPermisos .Permiso-sidebar span {
  color: #515978;
  text-transform: uppercase;
  font-weight: 500;
}
.Student .MisPermisos .Permiso-content {
  width: 100%;
}
@media screen and (min-width: 998px) {
  .Student .MisPermisos .Permiso-content {
    width: 66%;
  }
}
.Student .MisPermisos .calificaciones-container {
  width: 100%;
  margin-bottom: 2em;
}
.Student .MisPermisos .calificaciones-container .calificacion-item {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  padding: 1.5em 1.6em 1.2em 1.6em;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  margin: 0.3em 0.2em;
}
@media screen and (min-width: 998px) {
  .Student .MisPermisos .calificaciones-container .calificacion-item {
    width: 99.8%;
    display: inline-block;
    vertical-align: top;
    padding: 1.2em 2.3em 0.4em 2.3em;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 380px;
            flex: 1 1 380px;
    /* Permite que los tickets crezcan o se encojan */
  }
}
.Student .MisPermisos .calificaciones-container .calificacion-item h2 {
  font-size: 1.6em;
}
.Student .MisPermisos .calificaciones-container .calificacion-item .NombreArchivo {
  font-size: 0.9em;
}
.Student .MisPermisos .calificaciones-container .calificacion-item h5 {
  margin: 0.4em 0;
}
.Student .MisPermisos .calificaciones-container .calificacion-item i {
  display: block;
  margin-bottom: 0.8em;
  color: #515978;
  font-size: 1.6em;
  background: #f2f2f2;
  padding: 0.9em;
  border-radius: 2em;
}
.Student .MisPermisos .calificaciones-container .calificacion-item a {
  color: #1809bd;
  font-size: 0.9em;
}
.Student .CuentaSuspe {
  color: #f5f5f5;
  width: 100%;
  background: #ffdba9;
  border-radius: 0.99em;
  border: 1px solid rgba(0, 0, 0, 0.04);
  padding: 0.9em 0.6em 0.9em 0.6em;
  text-align: center;
  color: #333;
  font-weight: 600;
}
.Student .CuentaSuspe p {
  color: #ff9300;
}
.Student .Reconocimiento {
  position: relative;
  padding: 0 5.5em;
}
.Student .Reconocimiento img {
  width: 100%;
  border-radius: 10px 10px 0 0 ;
}
.Student .Reconocimiento h1 {
  text-transform: uppercase;
  font-size: 4.9em;
  line-height: 0.55em;
  color: #00109e;
  font-weight: 600;
}
.Student .Reconocimiento h1 span {
  font-size: 0.5em;
}
.Student .Reconocimiento h3 {
  text-transform: uppercase;
  font-weight: 600;
  color: #545d6e;
}
.Student .Reconocimiento .Alumno {
  font-size: 5em;
  color: #545d6e;
  font-family: "Satisfy", cursive;
  font-weight: 400;
  font-style: normal;
}
.Student .Reconocimiento p {
  margin-top: 1.6em;
  font-size: 1.3em;
  font-weight: 300;
}
.Student .Reconocimiento .Score {
  font-weight: 700;
  color: #00109e;
}
.Student .Reconocimiento ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.Student .Reconocimiento ul li {
  padding: 18px 0;
  border-bottom: 1px solid #eee;
  font-size: 0.9em;
  line-height: 1.1em;
}
.Student .Reconocimiento ul li:last-child {
  border-bottom: none;
}
.Student .Reconocimiento ul strong {
  color: #555;
  font-size: 1.2em;
  margin-right: 0.99em;
}
.Student .Reconocimiento ul span {
  display: block;
  margin-top: 0.4em;
}
.Student .Reconocimiento .Logos {
  margin-top: -2.99em;
  margin-bottom: 1.5em;
  padding: 0.6em;
}
.Student .Reconocimiento .Logos .LogoCip,
.Student .Reconocimiento .Logos .LogoAni {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7em;
}
.Student .Reconocimiento .Logos .LogoCip {
  width: 260px;
}
.Student .Reconocimiento .Logos .LogoAni {
  width: 150px;
}
.Student .Reconocimiento .Logos img {
  padding: 1em;
}
.Student .Reconocimiento .Avatar {
  top: 180px;
  position: absolute;
  width: 90px;
  height: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.Student .Reconocimiento .Avatar img {
  border-radius: 3em;
  padding: 0.4em;
  background: #ffffff;
  width: 100%;
  border: 3px solid #2222;
}
.IconMob {
  position: relative;
}
.IconMob .Badge {
  position: absolute;
  background: red;
  width: 12px;
  height: 12px;
  right: 0.25em;
  top: -0.4em;
  padding: 0.2em;
  border-radius: 2em;
}
.TicketSolo::before {
  top: -20px;
  background-position: -3px -5px, 0 0;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: transparent;
  background-image: radial-gradient(farthest-side, rgba(0, 0, 0, 0) 8px, #d6e0e0 0);
  background-size: 22px 22px;
}
.TicketSolo::after {
  background-position: -3px -5px, 0 0;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  bottom: -12px;
  background-color: transparent;
  background-image: radial-gradient(farthest-side, rgba(0, 0, 0, 0) 12px, #d6e0e0 0);
  background-size: 22px 22px;
}
.TicketSolo {
  background-color: #fff;
  border-radius: 10px;
  padding: 2.7em 0.9em 1em 0.9em;
  position: relative;
  overflow: hidden;
  max-width: 90%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin: 2em 0.2em 0.2em 0.2em;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 998px) {
  .TicketSolo {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    max-width: 460px;
    padding: 2.4em 0 2em 0;
    margin: 0.2em 0.2em;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.TicketSolo h2 {
  margin-top: 1.6em;
  margin-bottom: 1.2em;
  font-size: 1.1em;
  color: #282c34;
  line-height: 1.5em;
  font-weight: 400;
}
.TicketSolo h2 span {
  font-size: 1.7em;
}
.TicketSolo .Regresar {
  padding: 2em 0 0.5em 0;
}
.TicketSolo .Regresar a {
  text-decoration: none;
  font-size: 0.89em;
  text-transform: uppercase;
  font-weight: 500;
  background: #e4e4e4;
  padding: 0.6em 1.4em;
  border-radius: 1em;
}
.TicketSolo .LogoB img {
  padding: 0.2em;
  height: 80px;
}
.TicketSolo .ticket-header {
  border-bottom: 2px dashed #c1c1c1;
  padding-bottom: 2em;
}
.TicketSolo .ticket-header .TPagado {
  background: #04a55b;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.09em;
  padding: 0.4em 1em;
  border-radius: 1em;
}
.TicketSolo .ticket-header .TPendiente {
  background: #ffa800;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.09em;
  padding: 0.4em 1em;
  border-radius: 1em;
}
.TicketSolo .ticket-body .Total {
  font-size: 2.4em;
}
