@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400&Playfair+Display:wght@400;500;600;700;900&family=Raleway:wght@300;400;500;600;700;900&family=Raleway:wght@300;400;500;600;700;900&family=Montserrat:wght@300;400;500;600;700;900&Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, button, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline
}

html {
  font-size: 16px;
  box-sizing: border-box;
  scroll-behavior: smooth
}
.tata-ajax-loader-img {background-image: url('../img/ajaxloader/ajax-loader2.gif') !important;}
*, *:before, *:after {
  box-sizing: inherit
}
@media (max-width: 1025px) {
.width90 {
  width: 90%;
  margin: 0 auto;
}
.width70 {
  width: 70%;
  margin: 0 auto;
}
}
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover, .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover, .bootstrap-datetimepicker-widget td span.active, .bootstrap-datetimepicker-widget td span:hover {
  background-color: #f7d117;
}
.app-frontend .te-page-content.te-page-content-navbar-fixed-top {
  padding-top: 0
}
.fondo-boton, .fondo-boton2 {
  position: relative;
}
.form-horizontal .form-group {
margin-right: 0;
margin-left: 0;
}

.fondo-boton::after {
  content: "";
background: url("/tebundles/teportal/img/fondo-botones.png") no-repeat;
background-size: cover;
top: 60px;
height: 62px;
z-index: -1;
width: 260px;
right: -130px;
position: absolute;
display: inline-block;
}
body.aturitmo .fondo-boton::after {
top: 20px;
}
.btn-largo.fondo-boton::after {
top: 30px;
}
.btn-demo {
box-shadow: 0px 3px 6px #00000071;
border: 5px solid #38A456;
}
.btn-homi {
font: normal normal 500 37px Raleway !important;
}
.fondo-boton2::after {
  content: "";
background: url("/tebundles/teportal/img/fondo-botones.png") no-repeat;
background-size: cover;
top: 40px;
height: 62px;
z-index: -1;
width: 260px;
right: -130px;
position: absolute;
display: inline-block;
}
@media only screen and (max-width: 1024px) {
  .fondo-boton::after {
    top: 25px;
    height: 46.5px;
    width: 195px;
    right: -60px;
  }
  .fondo-boton2::after {
    top: 30px;
    height: 46.5px;
    width: 195px;
    right: -60px;
  }
}
.app-frontend .te-page-content.te-page-content-navbar-fixed-top>.container {
  padding-top: 150px
}
body.paymatricula.app-frontend .te-page-content.te-page-content-navbar-fixed-top>.container, body.okpaytpv.app-frontend .te-page-content.te-page-content-navbar-fixed-top>.container {
  padding-top: 50px
}
body.matriculainternet-nueva .modal-body .caja {
  border: 2px solid #f7d117;
margin: 15px 80px;
padding-bottom: 20px;
}
body.matriculainternet-nueva .cajagris {
  padding: 50px 50px 70px;
max-width: 700px;
margin: 0 auto;
border: 1px solid #777;
}
body.matriculainternet-nueva .cajagris .o-h3 {
  font: normal normal 800 30px/30px Playfair Display !important;
}
body.matriculainternet-nueva .modal-body .numero {
  color: #FECE4A;
font-family: 'Playfair Display';
font-weight: bold;
font-size: 60px;
padding: 0 30px;
}
body.matriculainternet-nueva .matriculainternet-formapago .radio input {margin-top:12px}
body.matriculainternet-nueva .matriculainternet-formapago .radio label {
  font: normal normal 600 18px/21px Raleway;
  margin-bottom: 30px;
}
.matriculainternet-pago-datos li strong, .documentacionsubir h3 {
  font: normal normal 900 18px/21px Raleway;
  color: #F2CA25;
}
.matriculainternet-pago-datos li {
  font: normal normal normal 22px/29px Raleway;
}
.paymatricula-internet #update_matricula .datos {
  background: rgba(242, 202, 38, 0.55) 0% 0% no-repeat padding-box;
max-width: 360px;
text-transform: uppercase;
padding: 10px 20px;
}
.msg-pagoBancario .aviso li {
  margin-bottom: 0;
}
.paymatricula-internet #update_matricula .datos h3 {font: normal normal 900 26px/34px Raleway;}
body.okpaytpv .container .col-xs-12 {
  max-width: 600px;
  margin: 0 auto;
  float: none;
}
body.okpaytpv h1 span {font-family: 'Raleway', sans-serif;}
@media (min-width: 1025px) {body.okpaytpv .c-hero--inner .c-hero__heading:after {left: 50px}}
body.okpaytpv .dieciseis29 {line-height: 1.6rem}
body.okpaytpv .o-h3 {line-height: 2.5rem;margin-top: 15px}
body.paymatricula .modificar label {
  font: normal normal 800 26px/30px Raleway;
letter-spacing: 0px;
color: #F2CA25;
}
body.paymatricula .o-btn-volver, body.resultadoprueba .o-btn-volver {font: normal normal normal 19px Raleway;letter-spacing: 0px;
color: #070707;}
body.paymatricula .o-btn-actualizar, body.resultadoprueba .o-btn-actualizar {font: normal normal normal 27px Raleway;
letter-spacing: 0px;
color: #070707;}
body.paymatricula .o-btn-actualizar:hover, body.paymatricula .o-btn-volver:hover, body.resultadoprueba .o-btn-actualizar:hover, body.resultadoprueba .o-btn-volver:hover {color: #fff}
body.paymatricula .modificar #matricula_estacional_alumno_sexo label {font: normal normal normal 16px/21px Raleway;
letter-spacing: 0px;
margin-left: 10px;
color: #000000;}
body.paymatricula .centradomatricula {max-width: 900px;margin: 0 auto}
body.paymatricula .smalli {font-size: 3em;line-height: 35px}
@media (max-width: 768px) {
  body.paymatricula .modificar label {font-size: 16px}
  body.paymatricula .smalli {font-size: 2em;line-height: 35px}
}
section.te-localiza-eoi a.te-localiza-eoi-map-toggle {display: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
form[name="matricula_estacional"] span.text-black + a {
  color: #2DB1EB
}
body {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  line-height: 1;
  background-color: #fff;
  color: #000
}

p {
  font-weight: 400;
}
.lowercase {text-transform: none !important}
.boldi {font-weight: bold !important}
.shadow {box-shadow: 0px 2px 10px #0000004B;}
.noborder {border: none !important}
.thats-english {font: normal normal 900 50px/66px Raleway; text-transform: uppercase;white-space: nowrap;}
body.paymatricula .pagomatricula ul li strong {
  font: normal normal 900 26px/30px Raleway;
  letter-spacing: 0px;
  color: #F2CA25;
}
body.paymatricula .pagomatricula ul li p {
  font: normal normal 900 26px/30px Raleway;
  letter-spacing: 0px;
  color: #000000;
}
body.paymatricula h2 {font: normal normal 800 50px/67px Playfair Display !important;}
.olvidado p {text-align: center;
color: #999;
margin-top: 40px}
/* select */
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
}

/*style the arrow inside the select element:*/

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
#inscripcion .checkbox label.error {
position: absolute;
top: 3px;
}
.border-green {
/*  background-image: linear-gradient(to right, #00634E 0%, #4EBD5A 100%); */
  color: #2e2e2e !important;
  background-color: #f2ca25 !important;
  border: 3px solid transparent !important;
}
.border-green span {
  color: #2e2e2e !important;
}
.border-green:hover {
  border: 3px solid #f2ca25 !important;
  background: #FFF !important;
  color: #000 !important;
}
.border-green:hover span {
  color: #000 !important;
}
.border-green2 {
  border: 3px solid #f2ca25 !important;
  background: #FFF !important;
  color: #000 !important;
}
.border-green2 span {
  color: #000 !important;
}
.border-green2:hover {
/*  background-image: linear-gradient(to right, #00634E 0%, #4EBD5A 100%) !important;
    border-image: linear-gradient(to right, #00634E 0%, #4EBD5A 100%) 1 !important; */
    background: #3f4443 !important;
    border: 3px solid #f2ca25 !important;
  color: #FFF !important;
}
.border-green2:hover span {
  color: #FFF !important;
}
.punts {font-weight: bold; }
.punts::before {
  content: "\2022";
  color: #F7D12E;
  font-weight: bold;
  display: inline-block;
  font-size: 1.4em;
  margin-right: 8px;
}
/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
  color: #000;
  padding: 8px 16px;
  text-align: left;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
.select-selected {
  position:relative;color:#666;background: #fff url(/tebundles/teportal/img/select-angle-down.png) no-repeat right 12px center;border: 1px solid #000;color:#666;
font-size: 1rem;border-radius: 5px;
line-height: 1.3125rem;
height: 50px;
line-height: 34px;
text-align: left;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #EDEDED;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 300px;
overflow-y: scroll;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1025px) {
  body.is-active {
    position: fixed;
    overflow: hidden;
    width: 100%
  }
  .sameheight {
    display: flex;
    align-items: center;
  }
  .sameheight div {
    flex: 1
  }
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

a {
  color: #2DB1EB;
  text-decoration: none;
}

a:hover, a:focus, a:active {
  color: #2DB1EB;
  text-decoration: underline;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}
.contacto-footer{
    font-size:16px;
    line-height:2em;
}
.contacto-footer-t {
  font-weight: 500;
  text-decoration:underline;
  font-size:25px;
  margin-top:50px;
  margin-bottom:20px;
}

.o-wrapper-btn {
  text-align: center
}
.order1 {
  order: 1;
}
.o-btn {
  display: inline-block;
  cursor: pointer;
  padding: 10px 35px;
  outline: none;
  transition: all .3s ease;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  text-decoration: none
}

.o-btn--primary {
  border: 1px solid #000;
  background-color: #FFF;
  color: #000
}

.o-btn:hover svg {
  fill: #FFF;
}
.o-btn--primary.disabled {
  border: 1px solid #3f4443;
  background-color: #3f4443;
  color: #fff;
  transition: all .3s ease;
  text-decoration: none;
  pointer-events: none;
}
.o-btn--primary:hover {
  border: 1px solid #3f4443;
  background-color: #3f4443;
  color: #fff;
  transition: all .3s ease;
  text-decoration: none;
}

body.niveles .o-btn--primary {
  border: 1px solid #000;
  background-color: #fff;
  color: #000
}

body.niveles .o-btn--primary:hover {
  border: 1px solid #3f4443;
  background-color: #3f4443;
  color: #fff;
  transition: all .3s ease;
  text-decoration: none;
}

.o-btn--secondary {
  border: 0px solid #000;
  background-color: #3A50FE;
  color: #fff;
  text-decoration: none;
  border-radius:50px;
  box-shadow: 5px 5px 5px  rgb(90 116 241 / 30%);
}

.o-btn--secondary:hover {
  background-color: #fff;
  transition: all .3s ease;
  color: #083CD6;
  text-decoration: none;
  
}

.o-btn--secondary-negative {
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0);
  color: #fff
}

.o-btn--secondary-negative:hover {
  background-color: #fff;
  transition: all .3s ease;
  color: #3f4443;
  text-decoration: none;
}

.o-btn--light {
  display: flex;
  align-items: flex-start;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
  line-height: .75rem
}

.o-btn--border {
  border: 1px solid #fff
}

.o-btn--padding {
  padding: 11px 66px
}

@media (min-width: 1025px) {
  .o-btn--padding {
    padding: 11px 60px
  }
}

.o-btn--xl {
  display: inline-flex;
  box-shadow: 0 2px 10px #000000a3;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  border: 0;
  font-size: 37px;
  text-transform: none;
  font-size: 1.125rem;
  line-height: 1.5rem
}

.o-btn--xl:hover {
  text-decoration: none;
}

@media (min-width: 1025px) {
  .o-btn--xl {
    width: 21.875rem;
    height: 5rem;
    font-size: 2rem;
    line-height: 3rem
  }

  body.niveles .o-btn--xl {
    line-height: 2rem !important;
    text-align: center !important;
  }
}

@media (min-width: 1280px) {
  .o-btn--xl {
    width: 25.625rem;
    height: 5.625rem
  }
}

.o-figure {
  position: relative;
  display: block
}

h1, h2, h3, h4, h5, h6, p {
  color: #000;
}

.o-h2 {
  margin-bottom: 35px;
  padding-bottom: 15px;
  position: relative;
  font-size: 1.625rem;
  line-height: 1.875rem;
  text-align: center;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  position: relative
}

@media (min-width: 1025px) {
  .o-h2 {
    font-size: 3.4375rem;
    line-height: 4.375rem
  }
}

@media (min-width: 1280px) {
  .o-h2 {
    font-size: 5rem;
    line-height: 7.5rem
  }
}

@media (min-width: 1025px) {
  .o-h2--mid {
    font-size: 4.0625rem;
    line-height: 4.6875rem
  }
}

@media (min-width: 1280px) {
  .o-h2--mid {
    font-size: 4.6875rem;
    line-height: 5.3125rem
  }
}

@media (min-width: 768px) {
  .o-h2--xl {
    font-size: 4.0625rem;
    line-height: 4.6875rem
  }
}

@media (min-width: 1025px) {
  .o-h2--xl {
    font-size: 5.625rem;
    line-height: 6.5625rem
  }
}

@media (min-width: 1280px) {
  .o-h2--xl {
    font-size: 6.5625rem;
    line-height: 7.5rem
  }
}

.o-h2.border:after {
  position: absolute;
  right: auto;
  bottom: -10px;
  left: 0;
  content: '';
  display: block;
  width: 120px;
  height: 7px;
  margin: 0 auto;
  background-color: #f7d117
}

.o-h3 {
  margin-bottom: 55px;
  padding-bottom: 15px !important;
  position: relative;
  font-size: 35px;
  line-height: 2.5rem;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-weight: 900
}

@media (min-width: 1025px) {
  .o-h3 {
    font-size: 2.75rem;
    line-height: 3.25rem
  }
}

@media (min-width: 1280px) {
  .o-h3 {
    font-size: 4rem;
    line-height: 4.6875rem
  }
}

@media (min-width: 1025px) {
  .o-h3--small {
    font-size: 2.5rem;
    line-height: 3.125rem
  }
  .o-h3--smalli {
    font-size: 55px;
    line-height: 74px
  }
}

@media (min-width: 1280px) {
  .o-h3--small {
    font-size: 64px;
    line-height: 79px;
  }
}

@media (min-width: 1025px) {
  .o-h3--mid {
    font-size: 2.8125rem;
    line-height: 3.4375rem
  }
}

@media (min-width: 1280px) {
  .o-h3--mid {
    font-size: 3.75rem;
    line-height: 4.375rem
  }
}

.o-h3:after {
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  content: '';
  display: block;
  width: 120px;
  height: 7px;
  margin: 0 auto;
  background-color: #f7d117
}
.o-h3-left:after {
  position: absolute;
  bottom: -25px;
  left: 0;
  content: '';
  display: block;
  width: 120px;
  height: 7px;
  margin: 0 auto;
  background-color: #f7d117
}
.o-h3.trenta:after {
  bottom: -5px;
}
.o-h33:after {
  height: 12px;
}
@media (min-width: 1025px) {
  .o-h3.doble12:after {height: 12px !important}
  .o-h3.moltpetit:after {width: 50px !important}
}
@media (max-width: 1024px) {
  .o-h3:after {
    bottom: -5px !important;
  }
    .c-access--item {margin-bottom: 0 !important}
    body.tratamientoDatos .o-h3:after { height: 7px;}
.o-h3:after { height: 3px;}

  .o-h33:after {
    height: 3px;
  }
  .o-h3.o-h3--align-left-md:after {
    width: 120px !important
  }
  .o-h3.o-h3--align-left-md.imagetop:after, .o-h3.o-h3--align-left-md.imagetop2:after, .o-h3.o-h3--align-left-md.imagetop3:after {
    width: 66px !important;
    height: 5px;
  }
  .border-seis:after {
    height: 6px !important;
  }
  .o-h3.petit:after {width: 66px !important}
  .o-h3.moltpetit:after {width: 50px !important}
  .o-h3.doble:after {height: 7px !important}
  .o-h3.sensebarra:after {content: none !important}
}

.o-h3.border-left:after {
  left: 0;
  right: inherit
}

.o-h3.no-border:after {
  content: none
}

.o-h3--line-black:after {
  background-color: #000
}

.o-h3 em {
  color: #f7d117;
  font-style: normal
}

.o-h3--align-left {
  text-align: left
}

.o-h3--align-left:after {
  left: 0;
  right: inherit
}

  .o-h3--align-left-md {
    text-align: left
  }

  .o-h3--align-left-md:after {
    left: 0;
    right: inherit
}

.o-h3--color-white {
  color: #fff
}

.o-h3--color-white:after {
  background-color: #fff
}

.o-h4 {
  margin-bottom: 30px;
  font-size: 1.125rem;
  font-weight: 900;
  line-height: 1.5rem;
  text-align: left;
  text-transform: uppercase;
  position: relative
}

@media (min-width: 1025px) {
  .o-h4 {
    margin-bottom: 45px;
    font-size: 2.25rem;
    line-height: 3rem
  }
}

@media (min-width: 1440px) {
  .o-h4--xl {
    font-size: 2.8125rem;
    line-height: 3.4375rem
  }
}

.o-h4 em {
  color: #f7d117;
  font-style: normal
}

.o-h4.border-yellow:after {
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  content: '';
  display: block;
  width: 120px;
  height: 12px;
  margin: 0 auto;
  background-color: #f7d117
}

.o-h5 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1875rem
}

.o-h5 em {
  color: #f7d117;
  font-style: normal
}

.o-h6 {
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.1875rem;
  text-align: center
}

.o-h6 em {
  color: #f7d117;
  font-style: normal
}

@media (min-width: 1025px) {
  .o-h6 {
    font-size: 1.5rem;
    line-height: 1.75rem
  }
}

body.thats .o-h6 {
  font-weight: 600;
}

.o-image {
  display: block;
  width: 100%;
  height: auto
}

.o-image--auto {
  width: auto
}

@media (min-width: 1025px) {
  .o-image--auto {
    width: 100%
  }
}

.o-image--vertical {
  width: auto;
  height: 100vh
}

@media (min-width: 768px) {
  .o-image--vertical {
    width: 100%;
    height: auto
  }
}

.o-layout {
  padding-top: 160px
}

@media (min-width: 1025px) {
  .o-layout {
    padding-top: 170px
  }
}

.o-link-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  font-size: 0;
  opacity: 0
}

.o-picture {
  position: relative;
  display: block
}

.o-svg__facebook {
  height: 20px
}

.o-svg__tve {
  height: 26px
}

.o-svg__twitter {
  height: 14px
}

.o-svg__youtube {
  height: 20px
}

.o-svg__linkedin {
  height: 17px
}

.o-svg__instagram {
  height: 18px
}

.o-svg__user {
  height: 28px;
  margin: 0 15px 6px 0
}

@media (min-width: 1025px) {
  .o-svg__user {
    margin: 0 14px 0 0
  }
}

.o-svg__login {
  height: 21px;
  margin: 6px 15px 0 0
}

@media (min-width: 1025px) {
  .o-svg__login {
    margin: 0
  }
}

.o-svg__search {
  height: 24px
}

@media (min-width: 1025px) {
  .o-svg__search {
    margin: 0 40px 0 0
  }
}

.o-svg__logo {
  height: 31px
}

@media (min-width: 1640px) {
  .o-svg__logo {
    height: 43px
  }
}

.o-svg__link {
  margin-left: 5px;
  height: 10px
}

.o-svg__menu {
  height: 12px
}

.o-svg__close {
  height: 14px
}

.o-svg__eductrade {
  height: 30px;
  padding-top: 5px
}

.o-svg__about {
  height: 56px
}

@media (min-width: 1025px) {
  .o-svg__about {
    height: 82px
  }
}

.o-svg__calendar {
  height: 37px;
  fill: #f7d117
}

@media (min-width: 1025px) {
  .o-svg__calendar {
    height: 50px
  }
}

.o-svg__play {
  height: 78px;
}

body.thats .open-modal {
  width: 78px;
  height: 78px;
  border: none;
}

@media (min-width: 1025px) {
  .o-svg__play {
    height: 142px
  }

  body.thats .open-modal {
    width: 142px;
    height: 142px;
  }
}

.o-svg__center {
  height: 23px
}

@media (min-width: 1025px) {
  .o-svg__center {
    height: 38px
  }
}

.o-svg__arrow {
  height: 38px
}

.o-svg__tip {
  height: 43px
}

.o-svg__mastercard {
  height: 27px
}

.o-svg__visa {
  height: 27px;
  margin-left: 10px
}

.o-svg__bbva {
  height: 24px
}

.o-svg__material {
  height: 58px;
  flex-shrink: 0
}

.o-svg__mentor {
  height: 52px;
  flex-shrink: 0
}

.o-svg__icons-login {
  height: 26px
}

@media (min-width: 1440px) {
  .o-svg__icons-login {
    height: 50px
  }
}

.o-svg__speaking {
  height: 41px
}

.o-svg__speaking-exp {
  height: 45px
}

.o-svg__reading {
  height: 47px
}

.o-svg__writting-exp {
  height: 41px
}

.o-svg__meditation {
  height: 41px
}

.o-svg__check {
  width: 20px;
  height: 14px
}

.o-svg__certification {
  width: 75px;
  height: 75px
}

.o-svg__arrow-select {
  height: 4px
}

@media (min-width: 1025px) {
  .o-form {
    padding-top: 10px
  }
}

.o-form__select {
  outline: none;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  margin-bottom: 25px;
  border-radius: 5px;
  border: 1px solid #000;
  color: #666;
  font-size: 1rem;
  line-height: 1.3125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 36px;
  background: #fff url(/tebundles/teportal/img/select-angle-down.png) no-repeat right 12px center;
}
.legali {font: normal normal normal 17px/20px Raleway;}
.matriculainternetacepto {font: normal normal normal 20px/20px Raleway;margin-bottom:20px}
.matriculainternetacepto input {margin-top: 5px}
.o-form__select:disabled {background-color: #eee}
.o-form__select-label {
  position: absolute;
  top: 3px;
  left: 20px;
  display: none;
  color: #f7d117;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem
}

.o-form__label-block {
  min-width: 330px;
  padding-top: 10px
}

.o-form__select-block {
  position: relative;
  width: 100%
}

.o-form__select-block.is-active .o-form__select {
  padding-top: 10px;
  color: #000
}

.o-form__select-block.is-active .o-form__select-label {
  display: initial
}

.o-form__input-block {
  position: relative;
  width: 100%
}

.o-form__input-block.is-active .o-form__input {
  padding-top: 10px;
  color: #000
}

.o-form__input-block.is-active .o-form__input-label {
  display: initial
}

.o-form__input-label {
  position: absolute;
  top: 3px;
  left: 16px;
  display: none;
  color: #f7d117;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem
}

.o-form__input {
  outline: none;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  margin-bottom: 25px;
  border: 1px solid #000;
  border-radius: 5px;
  font-size: 1rem;
  line-height: 1.3125rem
}

.o-form__input::-moz-placeholder {
  color: #b5bfbd
}

.o-form__input:-ms-input-placeholder {
  color: #b5bfbd
}

.o-form__input::placeholder {
  color: #b5bfbd
}

.o-form__input:disabled {
  background-color: #fff;
  border: 0
}

@media (min-width: 1025px) {
  .o-form__input:disabled {
    background-color: #f4f4f4
  }
}

.o-form__input--search {
  padding-right: 50px;
  margin-bottom: 0;
  color: #000;
}


.admin-access-input::placeholder {
  color: #FFC300;
}

.o-form__radio-block {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}

.o-form__radio-block--column {
  flex-direction: column
}

.o-form__radio-block--center {
  justify-content: center
}

.o-form__label {
  color: #f7d117;
  font-size: 1.625rem;
  font-weight: 900;
  width: 21.875rem;
  padding-top: 0px;
}

.o-form__label-radio {
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 8px;
  color: #f7d117;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem
}

.o-form__textarea {
  width: 100%;
  height: 125px;
  padding: 15px;
  margin-bottom: 40px;
  border: 1px solid #000;
  border-radius: 5px;
  resize: none;
  font-family: "Raleway", sans-serif;
  font-size: 1rem;
  line-height: 1.3125rem
}

.o-form__textarea::-moz-placeholder {
  color: #b5bfbd
}

.o-form__textarea:-ms-input-placeholder {
  color: #b5bfbd
}

.o-form__textarea::placeholder {
  color: #b5bfbd
}

@media (min-width: 1025px) {
  .o-form__textarea {
    margin-bottom: 30px
  }
}

.o-form__input-file {
  position: absolute;
  z-index: -1;
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden
}

.o-form__input-file-label {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  width: 100%;
  padding: 0;
  margin-bottom: 40px;
  overflow: hidden;
  font-size: .875rem;
  line-height: 1.1875rem;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media (min-width: 1025px) {
  .o-form__input-file-label {
    flex-direction: initial;
    align-items: center;
    margin-bottom: 30px
  }
}

.o-form__input-file-span {
  margin-bottom: 15px
}

@media (min-width: 1025px) {
  .o-form__input-file-span {
    margin: 0 40px 0 0
  }
}

.o-form__input-file-strong {
  padding: 5px 31px;
  margin: auto auto auto 0;
  border: 1px solid #000;
  font-size: .75rem;
  font-weight: 500;
  line-height: .75rem;
  text-transform: uppercase;
  display: inline-block
}

.o-form__custom-checkbox {
  position: relative;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 40px
}

@media (min-width: 1025px) {
  .o-form__custom-checkbox {
    margin-bottom: 20px
  }
}

.o-form__check {
  position: absolute;
  opacity: 0;
  cursor: pointer
}

.o-form__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #3f4443;
  border-radius: 100%
}

.o-form__checkmark--square {
  border-radius: 3px
}

.o-form__checkmark--center {
  top: 2px
}

.o-form__checkmark--white {
  border-color: #fff
}

.o-form__checkmark:after {
  position: absolute;
  content: '';
  display: none;
  width: 8px;
  height: 8px;
  background-color: #3f4443;
  border-radius: 100%
}

.o-form__wrapper-check {
  padding: 45px 25px 45px;
  background-color: #fff
}

@media (min-width: 1025px) {
  .o-form__wrapper-check {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 45px 60px 45px 75px
  }
}

.o-form__main-text {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  row-gap: 0;
  align-items: center;
  padding-left: 28px;
  font-size: 1.125rem;
  line-height: 1.5rem
}

.o-form__main-text .o-form__checkmark {
  top: 4px
}

@media (min-width: 1025px) {
  .o-form__main-text {
    flex-shrink: 0;
    width: 100%
  }
}

.o-form__check:checked~.o-form__checkmark:after {
  display: block
}

.o-form__check:checked~.o-form__wrapper-check .o-form__checkmark:after {
  display: block
}

@media (min-width: 1025px) {
  .o-form__check:checked~.o-form__wrapper-check .o-form__main-text {
    margin-bottom: 35px
  }
}

.o-form__check:checked~.o-form__wrapper-check {
  background-color: #f7d117
}

.o-form__check-info {
  display: none;
  padding-top: 25px;
  font-size: 1rem;
  line-height: 1.5625rem
}

.o-form__check-info--first {
  margin-bottom: 25px
}

@media (min-width: 1025px) {
  .o-form__check-info {
    width: 50%;
    max-width: 470px;
    padding-top: 0
  }

  .o-form__check-info--first {
    padding-left: 30px;
    margin-bottom: 0
  }
}

.o-form__check:checked~.o-form__wrapper-check .o-form__check-info {
  display: block
}

.o-form__check-text {
  display: block;
  padding-left: 25px;
  font-size: .975rem;
  font-weight: 400;
  line-height: 1.1875rem;
}

@media (min-width: 1025px) {
  .o-form__check-text--big {
    font-size: 1rem;
    line-height: 1.375rem
  }
}

.o-form__check-link {
  color: #000;
  font-weight: 700;
  text-decoration: underline
}

.o-form__group {
  position: relative
}

@media (min-width: 1025px) {
  .o-form__group--medium {
    max-width: 280px
  }

  .o-form__group--flex {
    display: flex;
    justify-content: flex-start
  }

  .o-form__group--flex .o-form__select-block, .o-form__group--flex .o-form__radio-block, .o-form__group--flex .o-form__input-block {
    margin-left: 20px
  }

  .o-form__group--flex .o-form__select-block:first-child, .o-form__group--flex .o-form__radio-block:first-child, .o-form__group--flex .o-form__input-block:first-child {
    margin-left: 0
  }

  .o-form__group--last-flex:after {
    content: '';
    width: 100%;
    margin-left: 20px
  }

  .o-form__group--full-width {
    width: 100%
  }
}

.o-form__search-icon {
  position: absolute;
  top: 9px;
  right: 18px;
  fill: #fc2b62;
  height: 30px
}

@media (min-width: 1025px) {
  .o-form__search-icon {
    right: -20px
  }
}

.o-text {
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.8125rem;
  text-align: center
}

@media (min-width: 1025px) {
  .o-text {
    font-size: 1.375rem;
    line-height: 2rem
  }

  body.aturitmo .o-text {
    font: normal normal 600 30px/37px Raleway;
  }

  body.mapaweb .o-text {
    text-align: left;
  }
}

.o-text b {
  font-weight: 700
}

.o-text--small {
  font-size: 1rem;
}

@media (min-width: 1025px) {
  .o-text--small {
    font-size: 1.125rem;
    line-height: 1.625rem
  }
}

.o-text--light {
  margin: 0 0 40px 0;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.375rem;
  text-align: left;
}

@media (min-width: 1025px) {
  .o-text--light {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.375rem;
    text-align: left;
  }
}

.c-about {
  margin-bottom: 60px
}

@media (min-width: 1025px) {
  .c-about {
    margin-bottom: 120px
  }
}

.c-about--eoi {
  position: relative;
  background-color: #fff;
  margin-bottom: 0
}

.c-about--eoi:after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 650px;
  background-color: #f7d117
}

@media (min-width: 1025px) {
  .c-about--eoi:after {
    height: 460px
  }
}

.c-about--eoi .c-about__logo {
  display: none
}

.c-about--eoi .c-about__container {
  padding-bottom: 90px
}

@media (min-width: 1025px) {
  .c-about--eoi .c-about__container {
    padding: 30px 0 175px
  }
}

.c-about__container {
  width: 90%;
  padding: 80px 0 45px;
  margin: 0 auto
}

.c-about__container .avisame {
  margin: 60px 0 95px;
}

body.aturitmo .c-about__container p {
  font-size: 1.375rem;
  font-weight: 400
}

@media (min-width: 1025px) {
  .c-about__container {
    max-width: 1160px;
    padding: 80px 0 70px
  }
  .sketch {max-width: 1160px;}
  .c-about__container.widy {
    max-width: 1560px;
  }
  .c-about__container.widy2 {
    max-width: 1500px;
  }
}

.c-about__logo {
  margin-bottom: 55px;
  text-align: center
}

@media (min-width: 1025px) {
  .c-about__logo {
    margin-bottom: 65px
  }
}

.c-about__svg {
  width: 100%;
  height: 120px;
  fill: #000
}

@media (min-width: 1025px) {
  .c-about__svg {
    width: 500px
  }
}

.c-about__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px 15px;
  margin-bottom: 60px
}

@media (min-width: 1025px) {
  .c-about__list {
    gap: 60px 100px;
    margin-bottom: 75px
  }
}

@media (min-width: 1025px) {
  .c-about__item {
    display: flex
  }
}

.c-about__item-figure {
  margin-bottom: 30px;
  text-align: center
}

@media (min-width: 1025px) {
  .c-about__item-figure {
    margin: 0 30px 0 0
  }
}

.c-about__item-title {
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25rem
}

@media (min-width: 1025px) {
  .c-about__item-title {
    font-size: 1.375rem;
    line-height: 1.8125rem
  }
}

.c-about__item-text {
  font-size: .875rem;
  line-height: 1.375rem
}

@media (min-width: 1025px) {
  .c-about__wrapper-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 30px;
    column-gap: 30px;
    max-width: 1165px;
    margin: 0 auto
  }
}

.c-about__block {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  overflow: hidden
}

@media (max-width: 1024px) {
  .c-about__block {
    margin-bottom: 20px
  }
}

@media (min-width: 1025px) {
  .c-about__block:not(:last-child) {
    margin-bottom: 0;
    max-width: 565px
  }
}

.c-about__figure {
  position: relative;
  height: 100%
}

@media (max-width: 1024px) {
  .c-about__figure {
    position: absolute
  }
}

.c-about__figure .o-image {
  height: 100%
}

.c-about__wrapper-info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
  margin: auto
}

@media (max-width: 1024px) {
  .c-about__wrapper-info {
    position: relative;
    padding: 30px
  }
}

@media (min-width: 1025px) {
  .c-about__wrapper-info {
    padding: 0 40px
  }
}

.c-about__center {
  padding: 25px 30px;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

@media (min-width: 768px) {
  .c-about__center {
    min-height: 210px
  }
  .c-about__info {
    min-height: 72px;
    padding: 15px 25px;
  }
}
@media (min-width: 1025px) {
  body.niveles .c-about__center {
    min-height: 343px
  }
}
@media (min-width: 1280px) {
  .c-about__center {
    padding: 40px 40px 20px
  }
  .c-about__center {
    min-height: 273px
  }
  body.niveles .c-about__center {
    min-height: 397px
  }
  .c-about__info {
    min-height: 101px
  }
}
.c-about__center-title {
  margin-bottom: 25px;
  font-size: 1.375rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.375rem;
  position: relative
}

@media (min-width: 1280px) {
  .c-about__center-title {
    font-size: 2.25rem;
    line-height: 2.75rem
  }
}

.c-about__center-title:after {
  content: '';
  position: absolute;
  height: 7px;
  width: 50px;
  display: block;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f7d117
}

.c-about__center-text {
  font-size: 1em;
  line-height: 1.575rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400
}

.c-about__info {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0 -8px 5px -5px #999
}

@media (min-width: 1025px) {
  .c-about__info {
    padding: 25px 35px
  }
}

.c-about__info-figure {
  width: 23px;
  margin-right: 15px
}

@media (min-width: 1025px) {
  .c-about__info-figure {
    width: 38px
  }
}

.c-about__info-text {
  font-size: .85rem;
  line-height: 1.1rem;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  margin-left: 20px;
}

.c-about--center .c-about__container {
  padding: 80px 0 0
}

@media (min-width: 1025px) {
  .c-access {
    margin-bottom: 60px
  }
}

.c-access__block {
  padding-bottom: 40px;
  background-color: #f4f4f4;
}

@media (min-width: 1025px) {
  .c-access__block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 0
  }
}

@media (min-width: 1025px) {
  .c-access__block--right .c-access__figure {
    order: 1
  }
}

@media (min-width: 1280px) {
  .c-access__block--right .c-access__wrapper-text {
    margin-right: 80px;
    margin-left: auto;
    padding-left: 80px;
  }
  figure.height1822 picture img {object-position: 0 -10px;}
  .c-access__block--right .c-access__wrapper-text--right {
    margin-right: 80px;
    margin-left: auto;
    padding-right: 80px;
  }
}

@media (max-width: 992px) {
  .c-access__block .o-h4 {
    text-align: center !important
  }
  .c-access__block .o-h4.u-text-align-left {
    text-align: left !important;
  }
}
body.eois .disabled:hover {
  cursor: pointer;
}
@media (max-width: 1024px) {
  .c-access__block table {
    margin-top: 30px
  }
  .c-about__center-title:after {
    width: 66px;
    height: 5px;
  }
  body.eois .c-about__center-title:after {
    width: 48.5px;
  }
  .c-access__block table td {
    display: block
  }

  figure.height182 picture, figure.height1822 picture {
    display: block;
    height: 182px;
    overflow: hidden;
  }
  figure.height192 picture {
    display: block;
    height: 192px;
    overflow: hidden;
  }
  figure.height1922 picture {
    display: block;
    height: 192px;
    overflow: hidden;
  }
  figure.height157 picture {
    display: block;
    height: 157px;
    overflow: hidden;
  }
  figure.height217 picture {
    display: block;
    height: 217px;
    overflow: hidden;
  }
  figure.height250 picture {
    display: block;
    height: 250px;
    overflow: hidden;
  }
  figure.height2501 picture {
    display: block;
    height: 250px;
    overflow: hidden;
  }
  figure.height253 picture {
    display: block;
    height: 253px;
    overflow: hidden;
  }
  figure.height271 picture {
    display: block;
    height: 271px;
    overflow: hidden;
  }
  figure.height278 picture {
    display: block;
    height: 278px;
    overflow: hidden;
  }
  figure.height300 picture {
    display: block;
    height: 300px;
    overflow: hidden;
  }
  figure.height302 picture {
    display: block;
    height: 302px;
    overflow: hidden;
  }
  figure.height364 picture {
    display: block;
    height: 364px;
    overflow: hidden;
  }
  figure.height175 picture {
    display: block;
    height: 175px;
    overflow: hidden;
  }
  figure.height405 picture {
    display: block;
    height: 405px;
    overflow: hidden;
  }
  figure.height405 picture {
    display: block;
    height: 410px;
    overflow: hidden;
  }
  figure.height157 picture img {object-position: 0 -10px;}
  figure.height175 picture img {object-position: 0 -50px;}
  figure.height405 picture img {height: 100%;width: auto;object-position: -150px;}
  figure.height253 picture img, figure.height271 picture, figure.height278 picture, figure.height302 picture {height: 100%;width: auto;}
  figure.height182 picture img, figure.height217 picture img {
    margin: -10% auto;
  }
  figure.height2501 picture img {width: 120%;object-position: 0 -30px;}
  body.thats .c-access__figure--opacity:before {background-color: rgba(0, 0, 0, 0.3) !important;}
  figure.height300 picture img {
    margin: -20% auto;
  }
  #price-section figure picture img {object-position: -400px 0;}
  #online-registration-section figure picture img {object-position: 50% 50% !important;}
  #grid-inscripcion-online-1, #grid-inscripcion-online-2 {padding-bottom: 0}
}
figure img.rtve {
  position: absolute;
z-index: 1;
right: -40px;
bottom: -40px;
max-width: 300px;
}

@media (min-width: 767px) and (max-width: 1024px) {
  #price-section figure picture img {object-position: -200px 0;}
  figure.height300 picture img {object-position: 0 -230px;}
  figure.height250 picture img {object-position: 0 -250px;}
  figure.height405 picture img {height: auto;width: 100%; object-position: 0 0}
  figure.menos100 picture img {object-position: 0 0 !important;}
  figure.menos50 picture img {object-position: 0 -50px !important;}
  figure.menos150 picture img {object-position: 0 -150px !important;}
  figure.heighttablet picture {
    display: block;
    height: 405px;
    overflow: hidden;
  }
  figure img.rtve {max-width: 250px}
  figure.heighttablet picture img {object-position: 0 0}
  figure.height175 picture, figure.height192 picture, figure.height1922 picture  {
    display: block;
    height: 305px;
    overflow: hidden;
  }
  figure.height253 picture img {height: auto;width: 100%; object-position: 0 0}
  figure.height2501 picture img {object-position: 0 -210px;}
}
@media (min-width: 481px) and (max-width: 768px) {
  figure.height300 picture img {object-position: 0 0;}
  figure.height250 picture img {object-position: 0 0;}
  figure.height405 picture img, figure.height253 picture img {height: auto;width: 100%; object-position: 0 0}
  figure.height405 picture {height: auto}
  figure.menos100 picture img {object-position: 0 0 !important;}
  figure img.rtve {max-width: 250px}
  figure.height175 picture, figure.height192 picture, figure.height1922 picture {
    display: block;
    height: 255px;
    overflow: hidden;
  }
  figure.height2501 picture img {object-position: 0 -130px;}
}
@media (max-width: 480px) {
  figure.menos100m picture img {object-position: 0 -100px !important;}
  figure.height364 picture img {height: 100%;width: auto; object-position: -250px 0}
  figure.height192 picture img {object-position: -30px 0}
  figure img.rtve {max-width: 180px;right: -20px;
bottom: -20px;}
}
.c-access__figure {
  position: relative;
  margin-bottom: 25px
}

@media (min-width: 1025px) {
  .c-access__figure {
    margin-bottom: 0
  }
}

.c-access__figure--opacity:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4)
}

body.thats .c-access__figure--opacity:before {
  background-color: rgba(0, 0, 0, 0)
}

body.aturitmo .c-access__figure--opacity:before {
  background-color: rgba(0, 0, 0, 0);
}

body.inscripcion .c-access__figure--opacity:before {
  background-color: rgba(0, 0, 0, 0);
}

body.inscripcion1 .c-access__figure--opacity:before {
  background-color: rgba(0, 0, 0, 0);
}

body.faqs .c-access__figure--opacity:before {
  background-color: rgba(0, 0, 0, 0);
}

body.contacto .c-access__figure--opacity:before {
  background-color: rgba(0, 0, 0, 0);
}

@media (min-width: 1025px) {
  .c-access__img--fit {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: initial;
    object-position: initial;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
  }
}

.c-access__play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 78px;
  height: 78px;
  margin: auto
}

@media (min-width: 1025px) {
  .c-access__play {
    width: 142px;
    height: 142px
  }
  .c-access__wrapper-text, .c-access__wrapper-text--right, body.contacto .c-access__wrapper-text {
    max-width: 558px;
  }

}

.c-access__wrapper-text {
  width: 90%;
  margin: 0 auto;
  text-align: center
}

.c-access__wrapper-text--right {
  width: 90%;
  margin: 0 auto;
  text-align: center
}

@media (min-width: 1524px) {
  .c-access__wrapper-text, .c-access__wrapper-text--right {
  /*  max-width: 670px; */
    max-width: 580px;
  }
  body.niveles .c-access__wrapper-text, body.aturitmo .c-access__wrapper-text {
    max-width: 614px;
  }
  body.contacto .c-access__wrapper-text {
    max-width: 558px;
  }
}

@media (max-width: 1024px) {
  .c-access__wrapper-text {
    text-align: center !important
  }


  body.faqs .c-access__wrapper-text--right .u-text-align-left, body.faqs .c-access__wrapper-text, body.faqs .c-access__wrapper-text .u-text-align-left {
    text-align: left !important
  }

  body.faqs .c-access__block .o-h3 {
    text-align: left !important
  }

  body.faqs .c-access__block .o-h3:after {
    margin-left: 0
  }

  body.faqs .c-access__figure p, .imagentexto p {
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center;
    max-width: 80% !important;
    bottom: 15px !important;
    left: 0;
    right: 0 !important;
    margin: 0 auto;
  }
}

@media (min-width: 1025px) {
  .c-access__wrapper-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 45px 40px;
    text-align: left
  }

  .c-access__wrapper-text--right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 0;
    text-align: left
  }
}

@media (min-width: 1280px) {
  .c-access__wrapper-text {
    margin-left: 80px
  }

  .c-access__wrapper-text.left {
    margin-left: auto;
    margin-right: 80px
  }

  .c-access__wrapper-text--right {
    margin-left: 80px
  }

  .c-access__wrapper-text--right.left {
    margin-left: auto;
    margin-right: 80px
  }
}

.c-access__download {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 10px;
  column-gap: 10px;
  max-width: 315px;
  margin: auto
}

body.thats .c-access__download {
  column-gap: 40px;
  max-width: 450px;
}

@media (min-width: 1025px) {
  .c-access__download {
    margin: 0
  }
}

.c-access__tip {
  position: relative
}

.c-access__tip:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 90%;
  border: 9px solid #f7d117
}

.c-access__wrapper-tip {
  position: relative;
  z-index: 1;
  padding: 35px 20px 0
}

@media (min-width: 1025px) {
  .c-access__wrapper-svg {
    display: grid;
    grid-template-columns: 43px auto;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding: 0 20px
  }

  body.thats .c-access__wrapper-svg {
    padding: 0 20px 0 0;
  }
}

.c-access__tip-svg {
  width: 43px;
  margin: 0 auto 20px
}

body.thats .c-access__tip-svg {
  width: 100px;
}

.c-access__tip-text {
  margin-bottom: 20px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.125rem
}

body.thats .c-access__tip-text {
  margin-left: 40px;
}

.c-access__list {
  margin-bottom: 45px
}

.c-access__list-item {
  display: grid;
  grid-template-columns: 30px auto;
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin-bottom: 15px;
  padding: 20px 25px;
  background-color: #f9e592;
  align-items: center
}

.c-access__list-item:first-child {
  background-color: #f7d117
}

.c-access__item-number {
  font-size: 4.125rem;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  line-height: 1;
  text-align: left
}

.c-access__item-text {
  font-size: .875rem;
  line-height: 1.375rem;
  text-align: left
}

.c-access .o-text {
  font-size: 1rem;
  font-weight: 400
}

@media (max-width: 992px) {
  .c-access .o-text {
    text-align: center !important
  }

  .c-access .o-text .u-text-align-left {
    text-align: center !important
  }
}

.c-access--item {
  display: flex;
  margin-bottom: 25px;
  font-weight: 600;
}

body.aturitmo .c-access--item {
  margin-bottom: 40px;
}

.c-access-login {
  position: relative
}

@media (min-width: 1280px) {
  .c-access-login {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(100vh - 310px)
  }
}

.c-access-login__wrapper {
  position: relative;
  width: 90%;
  max-width: 725px;
  margin: 0 auto;
  padding: 120px 0 160px
}

@media (min-width: 1280px) {
  .c-access-login__wrapper {
    padding: 70px 100px;
    background-color: #fff;
    border: 15px solid
  }
}

.c-access-login__figure {
  position: absolute;
  top: -30px;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden
}

.c-access-login__figure:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: .6;
  background-color: #000
}

@media (min-width: 1025px) {
  .c-access-login__figure {
    top: -25px
  }
}

.c-access-login__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.c-access-login__title {
  padding-top: 60px;
  font-size: 2.25rem;
  line-height: 3rem;
  color: #fff;
  text-align: left;
  white-space: pre-line
}

@media (min-width: 1280px) {
  .c-access-login__title {
    padding-top: 0;
    color: #000;
    line-height: 2.625rem;
    white-space: nowrap
  }
}

.c-access-login__btn {
  width: 270px
}

@media (min-width: 1280px) {
  .c-access-login__btn {
    width: 220px
  }
}

.c-banner-level {
  position: relative;
  padding: 59px 0 70px;
  margin: 45px 0 70px
}

@media (min-width: 1025px) {
  .c-banner-level {
    padding: 100px 0;
    margin: 85px 0 150px
  }
}

.c-banner-level__container {
  position: relative;
  width: 90%;
  max-width: 640px;
  margin: 0 auto
}

#price-section .c-banner-level__container {z-index: 1}
.zindex1 {z-index: 1; position: relative;}
.zindex0 {z-index: 0;}
.c-banner-level__container--big {
  max-width: 960px
}

.c-banner-level__figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden
}

.c-banner-level__figure:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: .6;
  background-color: #000
}

body.inscripcion #price-section .c-banner-level__figure:before {
  z-index: 1;
  background: #000000 0% 0% no-repeat padding-box;
opacity: 0.41;
}
body.inscripcion #online-registration-section .c-banner-level__figure:before {
  background: #000000 0% 0% no-repeat padding-box;
opacity: 0.31;
}

body.inscripcion1 #price-section .c-banner-level__figure:before {
  z-index: 1;
  background: #000000 0% 0% no-repeat padding-box;
opacity: 0.41;
}
body.inscripcion1 #online-registration-section .c-banner-level__figure:before {
  background: #000000 0% 0% no-repeat padding-box;
opacity: 0.31;
}

.c-banner-level__title {
  margin-bottom: 25px;
  color: #fff;
  white-space: pre-line
}

@media (min-width: 1025px) {
  .c-banner-level__title {
    margin-bottom: 40px
  }
}

.c-banner-level__img {
  height: 100%;
  object-fit: cover;
}

.c-banner-level__text {
  width: 75%;
  margin: 0 auto 35px;
  color: #fff;
  font-size: .875rem;
  line-height: 1.125rem;
  text-align: center
}

@media (min-width: 1025px) {
  .c-banner-level__text {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 20px
  }
}

.c-banner-level__btn {
  display: block;
  width: 80%;
  margin: 0 auto;
  text-align: center
}

@media (min-width: 768px) {
  .c-banner-level__btn {
    width: 43%
  }
}

.c-error {
  min-height: calc(100vh - 310px);
  padding: 135px 0 65px;
  background-color: #f7d117
}

@media (min-width: 1025px) {
  .c-error {
    padding-top: 175px
  }
}

.c-error__container {
  width: 90%;
  margin: 0 auto;
  text-align: center
}

.c-error__container .o-svg {
  height: 46px;
  fill: #000
}

@media (min-width: 1025px) {
  .c-error__container .o-svg {
    height: 76px
  }
}

.c-error__list {
  display: none;
  margin: 0 auto
}

@media (min-width: 1025px) {
  .c-error__list {
    display: flex
  }
}

@media (min-width: 1280px) {
  .c-error__list {
    margin-top: 40px
  }
}

.c-error__item {
  font-size: .875rem;
  line-height: 1.1875rem;
  text-transform: uppercase
}

.c-error__item:after {
  content: '>';
  padding: 0 8px
}

.c-error__item:last-child {
  font-weight: 700
}

.c-error__item:last-child:after {
  content: none
}

.c-error__link {
  cursor: pointer
}

.c-error__figure {
  position: relative;
  top: -119px;
  left: 0;
  z-index: 1;
  margin-bottom: -85px
}

@media (min-width: 1025px) {
  .c-error__figure {
    top: -91px;
    margin-bottom: -55px
  }
}

.c-error__title {
  color: #fff;
  opacity: .5;
  font-size: 9.375rem;
  font-weight: 900;
  line-height: 18.3125rem;
  text-align: center
}

@media (min-width: 1025px) {
  .c-error__title {
    font-size: 15.625rem
  }
}

.c-error__text {
  max-width: 510px;
  margin: 0 auto 50px;
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 2.875rem;
  text-align: center;
  white-space: pre-line
}

.c-error__btn {
  width: 90%;
  max-width: 298px
}

.c-evaluation {
  margin-bottom: 40px
}

@media (min-width: 1025px) {
  .c-evaluation {
    margin-bottom: 130px
  }
}

@media (min-width: 1025px) {
  .c-evaluation__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 90px
  }
}

.c-evaluation__wrapper-text {
  width: 90%;
  margin: 0 auto
}

@media (min-width: 1025px) {
  .c-evaluation__wrapper-text {
    margin-right: 5%;
    max-width: 485px
  }
}

@media (min-width: 1280px) {
  .c-evaluation__wrapper-text {
    margin-right: 100px;
    margin-left: auto
  }
}

.c-evaluation__calendar-box {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 30px 0 40px;
  padding-top: 20px;
  border-top: 1px solid #f7d117
}

@media (min-width: 1025px) {
  .c-evaluation__calendar-box {
    justify-content: start;
    padding-left: 25px
  }
}

.c-evaluation__calendar-icon {
  width: 23px;
  margin-right: 15px
}

.c-evaluation__calendar-icon .o-svg {
  height: 23px
}

.c-evaluation__calendar-svg {
  height: 23px
}

.c-evaluation__date-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column
}

.c-evaluation__calendar-text {
  font-size: 1rem;
  line-height: 1.1875rem;
  text-align: left
}

.c-evaluation__date {
  display: block;
  color: #f7d117;
  font-size: 1.375rem;
  line-height: 1.5625rem
}

.c-evaluation__figure {
  margin-bottom: 50px
}

@media (min-width: 1025px) {
  .c-evaluation__figure {
    margin-bottom: 0
  }
}

.c-evaluation__image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: initial;
  object-position: initial
}

.c-evaluation__text {
  width: 63%;
  margin: 0 auto 50px
}

@media (min-width: 1025px) {
  .c-evaluation__text {
    max-width: 560px
  }
}

.c-evaluation__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 15px;
  width: 90%;
  margin: 0 auto 80px
}

@media (min-width: 1025px) {
  .c-evaluation__list {
    grid-template-columns: repeat(5, 1fr);
    gap: 0 50px;
    max-width: 1165px;
    margin: 0 auto 50px
  }
}

.c-evaluation__item {
  text-align: center
}

.c-evaluation__item:last-child {
  grid-area: 3 / 1 / 4 / 3
}

@media (min-width: 1025px) {
  .c-evaluation__item:last-child {
    grid-area: inherit
  }
}

.c-evaluation__item-svg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  width: 75px;
  height: 75px;
  margin: 0 auto 25px;
  background-color: #f7d117
}

.c-evaluation__svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.c-evaluation__item-title {
  margin: 0 auto 25px;
  max-width: 145px
}

@media (min-width: 1025px) {
  .c-evaluation__item-title {
    max-width: 150px
  }
}

@media (min-width: 1025px) {
  .c-evaluation__item-title--mb {
    margin-bottom: 43px
  }
}

.c-evaluation__item-text {
  font-size: .875rem;
  line-height: 1.375rem
}

.c-evaluation__wrapper-block {
  width: 90%;
  margin: 0 auto
}

@media (min-width: 1025px) {
  .c-evaluation__wrapper-block {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 30px;
    column-gap: 30px;
    max-width: 1165px;
    margin: 0 auto
  }
}

.c-evaluation__block {
  position: relative
}

.c-evaluation__block:not(:last-child) {
  margin-bottom: 15px
}

@media (min-width: 1025px) {
  .c-evaluation__block:not(:last-child) {
    margin-bottom: 0
  }
}

.c-evaluation__certification-figure {
  position: relative
}

.c-evaluation__wrapper-info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
  margin: auto
}

@media (min-width: 1025px) {
  .c-evaluation__wrapper-info {
    padding: 0 40px
  }
}

.c-evaluation__certification {
  padding: 35px 20px 20px;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center
}

@media (min-width: 1025px) {
  .c-evaluation__certification {
    padding: 40px 20px 20px
  }
}

@media (min-width: 1280px) {
  .c-evaluation__certification {
    min-height: 380px;
    padding: 40px 50px 20px
  }
}

.c-evaluation__certification-title {
  margin-bottom: 30px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.375rem
}

@media (min-width: 1025px) {
  .c-evaluation__certification-title {
    margin-bottom: 10px
  }
}

@media (min-width: 1280px) {
  .c-evaluation__certification-title {
    font-size: 2.25rem;
    line-height: 2.75rem
  }
}

.c-evaluation__certification-text {
  margin-bottom: 20px;
  font-size: .875rem;
  line-height: 1.375rem
}

@media (min-width: 1280px) {
  .c-evaluation__certification-text {
    margin-bottom: 60px
  }
}

.c-evaluation__certification-item {
  display: flex;
  font-size: .875rem;
  line-height: 1.375rem;
  text-align: left
}

.c-evaluation__certification-item:not(:last-child) {
  margin-bottom: 20px
}

.c-evaluation__certification-span {
  width: 20px;
  margin-right: 20px
}

body.aturitmo .c-evaluation__certification-span {
  width: 32px;
}
body.aturitmo .c-hero__wrappper img {
  max-width: 400px !important;
}
body.inscripcion .c-evaluation__certification-span {
  width: 32px;
}

body.inscripcion1 .c-evaluation__certification-span {
  width: 32px;
}

.c-evaluation__block-svg {
  display: none
}

@media (min-width: 1025px) {
  .c-evaluation__block-svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 102px;
    height: 102px;
    margin: auto;
    background-color: #f7d117
  }
}
.btn-largo {
  max-height: 60px;
padding-left: 60px;
padding-right: 60px;
}
.c-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  border-bottom: none;
  background: #fff;/*transparent linear-gradient(90deg, #14141483 0%, #14141483 15%, #14141483 21%, #14141483 100%) 0% 0% no-repeat padding-box;*/
  box-shadow: 10px 0px 10px 20px rgb(90, 116, 241,0.5);
}

/*.c-header.is-active:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-color: #000;
  opacity: .7
}*/

.c-header__contact-btn {
  position: relative;
  top: 4px
}

@media (min-width: 1280px) {
  .c-header__contact-btn {
    top: 0
  }
}

.c-header__info {
  position: relative;
  padding: 5px 0px 6px;
  background-color: #000;
  border: 1px solid #707070;
  color: #fff;
  font-size: .875rem;
  font-weight: 300;
  line-height: .875rem
}

@media (min-width: 1280px) {
  .c-header__info {
    padding: 13px 0px 13px;
    border: 0;
    font-size: 1rem;
    line-height: 1.875rem
  }
}

@media (min-width: 1280px) {
  .c-header__info-text {
    margin: 0 10px 1px 0
  }
}

.c-header__wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 95%;
  max-width: 1840px;
  margin: 0 auto;
  padding: 18px 0 20px;
  min-height: 75px
}

@media (min-width: 1440px) {
  .c-header__wrapper {
    min-height: 105px
  }
}

.c-header__wrapper--info {
  padding: 0;
  align-items: center
}

@media (min-width: 1280px) {
  .c-header__wrapper {
    padding: 0
  }

  .c-header__wrapper--info {
    justify-content: center
  }
}

@media (min-width: 1440px) {
  .c-header__wrapper {
    width: 95%;
  }
}

.c-header__logo {
  display: flex;
  align-items: center
}

.c-header__logo .o-svg {
  fill: #000;
}

@media (min-width: 1440px) {
  .c-header__logo {
    margin-right: 4%
  }
}

.c-header__logo-government {
  width: 110px;
  margin-right: 10px
}

@media (min-width: 1280px) {
  .c-header__logo-government {
    margin-right: 15px
  }
}

@media (min-width: 1640px) {
  .c-header__logo-government {
    width: 165px;
    margin-right: 45px
  }
}

.c-header__menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  align-items: flex-end;
  flex-direction: column;
  padding-top: 25px
}

.c-header__menu:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-color: #000;
  opacity: .4
}

.c-header__menu.is-active {
  display: flex
}

@media (min-width: 1280px) {
  .c-header__menu {
    position: initial;
    display: flex;
    flex-direction: initial;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0
  }

  .c-header__menu:before {
    content: none
  }
}

.c-header__menu-btn {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  outline: none
}

@media (min-width: 1280px) {
  .c-header__menu-btn {
    display: none
  }
}

.c-header__close-btn {
  position: relative;
  cursor: pointer;
  padding: 30px 20px 20px;
  background-color: #f7d117;
  outline: none
}

@media (min-width: 1280px) {
  .c-header__close-btn {
    display: none
  }
}

.c-header__menu-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  overflow: auto;
  width: 95%;
  max-width: 350px;
  height: calc(100vh - 135px);
  padding: 40px 0 0 40px;
  background-color: #f7d117;
  justify-content: flex-end
}

@media (min-width: 1280px) {
  .c-header__menu-wrapper {
    flex-direction: initial;
    align-items: stretch;
    overflow: hidden;
    width: 100%;
    height: auto;
    max-width: none;
    padding: 12px 0;
    background: rgba(0, 0, 0, 0);
    height: 100%;
  }
}

.c-header__social-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 217px;
  margin-bottom: 30px
}

.c-header__social-item {
  margin-bottom: 0;
}

@media (min-width: 1280px) {
  .c-header__social-list {
    order: 3;
    width: 190px;
    margin-right: 15px;
    margin-bottom: 0
  }
}

@media (min-width: 1440px) {
  .c-header__social-list {
    width: 217px
  }
}

@media (min-width: 1280px) {
  .c-header__navigation {
    display: flex;
    align-items: center;
    order: 1;
    flex-shrink: 0
  }
}

.c-header__link-nav {
  text-decoration: none;
  color: #0A3CD6;
  text-transform: none;
  font-size: 1.2em;
}

.c-header__link-nav:hover {
  color: #0A3CD6;
  text-decoration: underline;
  font-weight:bold;
}

@media (min-width: 1280px) {
  .c-header__link-nav {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 5px;
    color: #0A3CD6
  }

  .c-header__link-nav:hover, .c-header__item-nav.active .c-header__link-nav {
    position: relative
  }

  /*.c-header__link-nav:hover:before, .c-header__item-nav.active .c-header__link-nav:before {
    position: absolute;
    bottom: -12px;
    left: 0;
    content: '';
    width: 100%;
    border-bottom: 4px solid #f7d117;
  }*/
}

@media (min-width: 1280px) {
  .c-header__social-item .o-svg {
    fill: #000
  }
}

.c-header__item-nav {
  font-size: 1.375rem;
  line-height: 2.625rem;
  margin-bottom: 0;
  font-weight: 400;
}

@media (min-width: 1280px) {
  .c-header__item-nav {
    display: flex;
    align-items: center;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase
  }

  .c-header__item-nav:last-child {
    margin-right: 0
  }

  .c-header__item-nav:last-child .c-header__link-nav {
    padding-right: 0
  }

  .c-header__item-nav:first-child .c-header__link-nav {
    padding-left: 0
  }
}

.c-header__list-nav {
  margin-bottom: 35px
}

@media (min-width: 1280px) {
  .c-header__list-nav {
    display: flex;
    height: 100%;
    margin: 0
  }
}

.c-header__link {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 2.625rem
}

@media (min-width: 1280px) {
  .c-header__link {
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    fill: #fff
  }

  .c-header__link .o-svg__login--stroke {
    stroke: #fff
  }
}

@media (min-width: 1280px) {
  .c-header__sub-nav {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    order: 2;
    width: auto;
    margin: 0 4%;
    align-items: center
  }
  .c-header__sub-nav a {
    font: normal normal 500 17px Raleway;
    height: 40px;
  }
}

@media (min-width: 1540px) {
  .c-header__sub-nav {
    margin: 0 5%;
  }

  .c-header__sub-nav-item--first a {
    width: 180px;
    text-align: center;
  }
  .c-header__sub-nav-item a.o-btn.o-btn--secondary {
    padding: 9px;
    width: 150px;
}

}

.c-header__sub-nav .o-btn--primary {
  text-decoration: none;
  background-color: #fff
}

@media (min-width: 1280px) {
  .c-header__sub-nav-item--first {
    order: 4
  }

  .c-header__sub-nav-item--last {
    margin-right: 35px
  }
}

.c-level-access {
  width: 90%;
  margin: 0 auto 60px
}

.c-level-access__container {
  padding: 60px 0 20px;
  margin: 0 auto
}

.c-level-access__prueba {
  border-bottom: 2px solid #bbb;
  max-width: 1200px;
  margin: 0 auto;
padding-bottom: 40px;
margin-bottom: 40px; }
body.aturitmo .c-level-access__prueba {
  border-bottom: none;
  padding: 20px 0;
}
@media (min-width: 1025px) {
  .c-level-access__container {
    padding: 0 60px
  }
}

@media (min-width: 1440px) {
  .c-level-access__container {
    padding: 0 74px;
    /* margin: 128px auto */
  }
}

.c-level-access__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px
}

@media (min-width: 1025px) {
  .c-level-access__wrapper {
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 0 60px;
    column-gap: 0 60px
  }
}

.c-level-access__title {
  margin: 0 auto 43px
}

@media (min-width: 768px) {
  .c-level-access__title {
    width: 78%
  }
}

@media (min-width: 1025px) {
  .c-level-access__title {
    width: 64%
  }
}

@media (min-width: 1280px) {
  .c-level-access__title {
    width: 55%;
    margin: 0 auto 40px
  }
}

@media (min-width: 1440px) {
  .c-level-access__title {
    max-width: 562px
  }
}

.c-level-access__box {
  position: relative;
  box-shadow: 0px 11px 12px #0000005F;
  display: flex;
  width: 100%;
  align-items: center;
}

.c-level-access__box:hover .c-level-access__wrapper-text {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  transition: all .3s ease
}

.c-level-access__box:hover .c-level-access__text {
  display: block;
  color: #fff;
  margin-bottom: 15px;
  font-size: 1.125rem;
  text-align: center
}

@media (min-width: 1440px) {
  .c-level-access__box:hover .c-level-access__text {
    font-size: 1.875rem
  }
}

.c-level-access__box:hover .c-level-access__text--certification {
  margin-bottom: 0;
  color: #f7d117;
  font-weight: 700
}

.c-level-access__box--pink {
  border: 12px solid #E85228
}

.c-level-access__box--blue {
  border: 12px solid #33B9CE
}

.c-level-access__box--green {
  border: 12px solid #5DAC35
}

.c-level-access__box--orange {
  border: 12px solid #F8AD00
}

.c-level-access__level {
  margin: auto !important;
  color: #4D4D4D !important;
  text-align: center;
  font: normal normal 600 75px/92px Montserrat;
letter-spacing: -1.8px;
}

@media (min-width: 768px) {
  .c-level-access__level {
    font-size: 9.25rem;
    line-height: 11.4375rem
  }
}

@media (min-width: 1025px) {
  .c-level-access__level {
    font-size: 7.5rem;
    line-height: 7.5rem
  }
}

@media (min-width: 1440px) {
  .c-level-access__level {
    font-size: 9.375rem;
    line-height: 10.625rem
  }
}

.c-level-access__text {
  display: none
}

.c-legal__wrapper {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto
}

.c-legal__wrapper-text {
  margin-bottom: 50px
}

@media (min-width: 1280px) {
  .c-legal__wrapper-text {
    margin-bottom: 100px
  }
}

.c-legal__wrapper-text em {
  margin-right: 15px
}
body.login #flogin {margin: 30px 0}
.c-legal__text, .c-legal__wrapper-text div {
  /*margin-bottom: 30px;*/
  margin-top: 10px;
  font-size: 22px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  line-height: 1.8125rem
}
body.tratamientoDatos .c-legal__text, .c-legal__wrapper-text div {
  font-weight: 500;
  font-size: 20px;
  line-height: 45px
}
.c-legal .c-legal__title {
  margin-bottom: 50px
}

@media (min-width: 1280px) {
  .c-legal .c-legal__title {
    margin-bottom: 100px
  }
}

.c-level {
  position: relative;
  margin-bottom: 65px;
  background: url("/images/level-mobile.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff
}

@media (-webkit-min-device-pixel-ratio: 2) {
  .c-level {
    background-image: url("/images/level-mobile@2x.png")
  }
}

@media (min-width: 1025px) {
  .c-level {
    background-image: url("/images/level-desktop.png");
    margin-bottom: 130px
  }
}

@media (min-width: md) and (-webkit-min-device-pixel-ratio: 2) {
  .c-level {
    background-image: url("/images/level-desktop@2x.jpg")
  }
}

.c-level:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6)
}

.c-level--course {
  background-image: url("/images/banner-san-francisco.png")
}

@media (-webkit-min-device-pixel-ratio: 2) {
  .c-level--course {
    background-image: url("/images/banner-san-francisco@2x.png")
  }
}

@media (min-width: 1025px) {
  .c-level--course {
    background-image: url("/images/banner-san-francisco-desktop.png");
    margin-bottom: 130px
  }
}

@media (min-width: md) and (-webkit-min-device-pixel-ratio: 2) {
  .c-level--course {
    background-image: url("/images/banner-san-francisco-desktop@2x.jpg")
  }
}

.c-level--bg-yellow {
  margin-bottom: 35px;
  background-image: none;
  background-color: #f7d117
}

.c-level--bg-yellow:before {
  content: none
}

.c-level--bg-yellow .c-level__title {
  color: #000
}

.c-level--bg-yellow .c-level__title em {
  color: #fff
}

.c-level--bg-yellow .c-level__title:after {
  background-color: #000
}

.c-level--bg-yellow .c-level__text {
  color: #000
}

.c-level--bg-yellow .c-level__text--bold {
  font-weight: 700
}

.c-level--bg-yellow .c-level__block {
  border-color: #000
}

.c-level--bg-yellow .c-level__block-title {
  color: #000
}

.c-level--bg-yellow .c-level__block-figure .o-svg {
  fill: #000
}

.c-level__container {
  position: relative;
  z-index: 1;
  padding: 60px 15px 45px;
  margin: 0 auto
}

@media (min-width: 1025px) {
  .c-level__container {
    display: flex;
    max-width: 1010px;
    width: 90%;
    padding: 60px 0
  }
}

.c-level__wrapper-text {
  max-width: 280px;
  margin: 0 auto 75px;
  text-align: center
}

@media (min-width: 1025px) {
  .c-level__wrapper-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 600px;
    margin: 0 50px 0 0;
    text-align: left
  }
}

.c-level__title {
  margin: 0 auto 35px
}

.c-level__text {
  margin: 0 auto 40px;
  font-size: .875rem;
  line-height: 1.125rem;
  text-align: center
}

@media (min-width: 1025px) {
  .c-level__text {
    margin: 0 auto 25px;
    font-size: 1rem;
    line-height: 1.125rem;
    text-align: left
  }

  .c-level__text--left {
    margin-left: 0
  }
}

.c-level__block {
  text-align: center;
  border: 7px solid #f7d117;
  max-width: 400px;
  margin: 0 auto;
  padding: 35px 20px 45px
}

@media (min-width: 1025px) {
  .c-level__block {
    padding: 50px 40px
  }
}

.c-level__block-figure {
  margin-bottom: 15px
}

.c-level__block-title {
  margin: 0 auto 20px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem
}

@media (min-width: 1025px) {
  .c-level__block-title {
    font-size: 1.375rem;
    line-height: 1.5625rem
  }
}

.c-login {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 100vh
}

.c-login__container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 90%;
  padding: 120px 0 160px;
  margin: 0 auto
}

@media (min-width: 1280px) {
  .c-login__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    height: 100%;
    padding: 0
  }
}

.c-login__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin: 0 auto 16px
}

@media (min-width: 1280px) {
  .c-login__content {
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-bottom: 0
  }
}

.c-login__content.is-active .c-login__wrapper {
  display: block
}

.c-login__content.is-active .c-login__box {
  display: none
}

.c-login__wrapper {
  display: none;
  padding: 35px 20px 45px;
  max-width: 591px;
  width: 100%;
  background-color: #fdfefe;
  text-align: center
}

@media (min-width: 1280px) {
  .c-login__wrapper {
    max-width: 780px;
    width: 90%;
    min-height: 530px;
    padding: 70px 65px
  }
}

.c-login__figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden
}

.c-login__figure:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3)
}

.c-login__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.c-login__title em {
  display: block
}

@media (min-width: 1280px) {
  .c-login__title {
    font-size: 2.75rem;
    line-height: 3.25rem
  }
}

.c-login__text {
  margin-bottom: 40px;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left
}

.c-login__text--text-button {
  margin-bottom: 0;
  color: #909090;
  font-size: .875rem;
  line-height: 1rem;
  text-align: center
}

.c-login__list {
  display: none
}

@media (min-width: 1280px) {
  .c-login__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    -moz-column-gap: 50px;
    column-gap: 50px;
    margin-bottom: 60px
  }
}

.c-login__btn {
  margin: 0 auto
}

.c-login__box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 40px
}

@media (min-width: 1280px) {
  .c-login__box {
    padding: 0
  }
}

.c-login__logo-government {
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
  z-index: 1;
  margin: 0 auto;
  width: 272px
}

@media (min-width: 1025px) {
  .c-login__logo-government {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 80px 0 0
  }
}

.c-login__logo-te {
  position: absolute;
  top: 30px;
  right: 0;
  left: 0;
  z-index: 1;
  margin: 0 auto;
  text-align: center
}

@media (min-width: 1025px) {
  .c-login__logo-te {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    margin: 0
  }
}

.c-login__logo-te .o-svg {
  fill: #fff;
  height: 60px
}

@media (min-width: 1025px) {
  .c-login__logo-wrapper {
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
  }
}

.c-footer {
  position: relative;
  width: 100%;
  padding-top: 48px;
  background-color: #083CD6
}

.c-footer__logo-thats {
  fill: #fff;
  height: 46px
}

@media (max-width: 1024px) {
  .c-footer__logo-thats {
    margin-bottom: 30px
  }
  .flexcenter {justify-content: center;}
  body.aturitmo .c-evaluation__certification-span {
    width: 22px;
  }
}

.c-footer-top {
  padding: 70px 0 35px;
  background-color: #083CD6
}
.c-footer-bottom{
    background-color: #083CD6
}

.c-footer__container {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto
}

@media (min-width: 1025px) {
  .c-footer__container--flex {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
}

@media (min-width: 1280px) {
  .c-footer__container {
    width: 100%
  }
}

.c-footer__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px
}

@media (max-width: 1024px) {
  .c-footer__wrapper {
    flex-direction: column-reverse
  }
  .c-footer-bottom .c-footer__wrapper {
    flex-direction: column;
  }
}

@media (min-width: 1025px) {
  .c-footer__wrapper {
    flex-direction: initial;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
  }
  .c-footer-top {padding-top: 20px !important}
  .c-footer__wrapper--center {
    align-items: center
  }
}

.c-footer__nav {
  display: flex
}

@media (max-width: 1024px) {
  .c-footer__nav {
    flex-direction: column
  }
}

@media (min-width: 1025px) {
  .c-footer__nav {
    display: flex;
    flex-shrink: 0;
    flex-basis: 60%;
    justify-content: space-between;
    align-items: flex-start;
    width: auto
  }
}

.c-footer__link {
  color: #fff;
  text-decoration: none
}

.c-footer__link:hover {
  color: #fff
}

.c-footer__list {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: center;
}

.c-footer__list--last {
  padding-right: 70px;
  font-size: .875rem;
  line-height: 1.3125rem
}

.c-footer__logo {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #fff;
  font-size: .75rem;
  line-height: .75rem;
  text-align: center
}

.c-footer__logo:hover {
  color: #fff
}

@media (min-width: 1025px) {
  .c-footer__logo {
    max-width: 330px
  }
  .c-footer__list {
    text-align: left;
    margin-top: 50px
  }
}

@media (min-width: 1025px) {
  .c-footer__logo {
    width: auto;
    max-width: 491px;
    text-align: left
  }
}

.c-footer__bar {
  padding: 25px 0 15px;
  background-color: #f7d117
}

@media (min-width: 1025px) {
  .c-footer__bar {
    padding: 7px 0
  }
}

.c-footer__social-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 217px;
  margin: 0 auto 18px
}
.c-footer__social-list2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  max-width: 350px;
  margin: 25px auto 50px
}
@media (min-width: 1025px) {
  .c-footer__social-list {
    order: 3;
    margin: 30px 0 0 15px;
    position: absolute;
    right: 0;
  }
}

.c-footer__list-legal {
  margin-bottom: 25px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-align: center
}

@media (min-width: 1025px) {
  .c-footer__list-legal {
    display: flex;
    order: 2;
    align-items: center;
    margin: 0 auto;
    font-size: .75rem;
    line-height: 1rem
  }
}

@media (min-width: 1025px) {
  .c-footer__item-legal {
    position: relative;
    margin-left: 30px
  }

  .c-footer__item-legal:after {
    position: absolute;
    top: 0;
    right: -15px;
    content: '';
    height: 100%;
    border-left: 1px solid #000
  }

  .c-footer__item-legal:first-child {
    margin: 0
  }

  .c-footer__item-legal:last-child:after {
    content: none
  }
}

.c-footer__copy {
  width: 100%;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
  text-align: center
}

@media (min-width: 1025px) {
  .c-footer__copy {
    order: 1;
    width: auto;
    margin-right: 15px;
    text-align: left;
    font-size: .75rem;
    line-height: 1rem
  }
}

.c-goal {
  background-color: #f7d117
}

.c-goal__container {
  width: 90%;
  max-width: 1140px;
  padding: 62px 0 92px;
  margin: 0 auto
}

@media (min-width: 1025px) {
  .c-goal__container {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-template-areas: "where card""when requirements""materials materials";
    gap: 120px 50px;
    padding: 140px 0
  }
}

.c-goal__content {
  margin: 0 auto
}

@media (min-width: 1025px) {
  .c-goal__title {
    font-size: 3rem;
    line-height: 3.5625rem
  }
}

@media (min-width: 1440px) {
  .c-goal__title {
    font-size: 4rem;
    line-height: 4.6875rem
  }
}

@media (min-width: 1025px) {
  .c-goal__title--font-size {
    font-size: 3rem
  }
}

.c-goal__wrapper {
  margin-bottom: 60px
}

@media (min-width: 1025px) {
  .c-goal__wrapper {
    margin-bottom: 0
  }
}

.c-goal__list {
  display: flex
}

@media (min-width: 1025px) {
  .c-goal__list {
    flex-direction: column
  }
}

.c-goal__item:not(:last-child) {
  margin-right: 15px
}

@media (min-width: 1025px) {
  .c-goal__item {
    display: flex
  }

  .c-goal__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px
  }
}

.c-goal__item--left {
  display: flex
}

.c-goal__item-figure {
  margin-bottom: 30px;
  text-align: center
}

@media (min-width: 1025px) {
  .c-goal__item-figure {
    margin: 0 30px
  }
}

.c-goal__card {
  grid-area: card;
  padding: 55px 30px;
  background-color: #fff;
  border: 13px solid #000;
  text-align: center
}

.c-goal__card-title {
  margin-bottom: 25px
}

.c-goal__item-title {
  margin-bottom: 15px;
  font-size: 1.125rem;
  line-height: 1.25rem
}

.c-goal__item-title--medium {
  font-weight: 500
}

.c-goal__item-title--bold {
  font-weight: 700
}

.c-goal__item-title--black {
  font-weight: 900;
  text-transform: uppercase
}

.c-goal__item-title--mb {
  margin-bottom: 5px
}

.c-goal__item-text {
  font-size: .875rem;
  line-height: 1.375rem
}

@media (min-width: 1025px) {
  .c-goal__item-text {
    font-size: 1rem;
    line-height: 1.8125rem
  }
}

.c-goal__icon-black {
  fill: #000
}

.c-goal__text {
  margin-bottom: 10px;
  font-size: .875rem;
  line-height: 1.375rem
}

@media (min-width: 1025px) {
  .c-goal__text {
    font-size: 1rem;
    line-height: 1.8125rem
  }
}

.c-goal__text--light {
  font-weight: 300
}

.c-goal__text--align-center {
  text-align: center
}

.c-goal__text--mb {
  margin-bottom: 30px
}

@media (min-width: 1025px) {
  .c-goal__text--mb {
    margin-bottom: 50px
  }
}

.c-goal__requirements {
  grid-area: requirements;
  text-align: center
}

.c-goal__materials {
  grid-area: materials;
  grid-column-start: materials;
  grid-column-end: materials
}

.c-goal__price {
  font-size: 4.625rem;
  font-weight: 700;
  line-height: 5.4375rem
}

.c-goal__price span {
  font-size: 2.6875rem
}

.c-hero {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden
}

.c-hero__figure {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%
}


body.programacion .c-hero__image--cover {
  object-position: 0 45%;
}
@media (min-width: 1025px) {
body.prueba-via-examen-inicio .c-hero__image--cover {
  object-position: 0 0;
}
}

.c-hero__figure:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: transparent linear-gradient(1deg, #000000 0%, #1A1A1AB0 40%, #54545400 100%) 0% 0% no-repeat padding-box;
  opacity: 0.71;
}

body.niveles .opac:before {
  background: transparent linear-gradient(1deg, #000000 0%, #1A1A1AB0 40%, #54545400 100%) 0% 0% no-repeat padding-box;
  opacity: 0.16;
}

body.thats .c-hero__figure:before {
  background: transparent linear-gradient(90deg, #000000AA 0%, #14141483 15%, #1717177C 21%, #00000000 100%) 0% 0% no-repeat padding-box;
opacity: 0.85;
}
body.inscripcion .c-hero__figure .c-hero__picture img {
object-position: 0 -150px;
}
body.inscripcion1 .c-hero__figure .c-hero__picture img {
object-position: 0 -250px;
}
body.niveles .c-hero__figure:before {
  background: transparent linear-gradient(1deg, #000000 0%, #1A1A1AB0 40%, #54545400 100%) 0% 0% no-repeat padding-box;
  opacity: 0.41;
}

body.aturitmo .c-hero__figure:before {
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 0.27;
}

body.eois .c-hero__figure:before {
  background: transparent linear-gradient(1deg, #000000 0%, #1A1A1AB0 40%, #54545400 100%) 0% 0% no-repeat padding-box;
  opacity: 0.41;
}

body.contacto .c-hero__figure:before {
  background: transparent linear-gradient(1deg, #000000 0%, #1A1A1AB0 40%, #54545400 100%) 0% 0% no-repeat padding-box;
opacity: 0.41;
}

body.avisolegal .c-hero__figure:before {
  background: transparent linear-gradient(1deg, #000000 0%, #1A1A1AB0 40%, #54545400 100%) 0% 0% no-repeat padding-box;
  opacity: 0.71;
}
@media (max-width: 480px) {
  body.inscripcion1 .c-hero__figure .c-hero__picture img {
  object-position: -1000px -250px !important;
  }
  body:not(.index) .c-hero__figure .c-hero__picture {
    height: 575px !important;
    display: block;
overflow: hidden;
  }
  body.contacto .c-hero--inner .left, body.prueba-via-examen-inicio .c-hero--inner .left {position: initial !important}
}
@media (max-width: 1024px) {
  body.inscripcion1 .c-hero__figure .c-hero__picture img {
  object-position: -800px -250px;
  }
  body.contacto .c-hero__figure:before {
    background: #000000 0% 0% no-repeat padding-box;
opacity: 0.41;
  }
  body.programacion h1 strong {font-size: 34px !important;display:block}
  .c-level-access__level {font: normal normal 600 161px/196px Montserrat;
letter-spacing: -3.86px;
color: #4D4D4D;
text-transform: uppercase;
opacity: 1;}
body.aturitmo .c-hero__figure .c-hero__picture img {object-position: -400px -50px;}
}
@media (min-width: 481px) and (max-width: 650px) {
  body.aturitmo .c-hero__figure .c-hero__picture img {object-position: -600px -50px;}
}
@media (min-width: 651px) and (max-width: 768px) {
  body.aturitmo .c-hero__figure .c-hero__picture img {object-position: -500px -50px;}
}
@media (min-width: 1441px) and (max-width: 1680px) {
  body.thats .c-hero__figure .c-hero__picture img {
  object-position: -100px 0;
  }
  body.aturitmo .c-hero__figure .c-hero__picture img {object-position: -200px 0;}
}
@media (min-width: 1301px) and (max-width: 1440px) {
  body.thats .c-hero__figure .c-hero__picture img {
  object-position: -200px 0;
  }
  body.aturitmo .c-hero__figure .c-hero__picture img {object-position: -300px 0;}
}
@media (min-width: 1281px) and (max-width: 1300px) {
  body.thats .c-hero__figure .c-hero__picture img {
  object-position: -300px 0;
  }
  body.inscripcion1 .c-hero__figure .c-hero__picture img {
  object-position: -200px -250px;
  }
  body.aturitmo .c-hero__figure .c-hero__picture img {object-position: -400px 0;}
}
@media (min-width: 1301px) and (max-width: 1600px) {
  body.inscripcion1 .c-hero__figure .c-hero__picture img {
  object-position: -200px -250px;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  body.thats .c-hero__figure .c-hero__picture img {
  object-position: -400px 0;
  }
  body.inscripcion1 .c-hero__figure .c-hero__picture img {
  object-position: -600px -250px;
  }
  body.aturitmo .c-hero__figure .c-hero__picture img {object-position: -500px 0;}
}
@media (min-width: 769px) and (max-width: 1025px) {
  body.thats .c-hero__figure .c-hero__picture img {
  object-position: 380px 0;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  body.thats .c-hero__figure .c-hero__picture img {
  object-position: 350px -50px;
  }
}
@media (min-width: 768px) and (max-height: 800px) {
  body.thats .c-hero__figure .c-hero__picture img {margin-top: -100px}
}
@media (max-width: 480px) {
  body.thats .c-hero__figure .c-hero__picture img {height: 100%;
object-position: 180px 0;
display: block;
  }
  body.thats figure.c-about__logo {max-width: 269px;margin: 0 auto}
  body.aturitmo .c-hero__figure .c-hero__picture img {height: 100%;
object-position: -250px 0;
display: block;
  }
  body.inscripcion .c-hero__figure .c-hero__picture img {height: 100%;
object-position: -250px 0;
display: block;
  }
  body.niveles .c-hero__figure .c-hero__picture img {height: 100%;
object-position: 0 0;
display: block;
  }
  body.avisolegal .c-hero__figure .c-hero__picture img {height: 100%;
object-position: -275px 0;
display: block;
  }
  body.eois .c-hero__figure .c-hero__picture img {height: 100%;
object-position: -420px 0;
display: block;
  }
  body.programacion .c-hero__figure .c-hero__picture img {height: 100%;
object-position: -340px 0;
display: block;
  }
  body.faqs .c-hero__figure .c-hero__picture img {height: 100%;
object-position: -50px 0;
display: block;
  }

}

@media (min-width: 1280px) {

  body.contacto img.c-hero__image--cover {
    object-position: 0 -2rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.contacto .c-hero__wrappper {
    padding-top: 450px !important;
  }
  body.contacto .c-hero__wrappper .o-text {
    margin-top: 35px !important
  }
}
@media (max-width: 480px) {
  body:not(.index) .c-hero__wrappper {
    padding-top: 350px !important;
  }
}
@media (max-width: 1024px) {
  body:not(.index) .c-hero__wrappper {
    min-height: 575px !important;
  }
  body.contacto .c-hero__wrappper {
    padding-top: 340px !important;
  }
  body.niveles .c-access__block {
    padding-bottom: 0
  }

  body.aturitmo .c-hero__wrappper {
    padding-top: 200px !important;
    display: block;
    padding-bottom: 10px !important
  }
  body.inscripcion .c-hero__wrappper {
    padding-top: 180px !important;
    display: block;
    padding-bottom: 10px !important
  }
  body.inscripcion1 .c-hero__wrappper {
    padding-top: 0 !important;
    display: inherit;
    padding-bottom: 0 !important
  }

  body.inscripcion1 .c-hero__wrappper img {
    width: 150px;
  }

  body.inscripcion :not(.c-hero--home).c-hero--inner .right {
    margin-top: 0 !important
  }

  body.inscripcion1 :not(.c-hero--home).c-hero--inner .right {
    margin-top: 0 !important
  }


  body.aturitmo .c-hero__wrappper .c-hero__heading, body.inscripcion .c-hero__wrappper .c-hero__heading {
    font-size: 26px;
  }

  body.aturitmo .c-access__wrapper-text, body.inscripcion .c-access__wrapper-text {
    padding: 0 !important
  }

  body.aturitmo .c-access--item {
    margin-bottom: 20px
  }

  body.aturitmo .c-evaluation__certification-span {
    margin-right: 10px
  }

  body.aturitmo .white-box.border:before, body.inscripcion .white-box.border:before {
    top: 15px;
    left: 15px;
    width: 66px;
  }

  body.niveles .c-hero__figure {
    width: auto;
  }

  body.aturitmo .c-hero--inner .white-box .o-h4, body.inscripcion .c-hero--inner .white-box .o-h4 {
    font-size: 16px
  }

  body.aturitmo .c-hero--inner .white-box, body.inscripcion .c-hero--inner .white-box {
    padding-top: 30px;
    margin-bottom: 0
  }
  body.aturitmo .c-hero--inner .right .o-btn {border: none !important}
body.aturitmo .c-hero--inner .right .o-btn, body.inscripcion .c-hero--inner .right .o-btn {min-height: 35px; width: 150px}
body.inscripcion .c-hero--inner .c-hero__heading:after {content: none;}
body.inscripcion .c-hero--inner .c-hero__heading {margin-bottom: 0 !important}
body.aturitmo .c-hero--inner .right .u-mb-20 {margin-bottom: 0 !important}
body.aturitmo .c-hero--inner .left .u-mb-30 {margin-bottom: 0 !important}

  body.aturitmo .c-hero__wrappper img {
    max-width: 195px !important;
  }
  body.inscripcion .c-hero__wrappper img {
    max-width: 121px !important;
  }
  body.aturitmo .c-hero__wrappper .left, body.inscripcion .c-hero__wrappper .left {
    margin: 0 auto;
  }

  body.contacto .c-hero__wrappper .o-text {
    margin-top: 25px;
  }

  .c-hero--inner .c-hero__heading:after {
    width: 66px !important;
    height: 7px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body.inscripcion .c-hero__wrappper {
    padding-top: 100px !important;
  }
}

@media (min-width: 1025px) {
  .c-hero__figure {
    justify-content: flex-start
  }
}

.c-hero__calendar-svg {
  height: 18px
}

.c-hero__picture {
  flex-grow: 1;
  width: 100%;
  height: 100%
}

.c-hero__image {
  display: block;
  width: auto;
  min-width: 100%;
  min-height: 100%
}

.c-hero__image--cover {
  -o-object-fit: cover;
  object-fit: cover
}

.c-hero__wrappper {
  position: relative;
  width: 90%;
  max-width: 1160px;
  min-height: 375px;
  padding-top: 166px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 30px;
  display: grid;
  align-items: center;
  justify-content: center;
  flex-direction: column
}
body.aturitmo .c-hero__wrappper {padding-top: 0}
body.aturitmo .c-hero__wrappper, body.inscripcion .c-hero__wrappper {
  max-width: 1360px;
}
@media (min-width: 769px) and (max-width: 1440px) {
  body.aturitmo .c-hero__wrappper, body.inscripcion .c-hero__wrappper {padding: 0 60px}
}
.c-hero--home .c-hero__wrappper {
  display: flex;
}

@media (min-width: 768px) {
  .c-hero__wrappper {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between
  }
}

@media (min-width: 1025px) {
  .c-hero__wrappper {
    display: grid;
    grid-template-areas: "title title""subtitle subtitle""btn btn""text price""button price""calendar calendar""inner-header-left inner-header-right";
    padding-bottom: 0;
    align-items: unset
  }

  .c-hero--home .c-hero__wrappper {
    display: flex;
  }

  .c-hero__wrappper--big-padding {
    padding-top: 290px
  }
}
@media (min-width: 1025px) and (max-height: 835px) {
  body.inscripcion1 .left .c-hero__heading {
    margin-top: 0;
  }
}
@media (min-width: 769px) {
  .c-hero__wrappper {
    min-height: 700px;
    width: 100%;
    max-height: 831px;
    padding-bottom: 0;
    height: 80vh;
  }
  body.inscripcion1 .c-hero__wrappper {
    min-height: 600px;
  }
  body.paymatricula .c-hero__wrappper, body.okpaytpv .c-hero__wrappper, body.resultadoprueba .c-hero__wrappper {
    min-height: 400px;
    height: 400px;
  }
  body.paymatricula img.c-hero__image, body.okpaytpv img.c-hero__image {
    object-position: 0 -500px;
  }
  body.mensajeenviado img.c-hero__image {
    object-position: 0 -800px;
  }
}
@media (min-width: 769px) and (max-width: 1280px){
  .c-hero__wrappper {
    width: 90%;
    display: grid;
grid-template-areas: "title title""subtitle subtitle""btn btn""text price""button price""calendar calendar""inner-header-left inner-header-right";
padding-bottom: 0;
align-items: unset;
  }
  body.mensajeenviado img.c-hero__image {
    object-position: -500px -800px;
  }
  body.paymatricula img.c-hero__image, body.okpaytpv img.c-hero__image {
    object-position: -400px -500px;
  }
}
@media (max-width: 768px) {
  body.mensajeenviado img.c-hero__image {
    object-position: -1000px -700px;
  }
  body.paymatricula img.c-hero__image, body.okpaytpv img.c-hero__image {
    object-position: -800px -500px;
  }
}

.c-hero--mini .c-hero__wrappper {
  min-height: 663px;
  max-height: 663px
}

.c-hero__heading {
  grid-area: title;
  margin-bottom: 10px;
  color: #fff;
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 3rem;
  text-align: center;
  text-transform: uppercase
}

.c-hero__heading--yellow {
  display: block;
  color: #f7d117
}

.c-hero__heading--white {
  color: #fff
}

@media (min-width: 1280px) {
  .c-hero__heading {
    font-size: 6.25rem;
    line-height: 6.875rem
  }
}

@media (min-width: 1440px) {
  .c-hero__heading {
    margin-bottom: 0;
    font-size: 7.5rem;
    line-height: 9.9375rem
  }

  .c-hero__heading--little {
    font-size: 6.25rem;
    line-height: 6.875rem
  }
}

body:not(.aturitmo):not(.inscripcion) :not(.c-hero--home).c-hero--inner .left {
  position: absolute;
  bottom: 50px;
  text-align: left;
}

body.prueba-via-examen-inicio .c-hero--inner .left, body.login .c-hero--inner .left {
  bottom: 80px !important;
}

body.aturitmo .c-hero--inner .left, body.inscripcion .c-hero--inner .left {
  grid-area: inner-header-left;
  text-align: left;
}

@media (max-width: 1024px) {
  body:not(.aturitmo):not(.inscripcion) :not(.c-hero--home).c-hero--inner .left {
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
  }
}

.aturitmo :not(.c-hero--home).c-hero--inner .left, .inscripcion :not(.c-hero--home).c-hero--inner .left {
  padding: 0 100px 0 0;
  align-self: center;
  text-align: center;
}


body.faqs :not(.c-hero--home).c-hero--inner .right {
  margin-bottom: -2rem;
}

.c-hero--inner .right .o-text {
  max-width: 580px;
  color: #fff;
  font-weight: 700;
  font-family: "Raleway", sans-serif
}

body.faqs .c-hero--inner .right .o-text {
  max-width: 700px;
  font-size: 20px;
}

.c-hero--inner .right .o-btn {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 410px;
  text-transform: none;
  box-shadow: 0 2px 10px #000000A3;
  border: 0
}
:not(.c-hero--home).c-hero--inner .right {
  grid-area: inner-header-right;
}

@media (min-width: 1280px) {
  .c-hero--inner .right .o-btn {
    margin-right: -70px;
    margin-bottom: 20px
  }
}

.c-hero--inner .white-box {
  max-width: 568px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  padding-top: 60px;
  margin-bottom: 36px;
  margin-top: 140px;
  margin-left: auto
}

body.aturitmo .c-hero--inner .white-box, body.inscripcion .c-hero--inner .white-box {
  max-width: 703px;
  margin: 0 auto
}

@media (min-width: 480px) and (max-width: 1024px) {
  body.aturitmo .c-hero--inner .white-box, body.inscripcion .c-hero--inner .white-box {
    max-width: 600px;
    margin: 0 auto
  }

}

:not(.c-hero--home).c-hero--inner .white-box {
  margin-top: 0;
}

.c-hero--inner .white-box .o-h4 {
  text-align: center;
  font: normal normal 600 35px/41px Raleway;
  text-transform: none;
  margin-bottom: 10px;
  color: #222222;
}
.c-hero--inner .white-box a.o-btn span {
  font: normal normal 500 37px/55px Raleway;
letter-spacing: 0px;
color: #070707;
}
@media (min-height: 800px) {
  .c-hero--inner .white-box .o-h4 {
    margin-bottom: 30px;
  }
}
@media (min-height: 800px) and (max-width: 1024px) and (max-height: 1024px) {
  .c-hero--inner .white-box .o-h4 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .c-hero--inner .white-box a.o-btn span {
    font: normal normal 500 16px Raleway;
  }
}
.c-hero--inner .white-box a.o-btn:hover span {
  color: #FFF
}

.c-hero--inner .white-box .o-btn {
  margin: 0 auto !important
}

.c-hero--inner .c-hero__heading {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  text-align: center;
  color: #000;
  text-transform: none;
  display: inline-block;
  position: relative
}

body.inscripcion .c-hero--inner .c-hero__heading {
  font-weight: 500;
}

@media (min-width: 1280px) {
  .c-hero--inner .c-hero__heading {
    font-size: 4.25rem;
    line-height: 5rem;
    text-align: start;
  }

  body.aturitmo .c-hero--inner .c-hero__heading {
    text-align: center;
    font: normal normal 600 60px Playfair Display;
    max-width: 95%;
  }

  body.inscripcion .c-hero--inner .c-hero__heading {
    margin-top: -20px;
    font: normal normal 600 64px Playfair Display;
    text-align: center;
  }

  body.mapaweb .c-hero--inner .c-hero__heading {
    padding-bottom: 1rem;
  }

  body.mapaweb .c-hero__image--cover {
    object-position: 0 80%;
  }
}

.c-hero--inner .c-hero__heading--white {
  color: #fff
}

.c-hero--inner .c-hero__heading span.roboto {
  text-transform: uppercase;
  color: #fff;
  display: block;
  width: 100%;
  font-weight: 900;
  font-family: "Raleway", sans-serif
}

@media (min-width: 1280px) {
  .c-hero--inner .c-hero__heading span.roboto {
    font-size: 4.5rem;
    line-height: 5rem
  }
  body.prueba-via-examen-inicio .c-hero--inner .c-hero__heading:after {
    left: 10%
  }
}

.c-hero--inner .c-hero__heading:after {
  position: absolute;
  right: auto;
  bottom: -28px;
  left: 50%;
  content: '';
  transform: translateX(-50%);
  display: block;
  width: 96px;
  height: 12px;
  margin: 0 auto;
  background-color: #f7d117
}

@media (min-width: 1025px) {
body.cookies .c-hero--inner .c-hero__heading:after, body.tratamientoDatos .c-hero--inner .c-hero__heading:after, body.avisolegal .c-hero--inner .c-hero__heading:after {
  left: 20%
}

body.login .c-hero--inner .c-hero__heading:after {
  left: 10%
}

body.programacion .c-hero--inner .c-hero__heading:after {
  left: 10%;
  width: 90px;
  height: 10px;
}

body.inscripcion .c-hero--inner .c-hero__heading:after {
  width: 90px;
  height: 10px;
}
}
body.faqs .c-hero--inner .c-hero__heading:after {
  width: 90px;
  height: 10px;
}

body.mapaweb .c-hero--inner .c-hero__heading:after {
  left: 25%;
  width: 90px;
  height: 10px;
}

body.aturitmo .c-hero--inner .c-hero__heading:after {
  width: 80px;
  height: 10px;
}

.c-hero--inner .o-btn--welcome {
  height: auto;
  width: auto;
  font-size: 27px;
  display: initial !important;
  font-weight: bold
}

body.prueba-via-examen-inicio .c-hero--inner .o-btn--welcome {
  font-weight: 500;
}
@media (min-width: 1025px) {
  .contacto-footer {margin-top: 50px;padding-right: 100px}
  .c-footer__mig {text-align: center; font: normal normal 500 24px/33px Raleway;}
  .c-footer__mig li {margin: 12px 0}
  .c-footer__dreta {
      text-align: right;
      margin-top:120px;
      
  }
  .c-footer__dreta li{
      margin-bottom:15px;
  }
  .c-footer__esq {margin-top: 20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .hidetablet {display: none !important}
}
@media (max-width: 1024px) {
  .c-hero--inner .c-hero__heading:after {
    bottom: -18px
  }
  .desktop2 {
    display: none !important
  }
  .c-hero--inner .desktop {
    display: none
  }
  .contacto-footer {text-align: center;}
}

@media (min-width: 1025px) {
   .mob {
    display: none !important
  }
}

.c-hero--home .white-box {
  max-width: 600px;
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative
}

.c-hero--home .white-box:before {
  content: '';
  height: 7px;
  width: 120px;
  display: block;
  background: #f7d117;
  position: absolute;
  top: 45px;
  left: 35px
}

.c-hero--home .c-hero__wrappper {
  max-height: unset
}

.c-hero__text {
  grid-area: text;
  margin: 0 auto 5px;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.8125rem;
  text-align: center;
  max-width: 550px
}

@media (min-width: 1025px) {
  .c-hero__text {
    text-align: left;
    margin: 0 0 40px;
    padding-top: 30px
  }
}

.c-hero__price {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  grid-area: price;
  position: relative;
  width: 213px;
  height: 164px;
  margin: 0 auto 30px;
  padding: 10px;
  border-radius: 100%;
  background-color: #000;
  color: #f7d117;
  text-align: center
}

@media (min-width: 1025px) {
  .c-hero__price {
    width: 313px;
    height: 242px;
    margin: 0
  }
}

.c-hero__price--negative {
  grid-area: subtitle;
  margin: 0 auto 30px;
  background-color: #f7d117;
  color: #000
}

.c-hero__price--negative .c-hero__price-btn {
  color: #000
}

@media (min-width: 1025px) {
  .c-hero__price--negative {
    margin-bottom: 25px
  }
}

.c-hero__quantity {
  font-size: 4.625rem;
  font-weight: 300;
  line-height: 4.625rem;
  letter-spacing: -.24rem
}

@media (min-width: 1025px) {
  .c-hero__quantity {
    font-size: 7.5rem;
    line-height: 7.5rem
  }
}

.c-hero__currency {
  font-size: 2.6875rem;
  font-weight: 300;
  line-height: 3.5625rem;
  letter-spacing: -.24rem
}

@media (min-width: 1025px) {
  .c-hero__currency {
    font-size: 4.375rem;
    line-height: 5.75rem
  }
}

.c-hero__price-info {
  max-width: 180px;
  margin-bottom: 5px;
  font-size: .75rem;
  line-height: 1rem
}

.c-hero__info-btn {
  grid-area: button;
  margin: 0 auto;
  padding: 9px 71px;
  line-height: 2.125rem
}

@media (min-width: 1025px) {
  .c-hero__info-btn {
    margin: 0 auto auto 0
  }
}

.c-hero__price-btn {
  justify-content: center;
  line-height: 12px
}

.c-hero__calendar-text {
  color: #fff;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  text-align: left
}

@media (min-width: 1025px) {
  .c-hero__calendar-text {
    font-size: 1rem;
    line-height: 1.3125rem
  }
}

.c-hero__date {
  display: block;
  color: #f7d117;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1rem
}

@media (min-width: 1025px) {
  .c-hero__date {
    font-size: 1.375rem;
    line-height: 1.8125rem
  }
}

.c-hero__calendar {
  grid-area: calendar;
  display: flex;
  justify-content: center;
  font-weight: 400;
  padding: 100px 0 10px
}

@media (min-width: 1025px) {
  .c-hero__calendar {
    padding-bottom: 20px
  }
}

.c-hero__calendar-box {
  position: relative;
  display: flex;
  align-items: flex-start
}

.c-hero__calendar-box--first {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #f7d117
}

@media (min-width: 1025px) {
  .c-hero__calendar-box {
    padding: 0 25px;
    margin: 0 25px;
    border: solid #f7d117;
    border-width: 0 1px
  }

  .c-hero__calendar-box--first {
    border-width: 0 0 0 1px;
    margin: 0
  }
}

.c-hero__date-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column
}

.c-hero__icon {
  display: flex;
  align-items: flex-start;
  margin-right: 10px
}

.c-hero__calendar-btn {
  display: none;
  font-size: .75rem
}

@media (min-width: 1025px) {
  .c-hero__calendar-btn {
    display: block
  }
}

.c-hero__subtitle {
  grid-area: subtitle;
  display: block;
  max-width: 550px;
  margin: 0 auto 90px;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.8125rem
}

@media (min-width: 1025px) {
  .c-hero__subtitle {
    margin-bottom: 35px
  }
}

.c-hero__btn-wrapper {
  grid-area: btn;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-bottom: 190px
}

@media (min-width: 1025px) {
  .c-hero__btn-wrapper {
    flex-direction: initial;
    margin-bottom: 70px
  }

  .c-hero__btn-wrapper--big-margin {
    margin-bottom: 190px
  }
}

.c-hero--slider {
  width: 100%;
  display: flex
}

.c-hero--slider .first {
  width: 70%;
}

.c-hero--slider .second {
  width: 30%;
}

.index .owl-carousel, .index .c-modal__popup--content {
  height: 100%;
  background-color: #272727;
}

@media (max-width: 1024px) {
  .c-hero--home .c-hero--slider.owl-carousel {
    display: block
  }

  .c-hero--home .c-hero--slider.owl-carousel .desktop {
    display: none
  }

  .c-hero--home .c-hero--slider.owl-carousel .mob {
    display: block !important
  }

  .c-hero--home .c-hero--slider.owl-carousel .mob h4 {
    font-size: 26px;
    color: #fff;
    font-family: 'Playfair Display';
    margin-bottom: 30px
  }

  .c-hero--home .c-hero--slider.owl-carousel .c-hero__wrappper {
    grid-template-areas: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
  }

  .c-hero--home .c-hero--slider.owl-carousel .left {
    text-align: center;
    margin-bottom: 30px
  }

  .c-hero--home .c-hero--slider.owl-carousel .right .o-btn {
    width: auto;
    align-items: center;
    display: inline-flex
  }

  .c-modal__popup {
    background-color: #272727 !important;
  }
}

.c-tve .o-text b {
  color: #3DA4FC;
  text-decoration: underline
}

.c-what {
  width: 90%;
  margin: 65px auto 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 1025px) {
  .c-what {
    max-width: 1160px
  }
}


.c-what__text {
  margin-bottom: 50px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  max-width: 680px;
  margin: 0 auto;
  font-weight: 500
}

@media (min-width: 1025px) {
  .c-what__text {
    margin-bottom: 70px
  }
}

.c-what__list {
  width: 100%;
  padding: 30px;
  border: 9px solid #f7d117;
  text-align: center;
  background-color: #fff
}

@media (max-width: 1024px) {
  .c-what__list {
    padding: 15px
  }
}

.c-what__list-bg {
  background-color: #f7d117;
  position: relative;
  overflow: hidden;
}

.c-what__item {
  position: relative;
  display: block;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto
}

.c-what__item-block {
  padding: 15px 0
}

.c-what__item-title {
  font-size: 1.875rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  position: relative
}

.c-what__item-title:after {
  content: '';
  position: absolute;
  height: 7px;
  width: 60px;
  display: block;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f7d117
}

.c-what__item-text {
  font-size: 1rem;
  line-height: 1.8125rem;
  margin: 0 auto;
  font-family: "Raleway", sans-serif;
  font-weight: 500
}

.c-what__item-img {
  display: block;
  max-width: 210px;
  width: 60%;
  height: auto;
  margin: auto
}

@media (min-width: 1025px) {
  .c-what__item-img {
    width: 210px
  }
}

.c-contact__intro {
  font-size: .875rem;
  line-height: 1.375rem;
  text-align: center
}

@media (min-width: 1025px) {
  .c-contact__intro {
    flex-shrink: 0;
    padding-right: 9%;
    text-align: left
  }
}

@media (min-width: 1025px) {
  .c-contact__title {
    margin-bottom: 40px;
    text-align: left
  }

  .c-contact__title:after {
    right: initial
  }
}

.c-contact__legal {
  margin-bottom: 40px;
  font-size: .75rem;
  line-height: 1rem
}

@media (min-width: 1025px) {
  .c-contact__legal {
    margin-bottom: 30px
  }
}

.c-search-eoi {
  position: relative
}

.c-search-eoi__figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  max-width: 100%
}

.c-search-eoi__figure:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: .7;
  background-color: #000
}

.c-search-eoi__wrapper {
  position: relative;
  width: 90%;
  padding-top: 100px;
  margin: 0 auto 45px;
  color: #fff
}

.te-localiza-eoi-detail-data .row .col-xs-12 {
  position: relative;
  width: 90%;
  margin: 0 auto 45px;
  color: #fff
}

@media (min-width: 1025px) {
  .c-search-eoi__wrapper {
    display: flex;
    justify-content: flex-start;
    max-width: 1158px;
    padding: 100px 0 70px;
  }
  .te-localiza-eoi-detail-data .row .col-xs-12 {
    display: flex;
    justify-content: flex-start;
    max-width: 1158px;
    padding: 0 0 70px;
  }
}

.c-search-eoi__wrapper--bg-white {
  padding-top: 0;
  margin: 0 auto;
  color: #000
}

@media (min-width: 1025px) {
  .c-search-eoi__wrapper--bg-white {
    max-width: 1160px;
    padding-left: 0;
    margin: 0 auto 30px
  }
}

.c-search-eoi__wrapper--bg-white .o-svg__arrow {
  stroke: #000
}

.c-search-eoi__wrapper--bg-white .c-search-eoi__calendar-text {
  color: #000
}

.c-search-eoi__wrapper--bg-white .c-search-eoi__card--list {
  color: #fff
}

.c-search-eoi__wrapper--bg-white .c-search-eoi__info {
  width: 100%;
  margin-left: 0;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.8125rem;
  text-align: left
}

@media (min-width: 1025px) {
  .c-search-eoi__wrapper--bg-white .c-search-eoi__info {
    margin-left: 0;
    max-width: 428px
  }
}

@media (min-width: 1025px) {
  .c-search-eoi__wrapper--bg-white .c-search-eoi__title {
    text-align: left
  }
}

.c-search-eoi__wrapper--less-padding {
  padding-top: 30px
}

.c-search-eoi__wrapper .o-text {
  font-size: 18px;
  max-width: 400px;
  margin: 0;
  font-weight: 500
}

@media (max-width: 1024px) {
  .c-search-eoi__wrapper .o-text.u-text-align-left {
    text-align: center !important;
    max-width: 100%
  }
}

.c-search-eoi__info {
  width: 70%;
  margin: 0 auto 30px;
  font-size: .875rem;
  line-height: 1.125rem;
  text-align: center
}

@media (max-width: 1024px) {
  .c-search-eoi__info {
    width: 100%
  }
}

.c-search-eoi__info--big {
  width: 100%
}

@media (min-width: 1025px) {
  .c-search-eoi__info {
    max-width: 500px;
    margin-right: 70px;
    font-size: 1rem;
    line-height: 1.375rem;
    text-align: left;
    margin-left: 0
  }

  .c-search-eoi__info--mini\@md {
    max-width: 200px;
    margin-right: 45px
  }
}

.c-search-eoi__title {
  margin-bottom: 25px;
  line-height: 1.8125rem
}

.c-search-eoi__title em {
  display: block
}

@media (min-width: 480px) and (max-width: 1024px) {
  body.contacto .c-hero--inner .right, body.prueba-via-examen-inicio .c-hero--inner .right {
    position: absolute;
    bottom: 50px !important;
    left: 0;
    right: 0;
    grid-area: initial;
  }
  body.contacto .c-hero--inner .left, body.prueba-via-examen-inicio .c-hero--inner .left {
    position: absolute;
    bottom: 180px !important;
    left: 0;
    right: 0;
    grid-area: initial;
  }
}

@media (min-width: 1025px) {
  .c-search-eoi__title {
    line-height: 5.25rem
  }
  .contacttext{
    position: absolute;
    bottom: 50px;
    right: 0;
    grid-area: initial !important;
  }
  .c-search-eoi__title {
    line-height: 5.25rem
  }

  .c-search-eoi__title--mid-size {
    font-size: 3.4375rem;
    line-height: 3.875rem
  }

  .c-search-eoi__title--less-size {
    font-size: 2.25rem;
    line-height: 2.75rem
  }

  .c-search-eoi__title--mini {
    font: normal normal 700 28px/35px Playfair Display;
  }
}

.c-search-eoi__cp {
  width: 280px;
  margin: 0 auto
}

@media (min-width: 1025px) {
  .c-search-eoi__cp {
    width: 100%;
    margin-left: 0
  }
}

.c-search-eoi__options {
  padding-bottom: 10px
}

.c-search-eoi__options--big-padding {
  padding-bottom: 50px
}

@media (min-width: 1025px) {
  .c-search-eoi__options {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 0
  }

  .c-search-eoi__options--big-padding {
    flex-direction: column;
    padding-bottom: 0
  }

  .c-search-eoi__options--last-step {
    flex-direction: initial
  }
}

.c-search-eoi__card {
  display: flex;
  flex-direction: column;
  max-width: 330px;
  border: 9px solid #f7d117;
  padding: 25px 35px;
  margin: 0 auto 30px;
  background: rgba(0, 0, 0, 0.7)
}

@media (max-width: 1024px) {
  .c-search-eoi__card {
    max-width: 100%;
    width: 500px
  }
  .contacttext {
    padding: 0 60px;
  }
}

.c-search-eoi__card--reverse-padding {
  padding: 35px 25px 10px
}

.c-search-eoi__card--list {
  background-color: #fff;
  border-width: 0 5px 5px 5px
}

.c-search-eoi__card--last-step {
  padding: 35px 25px 10px;
  margin-bottom: 0;
  border-width: 5px 5px 0 5px
}
.c-search-eoi__card--last-step.centro-tutorial, .tutorial .c-search-eoi__card--last-step {
  border-width: 5px 5px 5px 5px
}
.listado2.te-localiza-eoi-results.c-search-eoi__wrapper.u-p-0, .listado3.te-localiza-eoi-results.c-search-eoi__wrapper.u-p-0 {
  width: 100%;
}
.eoitutorial {
  font: normal normal 500 24px Raleway;
}
@media (min-width: 1025px) {
  .c-search-eoi__card {
    max-width: 281px;
    padding: 50px 50px 60px;
    margin-bottom: 0;
    border-width: 9px
  }

  .listado2 .llistat, .listado3 .llistat {
    max-width: none;
    width: 70%;
    padding: 20px 20px 20px;
    margin-left: 0;
    border-left: 0;
  }

  .listado2 .c-search-eoi__card--list, .listado3 .c-search-eoi__card--list {
    border-width: 9px 0 9px 9px;
    max-width: none;
    width: calc(30%);
    margin: 0 15px 15px 0;
  }

  .c-search-eoi__card:first-child {
    margin-right: 30px
  }

  .listado2 .c-search-eoi__card:first-child, .listado3 .c-search-eoi__card:first-child {
    margin-right: 0
  }

  .c-search-eoi__card--max-width-595 {
    max-width: 595px
  }

  .c-search-eoi__card--last-step {
    padding: 20px 80px 15px 45px;
    max-width: 865px;
    border-width: 9px 0 9px 9px
  }

  .c-search-eoi__card--last-step.centro-tutorial, .tutorial .c-search-eoi__card--last-step {
    border-width: 9px 9px 9px 9px
  }

  .c-search-eoi__card--last-step:first-child {
    margin: 0
  }

  .c-search-eoi__card--list {
    position: relative;
    left: -2px;
    padding: 70px 40px 40px;
    border-width: 9px 9px 9px 0
  }

  .c-search-eoi__card--reverse-padding {
    padding: 30px 40px
  }
}

.c-search-eoi__subtitle {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-family: "Raleway", sans-serif
}

.c-search-eoi__subtitle--bold {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.625rem
}

@media (min-width: 1025px) {
  .c-search-eoi__subtitle {
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.5625rem
  }

  .c-search-eoi__subtitle--bold {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.625rem;
    text-align: left
  }
}

.c-search-eoi__icon {
  margin-right: 10px
}

.c-search-eoi__icon .o-svg {
  height: 18px
}

.c-search-eoi__icon-search {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 17px;
  fill: #f7d117
}

@media (min-width: 1025px) {
  .c-search-eoi__icon-search {
    width: 48px;
    height: 48px;
    margin: 0 0 30px 0
  }
}

.c-search-eoi__btn {
  width: 100%;
  background-color: #fff;
  color: #000;
  border-color: #fff
}

@media (min-width: 1025px) {
  .c-search-eoi__btn {
    max-width: 278px
  }
}

.c-search-eoi__back {
  cursor: pointer;
  padding: 0;
  margin-bottom: 20px;
  background-color: rgba(0, 0, 0, 0)
}

@media (min-width: 1025px) {
  .c-search-eoi__back {
    margin-bottom: 50px
  }
  body.thats .c-search-eoi__image, body.eois .c-search-eoi__image {
    margin: -25rem 0;
  }
}
.te-localiza-eoi-map-toggle {text-transform: uppercase;}
.c-search-eoi__image {
  width: auto;
  min-width: 100%;
  min-height: 100%
}



.c-search-eoi__calendar-text {
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.1875rem;
  text-align: left;
  font-family: "Raleway", sans-serif
}

@media (min-width: 1025px) {
  .c-search-eoi__calendar-text {
    font-size: 1rem;
    line-height: 1.3125rem
  }
}

.c-search-eoi__calendar {
  grid-area: calendar;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  padding: 0 0 10px
}

@media (min-width: 1025px) {
  .c-search-eoi__calendar {
    justify-content: flex-start
  }
}

.c-search-eoi__calendar-box {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 0 12px;
  border: solid #f7d117;
  border-width: 0 1px
}

@media (min-width: 1025px) {
  .c-search-eoi__calendar-box {
    padding: 0 25px;
    flex-basis: 50%;
    border: solid #f7d117;
    border-width: 0 1px;
    margin-bottom: 30px;
  }

  .c-search-eoi__calendar-box:nth-child(odd) {
    border-right: 0;
  }
}
#FormSecondHalf label.error {
  color: #a94442;
  margin-top: 10px;
}
#FormSecondHalf input.error {
  border-color: #a94442;
}
@media (max-width: 1024px) {
  .c-search-eoi__calendar-box {
    max-width: 150px;
  }
}
.c-search-eoi__date-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column
}

.c-search-eoi__calendar-svg {
  height: 14px;
  margin-right: 10px
}

@media (min-width: 1025px) {
  .c-search-eoi__calendar-svg {
    height: 20px
  }
}

.c-search-eoi__name {
  margin-bottom: 15px;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.5625rem;
  font-family: "Raleway", sans-serif
}

@media (min-width: 1025px) {
  .c-search-eoi__name {
    margin-bottom: 5px;
    font-size: 2.25rem;
    line-height: 2.25rem
  }
}

.c-search-eoi__desc {
  margin-bottom: 15px;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 400;
  font-family: "Raleway", sans-serif
}

@media (min-width: 1025px) {
  .c-search-eoi__desc {
    margin-bottom: 30px;
    font-size: 1.125rem;
    line-height: 1.375rem
  }
}

.c-search-eoi__info-eoi {
  font-size: .875rem;
  line-height: 1.375rem;
  font-weight: 400;
  font-family: "Raleway", sans-serif
}

@media (min-width: 1025px) {
  .c-search-eoi__info-eoi {
    font-size: 1rem
  }
}

.c-search-eoi__title-info {
  font-weight: 700
}

.c-search-eoi__link {
  display: block;
  color: #f7d117
}

.c-search-eoi__title-calendar {
  padding-top: 20px;
  margin-bottom: 25px;
  border-top: 1px solid #f7d117;
  color: #f7d117;
  font-size: 1rem;
  line-height: 1.625rem;
  font-family: "Raleway", sans-serif
}

@media (min-width: 1025px) {
  .c-search-eoi__title-calendar {
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 1.125rem
  }
}

.c-search-eoi__date {
  display: block;
  color: #f7d117;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3125rem
}

@media (min-width: 1025px) {
  .c-search-eoi__date {
    font-size: 1.125rem;
    line-height: 1.5rem
  }
}

.c-search-eoi__list-title {
  position: relative;
  margin-bottom: 50px;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.125rem;
  font-family: "Playfair Display", serif;
  color: #000
}

.c-search-eoi__list-title:after {
  position: absolute;
  bottom: -18px;
  left: 0;
  content: '';
  width: 120px;
  border-bottom: 4px solid #f7d117
}

@media (min-width: 1025px) {
  .c-search-eoi__list-title {
    font-size: 1.375rem;
    line-height: 1.75rem
  }

  .c-search-eoi__list-title em {
    color: #fff;
    font-style: normal
  }
}

.c-search-eoi__list {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #000;
  font-family: "Raleway", sans-serif
}

@media (min-width: 1025px) {
  .c-search-eoi__list {
    font-size: 1.125rem
  }
}

@media (min-width: 1025px) {
  .c-search-eoi__radio {
    margin-left: 45px
  }
}

.step-content {
  max-width: 920px;
  margin: 0 auto;
}

.c-inscription--modal {
  background-color: rgba(242, 202, 37, 0.62);
  position: fixed;
  z-index: -99;
  width: 100%;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  left: 0;
  opacity: 0
}

.c-inscription--modal .modal-body {
  background-color: #fff;
  margin: 15px;
  padding: 50px 30px 30px
}

@media (min-width: 768px) {
  .c-inscription--modal .modal-body {
    margin: 0 auto
  }
}

@media (min-width: 1025px) {
  .c-inscription--modal .modal-body {
    min-width: 870px
  }
}

.c-inscription--modal .o-h4 {
  text-align: center;
  font-family: "Playfair Display", serif;
  text-transform: none;
  padding-bottom: 20px;
  margin-bottom: 60px;
  font-size: 31px;
  line-height: 1
}

.c-inscription--modal .o-text {
  color: #707070;
  font-size: 20px;
  line-height: 1;
  max-width: 600px
}

.c-inscription--modal .subtext1, .c-inscription--modal .subtext2 {
  font-size: 26px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px
}

.c-inscription--modal .subtext2 {
  font-size: 20px
}

.c-inscription--modal .c-about__logo {
  max-width: 335px;
  margin: 0 auto
}

.c-inscription--modal .c-about__logo .c-about__svg {
  width: 100%
}

.c-inscription--modal .modal-action {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  max-width: 600px;
  margin: 0 auto
}

@media (min-width: 768px) {
  .c-inscription--modal .modal-action {
    flex-direction: row
  }
}

.c-inscription--modal .modal-action .o-btn {
  font-size: 25px;
  font-weight: 700;
  text-transform: none;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  color: #fff;
  margin-top: 25px;;
}

@media (min-width: 768px) {
  .c-inscription--modal .modal-action .o-btn {
    padding-left: 60px;
    padding-right: 60px
  }
}

@media (min-width: 768px) {
  .c-inscription--modal .modal-action .o-btn {
    margin-top: 50px
  }
}

.c-inscription--modal .modal-action .o-btn.cancel {
  background-color: #E85228;
  box-shadow: 0 2px 10px #0000004B
}

.c-inscription--modal .modal-action .o-btn.confirm {
  background-color: #5DAC35;
  box-shadow: 0 2px 10px #00000067
}
body.matriculainternet-nueva #mensaje_curso {
  font: normal normal normal 20px/37px Raleway;
  text-align: center;
}
body.matriculainternet-nueva .nopuedes {
  font: normal normal bold 26px/32px Helvetica Neue;
  color: #141414;
}
body.matriculainternet-nueva .nopuedes span {
  font: normal normal bold 20px/25px Helvetica Neue;
}
body.matriculainternet-nueva #btnDniDescuento {
  margin-top: 0;
  width: auto;
  height: auto;
  font-size: inherit;
  padding: inherit;
  font-weight: normal;
}
body.matriculainternet-nueva .radio label {
  font: normal normal normal 16px/21px Raleway;
}
#centroTutorialAvailable a {
  font-size: 20px;
}
#centroTutorialAvailable li a input {
  margin-right: 6px;
}
.modal-header .close {position: relative;z-index: 1;opacity: 1}
.modal-header .close span {height: 35px;
  width: 35px;
border-radius: 50%;
border: 2px solid #404040;
display: flex;
font-weight: 100;
align-items: center;
justify-content: center;
color: #404040;}
body.matriculainternet-nueva .alert-danger {
  background: #FFF;
  border: 4px solid #EC7453;
  color: #000;
}
body.matriculainternet-nueva .alert-danger p.error, body.matriculainternet-nueva .alert-danger p.warning {
  color: #000;
  font: normal normal normal 20px/24px Raleway;
  text-align: center;
  padding: 0 60px;
}
body.matriculainternet-nueva .mensaje {
  margin-bottom: 80px;
}
body.matriculainternet-nueva .mensaje-titulo {
  font: normal normal bold 35px/47px Playfair Display;
}
body.matriculainternet-nueva .mensaje-desc {
  font: normal normal normal 22px/40px Raleway;
}
body.matriculainternet-nueva .mensaje-fechas {
  text-decoration: underline;
font: normal normal bold 22px/40px Raleway;
}
body.matriculainternet-nueva #mensaje_curso span {
  font: normal normal bold 35px/37px Raleway;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
}
body.matriculainternet-nueva .modal.fade.in {

}
body.matriculainternet-nueva .modal-dialog {
  width: 867px;
  max-width: 100%;
  text-align: center;
}
body.matriculainternet-nueva .modal-header {
  border-bottom: none
}
body.matriculainternet-nueva .modal-footer {
  border-top: none
}
body.matriculainternet-nueva .modal-body p {
  text-align: center;
font: normal normal normal 20px/24px Helvetica Neue;
letter-spacing: 0px;
color: #707070;
padding: 15px 80px;
}
body.matriculainternet-nueva .modal-header h4 {
  margin-bottom: 55px;
padding-bottom: 15px;
position: relative;
font-size: 35px;
line-height: 2.5rem;
text-align: center;
font-family: "Playfair Display", serif;
font-weight: 900;
}
body.matriculainternet-nueva .modal-header h4::after {
  position: absolute;
right: 0;
bottom: -15px;
left: 0;
content: '';
display: block;
width: 120px;
height: 7px;
margin: 0 auto;
background-color: #f7d117;
}

body.matriculainternet-nueva .ayudadescuentos {
  border: 4px solid #F2CA25;
  padding: 25px;
  font: normal normal normal 16px/21px Raleway;
  color: #000;
}
body.matriculainternet-nueva .ayudadescuentos .list-group {
  font: normal normal 900 21px/28px Raleway;
  color: #F2CA25;
  margin: 20px 0;
}
body.matriculainternet-nueva .ayudadescuentos#ninguno {
  border: none;
  padding: 0;
  font: normal normal bold 16px/19px Raleway;
  color: #F2CA25;
  float: right;
}
body.matriculainternet-nueva .modal-footer .btn-danger {
  background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 10px #0000004B;
font: normal normal bold 25px Raleway;
padding: 10px 40px;
letter-spacing: 0px;
color: #000;
border: none;
margin-bottom: 35px;
}
body.matriculainternet-nueva .modal-footer {
  text-align: center;
}
body.matriculainternet-nueva .modal-footer .btn-primary, body.matriculainternet-nueva .modal-body .btn-primary, body.matriculainternet-nueva .caja .btn-primary {
  background: #fff 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 10px #0000004B;
font: normal normal 500 20px Raleway;
padding: 10px 40px;
letter-spacing: 0px;
color: #000;
border: none;

}
body.matriculainternet-nueva .modal-footer .btn-primary {
  font: normal normal bold 25px Raleway;
  margin-bottom: 35px;
}
.c-inscription .o-btn {
  width: 273px;
  height: 60px;
  border: 0;
  box-shadow: 0 2px 10px #000000A3;
  margin-left: auto;
  margin-right: auto;
  font-size: 27px;
  font-weight: bold;
  text-transform: none
}

@media (min-width: 1025px) {
  .c-inscription .o-btn {
    margin-top: 55px;
    width: 273px;
    height: 60px
  }
}

.c-inscription__details {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 4px 110px
}

@media (max-width: 1024px) {
  .c-inscription__details {
    grid-template-columns: auto;
    text-align: center
  }
}

.c-inscription__details-col {
  margin-bottom: 25px
}

.c-inscription__details-col .detail-head, .c-inscription__details-col .detail-text {
  color: #f7d117;
  font-size: 18px;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  margin-bottom: 6px
}

.c-inscription__details-col .detail-text {
  color: #000;
  font-weight: 600
}

.c-inscription__wrapper {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 30px 0
}

.c-inscription__wrapper--no-padding-bottom {
  padding: 50px 0 0
}

.step-content {
  padding: 0 0 50px
}

@media (min-width: 1025px) {
  .c-inscription__wrapper {
    padding: 60px 0
  }

  .c-inscription__wrapper--no-padding-bottom {
    padding: 100px 0 0
  }

  .step-content {
    padding: 50px 0 100px
  }
}

.c-inscription__wrapper--box {
  max-width: 875px;
  border: 1px solid #707070;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto
}

.c-inscription__wrapper--box p.border-yellow {
  position: relative;
  padding-bottom: 40px;
  padding-top: 10px;
  font-size: 22px
}

.c-inscription__wrapper--box p.border-yellow:after {
  position: absolute;
  right: 0;
  bottom: 27px;
  left: 0;
  content: '';
  display: block;
  width: 120px;
  height: 5px;
  margin: 0 auto;
  background-color: #f7d117
}

.c-inscription__wrapper .info p {
  font-size: 14px;
  margin-bottom: 5px
}

.c-inscription__gray {
  background-color: #f4f4f4
}

@media (min-width: 1025px) {
  .c-inscription__gray {
    background-color: unset
  }
}

.c-inscription__form-block.is-active {
  display: none
}

@media (min-width: 1025px) {
  .c-inscription__form-block.is-active {
    display: initial
  }
}

.c-inscription__text {
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.8125rem
}

@media (min-width: 1025px) {
  .c-inscription__text {
    margin-bottom: 30px
  }
}

.c-inscription__label {
  color: #f7d117;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8125rem
}

.c-inscription__text-price {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  font-size: 3rem;
  line-height: 3.9375rem;
  letter-spacing: -.024rem
}

.c-inscription__tax {
  margin-left: 18px;
  font-size: .875rem;
  line-height: 1.375rem;
  letter-spacing: initial
}

@media (min-width: 1025px) {
  .c-inscription__price-wrapper {
    display: flex;
    justify-content: space-between
  }
}

.c-inscription__radio-discount {
  position: relative;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100px
}

@media (min-width: 1025px) {
  .c-inscription__radio-discount {
    max-width: 175px;
    margin-bottom: 0
  }
}

.c-inscription__text-discount {
  margin-bottom: 10px;
  font-size: .875rem;
  line-height: 1.0625rem
}

@media (min-width: 1025px) {
  .c-inscription__text-discount {
    max-width: 200px;
    margin: 0
  }
}

.c-inscription__radio-input {
  position: absolute;
  opacity: 0;
  cursor: pointer
}

.c-inscription__radio-text {
  padding: 12px 10px;
  background-color: #fff;
  color: #b1b1b1;
  font-size: .75rem;
  font-weight: 500;
  line-height: .75rem;
  text-align: center;
  text-transform: uppercase
}

@media (min-width: 1025px) {
  .c-inscription__radio-text {
    width: 175px
  }
}

.c-inscription__radio-price {
  display: block;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.875rem;
  letter-spacing: -.1rem
}

.c-inscription__radio-input:checked~.c-inscription__radio-text {
  background-color: #f7d117;
  color: #000
}

.c-inscription__discount-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 15px;
  column-gap: 15px;
  max-width: 330px
}

@media (min-width: 1025px) {
  .c-inscription__discount-list {
    max-width: 100%
  }
}

@media (min-width: 1025px) {
  .c-inscription__discount {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px
  }
}

.c-inscription__payment-info {
  padding: 28px 20px;
  background: #000;
  color: #f7d117;
  font-weight: 700;
  line-height: 1.4375rem;
  text-align: center
}

.c-inscription__btn-end {
  width: 100%;
  margin-bottom: 20px
}

@media (min-width: 1025px) {
  .c-inscription__btn-end {
    width: auto;
    margin-bottom: 165px
  }
}

.c-inscription__overview {
  position: relative;
  top: -160px;
  display: none;
  margin-bottom: -160px;
  background-color: #f4f4f4
}

.c-inscription__overview.is-active {
  display: block
}

@media (min-width: 1025px) {
  .c-inscription__overview {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    align-items: center;
    z-index: 5;
    margin: 0;
    background-color: rgba(247, 209, 23, 0.8)
  }

  .c-inscription__overview.is-active {
    display: flex
  }
}

.c-inscription__overview-wrapper {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 160px 0 40px
}

@media (min-width: 1025px) {
  .c-inscription__overview-wrapper {
    max-height: 90vh;
    padding: 50px 35px 40px;
    overflow: auto;
    background-color: #fff;
    border: 9px solid #000
  }
}

.c-inscription__material-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #fff
}

@media (min-width: 1025px) {
  .c-inscription__material-list {
    gap: 70px;
    padding: 30px 0 20px 50px;
    background-color: #f4f4f4
  }
}

.c-inscription__material-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
  align-items: center;
  width: 100%;
  padding: 20px 30px 15px;
  background-color: #fff;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center
}

@media (min-width: 1025px) {
  .c-inscription__material-item {
    flex-direction: initial;
    gap: 20px;
    padding: 0;
    background-color: #f4f4f4;
    font-size: 1.125rem;
    line-height: 1.1875rem;
    text-align: left
  }
}

.c-inscription__material-item--title {
  position: absolute;
  top: 5px;
  left: 15px;
  width: auto;
  padding: 0
}

.c-inscription__confirm {
  width: 81%;
  margin: 0 auto;
  padding-top: 60px
}

@media (min-width: 1025px) {
  .c-inscription__confirm {
    width: 50%;
    padding: 85px 13% 65px;
    background-color: #f4f4f4
  }
}

.c-inscription__info-confirm {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 13px 17px 18px;
  margin-bottom: 45px;
  background-color: #fff;
  border-radius: 5px;
  font-size: 1rem;
  line-height: 1.3125rem
}

.c-inscription__info-confirm:first-child {
  margin-bottom: 15px
}

@media (min-width: 1025px) {
  .c-inscription__info-confirm {
    background-color: #fff
  }
}

.c-inscription__label-confirm {
  color: #f7d117;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem
}

.c-inscription__confirm-price {
  font-size: 3rem;
  line-height: 3rem;
  letter-spacing: -.024rem
}

.c-inscription__confirm-discount {
  font-size: .75rem;
  line-height: 1rem
}

.c-inscription__confirm-btn {
  width: 100%;
  margin-bottom: 20px;
  text-align: center
}

@media (min-width: 1025px) {
  .c-inscription__row {
    display: flex;
    gap: 20px
  }
}

@media (min-width: 1025px) {
  .c-inscription__col {
    width: 50%
  }
}

@media (min-width: 1025px) {
  .c-inscription__overview-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px
  }
}

@media (min-width: 1025px) {
  .c-inscription__title-overview {
    margin-bottom: 0;
    font-size: 2.25rem;
    line-height: 3rem
  }
}

.modal-ative .c-inscription--modal {
  opacity: 1;
  z-index: 1
}

.c-breadcrumb {
  width: 90%;
  max-width: 1160px;
  margin: 30px auto 30px;
  display: flex
}

.c-breadcrumb--bg-yellow .c-breadcrumb__item:last-child .c-breadcrumb__link {
  color: #000;
  font-weight: 700
}

.c-breadcrumb__item {
  color: #3f4443;
  font-size: .875rem;
  line-height: 1.1875rem;
  text-transform: uppercase
}

.c-breadcrumb__item:after {
  content: '>';
  padding: 0 8px
}

.c-breadcrumb__item:last-child {
  font-weight: 700
}

.c-breadcrumb__item:last-child .c-breadcrumb__link {
  color: #f7d117
}

.c-breadcrumb__item:last-child:after {
  content: none
}

.c-breadcrumb__link {
  color: #000;
  text-decoration: none;
  cursor: pointer
}

.c-level-test {
  padding: 60px 0 0
}

@media (min-width: 1025px) {
  .c-level-test {
    padding: 15px 0 0
  }
}

@media (max-width: 992px) {
  .c-level-test .desktop {
    display: none
  }
}

.c-level-test--yellow {
  padding: 70px 0 0;
  margin-bottom: 30px;
  background-color: #f7d117
}

@media (min-width: 1025px) {
  .c-level-test--yellow {
    padding: 60px 0 0;
    margin-bottom: 35px
  }
}

.c-level-test--big-padding-bottom {
  padding: 40px 0 45px
}

@media (min-width: 1025px) {
  .c-level-test--big-padding-bottom {
    padding: 70px 0 130px
  }
}

.c-level-test__title {
  margin-bottom: 35px
}

.c-level-test__title--negative {
  margin-bottom: 40px
}

@media (min-width: 1025px) {
  .c-level-test__title {
    margin-bottom: 15px
  }

  .c-level-test__title--negative {
    margin-bottom: 35px
  }
}

.c-level-test__wrapper {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto
}

@media (min-width: 992px) {
  .c-level-test__wrapper .mob {
    display: none
  }
}

.c-level-test__wrapper--step {
  max-width: 56.25rem;
}

.c-level-test__wrapper--step.active {
  display: block
}

@media (max-width: 992px) {
  .c-level-test__wrapper .o-form__label-block:not(.relative) {
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 1;
    padding: 0
  }

  .c-level-test__wrapper .o-form__label {
    font-size: 12px;
    font-weight: 700;
    padding-left: 10px
  }

  .c-level-test__wrapper .relative .o-form__label {
    padding-bottom: 15px;
    display: block
  }

  .c-level-test__wrapper .u-text-align-right {
    text-align: center !important
  }

  .c-level-test__wrapper .o-form__check-text {
    font-weight: 400;
    font-size: 16px
  }
  .open-modal.u-mr-30.u-mr-100\@lg.desktop {
    top: 50px;
    right: 20px;
}
}

.c-level-test__text {
  max-width: 795px;
  margin: 0 auto 30px;
  font-size: 1rem;
  line-height: 1.8125rem;
  text-align: center;
  font-family: "Raleway", sans-serif;
  font-weight: 500
}

.c-level-test__text:last-child {
  margin-bottom: 0
}

@media (min-width: 1025px) {
  .c-level-test__text {
    margin-bottom: 35px;
    font-size: 1.25rem;
    line-height: 1.8125rem
  }

  .c-level-test__text:last-child {
    margin-bottom: 0
  }
}

.c-level-test__text--big {
  margin-bottom: 30px;
  font-size: 1.125rem;
  line-height: 2rem
}

@media (min-width: 1025px) {
  .c-level-test__text--big {
    max-width: 500px;
    margin-bottom: 50px;
    font-size: 1.375rem;
    line-height: 1.5625rem
  }
}

.c-level-test__text b {
  font-weight: 700
}

.c-level-test__list {
  display: flex;
  flex-direction: column
}

@media (min-width: 1025px) {
  .c-level-test__list {
    flex-direction: initial
  }
}

.c-level-test__item {
  width: 100%;
  margin-bottom: 30px
}

.c-level-test__item:last-child {
  margin-bottom: 0
}

@media (min-width: 1025px) {
  .c-level-test__item {
    margin-left: 35px;
    margin-bottom: 0
  }

  .c-level-test__item:first-child {
    margin-left: 0
  }
}

.c-level-test__link {
  display: block;
  width: 100%;
  padding: 35px 0 38px;
  background-color: #fc2b62;
  color: #fff;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.8125rem;
  letter-spacing: -.024rem;
  text-align: center;
  text-transform: uppercase
}

@media (min-width: 1025px) {
  .c-level-test__link {
    padding: 40px 30px;
    line-height: 2.1875rem
  }
}

@media (min-width: 1280px) {
  .c-level-test__link {
    padding: 50px 50px 55px;
    font-size: 2.25rem;
    line-height: 3rem
  }
}

@media (min-width: 1025px) {
  .c-level-test__link-number {
    display: block
  }
}

.c-level-test__step-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 1.5625rem;
  max-width: 62.5rem;
  margin: 0 auto !important;
  justify-content: center
}

.c-level-test__step-item {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 41px;
  height: 41px;
  color: #000;
  font-size: 1.125rem;
  line-height: 1.125rem;
  margin: 0 .5625rem;
  background-color: rgba(195, 195, 195, 0.17);
  margin-bottom: 18px
}

@media (min-width: 1025px) {
  .c-level-test__step-item {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
    line-height: 1.5rem
  }
}

.c-level-test__step-item.active,
.c-level-test__step-item.is-active {
  background-color: #F8E288 !important;
  color: #000 !important
}

@media (min-width: 1025px) {

  .c-level-test__step-item.active,
  .c-level-test__step-item.is-active {
    font-weight: 700
  }
}
body.matriculainternet-nueva .tewizard ul li {
  background-color: rgba(195, 195, 195, 0.17);
  color: #000
}
body.matriculainternet-nueva .tewizard {
  background-color: initial;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.c-level-test__step-item.fail {
  background-color: rgb(232 82 40 / 80%);
}

.c-level-test__step-item.pass {
  background-color: rgb(93 172 53 / 80%);
}

.c-level-test__step-item.link {
  width: auto;
  height: 55px;
  padding: 0 15px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 900;
  margin-left: 0;
  margin-right: 5px
}

.c-level-test__step-item.link span {
  color: #f7d117;
  margin-right: 5px
}
.c-level-test__step-item.link.active span {
  color: #FFF;
}
.c-level-test__step-item.link.active,
.c-level-test__step-item.link.is-active {
  font-size: 31px;
  font-weight: 900
}

.c-level-test__step-item.link.is-active span {
  color: #fff
}

.c-level-test__step-item.disabled {
  display: none;
}

.c-level-test__courage {
  padding-bottom: 10px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.8125rem;
  text-align: center
}

@media (min-width: 1025px) {
  .c-level-test__courage {
    font-size: 2.25rem;
    line-height: 2.8125rem
  }
}

.c-level-test__question {
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
  font-size: 1.125rem;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  line-height: 1.5rem;
  color: #141414
}

.c-level-test__question:before {
  position: absolute;
  left: 0;
  content: attr(data-number);
  color: #f7d117;
  font-weight: 900
}

@media (min-width: 1025px) {
  .c-level-test__question:before {
    position: relative
  }
}

@media (min-width: 1025px) {
  .c-level-test__question {
    padding-left: 0;
    margin-bottom: 15px;
    font-size: 1.625rem;
    line-height: 2rem
  }
}

.c-modal {
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: calc(100% - 110px);
  margin: 0 auto;
  cursor: pointer;
  max-width: 1750px;
}

@media (max-width: 1024px) {
  .c-modal {
    width: calc(100% - 40px)
  }
}

.c-modal__figure {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%
}

@media (min-width: 1025px) {
  .c-modal__figure {
    justify-content: flex-start
  }
}

.c-modal .c-modal__figure:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #000000 0% 0% no-repeat padding-box !important;
  opacity: 0.32 !important;
}

.c-modal__picture {
  flex-grow: 1;
  width: 100%;
  height: 100%
}

.c-modal__image {
  display: block;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.open-modal {
  width: 107px;
  height: 107px;
  margin-left: auto;
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: -80px;
}

.open-modal::before {
  content: '';
  border-bottom: 2px solid #fff;
  width: 22px;
  height: 0;
  display: block;
  border-radius: 1000px;
  min-width: calc(300px + 12px);
  min-height: calc(60px + 12px);
  box-shadow: 0 0 60px rgba(0, 255, 203, .64);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

.open-modal::after {
  content: '';
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 6px solid white;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;
}

.open-modal:hover::after, .open-modal:focus::after {
  animation: none;
  display: none;
}

@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }

  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}

#plus-btn {
  color: white;
  font-size: xx-large;
  margin: 35px auto auto 42px;
  font-weight: lighter;
}

.c-modal__wrapper {
  position: relative;
  z-index: 1;
  min-height: 800px;
  outline: 9px solid #fff;
  outline-offset: -30px;
  display: flex;
  align-items: flex-end;
  width: 100%
}

.c-modal__content {
  width: 740px;
  margin: 0 70px 70px auto;
  position: relative;
}
@media (min-width: 1025px) and (max-width: 1180px) {
  .c-modal__content .o-h3.trenta {
    margin-left: 80px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .c-modal__content {
    width: 550px;
    margin: 0 10px 70px auto;
  }
  .c-modal__content p.u-text-white {
    padding-right: 30px
  }
}
@media (max-width: 1024px) {
  .c-modal__content {
    width: 100%;
    padding: 70px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0
  }
  .c-modal__content p.u-text-white.o-text {
    max-width: 500px
  }
}

.modal-ative {
  overflow: hidden
}

.modal-ative .c-modal__popup {
  z-index: 99;
  opacity: 1
}

.c-modal__popup {
  background-color: #272727;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -99;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: auto;
  transition: 0.5s all;
}

.c-modal__popup2 {
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -99;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: auto;
  transition: 0.5s all;
}
.c-modal__popup2 .close {top: -6px}
.c-modal__popup2.active {opacity: 1;z-index: 99}

.c-modal__popup .o-text {
  font-weight: 400
}

.c-modal__popup .right {
  padding-left: 30px
}

.c-modal__popup .left {
  padding-right: 30px
}

.c-modal__popup .left, .c-modal__popup .right {
  width: 100%
}

@media (min-width: 1025px) {
  .left .c-hero__heading {
    margin-top: 54px;
  }

  .c-modal__popup .w-30 {
    width: 30%
  }

  .c-modal__popup .w-20 {
    width: 20%
  }

  .c-modal__popup .w-25 {
    width: 25%
  }

  .c-modal__popup .w-40 {
    width: 40%
  }

  .c-modal__popup .w-50 {
    width: 50%
  }

  .c-modal__popup .w-60 {
    width: 60%
  }

  .c-modal__popup .w-80 {
    width: 80%
  }

  .c-modal__popup .w-70 {
    width: 70%
  }

  .c-modal__popup .w-75 {
    width: 75%
  }
}

@media (max-width: 1024px) {
  .c-modal__popup .c-modal__popup--slider-item {
    /* display: block */
  }

  .c-modal__popup .owl-next, .c-modal__popup .owl-prev {
    display: none
  }

  .c-modal__popup .left, .c-modal__popup .right {
    padding: 0
  }

  .c-modal__popup .c-modal__popup--close {
    color: transparent;
    width: 46px;
    height: 46px;
    background-color: transparent;
    top: 15px;
  }

  .c-modal__popup .d-flex {
    display: block !important
  }
}
.width580 {max-width: 580px !important}
.c-modal__popup--close {
  position: absolute;
  color: #5D5D5D;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  border: 2px solid #bbbbbb;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 30px;
  left: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
  cursor: pointer;
  color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%23bbbbbb' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}

.c-modal__popup--slider-item {
  display: flex;
  width: 83%;
  margin: 0 auto;
  height: auto;
  padding: 75px 0;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
}

@media (max-width: 1024px) {
  figure.left-figure, figure.right-figure {
    height: auto !important;
  }

  .c-modal__popup--slider-item.item-first {
    width: 100%;
  }

.c-modal__popup--slider-item {padding: 0}
  .c-modal__popup--slider-item.item-first .left {
    order: 2;
    width: 92%;
    margin-left: auto !important;
    margin-right: auto;
    display: flex;
    height: 45vh;
    padding-top: 20px;
  }
  .c-modal__popup--slider-item.item-first .right { height: 55vh}
 .c-modal__popup--slider-item.item-first .right, .c-modal__popup--slider-item.item-first .left {padding-top: 60px}
 .c-modal__popup--slider-item.item-second .right {height:45vh}
 .c-modal__popup--slider-item.item-second .left {height:55vh}
 .c-modal__popup--slider-item.item-third .right {height:40vh}
 .c-modal__popup--slider-item.item-third .left {height:60vh}
 .c-modal__popup--slider-item.item-four .right {height:40vh}
 .c-modal__popup--slider-item.item-four .left {height:60vh}
 .c-modal__popup--slider-item.item-five .right {height:65vh}
 .c-modal__popup--slider-item.item-five .left {height:35vh}
  .c-modal__popup--slider-item.item-first .left .left-figure {
    min-width: calc(50% - 15px);
    max-width: calc(50% - 15px);
    height: auto;
  }

  .c-modal__popup--slider-item.item-first .left .first-text-conten {
    width: 50%;
    margin-left: 15px;
  }

  .c-modal__popup--slider-item.item-first .left .first-text-conten h4 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .c-modal__popup--slider-item.item-first .right {
    order: 1;
    display: flex;
    flex-direction: column;
  }

  .c-modal__popup--slider-item.item-first .right .o-h4 {
    order: 3;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }

  .c-modal__popup--slider-item.item-first .right .o-h3 {
    order: 1;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-bottom: 0;
  }

  .c-modal__popup--slider-item.item-first .right p {
    order: 4;
    width: 92%;
    margin-left: auto !important;
    margin-right: auto;
    margin-bottom: 15px !important;
  }

  .c-modal__popup--slider-item.item-first .right figure {
    order: 2;
    height: 30vh !important;
  }
  .c-modal__popup--slider-item.item-four .left figure {
    height: 25vh !important;
  }

  .c-modal__popup--slider-item.item-four .right {
    display: flex;
  }

  .c-modal__popup--slider-item.item-four .right p {
    order: 3;
  }

  .c-modal__popup--slider-item.item-four .right figure {
    order: 1;
  }

  .c-modal__popup--slider-item.item-four .right .o-h4 {
    order: 2;
  }

  .c-modal__popup--slider-item.item-four .left .left-content {
    margin-top: 20px !important;
    width: 92%;
    margin-left: auto !important;
    margin-right: auto;
    margin-bottom: 15px;
  }

  .c-modal__popup--slider-item.item-four .left .left-content .o-h3 {
    margin-bottom: 30px;
    padding-bottom: 5px;
  }

  .c-modal__popup--slider-item.item-five .left {
    order: 2;
    display: flex;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto;
  }
.c-modal__popup--slider-item.item-five .right .item-five-content {
    order: 2;
    width: 92%;
    margin-left: auto !important;
    margin-right: auto;
    margin-bottom: 0 !important;
    margin-top: 10px;
}
  .c-modal__popup--slider-item .o-h4 {
    font-size: 25px;
    line-height: 1.5;
  }

  .c-modal__popup--slider-item p {
    line-height: 1.5;
  }

  .c-modal__popup--slider-item.item-five .right {
    order: 1;
    /* min-width: 100vw; */
    /* left: 0; */
    display: flex;
    flex-direction: column;
  }

  .c-modal__popup .c-modal__popup--slider-item.item-five {
    padding-top: 0;
    width: 100%;
  }

  .c-modal__popup--slider-item.item-five .left .item-five-content {
    min-width: 75%;
    padding: 15px;
  }

  .c-modal__popup--slider-item.item-five .left .item-five-content a {
    text-decoration: underline;
  }

  .c-modal__popup--slider-item.item-five .tve {
    position: absolute;
    right: 0;
    top: 15%;
    width: 150px !important;
    height: 150px !important;
  }

  .c-modal__popup--slider-item.item-five .that-eng {
    position: absolute;
    top: 25%;
    z-index: 1;
    max-width: 30vh;
  }

  .c-modal__popup--slider-item.item-second {
    padding-top: 0;
    width: 100%;
  }

  .c-modal__popup--slider-item.item-second .left-figure {
    height: 25vh !important;
  }

  .c-modal__popup--slider-item.item-second .left-content .o-h3 {
    margin-bottom: 30px;
    padding-bottom: 5px;
  }

  .c-modal__popup--slider-item.item-second .left-content {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }

  .c-modal__popup--slider-item.item-second .right {
    display: flex;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }

  .c-modal__popup--slider-item.item-second .right-content {
    width: 50%;
    margin-right: 15px
  }

  .c-modal__popup--slider-item.item-second .right-figure {
    min-width: 50%;
    max-width: 50%;
    height: auto;
  }

  .c-modal__popup--slider-item.item-third .right {
    width: 92%;
    margin-left: auto !important;
    margin-right: auto;
    display: flex;
  }

  .c-modal__popup--slider-item.item-third .left {
    display: flex;
    flex-direction: column;
  }

  .c-modal__popup--slider-item.item-third {
    padding-top: 0;
    width: 100%;
  }

  .c-modal__popup--slider-item.item-third .left figure.left-figure {
    height: 35vh !important;
    order: 1;
  }

  .c-modal__popup--slider-item.item-five .right figure.right-figure {
    height: 36vh !important;
  }

  .c-modal__popup--slider-item.item-third .left p {
    order: 4;
    width: 92%;
    margin-left: auto !important;
    margin-right: auto;
  }

  .c-modal__popup--slider-item.item-third .left .o-h4 {
    order: 3;
    width: 92%;
    margin-left: auto !important;
    margin-right: auto;
  }

  .c-modal__popup--slider-item.item-third .left .o-h3 {
    order: 2;
    margin-bottom: 30px;
    padding-bottom: 5px;
    width: 92%;
    margin-left: auto !important;
    margin-right: auto;
  }

  .c-modal__popup--slider-item.item-third .right .right-figure {
    min-width: calc(50% - 15px);
    max-width: calc(50% - 15px);
    height: auto;
    margin-right: 15px;
  }

  .c-modal__popup--slider-item.item-five .left .left-figure {
    height: 30vh !important;
  }

  .c-modal__popup--slider-item.item-four {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
  }

  .c-modal__popup--slider-item.item-four .right {
    width: 92%;
    margin-left: auto !important;
    margin-right: auto;
    display: flex;
  }

  .c-modal__popup--slider-item.item-four .right-content, .c-modal__popup--slider-item.item-five .left-content {
    width: 50%;
  }

  .c-modal__popup--slider-item.item-four .right-figure {
    min-width: 50%;
    max-width: 50%;
    height: auto;
    margin-left: 15px;
  }
}
@media (min-height: 1025px) {
  .c-modal__popup--slider-item.item-five .tve, .c-modal__popup--slider-item.item-five .that-eng {top: 30vh !important}
}
@media (min-height: 800px) {
  .c-modal__popup--slider-item.item-five .tve, .c-modal__popup--slider-item.item-five .that-eng {top: 23vh}
  .c-modal__popup--slider-item.item-first .right figure {
    height: 35vh !important;
  }
  .c-modal__popup--slider-item.item-second .left-figure, .c-modal__popup--slider-item.item-four .left figure {
    height: 35vh !important;
  }
  .c-modal__popup--slider-item.item-second .right-figure {
    height: 45vh !important;
  }
  .c-modal__popup--slider-item.item-third .left figure.left-figure {
    height: 40vh !important;
  }
  .c-modal__popup--slider-item.item-third .right figure.right-figure {
    height: 45vh !important;
  }
  .c-modal__popup--slider-item.item-four .left figure.left-figure {
    height: 35vh !important;
  }
  .c-modal__popup--slider-item.item-four .right figure.right-figure {
    height: 35vh !important;
  }
  .c-modal__popup--slider-item.item-five .right figure.right-figure {
    height: 40vh !important
  }
}
figure.left-figure, figure.right-figure {
  height: 45vh;
}
.ulNewNavbar > li, ol > li {
  color: #000
}
@media (max-width: 1024px) and (max-height: 1025px) {
  figure.left-figure, figure.right-figure {
    height: 40vh;
  }
  .c-modal__popup--slider-item.item-first .right figure {
    height: 25vh !important;
  }
  .c-modal__popup--slider-item.item-third .left figure.left-figure {
    height: 30vh !important;
  }
  .c-modal__popup--slider-item.item-four .left figure {
    height: 20vh !important;
  }
  .c-modal__popup--slider-item.item-four .left figure.left-figure {
    height: 30vh !important;
  }
}

@media (min-width: 1024px) and (min-height: 1026px) {
  figure.left-figure, figure.right-figure {
    height: 60vh;
  }
  .c-modal__popup--slider-item.item-first .right figure {
    height: 55vh !important;
  }
  .c-modal__popup--slider-item.item-second .left-figure, .c-modal__popup--slider-item.item-four .left figure {
    height: 55vh !important;
  }
  .c-modal__popup--slider-item.item-second .right-figure {
    height: 65vh !important;
  }
  .c-modal__popup--slider-item.item-third .left figure.left-figure {
    height: 50vh !important;
  }
  .c-modal__popup--slider-item.item-third .right figure.right-figure {
    height: 65vh !important;
  }
  .c-modal__popup--slider-item.item-four .right figure.right-figure {
    height: 55vh !important;
  }
  .c-modal__popup--slider-item.item-five .right figure.right-figure, .c-modal__popup--slider-item.item-four .left figure.left-figure {
    height: 60vh !important;
  }
}

figure.left-figure .o-image, figure.right-figure .o-image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.owl-page span {
  width: 17px;
  height: 17px;
  display: block;
  border: 1px solid #fff;
  margin: 0 17px;
  border-radius: 100%;
  background-color: transparent;
  transition: 0.3s all
}

.owl-pagination {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 25px;
  width: 100%;
  left: 0
}

.owl-page.active span {
  background-color: #fff
}

.owl-next, .owl-prev {
  width: 130px;
  height: 130px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid;
  border-radius: 50%;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  left: 0;
  font-size: 0;
  background-position: center;
  background-repeat: no-repeat;
}

.owl-next {
  top: 65%;
  left: auto;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='40' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'%3E%3C/path%3E%3C/svg%3E");
}

.owl-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='40' fill='%23fff' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'%3E%3C/path%3E%3C/svg%3E");
}

.c-course .inscripcion--list {
  margin-top: 20px;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: auto;
  grid-gap: 4px;
  width: 90%;
  max-width: 1160px;
  margin: 0 auto 40px
}

@media (min-width: 1025px) {
  .c-course .inscripcion--list {
    grid-template-columns: auto auto;
    grid-gap: 4px 60px;
    margin-top: 0;
    margin-bottom: 50px
  }
}

@media (min-width: 1280px) {
  .c-course .inscripcion--list {
    grid-gap: 4px 110px;
    margin-top: 40px;
    margin-bottom: 70px
  }
}

.c-course .inscripcion--item {
  text-align: center;
  background-color: #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Playfair Display';
  font-weight: 700;
  height: 40px;
  font-size: 20px
}

@media (min-width: 1025px) {
  .c-course .inscripcion--item {
    font-size: 29px;
    height: 60px
  }
}

@media (min-width: 1280px) {
  .c-course .inscripcion--item {
    height: 80px
  }
}

.u-flex {
  display: flex !important
}

.u-inline-flex {
  display: inline-flex !important
}

.u-justify-start {
  justify-content: flex-start !important
}

.u-justify-end {
  justify-content: flex-end !important
}

.u-justify-center {
  justify-content: center !important
}

.u-justify-between {
  justify-content: space-between !important
}

.u-justify-around {
  justify-content: space-around !important
}

.u-align-items-start {
  align-items: flex-start !important
}

.u-align-items-end {
  align-items: flex-end !important
}

.u-align-items-center {
  align-items: center !important
}

.u-align-items-baseline {
  align-items: baseline !important
}

.u-align-items-stretch {
  align-items: stretch !important
}

.u-align-self-start {
  align-self: flex-start !important
}

.u-align-self-end {
  align-self: flex-end !important
}

.u-align-self-center {
  align-self: center !important
}

.u-align-self-baseline {
  align-self: baseline !important
}

.u-align-self-stretch {
  align-self: stretch !important
}

.u-flex-wrap {
  flex-wrap: wrap !important
}

.u-flex-nowrap {
  flex-wrap: nowrap !important
}

.u-block {
  display: block !important
}

.u-bg-transparent {
  background: transparent !important
}

.u-width-100 {
  max-width: 100% !important;
  width: 100% !important
}

.u-hidden {
  display: none !important
}

@media (min-width: 768px) and (max-width: 1024px) {
  .u-hidden\@sm {
    display: none !important
  }
}

@media (max-width: 1024px) {
  .u-hidden\@sm--down {
    display: none !important
  }
}

@media (min-width: 768px) {
  .u-hidden\@sm--up {
    display: none !important
  }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  .u-hidden\@md {
    display: none !important
  }
}

@media (max-width: 1024px) {
  .u-hidden\@md--down {
    display: none !important
  }
}

@media (min-width: 1025px) {
  .u-hidden\@md--up {
    display: none !important
  }
}

@media (min-width: lg--in) {
  .u-hidden\@lg {
    display: none !important
  }
}

@media (max-width: 1279px) {
  .u-hidden\@lg--down {
    display: none !important
  }
}

@media (min-width: 1280px) {
  .u-hidden\@lg--up {
    display: none !important
  }
}

@media (min-width: 1440px) {
  .u-hidden\@xl {
    display: none !important
  }
}

@media (max-width: 1279px) {
  .u-hidden\@xl--down {
    display: none !important
  }
}

.u-m-5 {
  margin: 5px !important
}

.u-m-10 {
  margin: 10px !important
}

.u-m-15 {
  margin: 15px !important
}

.u-m-20 {
  margin: 20px !important
}

.u-m-25 {
  margin: 25px !important
}

.u-m-30 {
  margin: 30px !important
}

.u-m-35 {
  margin: 35px !important
}

.u-m-40 {
  margin: 40px !important
}

.u-m-45 {
  margin: 45px !important
}

.u-m-50 {
  margin: 50px !important
}

.u-m-60 {
  margin: 60px !important
}

.u-m-70 {
  margin: 70px !important
}

.u-m-75 {
  margin: 75px !important
}

.u-m-80 {
  margin: 80px !important
}

.u-m-90 {
  margin: 90px !important
}

.u-m-100 {
  margin: 100px !important
}

.u-m-160 {
  margin: 160px !important
}

.u-m-200 {
  margin: 200px !important
}

.u-m-225 {
  margin: 225px !important
}

.u-m-0 {
  margin: 0 !important
}

.u-mt-5 {
  margin-top: 5px !important
}

.u-mt-10 {
  margin-top: 10px !important
}

body.aturitmo .u-mt-10 {
  margin-top: 0px !important
}

body.inscripcion .u-mt-10 {
  margin-top: 0px !important
}

.u-mt-15 {
  margin-top: 15px !important
}

.u-mt-20 {
  margin-top: 20px !important
}

.u-mt-25 {
  margin-top: 25px !important
}

.u-mt-30 {
  margin-top: 30px !important
}

.u-mt-35 {
  margin-top: 35px !important
}

.u-mt-40 {
  margin-top: 40px !important
}

.u-mt-45 {
  margin-top: 45px !important
}

.u-mt-50 {
  margin-top: 50px !important
}

.u-mt-60 {
  margin-top: 60px !important
}

.u-mt-70 {
  margin-top: 70px !important
}

.u-mt-75 {
  margin-top: 75px !important
}

.u-mt-80 {
  margin-top: 80px !important
}

.u-mt-90 {
  margin-top: 90px !important
}

.u-mt-100 {
  margin-top: 100px !important
}

.u-mt-160 {
  margin-top: 160px !important
}

.u-mt-200 {
  margin-top: 200px !important
}

.u-mt-225 {
  margin-top: 225px !important
}

.u-mt-0 {
  margin-top: 0 !important
}

.u-mr-5 {
  margin-right: 5px !important
}

.u-mr-10 {
  margin-right: 10px !important
}

.u-mr-15 {
  margin-right: 15px !important
}

.u-mr-20 {
  margin-right: 20px !important
}

.u-mr-25 {
  margin-right: 25px !important
}

.u-mr-30 {
  margin-right: 30px !important
}

.u-mr-35 {
  margin-right: 35px !important
}

.u-mr-40 {
  margin-right: 40px !important
}

.u-mr-45 {
  margin-right: 45px !important
}

.u-mr-50 {
  margin-right: 50px !important
}

.u-mr-60 {
  margin-right: 60px !important
}

.u-mr-70 {
  margin-right: 70px !important
}

.u-mr-75 {
  margin-right: 75px !important
}

.u-mr-80 {
  margin-right: 80px !important
}

.u-mr-90 {
  margin-right: 90px !important
}

.u-mr-100 {
  margin-right: 100px !important
}

.u-mr-160 {
  margin-right: 160px !important
}

.u-mr-200 {
  margin-right: 200px !important
}

.u-mr-225 {
  margin-right: 225px !important
}

.u-mr-0 {
  margin-right: 0 !important
}

.u-mb-5 {
  margin-bottom: 5px !important
}

.u-mb-10 {
  margin-bottom: 10px !important
}

.u-mb-15 {
  margin-bottom: 15px !important
}

.u-mb-20 {
  margin-bottom: 20px !important
}

.u-mb-25 {
  margin-bottom: 25px !important
}

.u-mb-30 {
  margin-bottom: 30px !important
}

.u-mb-35 {
  margin-bottom: 35px !important
}

.u-mb-40 {
  margin-bottom: 40px !important
}

.u-mb-45 {
  margin-bottom: 45px !important
}

.u-mb-50 {
  margin-bottom: 50px !important
}

.u-mb-60 {
  margin-bottom: 60px !important
}

.u-mb-70 {
  margin-bottom: 70px !important
}

.u-mb-75 {
  margin-bottom: 75px !important
}

.u-mb-80 {
  margin-bottom: 80px !important
}

.u-mb-90 {
  margin-bottom: 90px !important
}

.u-mb-100 {
  margin-bottom: 100px !important
}

.u-mb-160 {
  margin-bottom: 160px !important
}

.u-mb-200 {
  margin-bottom: 200px !important
}

.u-mb-225 {
  margin-bottom: 225px !important
}

.u-mb-0 {
  margin-bottom: 0 !important
}

.u-ml-5 {
  margin-left: 5px !important
}

.u-ml-10 {
  margin-left: 10px !important
}

.u-ml-15 {
  margin-left: 15px !important
}

.u-ml-20 {
  margin-left: 20px !important
}

.u-ml-25 {
  margin-left: 25px !important
}

.u-ml-30 {
  margin-left: 30px !important
}

.u-ml-35 {
  margin-left: 35px !important
}

.u-ml-40 {
  margin-left: 40px !important
}

.u-ml-45 {
  margin-left: 45px !important
}

.u-ml-50 {
  margin-left: 50px !important
}

.u-ml-60 {
  margin-left: 60px !important
}

.u-ml-70 {
  margin-left: 70px !important
}

.u-ml-75 {
  margin-left: 75px !important
}

.u-ml-80 {
  margin-left: 80px !important
}

.u-ml-90 {
  margin-left: 90px !important
}

.u-ml-100 {
  margin-left: 100px !important
}

.u-ml-160 {
  margin-left: 160px !important
}

.u-ml-200 {
  margin-left: 200px !important
}

.u-ml-225 {
  margin-left: 225px !important
}

.u-ml-0 {
  margin-left: 0 !important
}

.u-p-5 {
  padding: 5px !important
}

.u-p-10 {
  padding: 10px !important
}

.u-p-15 {
  padding: 15px !important
}

.u-p-20 {
  padding: 20px !important
}

.u-p-25 {
  padding: 25px !important
}

.u-p-30 {
  padding: 30px !important
}

.u-p-35 {
  padding: 35px !important
}

.u-p-40 {
  padding: 40px !important
}

.u-p-45 {
  padding: 45px !important
}

.u-p-50 {
  padding: 50px !important
}

.u-p-60 {
  padding: 60px !important
}

.u-p-70 {
  padding: 70px !important
}

.u-p-75 {
  padding: 75px !important
}

.u-p-80 {
  padding: 80px !important
}

.u-p-90 {
  padding: 90px !important
}

.u-p-100 {
  padding: 100px !important
}

.u-p-160 {
  padding: 160px !important
}

.u-p-200 {
  padding: 200px !important
}

.u-p-225 {
  padding: 225px !important
}

.u-p-0 {
  padding: 0 !important
}

.u-pt-5 {
  padding-top: 5px !important
}

.u-pt-10 {
  padding-top: 10px !important
}

.u-pt-15 {
  padding-top: 15px !important
}

.u-pt-20 {
  padding-top: 20px !important
}

.u-pt-25 {
  padding-top: 25px !important
}

.u-pt-30 {
  padding-top: 30px !important
}

.u-pt-35 {
  padding-top: 35px !important
}

.u-pt-40 {
  padding-top: 40px !important
}

.u-pt-45 {
  padding-top: 45px !important
}

.u-pt-50 {
  padding-top: 50px !important
}

.u-pt-60 {
  padding-top: 60px !important
}

.u-pt-70 {
  padding-top: 70px !important
}

.u-pt-75 {
  padding-top: 75px !important
}

.u-pt-80 {
  padding-top: 80px !important
}

.u-pt-90 {
  padding-top: 90px !important
}

.u-pt-100 {
  padding-top: 100px !important
}

.u-pt-160 {
  padding-top: 160px !important
}

.u-pt-200 {
  padding-top: 200px !important
}

.u-pt-225 {
  padding-top: 225px !important
}

.u-pt-0 {
  padding-top: 0 !important
}

.u-pr-5 {
  padding-right: 5px !important
}

.u-pr-10 {
  padding-right: 10px !important
}

.u-pr-15 {
  padding-right: 15px !important
}

.u-pr-20 {
  padding-right: 20px !important
}

.u-pr-25 {
  padding-right: 25px !important
}

.u-pr-30 {
  padding-right: 30px !important
}

.u-pr-35 {
  padding-right: 35px !important
}

.u-pr-40 {
  padding-right: 40px !important
}

.u-pr-45 {
  padding-right: 45px !important
}

.u-pr-50 {
  padding-right: 50px !important
}

.u-pr-60 {
  padding-right: 60px !important
}

.u-pr-70 {
  padding-right: 70px !important
}

.u-pr-75 {
  padding-right: 75px !important
}

.u-pr-80 {
  padding-right: 80px !important
}

.u-pr-90 {
  padding-right: 90px !important
}

.u-pr-100 {
  padding-right: 100px !important
}

.u-pr-160 {
  padding-right: 160px !important
}

.u-pr-200 {
  padding-right: 200px !important
}

.u-pr-225 {
  padding-right: 225px !important
}

.u-pr-0 {
  padding-right: 0 !important
}

.u-pb-5 {
  padding-bottom: 5px !important
}

.u-pb-10 {
  padding-bottom: 10px !important
}

.u-pb-15 {
  padding-bottom: 15px !important
}

.u-pb-20 {
  padding-bottom: 20px !important
}

.u-pb-25 {
  padding-bottom: 25px !important
}

.u-pb-30 {
  padding-bottom: 30px !important
}

.u-pb-35 {
  padding-bottom: 35px !important
}

.u-pb-40 {
  padding-bottom: 40px !important
}

.u-pb-45 {
  padding-bottom: 45px !important
}

.u-pb-50 {
  padding-bottom: 50px !important
}

.u-pb-60 {
  padding-bottom: 60px !important
}

.u-pb-70 {
  padding-bottom: 70px !important
}

.u-pb-75 {
  padding-bottom: 75px !important
}

.u-pb-80 {
  padding-bottom: 80px !important
}

.u-pb-90 {
  padding-bottom: 90px !important
}

.u-pb-100 {
  padding-bottom: 100px !important
}

.u-pb-160 {
  padding-bottom: 160px !important
}

.u-pb-200 {
  padding-bottom: 200px !important
}

.u-pb-225 {
  padding-bottom: 225px !important
}

.u-pb-0 {
  padding-bottom: 0 !important
}

.u-pl-5 {
  padding-left: 5px !important
}

.u-pl-10 {
  padding-left: 10px !important
}

.u-pl-15 {
  padding-left: 15px !important
}

.u-pl-20 {
  padding-left: 20px !important
}

.u-pl-25 {
  padding-left: 25px !important
}

.u-pl-30 {
  padding-left: 30px !important
}

.u-pl-35 {
  padding-left: 35px !important
}

.u-pl-40 {
  padding-left: 40px !important
}

.u-pl-45 {
  padding-left: 45px !important
}

.u-pl-50 {
  padding-left: 50px !important
}

.u-pl-60 {
  padding-left: 60px !important
}

.u-pl-70 {
  padding-left: 70px !important
}

.u-pl-75 {
  padding-left: 75px !important
}

.u-pl-80 {
  padding-left: 80px !important
}

.u-pl-90 {
  padding-left: 90px !important
}

.u-pl-100 {
  padding-left: 100px !important
}

.u-pl-160 {
  padding-left: 160px !important
}

.u-pl-200 {
  padding-left: 200px !important
}

.u-pl-225 {
  padding-left: 225px !important
}

.u-pl-0 {
  padding-left: 0 !important
}

@media (min-width: 768px) {
  .u-m-5\@sm {
    margin: 5px !important
  }
}

@media (min-width: 1025px) {
  .u-m-5\@md {
    margin: 5px !important
  }
}

@media (min-width: 1280px) {
  .u-m-5\@lg {
    margin: 5px !important
  }
}

@media (min-width: 1440px) {
  .u-m-5\@xl {
    margin: 5px !important
  }
}

@media (min-width: 768px) {
  .u-m-10\@sm {
    margin: 10px !important
  }
}

@media (min-width: 1025px) {
  .u-m-10\@md {
    margin: 10px !important
  }
}

@media (min-width: 1280px) {
  .u-m-10\@lg {
    margin: 10px !important
  }
}

@media (min-width: 1440px) {
  .u-m-10\@xl {
    margin: 10px !important
  }
}

@media (min-width: 768px) {
  .u-m-15\@sm {
    margin: 15px !important
  }
}

@media (min-width: 1025px) {
  .u-m-15\@md {
    margin: 15px !important
  }
}

@media (min-width: 1280px) {
  .u-m-15\@lg {
    margin: 15px !important
  }
}

@media (min-width: 1440px) {
  .u-m-15\@xl {
    margin: 15px !important
  }
}

@media (min-width: 768px) {
  .u-m-20\@sm {
    margin: 20px !important
  }
}

@media (min-width: 1025px) {
  .u-m-20\@md {
    margin: 20px !important
  }
}

@media (min-width: 1280px) {
  .u-m-20\@lg {
    margin: 20px !important
  }
}

@media (min-width: 1440px) {
  .u-m-20\@xl {
    margin: 20px !important
  }
}

@media (min-width: 768px) {
  .u-m-25\@sm {
    margin: 25px !important
  }
}

@media (min-width: 1025px) {
  .u-m-25\@md {
    margin: 25px !important
  }
}

@media (min-width: 1280px) {
  .u-m-25\@lg {
    margin: 25px !important
  }
}

@media (min-width: 1440px) {
  .u-m-25\@xl {
    margin: 25px !important
  }
}

@media (min-width: 768px) {
  .u-m-30\@sm {
    margin: 30px !important
  }
}

@media (min-width: 1025px) {
  .u-m-30\@md {
    margin: 30px !important
  }
}

@media (min-width: 1280px) {
  .u-m-30\@lg {
    margin: 30px !important
  }
}

@media (min-width: 1440px) {
  .u-m-30\@xl {
    margin: 30px !important
  }
}

@media (min-width: 768px) {
  .u-m-35\@sm {
    margin: 35px !important
  }
}

@media (min-width: 1025px) {
  .u-m-35\@md {
    margin: 35px !important
  }
}

@media (min-width: 1280px) {
  .u-m-35\@lg {
    margin: 35px !important
  }
}

@media (min-width: 1440px) {
  .u-m-35\@xl {
    margin: 35px !important
  }
}

@media (min-width: 768px) {
  .u-m-40\@sm {
    margin: 40px !important
  }
}

@media (min-width: 1025px) {
  .u-m-40\@md {
    margin: 40px !important
  }
}

@media (min-width: 1280px) {
  .u-m-40\@lg {
    margin: 40px !important
  }
}

@media (min-width: 1440px) {
  .u-m-40\@xl {
    margin: 40px !important
  }
}

@media (min-width: 768px) {
  .u-m-45\@sm {
    margin: 45px !important
  }
}

@media (min-width: 1025px) {
  .u-m-45\@md {
    margin: 45px !important
  }
}

@media (min-width: 1280px) {
  .u-m-45\@lg {
    margin: 45px !important
  }
}

@media (min-width: 1440px) {
  .u-m-45\@xl {
    margin: 45px !important
  }
}

@media (min-width: 768px) {
  .u-m-50\@sm {
    margin: 50px !important
  }
}

@media (min-width: 1025px) {
  .u-m-50\@md {
    margin: 50px !important
  }
}

@media (min-width: 1280px) {
  .u-m-50\@lg {
    margin: 50px !important
  }
}

@media (min-width: 1440px) {
  .u-m-50\@xl {
    margin: 50px !important
  }
}

@media (min-width: 768px) {
  .u-m-60\@sm {
    margin: 60px !important
  }
}

@media (min-width: 1025px) {
  .u-m-60\@md {
    margin: 60px !important
  }
}

@media (min-width: 1280px) {
  .u-m-60\@lg {
    margin: 60px !important
  }
}

@media (min-width: 1440px) {
  .u-m-60\@xl {
    margin: 60px !important
  }
}

@media (min-width: 768px) {
  .u-m-70\@sm {
    margin: 70px !important
  }
}

@media (min-width: 1025px) {
  .u-m-70\@md {
    margin: 70px !important
  }
}

@media (min-width: 1280px) {
  .u-m-70\@lg {
    margin: 70px !important
  }
}

@media (min-width: 1440px) {
  .u-m-70\@xl {
    margin: 70px !important
  }
}

@media (min-width: 768px) {
  .u-m-75\@sm {
    margin: 75px !important
  }
}

@media (min-width: 1025px) {
  .u-m-75\@md {
    margin: 75px !important
  }
}

@media (min-width: 1280px) {
  .u-m-75\@lg {
    margin: 75px !important
  }
}

@media (min-width: 1440px) {
  .u-m-75\@xl {
    margin: 75px !important
  }
}

@media (min-width: 768px) {
  .u-m-80\@sm {
    margin: 80px !important
  }
}

@media (min-width: 1025px) {
  .u-m-80\@md {
    margin: 80px !important
  }
}

@media (min-width: 1280px) {
  .u-m-80\@lg {
    margin: 80px !important
  }
}

@media (min-width: 1440px) {
  .u-m-80\@xl {
    margin: 80px !important
  }
}

@media (min-width: 768px) {
  .u-m-90\@sm {
    margin: 90px !important
  }
}

@media (min-width: 1025px) {
  .u-m-90\@md {
    margin: 90px !important
  }
}

@media (min-width: 1280px) {
  .u-m-90\@lg {
    margin: 90px !important
  }
}

@media (min-width: 1440px) {
  .u-m-90\@xl {
    margin: 90px !important
  }
}

@media (min-width: 768px) {
  .u-m-100\@sm {
    margin: 100px !important
  }
}

@media (min-width: 1025px) {
  .u-m-100\@md {
    margin: 100px !important
  }
}

@media (min-width: 1280px) {
  .u-m-100\@lg {
    margin: 100px !important
  }
}

@media (min-width: 1440px) {
  .u-m-100\@xl {
    margin: 100px !important
  }
}

@media (min-width: 768px) {
  .u-m-160\@sm {
    margin: 160px !important
  }
}

@media (min-width: 1025px) {
  .u-m-160\@md {
    margin: 160px !important
  }
}

@media (min-width: 1280px) {
  .u-m-160\@lg {
    margin: 160px !important
  }
}

@media (min-width: 1440px) {
  .u-m-160\@xl {
    margin: 160px !important
  }
}

@media (min-width: 768px) {
  .u-m-200\@sm {
    margin: 200px !important
  }
}

@media (min-width: 1025px) {
  .u-m-200\@md {
    margin: 200px !important
  }
}

@media (min-width: 1280px) {
  .u-m-200\@lg {
    margin: 200px !important
  }
}

@media (min-width: 1440px) {
  .u-m-200\@xl {
    margin: 200px !important
  }
}

@media (min-width: 768px) {
  .u-m-225\@sm {
    margin: 225px !important
  }
}

@media (min-width: 1025px) {
  .u-m-225\@md {
    margin: 225px !important
  }
}

@media (min-width: 1280px) {
  .u-m-225\@lg {
    margin: 225px !important
  }
}

@media (min-width: 1440px) {
  .u-m-225\@xl {
    margin: 225px !important
  }
}

@media (min-width: 768px) {
  .u-m-0\@sm {
    margin: 0 !important
  }
}

@media (min-width: 1025px) {
  .u-m-0\@md {
    margin: 0 !important
  }
}

@media (min-width: 1280px) {
  .u-m-0\@lg {
    margin: 0 !important
  }
}

@media (min-width: 1440px) {
  .u-m-0\@xl {
    margin: 0 !important
  }
}

@media (min-width: 768px) {
  .u-mt-5\@sm {
    margin-top: 5px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-5\@md {
    margin-top: 5px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-5\@lg {
    margin-top: 5px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-5\@xl {
    margin-top: 5px !important
  }
}

@media (min-width: 768px) {
  .u-mt-10\@sm {
    margin-top: 10px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-10\@md {
    margin-top: 10px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-10\@lg {
    margin-top: 10px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-10\@xl {
    margin-top: 10px !important
  }
}

@media (min-width: 768px) {
  .u-mt-15\@sm {
    margin-top: 15px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-15\@md {
    margin-top: 15px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-15\@lg {
    margin-top: 15px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-15\@xl {
    margin-top: 15px !important
  }
}

@media (min-width: 768px) {
  .u-mt-20\@sm {
    margin-top: 20px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-20\@md {
    margin-top: 20px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-20\@lg {
    margin-top: 20px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-20\@xl {
    margin-top: 20px !important
  }
}

@media (min-width: 768px) {
  .u-mt-25\@sm {
    margin-top: 25px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-25\@md {
    margin-top: 25px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-25\@lg {
    margin-top: 25px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-25\@xl {
    margin-top: 25px !important
  }
}

@media (min-width: 768px) {
  .u-mt-30\@sm {
    margin-top: 30px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-30\@md {
    margin-top: 30px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-30\@lg {
    margin-top: 30px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-30\@xl {
    margin-top: 30px !important
  }
}

@media (min-width: 768px) {
  .u-mt-35\@sm {
    margin-top: 35px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-35\@md {
    margin-top: 35px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-35\@lg {
    margin-top: 35px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-35\@xl {
    margin-top: 35px !important
  }
}

@media (min-width: 768px) {
  .u-mt-40\@sm {
    margin-top: 40px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-40\@md {
    margin-top: 40px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-40\@lg {
    margin-top: 40px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-40\@xl {
    margin-top: 40px !important
  }
}

@media (min-width: 768px) {
  .u-mt-45\@sm {
    margin-top: 45px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-45\@md {
    margin-top: 45px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-45\@lg {
    margin-top: 45px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-45\@xl {
    margin-top: 45px !important
  }
}

@media (min-width: 768px) {
  .u-mt-50\@sm {
    margin-top: 50px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-50\@md {
    margin-top: 50px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-50\@lg {
    margin-top: 50px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-50\@xl {
    margin-top: 50px !important
  }
}

@media (min-width: 768px) {
  .u-mt-60\@sm {
    margin-top: 60px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-60\@md {
    margin-top: 60px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-60\@lg {
    margin-top: 60px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-60\@xl {
    margin-top: 60px !important
  }
}

@media (min-width: 768px) {
  .u-mt-70\@sm {
    margin-top: 70px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-70\@md {
    margin-top: 70px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-70\@lg {
    margin-top: 70px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-70\@xl {
    margin-top: 70px !important
  }
}

@media (min-width: 768px) {
  .u-mt-75\@sm {
    margin-top: 75px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-75\@md {
    margin-top: 75px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-75\@lg {
    margin-top: 75px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-75\@xl {
    margin-top: 75px !important
  }
}

@media (min-width: 768px) {
  .u-mt-80\@sm {
    margin-top: 80px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-80\@md {
    margin-top: 80px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-80\@lg {
    margin-top: 80px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-80\@xl {
    margin-top: 80px !important
  }
}

@media (min-width: 768px) {
  .u-mt-90\@sm {
    margin-top: 90px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-90\@md {
    margin-top: 90px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-90\@lg {
    margin-top: 90px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-90\@xl {
    margin-top: 90px !important
  }
}

@media (min-width: 768px) {
  .u-mt-100\@sm {
    margin-top: 100px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-100\@md {
    margin-top: 100px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-100\@lg {
    margin-top: 100px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-100\@xl {
    margin-top: 100px !important
  }
}

@media (min-width: 768px) {
  .u-mt-160\@sm {
    margin-top: 160px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-160\@md {
    margin-top: 160px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-160\@lg {
    margin-top: 160px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-160\@xl {
    margin-top: 160px !important
  }
}

@media (min-width: 768px) {
  .u-mt-200\@sm {
    margin-top: 200px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-200\@md {
    margin-top: 200px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-200\@lg {
    margin-top: 200px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-200\@xl {
    margin-top: 200px !important
  }
}

@media (min-width: 768px) {
  .u-mt-225\@sm {
    margin-top: 225px !important
  }
}

@media (min-width: 1025px) {
  .u-mt-225\@md {
    margin-top: 225px !important
  }
}

@media (min-width: 1280px) {
  .u-mt-225\@lg {
    margin-top: 225px !important
  }
}

@media (min-width: 1440px) {
  .u-mt-225\@xl {
    margin-top: 225px !important
  }
}

@media (min-width: 768px) {
  .u-mt-0\@sm {
    margin-top: 0 !important
  }
}

@media (min-width: 1025px) {
  .u-mt-0\@md {
    margin-top: 0 !important
  }
}

@media (min-width: 1280px) {
  .u-mt-0\@lg {
    margin-top: 0 !important
  }
}

@media (min-width: 1440px) {
  .u-mt-0\@xl {
    margin-top: 0 !important
  }
}

@media (min-width: 768px) {
  .u-mr-5\@sm {
    margin-right: 5px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-5\@md {
    margin-right: 5px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-5\@lg {
    margin-right: 5px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-5\@xl {
    margin-right: 5px !important
  }
}

@media (min-width: 768px) {
  .u-mr-10\@sm {
    margin-right: 10px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-10\@md {
    margin-right: 10px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-10\@lg {
    margin-right: 10px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-10\@xl {
    margin-right: 10px !important
  }
}

@media (min-width: 768px) {
  .u-mr-15\@sm {
    margin-right: 15px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-15\@md {
    margin-right: 15px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-15\@lg {
    margin-right: 15px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-15\@xl {
    margin-right: 15px !important
  }
}

@media (min-width: 768px) {
  .u-mr-20\@sm {
    margin-right: 20px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-20\@md {
    margin-right: 20px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-20\@lg {
    margin-right: 20px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-20\@xl {
    margin-right: 20px !important
  }
}

@media (min-width: 768px) {
  .u-mr-25\@sm {
    margin-right: 25px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-25\@md {
    margin-right: 25px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-25\@lg {
    margin-right: 25px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-25\@xl {
    margin-right: 25px !important
  }
}

@media (min-width: 768px) {
  .u-mr-30\@sm {
    margin-right: 30px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-30\@md {
    margin-right: 30px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-30\@lg {
    margin-right: 30px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-30\@xl {
    margin-right: 30px !important
  }
}

@media (min-width: 768px) {
  .u-mr-35\@sm {
    margin-right: 35px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-35\@md {
    margin-right: 35px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-35\@lg {
    margin-right: 35px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-35\@xl {
    margin-right: 35px !important
  }
}

@media (min-width: 768px) {
  .u-mr-40\@sm {
    margin-right: 40px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-40\@md {
    margin-right: 40px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-40\@lg {
    margin-right: 40px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-40\@xl {
    margin-right: 40px !important
  }
}

@media (min-width: 768px) {
  .u-mr-45\@sm {
    margin-right: 45px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-45\@md {
    margin-right: 45px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-45\@lg {
    margin-right: 45px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-45\@xl {
    margin-right: 45px !important
  }
}

@media (min-width: 768px) {
  .u-mr-50\@sm {
    margin-right: 50px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-50\@md {
    margin-right: 50px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-50\@lg {
    margin-right: 50px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-50\@xl {
    margin-right: 50px !important
  }
}

@media (min-width: 768px) {
  .u-mr-60\@sm {
    margin-right: 60px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-60\@md {
    margin-right: 60px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-60\@lg {
    margin-right: 60px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-60\@xl {
    margin-right: 60px !important
  }
}

@media (min-width: 768px) {
  .u-mr-70\@sm {
    margin-right: 70px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-70\@md {
    margin-right: 70px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-70\@lg {
    margin-right: 70px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-70\@xl {
    margin-right: 70px !important
  }
}

@media (min-width: 768px) {
  .u-mr-75\@sm {
    margin-right: 75px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-75\@md {
    margin-right: 75px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-75\@lg {
    margin-right: 75px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-75\@xl {
    margin-right: 75px !important
  }
}

@media (min-width: 768px) {
  .u-mr-80\@sm {
    margin-right: 80px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-80\@md {
    margin-right: 80px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-80\@lg {
    margin-right: 80px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-80\@xl {
    margin-right: 80px !important
  }
}

@media (min-width: 768px) {
  .u-mr-90\@sm {
    margin-right: 90px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-90\@md {
    margin-right: 90px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-90\@lg {
    margin-right: 90px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-90\@xl {
    margin-right: 90px !important
  }
}

@media (min-width: 768px) {
  .u-mr-100\@sm {
    margin-right: 100px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-100\@md {
    margin-right: 100px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-100\@lg {
    margin-right: 100px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-100\@xl {
    margin-right: 100px !important
  }
}

@media (min-width: 768px) {
  .u-mr-160\@sm {
    margin-right: 160px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-160\@md {
    margin-right: 160px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-160\@lg {
    margin-right: 160px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-160\@xl {
    margin-right: 160px !important
  }
}

@media (min-width: 768px) {
  .u-mr-200\@sm {
    margin-right: 200px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-200\@md {
    margin-right: 200px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-200\@lg {
    margin-right: 200px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-200\@xl {
    margin-right: 200px !important
  }
}

@media (min-width: 768px) {
  .u-mr-225\@sm {
    margin-right: 225px !important
  }
}

@media (min-width: 1025px) {
  .u-mr-225\@md {
    margin-right: 225px !important
  }
}

@media (min-width: 1280px) {
  .u-mr-225\@lg {
    margin-right: 225px !important
  }
}

@media (min-width: 1440px) {
  .u-mr-225\@xl {
    margin-right: 225px !important
  }
}

@media (min-width: 768px) {
  .u-mr-0\@sm {
    margin-right: 0 !important
  }
}

@media (min-width: 1025px) {
  .u-mr-0\@md {
    margin-right: 0 !important
  }
}

@media (min-width: 1280px) {
  .u-mr-0\@lg {
    margin-right: 0 !important
  }
}

@media (min-width: 1440px) {
  .u-mr-0\@xl {
    margin-right: 0 !important
  }
}

@media (min-width: 768px) {
  .u-mb-5\@sm {
    margin-bottom: 5px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-5\@md {
    margin-bottom: 5px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-5\@lg {
    margin-bottom: 5px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-5\@xl {
    margin-bottom: 5px !important
  }
}

@media (min-width: 768px) {
  .u-mb-10\@sm {
    margin-bottom: 10px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-10\@md {
    margin-bottom: 10px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-10\@lg {
    margin-bottom: 10px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-10\@xl {
    margin-bottom: 10px !important
  }
}

@media (min-width: 768px) {
  .u-mb-15\@sm {
    margin-bottom: 15px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-15\@md {
    margin-bottom: 15px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-15\@lg {
    margin-bottom: 15px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-15\@xl {
    margin-bottom: 15px !important
  }
}

@media (min-width: 768px) {
  .u-mb-20\@sm {
    margin-bottom: 20px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-20\@md {
    margin-bottom: 20px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-20\@lg {
    margin-bottom: 20px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-20\@xl {
    margin-bottom: 20px !important
  }
}

@media (min-width: 768px) {
  .u-mb-25\@sm {
    margin-bottom: 25px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-25\@md {
    margin-bottom: 25px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-25\@lg {
    margin-bottom: 25px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-25\@xl {
    margin-bottom: 25px !important
  }
}

@media (min-width: 768px) {
  .u-mb-30\@sm {
    margin-bottom: 30px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-30\@md {
    margin-bottom: 30px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-30\@lg {
    margin-bottom: 30px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-30\@xl {
    margin-bottom: 30px !important
  }
}

@media (min-width: 768px) {
  .u-mb-35\@sm {
    margin-bottom: 35px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-35\@md {
    margin-bottom: 35px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-35\@lg {
    margin-bottom: 35px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-35\@xl {
    margin-bottom: 35px !important
  }
}

@media (min-width: 768px) {
  .u-mb-40\@sm {
    margin-bottom: 40px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-40\@md {
    margin-bottom: 40px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-40\@lg {
    margin-bottom: 40px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-40\@xl {
    margin-bottom: 40px !important
  }
}

@media (min-width: 768px) {
  .u-mb-45\@sm {
    margin-bottom: 45px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-45\@md {
    margin-bottom: 45px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-45\@lg {
    margin-bottom: 45px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-45\@xl {
    margin-bottom: 45px !important
  }
}

@media (min-width: 768px) {
  .u-mb-50\@sm {
    margin-bottom: 50px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-50\@md {
    margin-bottom: 50px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-50\@lg {
    margin-bottom: 50px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-50\@xl {
    margin-bottom: 50px !important
  }
}

@media (min-width: 768px) {
  .u-mb-60\@sm {
    margin-bottom: 60px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-60\@md {
    margin-bottom: 60px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-60\@lg {
    margin-bottom: 60px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-60\@xl {
    margin-bottom: 60px !important
  }
}

@media (min-width: 768px) {
  .u-mb-70\@sm {
    margin-bottom: 70px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-70\@md {
    margin-bottom: 70px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-70\@lg {
    margin-bottom: 70px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-70\@xl {
    margin-bottom: 70px !important
  }
}

@media (min-width: 768px) {
  .u-mb-75\@sm {
    margin-bottom: 75px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-75\@md {
    margin-bottom: 75px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-75\@lg {
    margin-bottom: 75px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-75\@xl {
    margin-bottom: 75px !important
  }
}

@media (min-width: 768px) {
  .u-mb-80\@sm {
    margin-bottom: 80px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-80\@md {
    margin-bottom: 80px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-80\@lg {
    margin-bottom: 80px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-80\@xl {
    margin-bottom: 80px !important
  }
}

@media (min-width: 768px) {
  .u-mb-90\@sm {
    margin-bottom: 90px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-90\@md {
    margin-bottom: 90px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-90\@lg {
    margin-bottom: 90px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-90\@xl {
    margin-bottom: 90px !important
  }
}

@media (min-width: 768px) {
  .u-mb-100\@sm {
    margin-bottom: 100px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-100\@md {
    margin-bottom: 100px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-100\@lg {
    margin-bottom: 100px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-100\@xl {
    margin-bottom: 100px !important
  }
}

@media (min-width: 768px) {
  .u-mb-160\@sm {
    margin-bottom: 160px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-160\@md {
    margin-bottom: 160px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-160\@lg {
    margin-bottom: 160px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-160\@xl {
    margin-bottom: 160px !important
  }
}

@media (min-width: 768px) {
  .u-mb-200\@sm {
    margin-bottom: 200px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-200\@md {
    margin-bottom: 200px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-200\@lg {
    margin-bottom: 200px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-200\@xl {
    margin-bottom: 200px !important
  }
}

@media (min-width: 768px) {
  .u-mb-225\@sm {
    margin-bottom: 225px !important
  }
}

@media (min-width: 1025px) {
  .u-mb-225\@md {
    margin-bottom: 225px !important
  }
}

@media (min-width: 1280px) {
  .u-mb-225\@lg {
    margin-bottom: 225px !important
  }
}

@media (min-width: 1440px) {
  .u-mb-225\@xl {
    margin-bottom: 225px !important
  }
}

@media (min-width: 768px) {
  .u-mb-0\@sm {
    margin-bottom: 0 !important
  }
}

@media (min-width: 1025px) {
  .u-mb-0\@md {
    margin-bottom: 0 !important
  }
}

@media (min-width: 1280px) {
  .u-mb-0\@lg {
    margin-bottom: 0 !important
  }
}

@media (min-width: 1440px) {
  .u-mb-0\@xl {
    margin-bottom: 0 !important
  }
}

@media (min-width: 768px) {
  .u-ml-5\@sm {
    margin-left: 5px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-5\@md {
    margin-left: 5px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-5\@lg {
    margin-left: 5px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-5\@xl {
    margin-left: 5px !important
  }
}

@media (min-width: 768px) {
  .u-ml-10\@sm {
    margin-left: 10px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-10\@md {
    margin-left: 10px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-10\@lg {
    margin-left: 10px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-10\@xl {
    margin-left: 10px !important
  }
}

@media (min-width: 768px) {
  .u-ml-15\@sm {
    margin-left: 15px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-15\@md {
    margin-left: 15px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-15\@lg {
    margin-left: 15px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-15\@xl {
    margin-left: 15px !important
  }
}

@media (min-width: 768px) {
  .u-ml-20\@sm {
    margin-left: 20px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-20\@md {
    margin-left: 20px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-20\@lg {
    margin-left: 20px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-20\@xl {
    margin-left: 20px !important
  }
}

@media (min-width: 768px) {
  .u-ml-25\@sm {
    margin-left: 25px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-25\@md {
    margin-left: 25px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-25\@lg {
    margin-left: 25px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-25\@xl {
    margin-left: 25px !important
  }
}

@media (min-width: 768px) {
  .u-ml-30\@sm {
    margin-left: 30px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-30\@md {
    margin-left: 30px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-30\@lg {
    margin-left: 30px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-30\@xl {
    margin-left: 30px !important
  }
}

@media (min-width: 768px) {
  .u-ml-35\@sm {
    margin-left: 35px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-35\@md {
    margin-left: 35px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-35\@lg {
    margin-left: 35px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-35\@xl {
    margin-left: 35px !important
  }
}

@media (min-width: 768px) {
  .u-ml-40\@sm {
    margin-left: 40px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-40\@md {
    margin-left: 40px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-40\@lg {
    margin-left: 40px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-40\@xl {
    margin-left: 40px !important
  }
}

@media (min-width: 768px) {
  .u-ml-45\@sm {
    margin-left: 45px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-45\@md {
    margin-left: 45px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-45\@lg {
    margin-left: 45px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-45\@xl {
    margin-left: 45px !important
  }
}

@media (min-width: 768px) {
  .u-ml-50\@sm {
    margin-left: 50px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-50\@md {
    margin-left: 50px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-50\@lg {
    margin-left: 50px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-50\@xl {
    margin-left: 50px !important
  }
}

@media (min-width: 768px) {
  .u-ml-60\@sm {
    margin-left: 60px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-60\@md {
    margin-left: 60px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-60\@lg {
    margin-left: 60px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-60\@xl {
    margin-left: 60px !important
  }
}

@media (min-width: 768px) {
  .u-ml-70\@sm {
    margin-left: 70px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-70\@md {
    margin-left: 70px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-70\@lg {
    margin-left: 70px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-70\@xl {
    margin-left: 70px !important
  }
}

@media (min-width: 768px) {
  .u-ml-75\@sm {
    margin-left: 75px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-75\@md {
    margin-left: 75px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-75\@lg {
    margin-left: 75px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-75\@xl {
    margin-left: 75px !important
  }
}

@media (min-width: 768px) {
  .u-ml-80\@sm {
    margin-left: 80px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-80\@md {
    margin-left: 80px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-80\@lg {
    margin-left: 80px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-80\@xl {
    margin-left: 80px !important
  }
}

@media (min-width: 768px) {
  .u-ml-90\@sm {
    margin-left: 90px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-90\@md {
    margin-left: 90px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-90\@lg {
    margin-left: 90px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-90\@xl {
    margin-left: 90px !important
  }
}

@media (min-width: 768px) {
  .u-ml-100\@sm {
    margin-left: 100px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-100\@md {
    margin-left: 100px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-100\@lg {
    margin-left: 100px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-100\@xl {
    margin-left: 100px !important
  }
}

@media (min-width: 768px) {
  .u-ml-160\@sm {
    margin-left: 160px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-160\@md {
    margin-left: 160px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-160\@lg {
    margin-left: 160px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-160\@xl {
    margin-left: 160px !important
  }
}

@media (min-width: 768px) {
  .u-ml-200\@sm {
    margin-left: 200px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-200\@md {
    margin-left: 200px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-200\@lg {
    margin-left: 200px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-200\@xl {
    margin-left: 200px !important
  }
}

@media (min-width: 768px) {
  .u-ml-225\@sm {
    margin-left: 225px !important
  }
}

@media (min-width: 1025px) {
  .u-ml-225\@md {
    margin-left: 225px !important
  }
}

@media (min-width: 1280px) {
  .u-ml-225\@lg {
    margin-left: 225px !important
  }
}

@media (min-width: 1440px) {
  .u-ml-225\@xl {
    margin-left: 225px !important
  }
}

@media (min-width: 768px) {
  .u-ml-0\@sm {
    margin-left: 0 !important
  }
}

@media (min-width: 1025px) {
  .u-ml-0\@md {
    margin-left: 0 !important
  }
}

@media (min-width: 1280px) {
  .u-ml-0\@lg {
    margin-left: 0 !important
  }
}

@media (min-width: 1440px) {
  .u-ml-0\@xl {
    margin-left: 0 !important
  }
}

@media (min-width: 768px) {
  .u-p-5\@sm {
    padding: 5px !important
  }
}

@media (min-width: 1025px) {
  .u-p-5\@md {
    padding: 5px !important
  }
}

@media (min-width: 1280px) {
  .u-p-5\@lg {
    padding: 5px !important
  }
}

@media (min-width: 1440px) {
  .u-p-5\@xl {
    padding: 5px !important
  }
}

@media (min-width: 768px) {
  .u-p-10\@sm {
    padding: 10px !important
  }
}

@media (min-width: 1025px) {
  .u-p-10\@md {
    padding: 10px !important
  }
}

@media (min-width: 1280px) {
  .u-p-10\@lg {
    padding: 10px !important
  }
}

@media (min-width: 1440px) {
  .u-p-10\@xl {
    padding: 10px !important
  }
}

@media (min-width: 768px) {
  .u-p-15\@sm {
    padding: 15px !important
  }
}

@media (min-width: 1025px) {
  .u-p-15\@md {
    padding: 15px !important
  }
}

@media (min-width: 1280px) {
  .u-p-15\@lg {
    padding: 15px !important
  }
}

@media (min-width: 1440px) {
  .u-p-15\@xl {
    padding: 15px !important
  }
}

@media (min-width: 768px) {
  .u-p-20\@sm {
    padding: 20px !important
  }
}

@media (min-width: 1025px) {
  .u-p-20\@md {
    padding: 20px !important
  }
}

@media (min-width: 1280px) {
  .u-p-20\@lg {
    padding: 20px !important
  }
}

@media (min-width: 1440px) {
  .u-p-20\@xl {
    padding: 20px !important
  }
}

@media (min-width: 768px) {
  .u-p-25\@sm {
    padding: 25px !important
  }
}

@media (min-width: 1025px) {
  .u-p-25\@md {
    padding: 25px !important
  }
}

@media (min-width: 1280px) {
  .u-p-25\@lg {
    padding: 25px !important
  }
}

@media (min-width: 1440px) {
  .u-p-25\@xl {
    padding: 25px !important
  }
}

@media (min-width: 768px) {
  .u-p-30\@sm {
    padding: 30px !important
  }
}

@media (min-width: 1025px) {
  .u-p-30\@md {
    padding: 30px !important
  }
}

@media (min-width: 1280px) {
  .u-p-30\@lg {
    padding: 30px !important
  }
}

@media (min-width: 1440px) {
  .u-p-30\@xl {
    padding: 30px !important
  }
}

@media (min-width: 768px) {
  .u-p-35\@sm {
    padding: 35px !important
  }
}

@media (min-width: 1025px) {
  .u-p-35\@md {
    padding: 35px !important
  }
}

@media (min-width: 1280px) {
  .u-p-35\@lg {
    padding: 35px !important
  }
}

@media (min-width: 1440px) {
  .u-p-35\@xl {
    padding: 35px !important
  }
}

@media (min-width: 768px) {
  .u-p-40\@sm {
    padding: 40px !important
  }
}

@media (min-width: 1025px) {
  .u-p-40\@md {
    padding: 40px !important
  }
}

@media (min-width: 1280px) {
  .u-p-40\@lg {
    padding: 40px !important
  }
}

@media (min-width: 1440px) {
  .u-p-40\@xl {
    padding: 40px !important
  }
}

@media (min-width: 768px) {
  .u-p-45\@sm {
    padding: 45px !important
  }
}

@media (min-width: 1025px) {
  .u-p-45\@md {
    padding: 45px !important
  }
}

@media (min-width: 1280px) {
  .u-p-45\@lg {
    padding: 45px !important
  }
}

@media (min-width: 1440px) {
  .u-p-45\@xl {
    padding: 45px !important
  }
}

@media (min-width: 768px) {
  .u-p-50\@sm {
    padding: 50px !important
  }
}

@media (min-width: 1025px) {
  .u-p-50\@md {
    padding: 50px !important
  }
}

@media (min-width: 1280px) {
  .u-p-50\@lg {
    padding: 50px !important
  }
}

@media (min-width: 1440px) {
  .u-p-50\@xl {
    padding: 50px !important
  }
}

@media (min-width: 768px) {
  .u-p-60\@sm {
    padding: 60px !important
  }
}

@media (min-width: 1025px) {
  .u-p-60\@md {
    padding: 60px !important
  }
}

@media (min-width: 1280px) {
  .u-p-60\@lg {
    padding: 60px !important
  }
}

@media (min-width: 1440px) {
  .u-p-60\@xl {
    padding: 60px !important
  }
}

@media (min-width: 768px) {
  .u-p-70\@sm {
    padding: 70px !important
  }
}

@media (min-width: 1025px) {
  .u-p-70\@md {
    padding: 70px !important
  }
}

@media (min-width: 1280px) {
  .u-p-70\@lg {
    padding: 70px !important
  }
}

@media (min-width: 1440px) {
  .u-p-70\@xl {
    padding: 70px !important
  }
}

@media (min-width: 768px) {
  .u-p-75\@sm {
    padding: 75px !important
  }
}

@media (min-width: 1025px) {
  .u-p-75\@md {
    padding: 75px !important
  }
}

@media (min-width: 1280px) {
  .u-p-75\@lg {
    padding: 75px !important
  }
}

@media (min-width: 1440px) {
  .u-p-75\@xl {
    padding: 75px !important
  }
}

@media (min-width: 768px) {
  .u-p-80\@sm {
    padding: 80px !important
  }
}

@media (min-width: 1025px) {
  .u-p-80\@md {
    padding: 80px !important
  }
}

@media (min-width: 1280px) {
  .u-p-80\@lg {
    padding: 80px !important
  }
}

@media (min-width: 1440px) {
  .u-p-80\@xl {
    padding: 80px !important
  }
}

@media (min-width: 768px) {
  .u-p-90\@sm {
    padding: 90px !important
  }
}

@media (min-width: 1025px) {
  .u-p-90\@md {
    padding: 90px !important
  }
}

@media (min-width: 1280px) {
  .u-p-90\@lg {
    padding: 90px !important
  }
}

@media (min-width: 1440px) {
  .u-p-90\@xl {
    padding: 90px !important
  }
}

@media (min-width: 768px) {
  .u-p-100\@sm {
    padding: 100px !important
  }
}

@media (min-width: 1025px) {
  .u-p-100\@md {
    padding: 100px !important
  }
}

@media (min-width: 1280px) {
  .u-p-100\@lg {
    padding: 100px !important
  }
}

@media (min-width: 1440px) {
  .u-p-100\@xl {
    padding: 100px !important
  }
}

@media (min-width: 768px) {
  .u-p-160\@sm {
    padding: 160px !important
  }
}

@media (min-width: 1025px) {
  .u-p-160\@md {
    padding: 160px !important
  }
}

@media (min-width: 1280px) {
  .u-p-160\@lg {
    padding: 160px !important
  }
}

@media (min-width: 1440px) {
  .u-p-160\@xl {
    padding: 160px !important
  }
}

@media (min-width: 768px) {
  .u-p-200\@sm {
    padding: 200px !important
  }
}

@media (min-width: 1025px) {
  .u-p-200\@md {
    padding: 200px !important
  }
}

@media (min-width: 1280px) {
  .u-p-200\@lg {
    padding: 200px !important
  }
}

@media (min-width: 1440px) {
  .u-p-200\@xl {
    padding: 200px !important
  }
}

@media (min-width: 768px) {
  .u-p-225\@sm {
    padding: 225px !important
  }
}

@media (min-width: 1025px) {
  .u-p-225\@md {
    padding: 225px !important
  }
}

@media (min-width: 1280px) {
  .u-p-225\@lg {
    padding: 225px !important
  }
}

@media (min-width: 1440px) {
  .u-p-225\@xl {
    padding: 225px !important
  }
}

@media (min-width: 768px) {
  .u-p-0\@sm {
    padding: 0 !important
  }
}

@media (min-width: 1025px) {
  .u-p-0\@md {
    padding: 0 !important
  }
}

@media (min-width: 1280px) {
  .u-p-0\@lg {
    padding: 0 !important
  }
}

@media (min-width: 1440px) {
  .u-p-0\@xl {
    padding: 0 !important
  }
}

@media (min-width: 768px) {
  .u-pt-5\@sm {
    padding-top: 5px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-5\@md {
    padding-top: 5px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-5\@lg {
    padding-top: 5px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-5\@xl {
    padding-top: 5px !important
  }
}

@media (min-width: 768px) {
  .u-pt-10\@sm {
    padding-top: 10px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-10\@md {
    padding-top: 10px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-10\@lg {
    padding-top: 10px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-10\@xl {
    padding-top: 10px !important
  }
}

@media (min-width: 768px) {
  .u-pt-15\@sm {
    padding-top: 15px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-15\@md {
    padding-top: 15px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-15\@lg {
    padding-top: 15px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-15\@xl {
    padding-top: 15px !important
  }
}

@media (min-width: 768px) {
  .u-pt-20\@sm {
    padding-top: 20px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-20\@md {
    padding-top: 20px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-20\@lg {
    padding-top: 20px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-20\@xl {
    padding-top: 20px !important
  }
}

@media (min-width: 768px) {
  .u-pt-25\@sm {
    padding-top: 25px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-25\@md {
    padding-top: 25px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-25\@lg {
    padding-top: 25px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-25\@xl {
    padding-top: 25px !important
  }
}

@media (min-width: 768px) {
  .u-pt-30\@sm {
    padding-top: 30px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-30\@md {
    padding-top: 30px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-30\@lg {
    padding-top: 30px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-30\@xl {
    padding-top: 30px !important
  }
}

@media (min-width: 768px) {
  .u-pt-35\@sm {
    padding-top: 35px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-35\@md {
    padding-top: 35px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-35\@lg {
    padding-top: 35px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-35\@xl {
    padding-top: 35px !important
  }
}

@media (min-width: 768px) {
  .u-pt-40\@sm {
    padding-top: 40px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-40\@md {
    padding-top: 40px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-40\@lg {
    padding-top: 40px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-40\@xl {
    padding-top: 40px !important
  }
}

@media (min-width: 768px) {
  .u-pt-45\@sm {
    padding-top: 45px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-45\@md {
    padding-top: 45px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-45\@lg {
    padding-top: 45px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-45\@xl {
    padding-top: 45px !important
  }
}

@media (min-width: 768px) {
  .u-pt-50\@sm {
    padding-top: 50px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-50\@md {
    padding-top: 50px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-50\@lg {
    padding-top: 50px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-50\@xl {
    padding-top: 50px !important
  }
}

@media (min-width: 768px) {
  .u-pt-60\@sm {
    padding-top: 60px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-60\@md {
    padding-top: 60px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-60\@lg {
    padding-top: 60px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-60\@xl {
    padding-top: 60px !important
  }
}

@media (min-width: 768px) {
  .u-pt-70\@sm {
    padding-top: 70px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-70\@md {
    padding-top: 70px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-70\@lg {
    padding-top: 70px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-70\@xl {
    padding-top: 70px !important
  }
}

@media (min-width: 768px) {
  .u-pt-75\@sm {
    padding-top: 75px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-75\@md {
    padding-top: 75px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-75\@lg {
    padding-top: 75px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-75\@xl {
    padding-top: 75px !important
  }
}

@media (min-width: 768px) {
  .u-pt-80\@sm {
    padding-top: 80px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-80\@md {
    padding-top: 80px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-80\@lg {
    padding-top: 80px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-80\@xl {
    padding-top: 80px !important
  }
}

@media (min-width: 768px) {
  .u-pt-90\@sm {
    padding-top: 90px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-90\@md {
    padding-top: 90px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-90\@lg {
    padding-top: 90px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-90\@xl {
    padding-top: 90px !important
  }
}

@media (min-width: 768px) {
  .u-pt-100\@sm {
    padding-top: 100px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-100\@md {
    padding-top: 100px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-100\@lg {
    padding-top: 100px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-100\@xl {
    padding-top: 100px !important
  }
}

@media (min-width: 768px) {
  .u-pt-160\@sm {
    padding-top: 160px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-160\@md {
    padding-top: 160px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-160\@lg {
    padding-top: 160px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-160\@xl {
    padding-top: 160px !important
  }
}

@media (min-width: 768px) {
  .u-pt-200\@sm {
    padding-top: 200px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-200\@md {
    padding-top: 200px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-200\@lg {
    padding-top: 200px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-200\@xl {
    padding-top: 200px !important
  }
}

@media (min-width: 768px) {
  .u-pt-225\@sm {
    padding-top: 225px !important
  }
}

@media (min-width: 1025px) {
  .u-pt-225\@md {
    padding-top: 225px !important
  }
}

@media (min-width: 1280px) {
  .u-pt-225\@lg {
    padding-top: 225px !important
  }
}

@media (min-width: 1440px) {
  .u-pt-225\@xl {
    padding-top: 225px !important
  }
}

@media (min-width: 768px) {
  .u-pt-0\@sm {
    padding-top: 0 !important
  }
}

@media (min-width: 1025px) {
  .u-pt-0\@md {
    padding-top: 0 !important
  }
}

@media (min-width: 1280px) {
  .u-pt-0\@lg {
    padding-top: 0 !important
  }
}

@media (min-width: 1440px) {
  .u-pt-0\@xl {
    padding-top: 0 !important
  }
}

@media (min-width: 768px) {
  .u-pr-5\@sm {
    padding-right: 5px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-5\@md {
    padding-right: 5px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-5\@lg {
    padding-right: 5px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-5\@xl {
    padding-right: 5px !important
  }
}

@media (min-width: 768px) {
  .u-pr-10\@sm {
    padding-right: 10px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-10\@md {
    padding-right: 10px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-10\@lg {
    padding-right: 10px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-10\@xl {
    padding-right: 10px !important
  }
}

@media (min-width: 768px) {
  .u-pr-15\@sm {
    padding-right: 15px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-15\@md {
    padding-right: 15px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-15\@lg {
    padding-right: 15px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-15\@xl {
    padding-right: 15px !important
  }
}

@media (min-width: 768px) {
  .u-pr-20\@sm {
    padding-right: 20px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-20\@md {
    padding-right: 20px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-20\@lg {
    padding-right: 20px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-20\@xl {
    padding-right: 20px !important
  }
}

@media (min-width: 768px) {
  .u-pr-25\@sm {
    padding-right: 25px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-25\@md {
    padding-right: 25px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-25\@lg {
    padding-right: 25px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-25\@xl {
    padding-right: 25px !important
  }
}

@media (min-width: 768px) {
  .u-pr-30\@sm {
    padding-right: 30px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-30\@md {
    padding-right: 30px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-30\@lg {
    padding-right: 30px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-30\@xl {
    padding-right: 30px !important
  }
}

@media (min-width: 768px) {
  .u-pr-35\@sm {
    padding-right: 35px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-35\@md {
    padding-right: 35px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-35\@lg {
    padding-right: 35px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-35\@xl {
    padding-right: 35px !important
  }
}

@media (min-width: 768px) {
  .u-pr-40\@sm {
    padding-right: 40px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-40\@md {
    padding-right: 40px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-40\@lg {
    padding-right: 40px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-40\@xl {
    padding-right: 40px !important
  }
}

@media (min-width: 768px) {
  .u-pr-45\@sm {
    padding-right: 45px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-45\@md {
    padding-right: 45px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-45\@lg {
    padding-right: 45px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-45\@xl {
    padding-right: 45px !important
  }
}

@media (min-width: 768px) {
  .u-pr-50\@sm {
    padding-right: 50px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-50\@md {
    padding-right: 50px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-50\@lg {
    padding-right: 50px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-50\@xl {
    padding-right: 50px !important
  }
}

@media (min-width: 768px) {
  .u-pr-60\@sm {
    padding-right: 60px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-60\@md {
    padding-right: 60px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-60\@lg {
    padding-right: 60px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-60\@xl {
    padding-right: 60px !important
  }
}

@media (min-width: 768px) {
  .u-pr-70\@sm {
    padding-right: 70px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-70\@md {
    padding-right: 70px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-70\@lg {
    padding-right: 70px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-70\@xl {
    padding-right: 70px !important
  }
}

@media (min-width: 768px) {
  .u-pr-75\@sm {
    padding-right: 75px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-75\@md {
    padding-right: 75px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-75\@lg {
    padding-right: 75px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-75\@xl {
    padding-right: 75px !important
  }
}

@media (min-width: 768px) {
  .u-pr-80\@sm {
    padding-right: 80px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-80\@md {
    padding-right: 80px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-80\@lg {
    padding-right: 80px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-80\@xl {
    padding-right: 80px !important
  }
}

@media (min-width: 768px) {
  .u-pr-90\@sm {
    padding-right: 90px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-90\@md {
    padding-right: 90px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-90\@lg {
    padding-right: 90px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-90\@xl {
    padding-right: 90px !important
  }
}

@media (min-width: 768px) {
  .u-pr-100\@sm {
    padding-right: 100px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-100\@md {
    padding-right: 100px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-100\@lg {
    padding-right: 100px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-100\@xl {
    padding-right: 100px !important
  }
}

@media (min-width: 768px) {
  .u-pr-160\@sm {
    padding-right: 160px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-160\@md {
    padding-right: 160px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-160\@lg {
    padding-right: 160px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-160\@xl {
    padding-right: 160px !important
  }
}

@media (min-width: 768px) {
  .u-pr-200\@sm {
    padding-right: 200px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-200\@md {
    padding-right: 200px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-200\@lg {
    padding-right: 200px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-200\@xl {
    padding-right: 200px !important
  }
}

@media (min-width: 768px) {
  .u-pr-225\@sm {
    padding-right: 225px !important
  }
}

@media (min-width: 1025px) {
  .u-pr-225\@md {
    padding-right: 225px !important
  }
}

@media (min-width: 1280px) {
  .u-pr-225\@lg {
    padding-right: 225px !important
  }
}

@media (min-width: 1440px) {
  .u-pr-225\@xl {
    padding-right: 225px !important
  }
}

@media (min-width: 768px) {
  .u-pr-0\@sm {
    padding-right: 0 !important
  }
}

@media (min-width: 1025px) {
  .u-pr-0\@md {
    padding-right: 0 !important
  }
}

@media (min-width: 1280px) {
  .u-pr-0\@lg {
    padding-right: 0 !important
  }
}

@media (min-width: 1440px) {
  .u-pr-0\@xl {
    padding-right: 0 !important
  }
}

@media (min-width: 768px) {
  .u-pb-5\@sm {
    padding-bottom: 5px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-5\@md {
    padding-bottom: 5px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-5\@lg {
    padding-bottom: 5px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-5\@xl {
    padding-bottom: 5px !important
  }
}

@media (min-width: 768px) {
  .u-pb-10\@sm {
    padding-bottom: 10px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-10\@md {
    padding-bottom: 10px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-10\@lg {
    padding-bottom: 10px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-10\@xl {
    padding-bottom: 10px !important
  }
}

@media (min-width: 768px) {
  .u-pb-15\@sm {
    padding-bottom: 15px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-15\@md {
    padding-bottom: 15px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-15\@lg {
    padding-bottom: 15px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-15\@xl {
    padding-bottom: 15px !important
  }
}

@media (min-width: 768px) {
  .u-pb-20\@sm {
    padding-bottom: 20px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-20\@md {
    padding-bottom: 20px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-20\@lg {
    padding-bottom: 20px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-20\@xl {
    padding-bottom: 20px !important
  }
}

@media (min-width: 768px) {
  .u-pb-25\@sm {
    padding-bottom: 25px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-25\@md {
    padding-bottom: 25px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-25\@lg {
    padding-bottom: 25px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-25\@xl {
    padding-bottom: 25px !important
  }
}

@media (min-width: 768px) {
  .u-pb-30\@sm {
    padding-bottom: 30px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-30\@md {
    padding-bottom: 30px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-30\@lg {
    padding-bottom: 30px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-30\@xl {
    padding-bottom: 30px !important
  }
}

@media (min-width: 768px) {
  .u-pb-35\@sm {
    padding-bottom: 35px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-35\@md {
    padding-bottom: 35px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-35\@lg {
    padding-bottom: 35px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-35\@xl {
    padding-bottom: 35px !important
  }
}

@media (min-width: 768px) {
  .u-pb-40\@sm {
    padding-bottom: 40px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-40\@md {
    padding-bottom: 40px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-40\@lg {
    padding-bottom: 40px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-40\@xl {
    padding-bottom: 40px !important
  }
}

@media (min-width: 768px) {
  .u-pb-45\@sm {
    padding-bottom: 45px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-45\@md {
    padding-bottom: 45px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-45\@lg {
    padding-bottom: 45px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-45\@xl {
    padding-bottom: 45px !important
  }
}

@media (min-width: 768px) {
  .u-pb-50\@sm {
    padding-bottom: 50px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-50\@md {
    padding-bottom: 50px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-50\@lg {
    padding-bottom: 50px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-50\@xl {
    padding-bottom: 50px !important
  }
}

@media (min-width: 768px) {
  .u-pb-60\@sm {
    padding-bottom: 60px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-60\@md {
    padding-bottom: 60px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-60\@lg {
    padding-bottom: 60px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-60\@xl {
    padding-bottom: 60px !important
  }
}

@media (min-width: 768px) {
  .u-pb-70\@sm {
    padding-bottom: 70px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-70\@md {
    padding-bottom: 70px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-70\@lg {
    padding-bottom: 70px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-70\@xl {
    padding-bottom: 70px !important
  }
}

@media (min-width: 768px) {
  .u-pb-75\@sm {
    padding-bottom: 75px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-75\@md {
    padding-bottom: 75px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-75\@lg {
    padding-bottom: 75px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-75\@xl {
    padding-bottom: 75px !important
  }
}

@media (min-width: 768px) {
  .u-pb-80\@sm {
    padding-bottom: 80px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-80\@md {
    padding-bottom: 80px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-80\@lg {
    padding-bottom: 80px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-80\@xl {
    padding-bottom: 80px !important
  }
}

@media (min-width: 768px) {
  .u-pb-90\@sm {
    padding-bottom: 90px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-90\@md {
    padding-bottom: 90px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-90\@lg {
    padding-bottom: 90px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-90\@xl {
    padding-bottom: 90px !important
  }
}

@media (min-width: 768px) {
  .u-pb-100\@sm {
    padding-bottom: 100px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-100\@md {
    padding-bottom: 100px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-100\@lg {
    padding-bottom: 100px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-100\@xl {
    padding-bottom: 100px !important
  }
}

@media (min-width: 768px) {
  .u-pb-160\@sm {
    padding-bottom: 160px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-160\@md {
    padding-bottom: 160px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-160\@lg {
    padding-bottom: 160px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-160\@xl {
    padding-bottom: 160px !important
  }
}

@media (min-width: 768px) {
  .u-pb-200\@sm {
    padding-bottom: 200px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-200\@md {
    padding-bottom: 200px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-200\@lg {
    padding-bottom: 200px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-200\@xl {
    padding-bottom: 200px !important
  }
}

@media (min-width: 768px) {
  .u-pb-225\@sm {
    padding-bottom: 225px !important
  }
}

@media (min-width: 1025px) {
  .u-pb-225\@md {
    padding-bottom: 225px !important
  }
}

@media (min-width: 1280px) {
  .u-pb-225\@lg {
    padding-bottom: 225px !important
  }
}

@media (min-width: 1440px) {
  .u-pb-225\@xl {
    padding-bottom: 225px !important
  }
}

@media (min-width: 768px) {
  .u-pb-0\@sm {
    padding-bottom: 0 !important
  }
}

@media (min-width: 1025px) {
  .u-pb-0\@md {
    padding-bottom: 0 !important
  }
}

@media (min-width: 1280px) {
  .u-pb-0\@lg {
    padding-bottom: 0 !important
  }
}

@media (min-width: 1440px) {
  .u-pb-0\@xl {
    padding-bottom: 0 !important
  }
}

@media (min-width: 768px) {
  .u-pl-5\@sm {
    padding-left: 5px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-5\@md {
    padding-left: 5px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-5\@lg {
    padding-left: 5px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-5\@xl {
    padding-left: 5px !important
  }
}

@media (min-width: 768px) {
  .u-pl-10\@sm {
    padding-left: 10px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-10\@md {
    padding-left: 10px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-10\@lg {
    padding-left: 10px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-10\@xl {
    padding-left: 10px !important
  }
}

@media (min-width: 768px) {
  .u-pl-15\@sm {
    padding-left: 15px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-15\@md {
    padding-left: 15px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-15\@lg {
    padding-left: 15px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-15\@xl {
    padding-left: 15px !important
  }
}

@media (min-width: 768px) {
  .u-pl-20\@sm {
    padding-left: 20px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-20\@md {
    padding-left: 20px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-20\@lg {
    padding-left: 20px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-20\@xl {
    padding-left: 20px !important
  }
}

@media (min-width: 768px) {
  .u-pl-25\@sm {
    padding-left: 25px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-25\@md {
    padding-left: 25px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-25\@lg {
    padding-left: 25px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-25\@xl {
    padding-left: 25px !important
  }
}

@media (min-width: 768px) {
  .u-pl-30\@sm {
    padding-left: 30px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-30\@md {
    padding-left: 30px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-30\@lg {
    padding-left: 30px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-30\@xl {
    padding-left: 30px !important
  }
}

@media (min-width: 768px) {
  .u-pl-35\@sm {
    padding-left: 35px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-35\@md {
    padding-left: 35px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-35\@lg {
    padding-left: 35px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-35\@xl {
    padding-left: 35px !important
  }
}

@media (min-width: 768px) {
  .u-pl-40\@sm {
    padding-left: 40px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-40\@md {
    padding-left: 40px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-40\@lg {
    padding-left: 40px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-40\@xl {
    padding-left: 40px !important
  }
}

@media (min-width: 768px) {
  .u-pl-45\@sm {
    padding-left: 45px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-45\@md {
    padding-left: 45px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-45\@lg {
    padding-left: 45px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-45\@xl {
    padding-left: 45px !important
  }
}

@media (min-width: 768px) {
  .u-pl-50\@sm {
    padding-left: 50px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-50\@md {
    padding-left: 50px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-50\@lg {
    padding-left: 50px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-50\@xl {
    padding-left: 50px !important
  }
}

@media (min-width: 768px) {
  .u-pl-60\@sm {
    padding-left: 60px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-60\@md {
    padding-left: 60px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-60\@lg {
    padding-left: 60px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-60\@xl {
    padding-left: 60px !important
  }
}

@media (min-width: 768px) {
  .u-pl-70\@sm {
    padding-left: 70px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-70\@md {
    padding-left: 70px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-70\@lg {
    padding-left: 70px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-70\@xl {
    padding-left: 70px !important
  }
}

@media (min-width: 768px) {
  .u-pl-75\@sm {
    padding-left: 75px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-75\@md {
    padding-left: 75px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-75\@lg {
    padding-left: 75px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-75\@xl {
    padding-left: 75px !important
  }
}

@media (min-width: 768px) {
  .u-pl-80\@sm {
    padding-left: 80px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-80\@md {
    padding-left: 80px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-80\@lg {
    padding-left: 80px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-80\@xl {
    padding-left: 80px !important
  }
}

@media (min-width: 768px) {
  .u-pl-90\@sm {
    padding-left: 90px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-90\@md {
    padding-left: 90px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-90\@lg {
    padding-left: 90px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-90\@xl {
    padding-left: 90px !important
  }
}

@media (min-width: 768px) {
  .u-pl-100\@sm {
    padding-left: 100px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-100\@md {
    padding-left: 100px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-100\@lg {
    padding-left: 100px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-100\@xl {
    padding-left: 100px !important
  }
}

@media (min-width: 768px) {
  .u-pl-160\@sm {
    padding-left: 160px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-160\@md {
    padding-left: 160px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-160\@lg {
    padding-left: 160px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-160\@xl {
    padding-left: 160px !important
  }
}

@media (min-width: 768px) {
  .u-pl-200\@sm {
    padding-left: 200px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-200\@md {
    padding-left: 200px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-200\@lg {
    padding-left: 200px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-200\@xl {
    padding-left: 200px !important
  }
}

@media (min-width: 768px) {
  .u-pl-225\@sm {
    padding-left: 225px !important
  }
}

@media (min-width: 1025px) {
  .u-pl-225\@md {
    padding-left: 225px !important
  }
}

@media (min-width: 1280px) {
  .u-pl-225\@lg {
    padding-left: 225px !important
  }
}

@media (min-width: 1440px) {
  .u-pl-225\@xl {
    padding-left: 225px !important
  }
}

@media (min-width: 768px) {
  .u-pl-0\@sm {
    padding-left: 0 !important
  }
}

@media (min-width: 1025px) {
  .u-pl-0\@md {
    padding-left: 0 !important
  }
}

@media (min-width: 1280px) {
  .u-pl-0\@lg {
    padding-left: 0 !important
  }
}

@media (min-width: 1440px) {
  .u-pl-0\@xl {
    padding-left: 0 !important
  }
}

.u-font-weight-normal {
  font-weight: 400
}

.u-font-weight-light {
  font-weight: 300
}

.u-font-weight-medium {
  font-weight: normal;
}

.u-font-weight-semi-bold {
  font-weight: 600
}

.u-font-weight-bold {
  font-weight: 700
}

.u-font-weight-black {
  font-weight: 900
}

.u-font-roboto {
  font-family: "Raleway", sans-serif
}

.u-font-montserrat {
  font: normal normal bold 100px/122px Montserrat;
}

.u-font-playfair {
  font-family: "Playfair Display", serif
}

.u-font-raleway {
  font-family: "Raleway", sans-serif
}
.nowrap {
  white-space: nowrap;
}
.u-text-align-right {
  text-align: right !important
}

.u-text-align-center {
  text-align: center !important
}

.u-text-align-left {
  text-align: left !important
}

.u-text-uppercase {
  text-transform: uppercase
}

.u-text-normal {
  text-transform: none !important
}

.u-text-white {
  color: #fff !important
}

.u-text-black {
  color: #000 !important
}

.u-text-yellow {
  color: #f7d117 !important
}

.u-text-blue {
  color: #2DB1EB
}

.o-list {
  list-style: decimal;
  margin-left: 30px;
  font: normal normal 900 30px/25px Raleway;
letter-spacing: 0px;
color: #F2CA25;
}

.o-list.o-list-alpha {
  list-style: upper-alpha;
}

.o-list li {
  font-size: 30px;
  font-weight: 900;
  color: #f7d117;
}

ul.disc-ul {
  padding-left: 20px;
  text-align: left;
}

ul.disc-ul li {
  list-style: disc;
  font-size: 22px;
}

.c-access__wrapper-text ul.disc-ul li .o-text {
  text-align: left !important;
}

.c-access__wrapper-text--right ul.disc-ul li .o-text {
  text-align: left !important;
}

.a2 .o-h3::after {
  background-color: #E85228;
}

.a2 ul.disc-ul li {
  color: #E85228;
}

.b1 ul.disc-ul li {
  color: #33B9CE;
}

.b1 .o-h3::after {
  background-color: #33B9CE;
}

.b2 ul.disc-ul li {
  color: #5DAC35;
}

.b2 .o-h3::after {
  background-color: #5DAC35;
}

.c1 ul.disc-ul li {
  color: #F2CA2C;
}

.policy ul.disc-ul {
  margin: 30px auto;
}

body.mapaweb .policy ul.disc-ul {
  margin: 10px auto 30px auto;
}

.policy ul.disc-ul li {
  font-size: large;
  margin-left: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.policy ul.disc-ul li::marker {
  color: #FFC300;
}

.faqs-list ul.disc-ul {
  margin: 30px auto;
}

.faqs-list ul.disc-ul li {
  font-size: 20px;
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  color: white;
  font-weight: 700;
}
.faqs-list ul.disc-ul li a {
  color: #FFF;
  text-decoration: underline;
}
.faqs-list ul.disc-ul li::marker {
  color: #FFC300;
}
.width452 {
max-width: 452px !important;
}
.width572 {
max-width: 572px !important;
}
.cursos-list ul.disc-ul li {
  margin-bottom: 25px;
}

.cursos-list ul.disc-ul li::marker {
  color: #FFC300;
}

.c1 .o-h3::after {
  background-color: #F2CA2C;
}

.c-about__center-title.no-border:after {
  content: none;
}

.a2 .o-h2, .b1 .o-h2, .b2 .o-h2, .c1 .o-h2 {
  text-align: left !important;
}

.niveles .c-level-access__block-text .o-h4 {
  line-height: 1;
  display: flex;
  align-items: center;
  font-weight: 500;
  justify-content: center;
  color: #fff;
}

.avisolegal .o-h3 {
  font-weight: 700 !important
}

.niveles .o-h3 {
  /*line-height: 41px;
  margin: 0;
  padding: 0;*/
  line-height: 70px;
  vertical-align: top;
}

.niveles .opac .o-h3 {
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 45px !important;
}
@media (min-width: 1281px) {
.niveles .opac #niveles-img-logo-atr {
  margin-top: 200px
}
.niveles .opac #niveles-img-logo-co {
  margin-top: 173px
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.niveles .opac #niveles-img-logo-atr {
  margin-top: 170px
}
.niveles .opac #niveles-img-logo-co {
  margin-top: 142px
}
}
.niveles .o-h3 .card-span {
  line-height: 41px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  vertical-align: top;
}

#a1-card-span-niveles,
#b1-card-span-niveles,
#b2-card-span-niveles,
#c1-card-span-niveles,
#a1-card-span-index,
#b1-card-span-index,
#b2-card-span-index,
#c1-card-span-index {
  line-height: 41px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  vertical-align: top;
}

.c-level-access__block-text-inner {
  display: flex;
  justify-content: space-between;
  border: 5px solid #fff;
  padding: 5px 30px 5px 5px;
  margin-top: 10px;
}

.niveles .c-level-access__box--pink {
  background-color: #E85228;
}

.right-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.niveles .c-level-access__wrapper {
  gap: 45px;
}

.c-level-access__block-text {
  width: 100%;
}

.niveles .c-level-access__box--orange {
  background-color: #F8AD00;
  align-items: stretch;
}

.c-level-access__wrapper.main-block .c-level-access__block-text {
  background: #E85228;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s all;
}

.main-block .c-level-access__box--orange .c-level-access__block-text {
  background: #F8AD00;
}

.main-block .c-level-access__box--blue .c-level-access__block-text {
  background: #33B9CE;
}

.main-block .c-level-access__box--green .c-level-access__block-text {
  background: #5DAC35;
}

.c-level-access__wrapper.main-block .c-level-access__box {
  background: white;
  min-height: 325px;
}
.c-level-access__wrapper.main-block .c-level-access__box--pink.c-level-access__box:hover {
  background: #E85228;
}
.c-level-access__wrapper.main-block .c-level-access__box--blue.c-level-access__box:hover {
  background: #33B9CE;
}
.c-level-access__wrapper.main-block .c-level-access__box--green.c-level-access__box:hover {
  background: #5DAC35;
}
.c-level-access__wrapper.main-block .c-level-access__box--orange.c-level-access__box:hover {
  background: #F8AD00;
}
.c-level-access__box:hover .c-level-access__block-text {
  opacity: 1;
}

.c-level-access__wrapper.row--wrapp {
  grid-template-columns: repeat(2, 1fr);
}

.row--wrapp .c-level-access__box--pink,
.row--wrapp .c-level-access__box--blue,
.row--wrapp .c-level-access__box--green,
.row--wrapp .c-level-access__box--orange {
  background: transparent;
  box-shadow: none;
  border-width: 12px;
}

.row--wrapp .c-level-access__block-text {
  display: flex;
  height: 100%;
  align-items: center;
  align-items: stretch;
}

.row--wrapp .c-level-access__block-text .left {
  display: flex;
  align-items: center;
  background: #e85228;
  min-width: 100px;
  justify-content: center;
}
.row--wrapp .c-level-access__block-text .o-h2 {
  color: #fff;
  font-weight: 500;
}

.row--wrapp .c-level-access__block-text .right .o-text {
  margin: 0;
  font-size: 21px;
  font-family: 'Raleway';
  text-align: left;
  padding: 40px;
  font-weight: 400;
}

.row--wrapp .c-level-access__box--blue .left {
  background: #33b9ce;
}

.row--wrapp .c-level-access__box--green .left {
  background: #5dac35;
}

.row--wrapp .c-level-access__box--orange .left {
  background: #f8ad00;
}

@media (max-width: 1024px) {
  .row--wrapp .c-level-access__block-text .right .o-text {
    padding: 20px
  }
  .niveles .c-level-access__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .c-level-access__wrapper.row--wrapp {
    grid-template-columns: repeat(1, 1fr);
  }

  .row--wrapp .c-level-access__block-text {
    flex-direction: column;
  }

  .row--wrapp .c-level-access__block-text .left {
    width: 100%;
  }

  .row--wrapp .c-level-access__block-text .right .o-text {
    text-align: center;
    font-size: 16px;
  }
}

.evaluacion-block {
  padding: 40px 0;
  position: relative;
  background: rgb(0 0 0 / 66%);
}

.evaluacion-block h3.o-h3 {
  color: #fff;
}

.evaluacion-block-inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 60px;
  padding: 0 60px;
}

@media (max-width: 991px) {
  .evaluacion-block-inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}

.evaluacion-blocks p {
  color: #fff;
  font-family: 'Raleway';
}
.evaluacion-blocks p.dieciocho {margin-bottom: 10px;font: normal normal 500 18px/21px Raleway;}
.evaluacion-blocks p.catorce {line-height: 22px}
.img-blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  align-items: center;
}
@media (min-width: 1025px) {
.img-blocks .img-block {
  min-height: 600px
}
}
@media (min-width: 1280px) {
.img-blocks .img-block {
  min-height: 800px
}
}

@media (max-width: 1024px) {
  .img-blocks {
    grid-template-columns: repeat(1, 1fr);
  }

}

@media (max-width: 1024px) {
  .evaluacion-block-inner {
    grid-template-columns: repeat(1, 1fr);
  }
}

.step-content.c-level-test__wrapper--step {
  padding: 0;
  border: 0;
}
.step-content {
  border: none
}
.open-modal.mob {
  display: none;
}

@media (max-width: 1024px) {
  .c-modal__content .o-h3 {
    color: #fff
  }

  .open-modal.desktop {
    display: none;
  }

  .open-modal.mob {
    display: block;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
  }

  .c-modal__content {
    padding: 50px 30px;
  }

  .c-legal__text {
    font-size: 16px;
  }

  .niveles .opac .o-h3 {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 15px !important;
  }

  .niveles .opac #niveles-img-logo-atr, .niveles .opac #niveles-img-logo-co {
    margin-top: 100px
  }
}

body.cookies .c-legal__text strong {
  color: black;
}

.bg-white {
  background-color: #fff;
}

.o-form__input-block .input-group.date {
  border: 1px solid #000;
  border-radius: 5px;
}

.o-form__input-block .input-group.date .o-form__input {
  border: 0;
}

.o-form__input-block .input-group.date .input-group-addon {
  background: transparent;
}

body.app-frontend .te-contact-card.closed .te-contact-card-icon {
  background-color: #fff;
  color: #000;
}

body.app-frontend .te-contact-card {
  padding: 10px 30px 10px 150px;
}

.te-contact-card .o-hcontacto {
  text-transform: uppercase;
font-weight: bold;
margin: 0 0 10px;
}

@media (max-width: 479px) {
  body.app-frontend .te-contact-card.closed {
    margin-right: -270px;
  }

  body.app-frontend .te-contact-card .te-contact-card-icon {
    width: 60px;
  }
}

.c-what__figure {
  opacity: 0.4;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  z-index: 0;
}

body.niveles .c-what__figure {
  opacity: 1;
}

.c-what__picture {
  flex-grow: 1;
  width: 100%;
  height: 100%;
}

body.niveles .c-what__figure:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 0.27;
}
@media (min-width: 480px) and (max-width: 1024px) {
  body.niveles .c-about__block .c-about__figure {
    width: 100%
  }
}
.c-what__image {
  display: block;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-blocks .img-block {
  background: rgb(0 0 0 / 66%);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 1;
  justify-content: center;
  padding: 30px 0
}

.img-blocks .img-block .c-what__figure {
  opacity: 0.55;
  justify-content: center;
  z-index: -1;
}

body.niveles .img-blocks .img-block .c-what__figure {
  opacity: 1;
}

.evaluacion-block .c-about__container {
  background: rgb(0 0 0 / 66%);
  position: relative;
  z-index: 1;
}

.evaluacion-block .c-what__figure {
  opacity: 1;
  background: rgb(0 0 0 / 66%);
}

.white-box.border {
  position: relative;
}

.white-box.border:before {
  content: '';
  height: 7px;
  width: 120px;
  display: block;
  background: #f7d117;
  position: absolute;
  top: 45px;
  left: 35px;
}
.c-hero--inner .white-box.puntos h4.o-h4 {
  text-align: left;
  margin-left: 30px;
}
.c-hero--inner .white-box.puntos h4, ul.puntos .c-access--item {
  display: table;
}
.c-hero--inner .white-box.puntos h4.o-h4::before {
content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #f7d117; /* Change the color */
font-weight: bold; /* If you want it to be bold */
font-size: 1.5em;
display: inline-block; /* Needed to add space between the bullet and the text */
width: 0.8em; /* Also needed for space (tweak if needed) */
vertical-align: top;
display: table-cell;
}
ul.puntos .c-access--item::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #f7d117; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  font-size: 1.5em;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  vertical-align: top;
  margin-top: 10px;
  display: table-cell;
}
@media (max-width: 769px) {
  ul.puntos .c-access--item::before {
    margin-top: 5px
  }
  body.aturitmo .c-access__block ul.puntos {
    margin-bottom: 30px;
  }
}
.c-hero--inner .white-box.puntos:before {
  content: none;
}
.covid-img {
  position: absolute;
  position: absolute;
  width: 160px;
  height: 160px;
  object-fit: cover;
  right: 0;
  top: 0;
}
body.resultadoprueba .info {
  border: 6px solid #f7d117;
padding: 30px 10px;
margin: 0 auto 40px;
max-width: 900px;
}
@media (max-width: 1024px) {
  .covid-img {
    width: 120px;
    height: 120px;
    position: static;
    margin: 0 auto;
    display: block;
  }
  .white-box.border:before {
    height: 5px
  }
}
.modal-footer .btn-primary {
  background-color: #80bd61;
border-color: #80bd61;
}
.eoi-avisos h4 {
  color: #f7d117;
  margin-bottom: 8px;
}
.pruebaavisos {
  margin: 20px auto;text-align: center;
}
.pruebaavisos a {
  background: transparent;
  padding: 10px 50px;
  color: #fff;
  border: 1px solid #FFF;
}
.pruebaavisos a:hover {
   background: #FFF;
   color: #000;
   text-decoration: none;
}
body.app-frontend .c-contact__submit button.te-btn.btn-primary {
  display: inline-block;
  cursor: pointer;
  outline: none;
  transition: all .3s ease;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.125rem;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  text-decoration: none;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  padding: 10px 63px;
  border-radius: 0;
}

body.app-frontend .c-contact__submit button.te-btn.btn-primary:hover {
  border: 1px solid #3f4443;
  background-color: #3f4443;
  color: #fff;
  text-decoration: none;
}

.te-localiza-eoi-detail-data .row .col-xs-12 {
  flex-wrap: wrap;
  margin: 0;
}

.te-localiza-eoi-results.c-search-eoi__wrapper {
  flex-wrap: wrap;
  margin: 0;
}

.listado2.te-localiza-eoi-results.c-search-eoi__wrapper.u-p-0, .listado3.te-localiza-eoi-results.c-search-eoi__wrapper.u-p-0 {
  margin: 0 -20px;
}

.listado2 input, .listado3 input {
  margin-right: 10px;
  margin-bottom: 15px;
}

.listado2 strong, .listado3 strong {
  color: inherit;
  margin-left: 25px
}

.listado2 input[type='radio']:after, .listado3 input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #d1d3d1;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

.listado2 input[type='radio']:checked:after, .listado3 input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #f7d117;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

@media (min-width: 991px) {
  .te-localiza-eoi-results.c-search-eoi__wrapper .c-search-eoi__card--last-step, .te-localiza-eoi-detail :not(.centro-tutorial).c-search-eoi__card--last-step {
    width: calc(100% - 281px);
  }
  .te-localiza-eoi-results.c-search-eoi__wrapper.tutorial .c-search-eoi__card--last-step, .te-localiza-eoi-results.c-search-eoi__wrapper .c-search-eoi__card--last-step.centro-tutorial {
    width: 100%;
    margin: 0 0 20px 0
  }
  .c-search-eoi__card--list, .c-search-eoi__card--last-step, .c-search-eoi__card.llistat {
    margin-bottom: 20px !important
  }

  .listado2.te-localiza-eoi-results.c-search-eoi__wrapper .c-search-eoi__card--list, .listado3.te-localiza-eoi-results.c-search-eoi__wrapper .c-search-eoi__card--list {
    margin-bottom: 0;
    left: 0;
  }

  .listado2 .llistatinterno, .listado3 .llistatinterno {
    max-height: 360px;
    overflow-y: scroll;
    margin-bottom: 30px;
    padding-left: 5px
  }
}
.listado2.te-localiza-eoi-results.c-search-eoi__wrapper .c-search-eoi__card--list, .listado3.te-localiza-eoi-results.c-search-eoi__wrapper .c-search-eoi__card--list {font: normal normal normal 18px/26px Raleway;}
@media (max-width: 990px) {
  .te-localiza-eoi-results.c-search-eoi__wrapper, .listado2.te-localiza-eoi-results.c-search-eoi__wrapper.u-p-0, listado3.te-localiza-eoi-results.c-search-eoi__wrapper.u-p-0 {
    margin: 0 auto;
  }

  .listado2 .c-search-eoi__card--list, .listado3 .c-search-eoi__card--list {
    margin-bottom: 0;
    border-width: 5px 5px 0 5px;
  }

  .listado2 button, .listado3 button {
    width: auto !important;
  }
}

.listado2 button, .listado3 button {
  width: 300px;
  margin: 0 auto;
}
.listado2 button:disabled, .listado3 button:disabled {
  cursor: not-allowed;
  background: #ddd;
}
.listado2 button:disabled:hover, .listado3 button:disabled:hover {
  color: #000;
}
.eoilist {
  margin-bottom: 15px;
  border-bottom: 1px solid #f7d117;
  padding-bottom: 8px;
}
.eoilist label {
  font-weight: 400
}
@media (min-width: 769px) and (max-width: 1024px) {
  .admin-access-btn-div {
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
.admin-access-btn-div {
  text-align: center;
  max-width: 680px;
}

.admin-access-input {
  max-width: 680px;
}
}
.admin-access-text {
  margin-bottom: 0;
}

.admin-access-btn-div {
  text-align: center;
}

.admin-access-btn {
  box-shadow: 0 2px 10px #000000a3;
  border: none;
  width: 14rem;
  height: 3rem;
  font-size: x-large;
  text-transform: capitalize;
  margin-top: 10px;
}

.form-group {
  margin: 20px auto;
}

.enlace-texto {
  color: black;
}

@media (min-width: 1280px) {

  #grid-inscripcion-online-1,
  #img-grid-inscripcion-online-1,
  #grid-inscripcion-online-2,
  #img-grid-inscripcion-online-2 {
    height: 20rem;
  }

  #acceso-proceso,
  #rellena-form-text {
    margin-top: -4rem;
  }

  body.faqs .c-access__text p {
    line-height: 35px;
  }
}

#online-registration-section {
  padding: 0;
}



body.faqs .c-access__figure p, .imagentexto p {
  color: white;
  font-size: 1.125rem;
  font-weight: 500;
  position: absolute;
  line-height: 30px;
  z-index: 1;
  right: 30px;
  bottom: 30px;
  max-width: 500px;
}

figure#faqs-figure-text:before, figure.imagentexto:before {
z-index:1;
  background: transparent linear-gradient(1deg, #000000 0%, #1A1A1AB0 40%, #54545400 100%) 0% 0% no-repeat padding-box;
opacity: 0.71;
}

body.avisolegal p {
  margin: 30px 0;
}

#box-yellow-line:after {
  width: 120px;
  height: 7px;
  margin-left: -12rem;
}

body.inscripcion .c-contact {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .c-hero--contact .c-hero__wrappper, body.prueba-via-examen-inicio .c-hero .c-hero__wrappper {
    display: block;
  }
body.login #flogin {text-align: center;}
  .c-hero--contact:not(.c-hero--home).c-hero--inner .left {
    text-align: center;
  }
}

#p-emision-te {
  font-weight: 700;
}

.text-box-programacion {
  border-width: 3px;
  border-style: solid;
  border-color: #f7d117;
  padding: 10px 15px 20px 15px;
  margin: 10px auto auto 5rem;
  font-size: 20px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  line-height: 1.8125rem;
  text-align: center;
  line-height: 2.5rem;
  width: 90%;
}

@media (max-width: 1024px) {
  .text-box-programacion {
    border-width: 3px;
    border-style: solid;
    border-color: #f7d117;
    padding: 15px 15px 30px 15px;
    margin: 10px auto auto auto;
    font-size: 20px;
    font-weight: 500;
    font-family: "Raleway", sans-serif;
    line-height: 1.8125rem;
    text-align: center;
    line-height: 2.5rem;
    width: 90%;
  }

  body.programacion .c-hero--inner .c-hero__heading:after {
    position: absolute;
    right: auto;
    bottom: -15px;
    left: 50%;
    content: '';
    transform: translateX(-50%);
    display: block;
    width: 120px;
    height: 7px;
    margin: 0 auto;
    background-color: #f7d117;
  }
}

.app-frontend strong {
  color: inherit;
}

body.programacion h1 strong {
  font-size: 4.25rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: white;
}

body.mapaweb .policy a {
  color: black;
  text-decoration: none;
}

body.mapaweb .row {
  margin-bottom: 3rem
}

@media (max-width: 1024px) {
  .o-text {margin-bottom: 25px !important}
  body.aturitmo li .o-text {margin-bottom: 0 !important}
  body.mapaweb .o-text {
    text-align: left;
  }

  body.mapaweb .c-hero--inner .c-hero__heading {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    text-align: center;
    color: #000;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    font-size: 3rem;
    padding-bottom: 1rem;
  }

  body.mapaweb .c-hero--inner .c-hero__heading:after {
    position: absolute;
    right: auto;
    bottom: -15px;
    left: 50%;
    content: '';
    transform: translateX(-50%);
    display: block;
    width: 120px;
    height: 7px;
    margin: 0 auto;
    background-color: #f7d117;
  }

  body.mapaweb .c-hero__wrappper {
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
  }
}

.te-row-day-group .te-day-block .te-block-inner {
  position: relative;
  float: left;
  width: 100%;
  min-height: 130px;
  padding: 53px 12px 10px;
  margin: 0;
  font-size: 13px;
  border: none;
  border-radius: 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 6px #00000029;
  opacity: 1;
  font: normal normal normal 13px/15px Raleway;
  letter-spacing: 0px;
  color: #212121;
}
.te-row-day-group .te-day-block :not(.te-week-block-slider) .te-block-inner {
  box-shadow: none;
}
.te-row-day-group .te-day-block .te-block-inner span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  font-weight: 800;
  line-height: 40px;
  color: #113b18;
  text-align: center;
  background-color: #f9e596;
  background-image: none;
  font: normal normal bold 30px Playfair Display;
  letter-spacing: 0px;
  color: #000000;
  color: black
}

.te-row-day-group .te-day-block .te-block-inner.weekend span {
  background-image: none
}

.te-row-day-group .te-day-block .te-block-inner.disabled {
  background-color: #eeeeee;
}

.te-row-day-group .te-day-block .te-block-inner.disabled span {
  background-image: none;
  background-color: #d3d3d3;
}

.te-week-block .te-day-block .te-block-inner, .te-week-block .te-day-block .te-block-inner--last {
  position: relative;
  float: left;
  width: 157px;
  min-height: 70px;
  line-height: 70px;
  margin: 0;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  margin-right: 10px;
  font: normal normal bold 30px Playfair Display;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
}

.te-week-block .te-day-block .te-block-inner--last {
  margin-right: 0
}

.te-week-block .te-day-block .te-block-inner span, .te-week-block .te-day-block .te-block-inner--last span {
  line-height: 70px
}

.te-week-block-slider {
  display: none;
}

.te-week-block-slider .te-day-block .te-block-inner {
  position: relative;
  float: left;
  width: 100%;
  min-height: 70px;
  margin: 0;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  margin-right: 10px;
  font-family: "Playfair Display", serif;
  font-size: x-large;
  font-weight: 700;
  text-align: center;
  padding: 1.25rem;
}

body.programacion .owl-next {
  top: 50%;
  left: auto;
  right: 0;
  background-image: url(/tebundles/teportal/img/right-arrow-slider-programacion.svg);
  width: 30px;
}

body.programacion .owl-prev {
  top: 50%;
  left: 0;
  right: auto;
  background-image: url(/tebundles/teportal/img/right-arrow-slider-programacion.svg);
  width: 30px;
  margin-left: 0.5rem;
}

body.programacion .owl-pagination {
  display: none;
}

@media (max-width: 1299px) {
  #p-emision-te {
    font-weight: 700;
    text-align: center;
  }

  body.programacion .policy ul.disc-ul li {
    font-size: large;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
  }

  .te-week-block .te-day-block .te-block-inner {
    display: none;
  }

  .te-week-block .te-day-block .te-block-inner--last {
    display: none;
  }

  body.programacion .o-h3--align-left {
    text-align: center;
  }

  body.programacion .o-h3--align-left:after {
    right: 0;
  }

  body.programacion .owl-next {
    left: auto;
    right: 0;
    background-image: url(/tebundles/teportal/img/right-arrow-slider-programacion.svg);
    background-size: contain;
    background-position: center;
    width: 30px;
    color: rgb(0, 0, 0, 0);
    border: 0;
  }

  body.programacion .owl-prev {
    left: 0;
    right: auto;
    background-image: url(/tebundles/teportal/img/left-arrow-slider-programacion.svg);
    background-size: contain;
    background-position: center;
    color: black;
    width: 30px;
    color: rgb(0, 0, 0, 0);
    border: 0;
  }

  body.programacion .owl-pagination {
    display: none;
  }

  .te-week-block-slider {
    display: block;
  }
}

@media (max-width: 1199px) {
  #p-emision-te {
    font-weight: 700;
    text-align: center;
  }

  body.programacion .policy ul.disc-ul li {
    font-size: large;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
  }

  .te-week-block .te-day-block .te-block-inner {
    display: none;
  }

  .te-week-block .te-day-block .te-block-inner--last {
    display: none;
  }

  body.programacion .o-h3--align-left {
    text-align: center;
  }

  body.programacion .o-h3--align-left:after {
    right: 0;
  }

  body.programacion .owl-next {
    left: auto;
    right: 0;
    background-image: url(/tebundles/teportal/img/right-arrow-slider-programacion.svg);
    background-size: contain;
    background-position: center;
    width: 30px;
    color: rgb(0, 0, 0, 0);
    border: 0;
  }

  body.programacion .owl-prev {
    left: 0;
    right: auto;
    background-image: url(/tebundles/teportal/img/left-arrow-slider-programacion.svg);
    background-size: contain;
    background-position: center;
    color: black;
    width: 30px;
    color: rgb(0, 0, 0, 0);
    border: 0;
  }


  body.programacion .owl-pagination {
    display: none;
  }

  .te-week-block-slider {
    display: block;
  }
}

@media (max-width: 991px) {
  #p-emision-te {
    font-weight: 700;
    text-align: center;
  }

  body.programacion .policy ul.disc-ul li {
    font-size: large;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
  }

  .te-week-block .te-day-block .te-block-inner {
    display: none;
  }

  .te-week-block .te-day-block .te-block-inner--last {
    display: none;
  }

  body.programacion .o-h3--align-left {
    text-align: center;
  }

  body.programacion .o-h3--align-left:after {
    right: 0;
  }

  body.programacion .owl-next {
    left: auto;
    right: 0;
    background-image: url(/tebundles/teportal/img/right-arrow-slider-programacion.svg);
    background-size: contain;
    background-position: center;
    width: 30px;
    color: rgb(0, 0, 0, 0);
    border: 0;
  }

  body.programacion .owl-prev {
    left: 0;
    right: auto;
    background-image: url(/tebundles/teportal/img/left-arrow-slider-programacion.svg);
    background-size: contain;
    background-position: center;
    color: black;
    width: 30px;
    color: rgb(0, 0, 0, 0);
    border: 0;
  }


  body.programacion .owl-pagination {
    display: none;
  }

  .te-week-block-slider {
    display: block;
  }
}

@media (max-width: 768px) {
  #p-emision-te {
    font-weight: 700;
    text-align: center;
  }

  body.programacion .policy ul.disc-ul li {
    font-size: large;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
  }

  .te-week-block .te-day-block .te-block-inner {
    display: none;
  }

  .te-week-block .te-day-block .te-block-inner--last {
    display: none;
  }

  body.programacion .o-h3--align-left {
    text-align: center;
  }

  body.programacion .o-h3--align-left:after {
    right: 0;
  }

  body.programacion .owl-next {
    left: auto;
    right: 0;
    background-image: url(/tebundles/teportal/img/right-arrow-slider-programacion.svg);
    background-size: contain;
    background-position: center;
    width: 30px;
    color: rgb(0, 0, 0, 0);
    border: 0;
  }

  body.programacion .owl-prev {
    left: 0;
    right: auto;
    background-image: url(/tebundles/teportal/img/left-arrow-slider-programacion.svg);
    background-size: contain;
    background-position: center;
    color: black;
    width: 30px;
    color: rgb(0, 0, 0, 0);
    border: 0;
  }

  body.programacion .owl-pagination {
    display: none;
  }

  .te-week-block-slider {
    display: block;
  }
}

body.programacion .c-legal__text, .c-legal__wrapper-text div {
  margin-top: 0;
}

body.programacion .owl-controls .owl-controls .owl-buttons div {
  cursor: pointer;
  margin: -4rem 10% auto 13%;
}

@media (max-width: 1024px) {
  body.matriculainternet-nueva .col-xs-12 {
    text-align: center;
  }
}

@media (max-width: 1024px) {
  body.faqs .right {
    display: none;
  }

  body.faqs .c-hero__wrappper {
    justify-content: center;
  }

  .acceder-plataforma {margin-top: 40px}
  #first-img-aturitmo {
    width: 145%;
  }

  body.aturitmo :not(.c-hero--home).c-hero--inner .left, body.inscripcion :not(.c-hero--home).c-hero--inner .left {
    padding: 0 0 0 0;
    text-align: center;
  }

  body.aturitmo .c-hero--inner .c-hero__heading:after {
    display: none;
  }
}

@media (max-width: 1024px) {

  body.inscripcion .u-mb-0 h3 {
    font-size: 40px;
  }
}

@media (max-width: 1024px) {

  body.inscripcion .left figure {
    margin: auto !important;
  }

  body.inscripcion :not(.c-hero--home).c-hero--inner .left {
    text-align: center;
  }

  body.inscripcion :not(.c-hero--home).c-hero--inner .right {
    margin-top: 25rem;
  }

  body.inscripcion .c-hero__wrappper {
    justify-content: center;
  }
}

@media (max-width: 1024px) {
  body.thats .c-hero__figure {
    width: auto;
    height: auto;
  }

  body.thats .c-hero_picture img {
    width: -webkit-fill-available;
  }

  body.thats .c-contact__submit {
    padding: 0;
  }
}

@media (max-width: 1024px) {
  .niveles .o-h3 {
    line-height: normal;
  }

  body.niveles .a2 .o-h2, .b1 .o-h2, .b2 .o-h2, .c1 .o-h2 {
    font-size: 60px;
    font-weight: 800;
    padding-bottom: 0.5rem;
  }

  #h3-destrezas-habilidades {
    display: none;
  }

  body.niveles .c-about__center-title {
    line-height: 2rem;
    font-size: 2rem;
  }

  #niveles-img-logo-atr {
    max-width: 200px !important;
    margin-bottom: 15px;
  }

  #niveles-img-logo-co {
    max-width: 125px !important;
    margin-bottom: 15px;
  }
}

.quiz-section-img {
  max-height: 500px;
  height: 100%;
  position: relative;
}

.quiz-section-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quiz-section-info-wrap {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 1220px;
  width: 100%;
  margin: auto;
  left: 50%;
  display: flex;
  align-items: center;
}

.quiz-section-main {
  max-height: 500px;
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 60px;
}

.quiz-img {
  width: 375px;
  height: 329px;
  margin-right: 140px;
}

.quiz-img img {
  height: 100%;
  object-fit: contain;
}

.quiz-img-info .o-h44 {
  font: var(--unnamed-font-style-normal) normal 900 64px/85px Playfair Display;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(---ffffff-white);
  text-align: left;
  font: normal normal 900 64px/85px Playfair Display;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  position: relative;
  margin-bottom: 40px;
}

.quiz-img-info .o-h44:after {
  content: "";
  position: absolute;
  bottom: -20.5px;
  width: 121px;
  height: 7px;
  background: #F2CA25;
  left: 0;
}

.quiz-img-info p {
  font: var(--unnamed-font-style-normal) normal 900 30px/40px Playfair Display;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(---ffffff-white);
  text-align: left;
  font: normal normal 900 30px/40px Playfair Display;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-bottom: 60px;
}

.quiz-img-info a.quiz {
  text-align: center;
  font: normal normal 900 36px/43px Raleway;
  letter-spacing: 0px;
  color: #F72A5F;
  text-transform: uppercase;
  opacity: 1;
  box-shadow: 0px 2px 10px #000000A3;
  border: 11px solid #F72A5F;
  opacity: 1;
  padding: 9px;
  background: transparent;
  box-shadow: 0px 2px 10px #000000A3;
}
.quiz-img-info a.quiz:hover {
  background: #F72A5F;
  color: #000;
  text-decoration: none;
}
@media only screen and (max-width: 1429px) {
  .quiz-section-img {
    max-height: 100%;
  }

  .quiz-img-info .o-h44 {
    font-size: 40px;
    margin-bottom: 40px;
  }

  .quiz-img-info .o-h44:after {
    bottom: -9px;
  }

  .quiz-img-info p {
    font-size: 24px;
    margin-bottom: 40px;
  }

  .quiz-img-info a.quiz {
    font-size: 25px;
    padding: 6px 12px;
    border: 11px solid #F72A5F;
    box-shadow: 0px 2px 10px #000000A3;
  }
}
@media only screen and (max-width: 1024px) {
  .open-modal.u-mr-30.u-mr-100\@lg.desktop {
      top: 30%;
      left: 50%;
      transform: translateX(-50%);
      right: unset;
  }

}
@media only screen and (min-height: 831px) and (max-width: 1280px) {
  .c-hero__wrappper{
    align-items: flex-start;
    justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .quiz-img {
    margin: 0;
  }
  .c-hero__wrappper{
    align-items: flex-start;
    justify-content: center;
  }
}
.evaluacion-blocks i {font-size: 6em}

@media only screen and (max-width: 1024px) {
  .quiz-img {
    margin: 0;
  }
  .quiz-section-info-wrap {
    flex-wrap: wrap;
    padding: 15px;
    text-align: center;
    justify-content: center;
  }

  .quiz-img-info {
    text-align: center;
  }

  .quiz-img-info .o-h44 {
    display: none;
  }

  .quiz-img-info p {
    text-align: center;
  }

  .quiz-img {
    position: relative;
    margin-bottom: 30px;
  }

  .quiz-img:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 7px;
    background: #f7d118;
  }

  .quiz-section-main {
    height: 800px;
    max-height: 100%;
  }

  .quiz-section-img {
    height: 800px;
  }

  div#modelHome .o-h3 {
    line-height: initial;
  }

  .open-modal.mob {
    right: 40px;
    top: 30px;
    width: 60px;
    height: 60px;
  }

  div#modelHome .o-h3 {
    margin-top: 80px;
  }

  /*
.owl-pagination {
    display: flex;
    flex-direction: column;
    right: 10px;
    left: unset;
    justify-content: flex-end;
    text-align: right;
    position: fixed;
    bottom: 120px;
}

.owl-page span {margin: 5px 0 0 auto;} */

  form.te-contact-form {
    text-align: left !important;
  }

  .c-footer__wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .c-footer__social-list {
    width: 100%;
    margin: 30px 0
  }
  li.c-footer__social-item {
    margin: 0 15px;
        
  }
  
  .c-search-eoi__wrapper {
    padding: 60px 0;
  }
  div#modelHome .o-h3 {
    margin: 0;
}

.open-modal.mob {
    top: 22%;
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    width: 100px;
    height: 100px;
}
.veinte {font-size: 20px;line-height: 30px}
.veintidos {font-size: 22px;line-height: 32px}
.veintidos25 {font-size: 22px !important;line-height: 25px !important}
.veintiuno {font-size: 21px !important;line-height: 29px}
.veinticinco {font-size: 25px;line-height: 35px}
.veinticinco2 {font-size: 25px !important;line-height: 25px !important;margin-bottom:15px !important}
.treintaicinco {font-size: 35px !important;line-height: 35px !important}
.center-mobile {text-align: center !important; margin-bottom:30px !important}
.center-mobile2 {text-align: center !important; margin-left: auto; margin-right: auto;}
.o-h3.center-mobile2.o-h3--align-left-md:after {
  right: 0 !important;
}
h3.center-mobile:after {right: 0 !important; left: 0 !important}
h2.center-mobile:after {right: 0 !important; left: 0 !important}
.left-mobile {text-align: left !important;}
.mobile-bold {font-weight: 700}
.mobile-nomargin {margin-bottom: 0 !important;padding-bottom: 0}
.evaluacion-blocks i {font-size: 7em}
.nueve {font-size: 9px !important;line-height:14px}
.catorce {font-size: 14px !important;line-height:22px !important}
.catorce2 {font-size: 14px !important;line-height:25px !important}
.dieciseis {font-size: 16px !important;line-height: 19px !important}
.dieciseis2 {font-size: 16px !important;line-height: 25px !important}
.dieciseis29 {font-size: 16px !important;line-height: 29px !important}
.dieciseis45 {font-size: 16px !important;line-height: 25px !important}
.dieciocho {font-size: 18px !important; line-height: 21px}
.dieciocho26 {font-size: 18px; line-height: 26px}
.doce {font-size: 12px;line-height:14px}
.trenta {font-size: 30px;line-height: 40px}
.trentaytres {font-size: 33px;line-height: 50px}
.trentaicinco2 {font-size: 35px;line-height: 41px}
.cuarentaycinco {font-size: 45px;line-height: 50px}
.cientocinco {font-size: 105px;line-height: 105px}
.ochentaytres {font-size: 83px;line-height: 88px}
.o-btn {font-size: 20px; line-height: 30px;max-width: 500px}
body.inscripcion .o-btn {max-width: 250px}
.c-what__item-block {margin-bottom: 25px}
.c-about__info .c-about__info-figure img {width: 41px !important}
.covid {display: flex;
flex-direction: column;}
.covid p {order: 3}
.covid img {order: 2;width:85px;height:85px;margin-top: -20px}
.c-access__wrapper-text ul.disc-ul li .o-text {line-height: 23px}
.titulonivel {font: normal normal 600 75px/92px Montserrat;
letter-spacing: -1.8px;}
.titulonivel2 {font: normal normal bold 80px/97px Montserrat !important;
letter-spacing: 0px;}
.bold-mobile {font-weight: bold}
.flex-reverse {display:flex; flex-direction: column-reverse;}
body.inscripcion .pasgrans h2 {font: normal normal 900 107px Raleway; text-align: center !important}
body.inscripcion .pasgrans .o-text {text-align: center !important}
body.inscripcion .pasgrans .subi {font: normal normal 900 40px/68px Playfair Display;
letter-spacing: 0px;
color: #050505;}
body.thats .c-access__tip-text {margin-left: 0}
.opacmobil:before {position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
background: transparent linear-gradient(0deg, #000000 0%, #1A1A1AB0 40%, #54545400 100%) 0% 0% no-repeat padding-box;
opacity: 0.6;}
}
#formAvisame .checkbox {text-align: left;}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .quiz-section-main {
    height: 750px;
  }
  .quiz-section-img {
    height: 750px;
  }
  .nueve {font-size: 16px !important;line-height:20px}
  .veinte {font-size: 27px;line-height: 37px}
  .veintidos {font-size: 29px;line-height: 39px}
  .veintidos25 {font-size: 29px;line-height: 32px}
  .veintiuno {font-size: 28px !important;line-height: 36px}
  .veinticinco {font-size: 32px;line-height: 42px}
  .veinticinco2 {font-size: 32px !important;line-height: 32px !important;margin-bottom:15px !important}
  .treintaicinco {font-size: 42px !important;line-height: 42px !important}
  .catorce {font-size: 21px !important;line-height:29px}
  .catorce2 {font-size: 21px !important;line-height:32px}
  .dieciseis {font-size: 23px !important;line-height: 26px !important}
  .dieciseis2 {font-size: 23px !important;line-height: 32px !important}
  .dieciseis29 {font-size: 23px !important;line-height: 36px !important}
  .dieciseis45 {font-size: 23px !important;line-height: 52px !important}
  .dieciocho {font-size: 25px; line-height: 28px}
  .dieciocho26 {font-size: 25px; line-height: 33px}
  .doce {font-size: 17px;line-height:19px}
  .trenta {font-size: 35px;line-height: 45px}
  .trentaytres {font-size: 40px;line-height: 57px}
  .trentaicinco2 {font-size: 42px;line-height: 48px}
  .cuarentaycinco {font-size: 52px;line-height: 57px}
  .cientocinco {font-size: 112px;line-height: 112px}
  .ochentaytres {font-size: 90px;line-height: 95px}
  body.aturitmo .c-hero--inner .white-box .o-h4, body.inscripcion .c-hero--inner .white-box .o-h4 {font-size: 21px !important; margin-top: 15px}
  body.aturitmo .c-hero--inner .white-box, body.inscripcion .c-hero--inner .white-box {margin-top: 20px}
  body.aturitmo .c-hero__wrappper {padding-top: 140px !important}
  body.inscripcion .c-hero__wrappper {padding-top: 105px !important}
}
@media (min-width: 768px) and (max-width: 1024px) and (min-height: 920px) {
body.aturitmo .c-hero__wrappper {padding-top: 320px !important}
body.inscripcion .c-hero__wrappper {padding-top: 280px !important}
}
@media (min-width: 1025px) {
  body.aturitmo .c-hero__wrappper, body.inscripcion .c-hero__wrappper {padding-bottom: 50px}
}
@media only screen and (max-width: 1024px) {
  #price-section .c-banner-level__title {
    margin-bottom: 180px;
  }
  .quiz-img-info .o-h44 {
    font-size: 32px;
    line-height: initial;
  }

  .quiz-img-info p {
    font: normal normal 900 30px/40px Playfair Display;
  }

  .quiz-img-info .o-h44:after {
    bottom: -20px;
  }

  .quiz-img {
    width: 100%;
    max-width: 249px;
  }

  .quiz-img img {
    width: 100%;
  }

  .diasmobile {text-align: center !important}
  .c-modal__content {
    height: 800px;
}
.imagetop {
    max-width: 300px;
    margin-top: -200px;
    margin-bottom: 70px !important;
    color: #fff;
}
.imagetop2 {
    max-width: 300px;
    margin-top: -140px;
    margin-bottom: 70px !important;
    color: #fff;
}
.imagetop3 {
    max-width: 300px;
    margin-top: -150px;
    margin-bottom: 70px !important;
    color: #fff;
}

}

h3.gris {color: #404040}
h3.o-h33.o-h3.u-mt-30.u-mb-70.u-font-weight-bold {
  color: #404040;
  /* margin-bottom: 100px !important; */
}



/*
.o-h3:after {
    bottom: -30px;
}

div#modelHome .o-h3 {
    margin-bottom: 20px;
    font-size: 56px;
}

div#modelHome .o-h3:after {
    bottom: 0;
}

h2.o-h2.u-text-uppercase.u-text-align-center.u-mb-15.u-mb-35\@sm {
    font-size: 78px;
    margin-bottom: 20px !important;
}

h4.o-h4.border-yellow.u-text-align-center.u-font-raleway.u-font-weight-medium.u-text-normal.u-pb-10.u-pb-35\@sm.u-mb-40.u-mb-70\@sm {
    font-size: 33px;
    line-height: 1.6;
} */


/*******30-06-21*****/


.simple-text .up-text {
  margin-bottom: 50px;
  text-align: center;
}

.simple-text p {
  color: #000000;
  font-size: 24px;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
}

.simple-text span {
  color: #000000;
  font-size: 24px;
  line-height: 40px;
  border-bottom: 1px solid #000;
  text-align: center;
  display: inline-block;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}

.all-tab .nav-tabs.row {
  margin-left: -60px;
  margin-right: -60px;
}

.all-tab .nav-tabs [class*="col-"] {
  padding-left: 60px;
  padding-right: 60px;
}

.all-tab .nav-tabs {
  border-bottom: none;
}

.all-tab li {
  height: 80px;
  margin-bottom: 40px;
}

.all-tab .section-tabs {
  background-color: #ffffff;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 8px 0px;
  text-align: center;
  box-shadow: 0px 0px 16px #0000006C;

  vertical-align: middle;
}

.all-tab .active .section-tabs {
  background-color: #454545;
}

#tabcontent .tab-pane.active {margin-top: 40px}

.all-tab .nav-tabs > li.active > a, .all-tab .nav-tabs > li > a:hover, .all-tab .nav-tabs > li.active > a:focus {
  background-color: #454545;
  border-top: none;
}

.all-tab .section-tabs.cerrado {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
  background: #EAEAEA 0% 0% no-repeat padding-box;
  border: none;
  box-shadow: none;
}

.section-tabs .text-tab {
  font-size: 29px;
  line-height: 37px;
  color: #4D4D4D;
  padding-bottom: 6px;
  display: block;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}

.all-tab .active .section-tabs .text-tab, .all-tab .nav-tabs > li > a:hover .text-tab {
  color: #FFFFFF;
}

.section-tabs .text-tab:hover {
  text-decoration: none;
}

.section-tabs p {
  font-size: 16px;
  line-height: 24px;
  color: #5A5A5A;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
}

.all-tab .active .section-tabs p, .all-tab .nav-tabs > li > a:hover p {
  color: #4EBD5A;
}

.all-text .row {
  display: flex;
  justify-content: center;
}
.all-text .tab-content {
  border: none;
}
.all-text .tab-content .tab-pane {
  background: rgb(255 255 255 / 60%);
  box-shadow: 0px 0px 33px #00000095;
  border: none;
  padding: 20px 40px;
}

.tab-content .heading {
  text-align: center;
}


.tab-content .heading h1,
.tab-content .heading h2,
.tab-content .heading h3,
.tab-content .heading h4,
.tab-content .heading h5,
.tab-content .heading h6 {
  color: #080808;
  font-size: 45px;
  line-height: 57px;
  padding-bottom: 7px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}
.tab-content .heading span {
  font-size: 16px;
  color: #4EBD5A;
  line-height: 24px;
  display: inline-block;
  width: 300px;
  padding-bottom: 20px;
  border-bottom: 5px solid #4EBD5A;
}

.tab-content .text {
  margin-top: 80px;
  margin-bottom: 30px;
}

.tab-content .text h6 {
  color: #0B0B0B;
  font-size: 16px;
  line-height: 25px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}

.tab-content .text p {
  color: #0B0B0B;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 25px;
  font-weight: 300;
  font-family: "Raleway", sans-serif;
}

.online {
  margin-top: 90px;
}

.online .oficial {
  text-align: center;
  background-image: url('/tebundles/teportal/img/Grupo-cta.png');
  background-repeat: no-repeat;
  padding: 30px 0px;
  padding: 25px 0 130px;
}

.online .oficial h1,
.online .oficial h2,
.online .oficial h3,
.online .oficial h4,
.online .oficial h5,
.online .oficial h6 {
  font-size: 30px;
  line-height: 39px;
  color: #000000;
  text-align: center;
  width: 480px;
  padding: 10px 80px;
  display: inline-block;
  font-weight: 500;
  background-color: #ffffff;
}

.online .rapido {
  text-align: center;
  margin: 70px 0px;
}

.online .rapido .c-hero__heading {
  color: #000;
  font-size: 45px;
  line-height: 60px;
  display: inline-block;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}

.online .inscrip {
  text-align: center;
}

.online .inscrip .btn-inscrip {
  font-size: 37px;
  line-height: 75px;
  color: #ffffff;
  font-weight: 700;
  background: linear-gradient(to right, rgb(5 96 61), rgb(38 230 81));
  padding: 5px 25px;
  border: none;
  border-radius: 0;
}

.inscrip .btn-inscrip:focus {
  outline: none;
}

@media (min-width: 320px) and (max-width: 575px) {
  /*******30-06-21*****/

.simple-text p  {
  font-size: 15px;
  line-height: 20px;
}
.simple-text span {
  font-size: 15px;
  line-height: 25px;
}
.all-tab .nav-tabs.row {
  margin-left: -15px;
  margin-right: -15px;
}

.all-tab .nav-tabs [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}
.section-tabs .text-tab {
  font-size: 18px;
  line-height: 22px;
}
.tab-content .heading h1, .tab-content .heading h2, .tab-content .heading h3, .tab-content .heading h4, .tab-content .heading h5, .tab-content .heading h6 {
  font-size: 30px;
  line-height: 35px;
  padding-bottom: 3px;
}
.all-tab li {
  height: 75px;
  margin-bottom: 25px;
}
.all-tab .section-tabs {
  height: 75px;
}
.tab-content .heading span {
  padding-bottom: 6px;
  width: auto;
}
.tab-content .text {
  margin-top: 10px;
}
.all-text .tab-content {
  padding: 20px 15px;
}
.tab-content .text p {
  margin-bottom: 15px;
}
.online {
  margin-top: 45px;
}
.online .oficial h1, .online .oficial h2, .online .oficial h3, .online .oficial h4, .online .oficial h5, .online .oficial h6 {
  font-size: 20px;
  line-height: 25px;
  padding: 8px 10px;
  width: auto;
}
.online .rapido .c-hero__heading {
  font-size: 28px;
  line-height: 30px;
}
.online .oficial {
  padding: 15px 10px;
}
.online .rapido {
  margin: 25px 0px;
}
.online .inscrip .btn-inscrip {
  font-size: 20px;
  line-height: 30px;
}


/******30-6-21-end******/

}

@media (min-width: 576px) and (max-width: 767px) {
  /*******30-06-21*****/

.simple-text p  {
  font-size: 20px;
  line-height: 30px;
}
.simple-text span {
  font-size: 22px;
  line-height: 32px;
}
.all-tab .nav-tabs.row {
  margin-left: -15px;
  margin-right: -15px;
}

.all-tab .nav-tabs [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}
.section-tabs .text-tab {
  font-size: 22px;
  line-height: 25px;
}
.tab-content .heading h1, .tab-content .heading h2, .tab-content .heading h3, .tab-content .heading h4, .tab-content .heading h5, .tab-content .heading h6 {
  font-size: 40px;
  line-height: 47px;
  padding-bottom: 3px;
}
.all-tab li {
  height: 75px;
}
.all-tab .section-tabs {
  height: 75px;
}
.tab-content .heading span {
  padding-bottom: 6px;
}
.tab-content .text {
  margin-top: 35px;
}
.tab-content .text p {
  margin-bottom: 15px;
}
.online {
  margin-top: 45px;
}
.online .oficial h1, .online .oficial h2, .online .oficial h3, .online .oficial h4, .online .oficial h5, .online .oficial h6 {
  font-size: 25px;
  line-height: 30px;
  padding: 10px 30px;
  width: 380px;
}
.online .rapido .c-hero__heading {
  font-size: 40px;
  line-height: 50px;
}
.online .oficial {
  padding: 15px 0px;
}
.online .rapido {
  margin: 40px 0px;
}
.online .inscrip .btn-inscrip {
  font-size: 25px;
  line-height: 50px;
}


/******30-6-21-end******/

}

@media (min-width: 768px) and (max-width: 991px) {
  /*******30-06-21*****/

.simple-text p  {
  font-size: 20px;
  line-height: 30px;
}
.simple-text span {
  font-size: 22px;
  line-height: 32px;
}
.all-tab .nav-tabs.row {
  margin-left: -15px;
  margin-right: -15px;
}

.all-tab .nav-tabs [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}
.section-tabs .text-tab {
  font-size: 22px;
  line-height: 25px;
}
.tab-content .heading h1, .tab-content .heading h2, .tab-content .heading h3, .tab-content .heading h4, .tab-content .heading h5, .tab-content .heading h6 {
  font-size: 40px;
  line-height: 47px;
  padding-bottom: 3px;
}
.all-tab li {
  height: 75px;
}
.all-tab .section-tabs {
  height: 75px;
}
.tab-content .heading span {
  padding-bottom: 6px;
}
.tab-content .text {
  margin-top: 35px;
}
.tab-content .text p {
  margin-bottom: 15px;
}
.online {
  margin-top: 45px;
}
.online .oficial h1, .online .oficial h2, .online .oficial h3, .online .oficial h4, .online .oficial h5, .online .oficial h6 {
  font-size: 25px;
  line-height: 30px;
  padding: 10px 30px;
  width: 380px;
}
.online .rapido .c-hero__heading {
  font-size: 40px;
  line-height: 50px;
}
.online .oficial {
  padding: 15px 0px;
}
.online .rapido {
  margin: 40px 0px;
}
.online .inscrip .btn-inscrip {
  font-size: 25px;
  line-height: 50px;
}


/******30-6-21-end******/

}

.learn-more-content h4 {
  font-size: 43px;
  line-height: 58px;
  font-family: Playfair Display;
  font-weight: bold;
  text-align: left;
  color: #292929;
  position: relative;
  margin-bottom: 80px;
  max-width: 564px;
}

.learn-more-img img {
  width: 100%;
}

body.thats .learn-more-img img {
  max-width: 650px;
}

@media (max-width: 1024px) {
  body.thats .learn-more-img img {
    max-width: 100%;
  }

}
.learn-more-content a.btn {
  font-size: 37px;
  line-height: 50px;
  font-family: Raleway;
  font-weight: normal;
  text-align: center;
  color: #070707;
  background: #FFF;
  padding: 11px 21px 11px 21px;
  border: 5px solid #38A456;
  box-shadow: 0px 3px 6px #00000071;
  -webkit-box-shadow: 0px 3px 6px #00000071;
  -moz-box-shadow: 0px 3px 6px #00000071;
}

.learn-more-content a.btn:focus {
  outline: none;
}
.via-text-section::before {
  content: '';
  background-image: url("/tebundles/teportal/img/Grupo-cta.png");
  background-repeat: no-repeat;
width: 100%;
z-index: -1;
position: absolute;
height: 100%;
background-position: center bottom;
top: 0;
}
.learn-more-section {
  background-image: url("/tebundles/teportal/img/Grupo-elearning.png");
  background-repeat: no-repeat;
  background-color: #FFF;
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 61px 0 84px;
  margin: 61px 0 84px;
  position: relative;
}
@media (max-width: 1024px) {
  .learn-more-section {
    padding: 0
  }
}
.learn-more-section2 {
  background-image: url("/tebundles/teportal/img/grupo-thats.png");
  background-position: left bottom;
}
.learn-more-section .row {
    align-items: center;
    justify-content: flex-end;
    display: flex;
}

.learn-more-content h4:after {
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    content: '';
    display: block;
    width: 95.5px;
    height: 12px;
    margin-right: auto;
    background-color: #f7d117;
}

.via-text-section {
  position: relative;
  padding: 120px 0;
}

.via-text-section2 {
  position: relative;
  padding: 60px 0;
}
.via-text-section2::before {
  content: '';
  background-image: url("/tebundles/teportal/img/FONDO2A.png");
  background-repeat: no-repeat;
  background-size: contain;
width: 100%;
z-index: -1;
position: absolute;
height: 100%;
background-position: center top;
top: 0;
}


.via-text-section-img img {
    margin: 0 auto;
    display: block;
    vertical-align: middle;
}

.via-text-section2 .via-text-section-img img {
  max-width: 850px;
  margin-right: 0 !important;
}

.via-section-button {
    position: relative;
    text-align: center;
    top: -8px;
}
@media (max-width: 1024px) {
  .via-section-button {
    top: -20px;
  }
}
.via-text-section a.btn {
  font-size: 30px;
  line-height: 39px;
  font-family: Raleway;
  font-weight: 500;
  color: #000000;
  padding: 6px 88px 5px 88px;
  background-color: #fff;
  box-shadow: 0px 0px 9px #00000067;
  -webkit-box-shadow: 0px 0px 9px #00000067;
  -moz-box-shadow: 0px 0px 9px #00000067;

}

.via-section-button .btn:focus {
  outline: none;
}

.o-btn-cta {
text-transform: none;
font: normal normal 500 30px/39px Raleway;
padding: 10px 120px;
text-align: center;
box-shadow: 0px 0px 9px #00000067;
border: none;
}

@media (max-width: 767px) {
  .via-text-section2 .via-text-section-img img {
    max-width: 100%;
  }
  .o-btn-cta {
  padding: 10px 25px;
  }
  .u-mobile-mb-30 {
    margin-bottom: 30px !important;
  }
  .c-access-section-btn .btn {
    font-size: 23px;
    line-height: 30px;
    padding: 13px 50px 15px 50px;
  }

  .via-text-section .btn {
    font-size: 16px;
    line-height: 21px;
    padding: 5px 20px 5px 20px;
  }

  .learn-more-content h4 {
    font-size: 23px;
    line-height: 38px;
    margin-bottom: 0;
  }

  .learn-more-section .row {
    justify-content: center;
    flex-direction: column;
  }

  .learn-more-content .btn {
    font-size: 20px;
    line-height: 30px;
    margin: 0 auto;
  }

  .learn-more-content h4:after {
    display: none;
  }

  .banner-content {
    top: 100px !important;
    left: 0 !important;
    right: 0 !important;
  }

  .banner-section .banner-content h5 {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }

  .banner-section .banner-content h1 {
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 42px;
    text-align: center;
  }

  .txt-white {
    margin-bottom: 15px;
  }

  .txt-yellow {
    margin-bottom: 20px;
  }

  .banner-section .banner-content p {
    margin-bottom: 40px;
  }

  .banner-section {
    min-height: 700px;
  }

  .banner-section .overlay {
    position: absolute !important;
    top: 0% !important;
    left: 0 !important;
  }

  .Section-2-content {
    transform: translate(0%, 0%);
  }

   .Section-2-content .trenta {
     font-size: 23px;
   }

  .Section-2-content .veintidos {
    font-size: 16px;
    line-height: 22px;
    margin-top: 200px;
  }
}
@media (max-width: 400px) {
  .via-text-section2 .via-text-section-img img {
    max-width: 400px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /*******30-06-21*****/

.all-tab .nav-tabs.row {
  margin-left: -30px;
  margin-right: -30px;
}

.all-tab .nav-tabs [class*="col-"] {
  padding-left: 30px;
  padding-right: 30px;
}
.section-tabs .text-tab {
  font-size: 25px;
  line-height: 27px;
}
.all-tab li {
  height: 75px;
}
.all-tab .section-tabs {
  height: 75px;
}
.tab-content .heading span {
  padding-bottom: 10px;
}
.tab-content .text {
  margin-top: 35px;
}
.tab-content .text p {
  margin-bottom: 15px;
}
.online {
  margin-top: 60px;
}
.online .oficial h1, .online .oficial h2, .online .oficial h3, .online .oficial h4, .online .oficial h5, .online .oficial h6 {
  font-size: 25px;
  line-height: 30px;
  padding: 10px 50px;
}
.online .oficial {
  padding: 20px 0px;
}
.online .rapido {
  margin: 40px 0px;
}
.online .inscrip .btn-inscrip {
  font-size: 30px;
  line-height: 55px;
}

/******30-6-21-end******/

}
.fondo2a {
  background-image: url('/tebundles/teportal/img/FONDO2A.png');
  background-position: center bottom;
  background-size: cover;
}