:root {
  --color-1: #ffce31;
  --system-gray: #707070;
  --white: white;
  --color-2: #314594;
  --send-color: #57c840;
  --color-3: #5adbff;
  --black: black;
  --color-2-light: #f5f7ff;
  --color-1-light: #ffe799;
  --color-1-dark: #664e00;
  --color-2-dark: #141d3d;
  --color-3-light: #d6f6ff;
  --coor-3-dark: #004052;
  --alert-color: #fbf990;
  --cancel-color: #fd5b5b;
  --light-grey: #d7d7d7;
  --dark-grey: #b3b3b3;
  --white-smoke: #f4f4f4;
  --dark-slate-grey: #393939;
}

body {
  color: #314594;
  flex-direction: column;
  font-family: Open Sans, sans-serif;
  font-size: 1em;
  line-height: 1.6;
  display: flex;
}

h1 {
  margin-top: 0;
  margin-bottom: .5em;
  font-family: Lato, sans-serif;
  font-size: 3.8em;
  font-weight: 900;
  line-height: 1.1;
}

h2 {
  z-index: 1;
  margin-top: 0;
  margin-bottom: .4em;
  font-family: Lato, sans-serif;
  font-size: 2.4em;
  font-weight: 900;
  line-height: 1.2;
  position: relative;
}

h3 {
  z-index: 1;
  margin-top: 0;
  margin-bottom: .3em;
  font-family: Lato, sans-serif;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

h4 {
  margin-top: 0;
  margin-bottom: .3em;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: .4em;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: .4em;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.4;
}

p {
  margin-bottom: 10px;
  font-size: 1.1em;
}

a {
  color: var(--color-1);
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--system-gray);
  margin-bottom: 5px;
  font-size: .8em;
  font-weight: 400;
  display: block;
}

.wrpr {
  z-index: 1;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1080px;
  min-height: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.wrpr.between {
  justify-content: space-between;
}

.wrpr.flex-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.wrpr.block {
  display: block;
}

.wrpr.contrast-element {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: grayscale();
  text-align: center;
  border-radius: 25px;
  grid-template-rows: auto 40px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  height: 50px;
  display: grid;
  overflow: hidden;
}

.wrpr.margin-top.margin-small.fix {
  margin-left: auto;
  margin-right: auto;
}

.wrpr.a-center {
  justify-content: center;
}

.section.padding {
  padding-top: 6vh;
  padding-bottom: 6vh;
}

.nav-bar {
  position: static;
}

.secundary-nav {
  z-index: 5;
  background-color: #fafafa;
  padding-top: .6em;
  padding-bottom: .6em;
  font-size: .9em;
}

.primary-bar {
  z-index: 5;
  padding-top: .8em;
  padding-bottom: .8em;
  display: block;
  position: relative;
}

.e-menu {
  align-items: center;
  display: flex;
}

.logo {
  text-decoration: none;
  display: block;
}

.text-logo {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.4em;
}

.text-logo.w {
  color: var(--white);
}

.text-logo.c1 {
  color: var(--color-1);
}

.text-logo.c2, .text-logo.second-color {
  color: var(--color-2);
}

.text-logo.white {
  color: var(--white);
}

.text-logo.first-color {
  color: var(--color-1);
}

.desktop-nav {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.mobile-nav {
  justify-content: flex-end;
  display: flex;
}

.trgr-open.brgr {
  flex-direction: column;
  justify-content: space-between;
  width: 35px;
  height: 25px;
  display: flex;
}

.btn-nav {
  color: var(--color-2);
  background-color: #0000;
  margin-left: .4em;
  padding: .6em .8em;
  font-size: .9em;
  transition: all .2s ease-in-out;
}

.btn-nav:hover {
  color: #8fa0e3;
}

.btn-nav.dropper {
  padding: .6em 1.6em .6em .8em;
}

.brgr-pleca {
  background-color: #000;
  height: .2em;
}

.footer {
  background-color: #fafafa;
  margin-top: auto;
  padding-top: 6vh;
}

.ftr-legal {
  color: #96a1cb;
  margin-top: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: .8em;
}

.flex-col {
  flex: 0 auto;
  width: 100%;
  min-height: 20px;
  padding-left: 1em;
  padding-right: 1em;
}

.flex-col._50 {
  width: 50%;
}

.flex-col._30 {
  width: 33.3333%;
}

.flex-col._30.no-padd {
  padding-left: 0;
  padding-right: 0;
}

.flex-col._25 {
  width: 25%;
}

.flex-col._20 {
  width: 20%;
}

.flex-col._16 {
  width: 16.6667%;
}

.text-size-regular {
  font-size: 1em;
  line-height: 1.4em;
}

.text-label {
  color: #8491c4;
  margin-bottom: .6em;
  font-size: 1em;
  line-height: 1.4em;
  position: relative;
}

.text-label.text-label-small {
  font-size: .8em;
}

.fill-color {
  background-color: #6fcfcf;
}

.titular {
  text-align: center;
  margin-top: -1em;
  margin-bottom: 4vh;
  padding-left: 14%;
  padding-right: 14%;
}

.sub-title {
  font-size: 1.2em;
}

.botonera {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 10px;
  display: flex;
}

.botonera.a-right {
  justify-content: flex-end;
}

.botonera.a-center {
  justify-content: center;
}

.btn {
  border: 1px solid var(--color-2);
  background-color: var(--color-2);
  color: var(--color-1);
  text-align: center;
  border-radius: 2.5em;
  margin-bottom: 1.4em;
  margin-right: 1.4em;
  padding: .6em 2em;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.btn:hover {
  filter: brightness(80%);
}

.btn.brdr {
  color: var(--color-1);
  background-color: #0000;
}

.btn.brdr:hover {
  background-color: #c3d8ef;
}

.btn.fw {
  width: 100%;
  margin-right: 0;
}

.btn.contrast {
  border-color: var(--color-1);
  background-color: var(--color-1);
  color: var(--color-2);
}

.btn.small-btn {
  padding: .5em 1.6em;
  font-size: .8em;
}

.btn.medium-btn {
  font-size: 1.1em;
}

.btn.large-btn {
  font-size: 1.3em;
}

.btn.large-btn.fix-text {
  margin-bottom: 0;
  margin-right: 0;
  line-height: 1.3;
  display: block;
}

.btn.send-color {
  border-color: var(--send-color);
  min-height: auto;
}

.btn.send-color.clear {
  margin-bottom: 0;
  margin-right: 0;
}

.btn.sned-btn {
  border-color: var(--send-color);
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #55c040;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 2.4em;
  padding-right: 2.4em;
  display: inline-block;
}

.btn.clear {
  margin-bottom: 0;
  margin-right: 0;
}

.ftr-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.g-two-colums {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 3em;
  display: grid;
}

.g-three-columns {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fullwidth-two-col-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 60vh;
  display: grid;
}

.full-bg {
  background-image: url('../images/hero-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.flex-center-content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.fcc-container {
  width: 100%;
  max-width: 60%;
  min-height: 20px;
}

.system-brand-element {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 300px;
  display: grid;
}

.hldr-brand {
  background-color: var(--white);
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  display: flex;
}

.hldr-brand.color-1 {
  background-color: var(--color-1);
  text-align: left;
}

.hldr-brand.color-2 {
  background-color: var(--color-2);
}

.hldr-brand.color-3 {
  background-color: var(--color-3);
}

.s-hldr-brand {
  width: 100%;
  max-width: 60%;
  min-height: 20px;
}

.brand {
  text-decoration: none;
  display: block;
}

.simple-dvdr {
  background-color: var(--black);
  height: 1px;
  margin-top: 3vh;
  margin-bottom: 3vh;
}

.hldr-system-element {
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.heading-small {
  font-size: 1.8em;
}

.heading-medium {
  font-size: 3em;
}

.heading-x-large {
  font-size: 5.4em;
}

.spacer {
  height: 10vh;
}

.tab {
  background-color: #fafafa;
}

.tab.w--current {
  background-color: var(--color-1);
  color: var(--white);
}

.div-block {
  text-align: center;
  padding-top: 10px;
}

.nav_component {
  z-index: 100;
}

.page-padding {
  z-index: 1;
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.footer_component {
  border-top: 40px solid var(--white);
  background-color: #223580;
  margin-top: auto;
}

.modal-nav-hldr {
  z-index: 10;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: 0%;
  transform: translate(100%);
}

.modal-nav-hldr.show {
  transform: translate(100%);
}

.modal-nav {
  z-index: 1;
  background-color: var(--white);
  color: var(--color-2);
  flex-direction: column;
  grid-template-rows: 10% auto 6%;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 50%;
  display: block;
  position: relative;
  overflow: auto;
}

.modal-nav-hdr {
  justify-content: space-between;
  align-items: center;
  padding: 2em 2em 0;
  display: flex;
}

.modal-nav-body {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 2em 2em 4em;
  display: grid;
}

.modal-nav-ftr {
  color: var(--color-2-light);
  justify-content: center;
  padding-top: 1em;
  font-size: .8rem;
  display: flex;
}

.btn-mov-nav {
  color: var(--color-2);
  text-align: left;
  background-color: #fafafa;
  border-radius: .4em;
  padding: 1em 1em .6em;
  font-size: 1.1rem;
  font-weight: 600;
  display: block;
}

.btn-mov-nav.mov-cta {
  background-color: var(--color-2);
  color: var(--color-2-light);
}

.btn-mov-nav.small {
  background-color: var(--color-2-light);
  color: var(--color-2);
  text-align: left;
  width: auto;
  padding-top: 1.6em;
  font-size: 1rem;
  display: block;
}

.btn-mov-nav.small.just-text {
  border: 1px solid var(--color-2);
  color: var(--color-2-light);
  text-align: center;
  background-color: #0000;
  padding: .5em 0;
  font-size: .8rem;
}

.btn-mov-nav.trgr-accordion {
  border-radius: 0;
}

.mov-nav-accordion {
  border-radius: .9em;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.mov-nav-accordion_wrpr {
  background-color: #2f4085;
  height: auto;
  position: relative;
  overflow: hidden;
}

.mov-nav-accordion_botonera {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--color-2);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 1em 1.4em 1.4em;
  display: grid;
  position: relative;
}

.trgr-close.close {
  width: 2em;
  height: 2em;
}

.trgr-close.close.close-btn {
  background-color: var(--color-1);
  border-radius: 2.5em;
  justify-content: center;
  align-items: center;
  width: 2.4em;
  height: 2.4em;
  padding: .2em;
  display: flex;
}

.modal-nav-shade {
  z-index: 9;
  opacity: 0;
  background-color: #0006;
  display: none;
  position: absolute;
  inset: 0%;
}

.hero {
  margin-top: 150px;
  position: relative;
}

.navegacion {
  z-index: 5;
  position: fixed;
  inset: 0% 0% auto;
}

.main-nav-bar_shade-bg {
  z-index: 0;
  background-color: var(--white);
  position: absolute;
  inset: 0%;
}

.icon-btn {
  background-color: var(--color-2);
  color: var(--color-2);
  border-radius: .6em;
  width: 1.8em;
  height: 1.8em;
  margin-left: .3em;
  margin-right: .3em;
  position: relative;
}

.icon-btn.icon-small {
  border-radius: .8em;
  width: 1.6em;
  height: 1.6em;
}

.icon-btn.icon-xsmall {
  border-radius: .6em;
  width: 1.2em;
  height: 1.2em;
}

.icon-btn.icon-medium {
  border-radius: 1.2em;
  width: 2.4em;
  height: 2.4em;
}

.icon-btn.icon-large {
  border-radius: 1.5em;
  width: 3em;
  height: 3em;
}

.icon-btn.insta {
  padding: .2em;
}

.icon-btn.white {
  border: 1px solid var(--white);
}

.botonera-text {
  margin-bottom: 1.4em;
  margin-left: 1em;
  margin-right: 1em;
}

.color-1 {
  background-color: var(--color-1);
  min-height: 80px;
}

.color-1-light {
  background-color: var(--color-1-light);
  min-height: 80px;
}

.color-1-dark {
  background-color: var(--color-1-dark);
  min-height: 80px;
}

.color-2 {
  background-color: var(--color-2);
  min-height: 80px;
}

.color-3 {
  background-color: var(--color-3);
  min-height: 80px;
}

.color-2-light {
  background-color: var(--color-2-light);
  min-height: 80px;
}

.color-2-dark {
  background-color: var(--color-2-dark);
  min-height: 80px;
}

.color-3-light {
  background-color: var(--color-3-light);
  min-height: 80px;
}

.color-3-dark {
  background-color: var(--coor-3-dark);
  min-height: 80px;
}

.font-color-1 {
  color: var(--color-1);
}

.font-color-2 {
  color: var(--color-2);
}

.font-color-3 {
  color: var(--color-3);
}

.btn-icon {
  background-color: var(--color-2);
  color: var(--color-1);
  border-radius: 2.5em;
  margin-bottom: 1.4em;
  margin-right: 1.4em;
  padding: .8em 1.2em;
  font-size: 1.2em;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.btn-icon:hover {
  filter: brightness(80%);
  transform: scale(.95);
}

.btn-icon.clear {
  margin-bottom: 0;
  margin-right: 0;
}

.btn-icon.just-text {
  color: var(--color-1);
  background-color: #0000;
  border: 1px #000;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.btn-icon.just-text:hover {
  transform: none;
}

.btn-icon.just-text.btn-small {
  margin-bottom: .2em;
  padding-top: .45em;
  padding-bottom: .45em;
}

.btn-icon.just-text.btn-small:hover {
  transform: none;
}

.btn-icon.just-text.as-title {
  color: var(--color-2);
  text-align: left;
  margin-bottom: .4em;
  margin-right: 0;
  padding-top: .35em;
  padding-bottom: .35em;
  font-size: 1.15em;
  display: inline-block;
}

.btn-icon.btn-small {
  font-size: .8em;
}

.btn-icon.main-cta-mov {
  background-color: var(--color-2);
  color: var(--color-1);
  border-radius: .4em;
  margin-bottom: 0;
  margin-left: 1em;
  margin-right: 0;
  padding: .6em .8em;
}

.btn-icon.secon-nav-btn {
  color: var(--system-gray);
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  margin-left: .8em;
  margin-right: 0;
  padding: .15em;
  font-size: .85em;
}

.btn-icon.secon-nav-btn:hover {
  filter: brightness(130%);
  transform: none;
}

.btn-icon.contrast {
  background-color: var(--color-1);
  color: var(--color-2);
}

.btn-icon.contrast.fw-478 {
  padding-top: .8em;
  padding-bottom: .8em;
  display: inline-block;
}

.btn-icon.video-boton {
  background-color: var(--color-2);
}

.btn-icon.video-boton:hover {
  box-shadow: 0 10px 20px -5px var(--color-2);
  filter: brightness(80%);
  transform: scale(.95);
}

.btn-icon.more-info {
  border-radius: .6em;
  margin-bottom: 1em;
  margin-right: 0;
  padding: .8em 0;
  font-size: .8em;
  display: block;
}

.btn-icon.more-info:hover {
  transform: none;
}

.btn-icon.more-info.contrast.clear {
  margin-bottom: 0;
}

.btn-icon.more-info.help {
  color: var(--color-2);
  background-color: #edf0f8;
  margin-bottom: 0;
}

.btn-icon.more-info.light {
  background-color: var(--color-3);
  color: var(--color-2);
}

.btn-icon.more-info.light.clear {
  margin-bottom: 0;
}

.btn-icon.brdr {
  border: 1px solid var(--color-2);
  color: var(--color-2);
  background-color: #0000;
}

.btn-icon.white {
  background-color: var(--white);
  color: var(--color-2);
}

.btn-icon.fw-478 {
  display: inline-block;
}

.btn-icon.mobile-btn {
  background-color: var(--color-2);
  color: var(--white);
  border-radius: .8em;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 1.4em;
}

.btn-icon.mobile-btn:hover {
  filter: none;
  transform: none;
}

.btn-icon.mobile-btn.full-width {
  border-radius: 0;
  display: block;
}

.btn-icon.mobile-btn.cta {
  background-color: var(--color-1);
  color: var(--color-2);
}

.btn-icon.normal {
  background-color: var(--color-1);
  color: var(--color-2);
  border-radius: .4em;
  font-size: 1em;
}

.btn-icon.small {
  font-size: 1em;
}

.icon-btn-container {
  justify-content: center;
  align-items: center;
  line-height: 1.6;
  display: flex;
}

.icon-btn-container.space-between {
  justify-content: space-between;
}

.icon-btn-container.a-left {
  justify-content: flex-start;
}

.icon-btn_text {
  margin-left: .2em;
  margin-right: .2em;
}

.icon-btn_text.sixe-c {
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
}

.icon-btn_icon {
  width: 1.4em;
  margin-left: .2em;
  margin-right: .2em;
}

.icon-btn_icon.sixe-one {
  font-size: 1.7em;
}

.footer-card_titular {
  margin-bottom: .6em;
}

.footer-btn {
  color: #c9cee4;
  margin-bottom: .8em;
  font-size: .8em;
  text-decoration: none;
  display: block;
}

.footer-btn:hover {
  color: var(--white);
}

.address {
  background-color: var(--color-2-light);
  color: var(--color-2);
  border-radius: 8px;
  margin-bottom: 1em;
  padding: 1em;
  font-size: .8em;
}

.texto-small {
  font-size: .8em;
}

.heading-large {
  font-size: 3.8em;
}

.heading-x-small {
  font-size: 1.4em;
}

.text-medium {
  font-size: 1.2em;
}

.text-size-medium {
  font-size: 1.4em;
  line-height: 1.5;
}

.text-size-large {
  font-size: 1.8em;
  line-height: 1.4;
}

.text-size-small {
  font-size: .8em;
}

.text-size-tiny {
  font-size: .75em;
}

.text-align-center {
  text-align: center;
}

.margin-tiny {
  margin: .4em;
}

.margin-xsmall {
  margin: 2vh;
}

.margin-small {
  margin: 4vh;
}

.margin-medium {
  margin: 6vh;
}

.margin-large {
  margin: 8vh;
}

.margin-xlarge {
  margin: 3em;
}

.margin-huge {
  margin: 10vh;
}

.margin-top {
  margin: 0;
}

.margin-top.margin-medium {
  margin-top: 2em;
}

.margin-top.margin-xsmall {
  margin-top: .5em;
}

.margin-top.margin-large {
  margin-top: 3em;
}

.margin-top.margin-small {
  margin-top: 1em;
}

.margin-top.magin-huge {
  margin-top: 4em;
}

.margin-top.margin-huge {
  margin-top: 5em;
}

.margin-top.margin-xhuge {
  margin-top: 6em;
}

.margin-bottom {
  margin: 0;
}

.margin-bottom.margin-small {
  margin-bottom: 1em;
}

.margin-bottom.margin-xsmall {
  margin-bottom: .5em;
}

.margin-bottom.margin-medium {
  margin-bottom: 2em;
}

.margin-bottom.margin-large {
  margin-bottom: 3em;
}

.margin-bottom.margin-huge {
  margin-bottom: 5em;
}

.margin-bottom.margin-xlarge {
  margin-bottom: 4em;
}

.margin-bottom.margin-xhuge {
  margin-bottom: 6em;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .4em;
}

.padding-xsmall {
  padding: 1vh;
}

.padding-small {
  padding: 2vh;
}

.padding-medium {
  padding: 3vh;
}

.padding-large {
  padding: 4vh;
}

.padding-huge {
  padding: 6vh;
}

.padding-top {
  padding: 0;
}

.padding-top.padding-medium {
  padding-top: 2em;
}

.padding-top.padding-small {
  padding-top: 1.4em;
}

.padding-top.padding-xsmall {
  padding-top: 1em;
}

.padding-top.padding-large {
  padding-top: 2.4em;
}

.padding-top.padding-huge {
  padding-top: 2.8em;
}

.padding-bottom {
  padding: 0 0 0;
}

.padding-bottom.padding-medium {
  padding-bottom: 2em;
}

.padding-bottom.padding-small {
  padding-bottom: 1.4em;
}

.padding-bottom.padding-xsmall {
  padding-bottom: 1em;
}

.padding-bottom.padding-large {
  padding-bottom: 2.4em;
}

.padding-bottom.padding-huge {
  padding-bottom: 2.8em;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-medium {
  padding-top: 6vh;
  padding-bottom: 6vh;
}

.padding-vertical.padding-medium.fix-d-message {
  padding-bottom: 8vh;
}

.padding-vertical.padding-medium.clear-bottom {
  padding-bottom: 0;
}

.padding-vertical.padding-large {
  padding-top: 9vh;
  padding-bottom: 9vh;
}

.padding-vertical.padding-huge {
  padding-top: 12vh;
  padding-bottom: 12vh;
}

.padding-vertical.padding-huge.fix-hero-a {
  padding-bottom: 4vh;
}

.grid-three-columns {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.two-columns-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.two-columns-grid.aling-top {
  align-items: start;
}

.two-columns-grid.aling-center {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
}

.two-columns-grid.aling-bottom {
  align-items: end;
}

.two-columns-grid.justify-start {
  justify-items: start;
}

.two-columns-grid.justify-end {
  justify-items: end;
}

.two-columns-grid.justify-center {
  justify-items: center;
}

.two-columns-grid.align-center {
  align-items: center;
}

.two-columns-grid.stretch {
  align-items: stretch;
}

.two-columns-grid.fix-general-d {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 36% 1fr;
  align-items: center;
  margin-bottom: 4em;
}

.two-columns-grid.less-space {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: stretch;
}

.margin-vertical {
  margin: 0;
}

.margin-vertical.margin-medium {
  margin-top: 3vh;
  margin-bottom: 3vh;
}

.margin-vertical.margin-large {
  margin-top: 4vh;
  margin-bottom: 4vh;
}

.margin-vertical.margin-small {
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.margin-vertical.margin-xsmall {
  margin-top: 1vh;
  margin-bottom: 1vh;
}

.margin-vertical.margin-huge {
  margin-top: 6vh;
  margin-bottom: 6vh;
}

.icon-card {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.icon-card.horizontal-layout {
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: start;
}

.icon-card_icon-hldr {
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-card_icon {
  max-width: 45%;
}

.icon-card_icon.full-width {
  max-width: 100%;
}

.grid-nav-bar {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 140px 1fr 60px;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: grid;
  position: relative;
}

.heading-xsmall, .heading-tiny {
  font-size: 1em;
}

.icon {
  display: block;
}

.icon.invert {
  filter: invert();
}

.send-color {
  background-color: var(--send-color);
  min-height: 80px;
}

.alert-color {
  background-color: var(--alert-color);
  min-height: 80px;
}

.cancel-color {
  background-color: var(--cancel-color);
  min-height: 80px;
}

.main-nav-bar {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.mnb-brand {
  width: 250px;
}

.mnb-desk-menu {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.mnb-burger-menu {
  display: none;
}

.six-three-grid-columns {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.input {
  border: 1px solid var(--light-grey);
  border-radius: .4em;
  height: 50px;
  padding: .2em .8em;
  transition: all .2s ease-in-out;
}

.input:hover {
  box-shadow: 0 10px 26px -15px var(--dark-grey);
  border-color: #0663cc80;
}

.input:focus {
  box-shadow: 0 10px 26px -15px var(--dark-grey);
}

.input::placeholder {
  color: var(--light-grey);
  font-style: italic;
}

.input.text-area {
  height: 150px;
  padding: 1em;
}

.floting-cta {
  margin-bottom: 3em;
  margin-right: 2em;
  position: fixed;
  inset: auto 0% 0% auto;
}

.main-slider {
  height: 100%;
}

.sys-modal-nav-hldr {
  justify-content: flex-end;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.home-hero {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 660px;
  display: flex;
  position: relative;
}

.icon-font {
  text-align: center;
  font-family: Materialicons, sans-serif;
  font-size: 1.4em;
  line-height: 1;
}

.flex-between {
  justify-content: space-between;
  display: flex;
}

.three-columns-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.three-columns-grid.align-center {
  align-items: center;
}

.three-columns-grid.stretch, .three-columns-grid.values {
  align-items: stretch;
}

.four-columns-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-2 {
  margin-right: .2em;
}

.social-icons {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.side-second-nav {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.lang-changer {
  align-items: center;
  margin-right: 1em;
  display: flex;
}

.lang-changer.hide {
  display: flex;
}

.senduary-navbar {
  justify-content: flex-end;
  display: flex;
}

.senduary-navbar.space-betwen {
  justify-content: space-between;
  margin-bottom: 1em;
}

.lang-btn {
  border: 1px solid var(--color-2);
  background-color: var(--color-2);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 2.5em;
  margin-left: .4em;
  margin-right: .4em;
  padding: .1em .8em;
  font-size: .85em;
  font-weight: 700;
  text-decoration: none;
}

.lang-btn.active {
  color: var(--color-2);
  background-color: #0000;
}

.mega-dropdown.w--open {
  background-color: #0000;
  width: 100vw;
  position: fixed;
  inset: 115px 0% auto;
}

.mega-menu {
  background-color: var(--white);
  border-radius: .6em;
  width: 100%;
  max-width: 75rem;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 1.8em;
  position: relative;
  box-shadow: 0 10px 30px -5px #0000004d;
}

.mega-dropper {
  z-index: 1;
}

.hero-home-grid {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 560px;
  display: block;
  position: relative;
}

.hero-home-text-side {
  color: var(--white);
  width: 100%;
}

.video-hero {
  z-index: 0;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-shade {
  z-index: 1;
  background-image: linear-gradient(#29292999, #29292999);
  position: absolute;
  inset: 0%;
}

.hide {
  display: none;
}

.megamenu-grid {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.links-card {
  background-color: var(--white-smoke);
  border-radius: .8em;
  transition: all .2s ease-in-out;
  display: block;
  position: relative;
  overflow: hidden;
}

.links-card:hover {
  filter: brightness(80%);
}

.links-card.onmobile {
  text-align: left;
}

.oferta-img {
  display: block;
}

.link-card_brief {
  background-image: linear-gradient(to bottom, transparent, var(--color-2));
  color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0%;
}

.link-card_brief.a-left {
  align-items: flex-start;
  padding-bottom: 1.2em;
  padding-left: 2em;
  font-size: 1.1em;
}

.mm-more-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.container-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 32rem 32fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-grid.v-align-center {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: auto 32rem 32fr auto;
  align-items: center;
  position: relative;
}

.container-grid_image-side {
  align-items: stretch;
  min-height: 56vh;
  display: flex;
  position: relative;
}

.float-square {
  background-color: var(--color-1);
  border-radius: 1em;
  width: 5em;
  height: 5em;
}

.float-square.on-we-are {
  z-index: 4;
  margin-top: -2.5em;
  margin-right: 3rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.float-square.on-directors-message {
  width: 3em;
  height: 3em;
  margin-bottom: 300px;
  margin-left: -1.5em;
  position: absolute;
  inset: auto auto 0% 0%;
}

.float-square.on-dm-body {
  margin-bottom: 500px;
  margin-left: auto;
  margin-right: 200px;
  position: absolute;
  inset: auto 0% 0%;
}

.image-frame-overshot {
  background-color: var(--white-smoke);
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.image-frame-overshot.home-who-we-are {
  background-image: url('../images/home-who-we-are.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.who-we-are {
  position: relative;
}

.who-we-are-bottom-remate {
  z-index: 0;
  background-color: var(--color-1);
  min-height: 140px;
  position: absolute;
  inset: auto 0% 0%;
}

.journey {
  background-color: var(--color-1);
  position: relative;
  overflow: hidden;
}

.square-image-frame {
  z-index: 1;
  background-color: var(--white-smoke);
  border-radius: 5em;
  position: relative;
  overflow: hidden;
}

.journey-card {
  background-color: var(--white);
  border-radius: .6em;
  margin-bottom: 1em;
  padding: .8em 1.4em;
}

.journey-img-hldr {
  position: relative;
}

.float-cricle {
  background-color: var(--color-2);
  border-radius: 4em;
  width: 8em;
  height: 8em;
  box-shadow: 0 20px 20px -10px #0006;
}

.float-cricle.on-journey-img {
  margin-top: -3.5em;
  margin-left: -3.5em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.float-cricle.about-us {
  background-color: var(--white);
  border-radius: 3em;
  width: 6em;
  height: 6em;
  margin-top: 20%;
  margin-left: -4em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.float-cricle.on-subtitle {
  z-index: 0;
  background-color: var(--color-1);
  border-radius: 1.5em;
  width: 3em;
  height: 3em;
  margin-top: -1em;
  margin-left: -1em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.float-cricle.on-directors-pic {
  background-color: var(--color-1);
  border-radius: 2em;
  width: 4em;
  height: 4em;
  position: absolute;
  inset: auto auto 0% 0%;
}

.float-cricle.yellow-small-bottom {
  z-index: 2;
  background-color: var(--color-1);
  width: 6em;
  height: 6em;
  margin-bottom: 3em;
  margin-right: -3em;
  position: absolute;
  inset: auto 0% 0% auto;
}

.float-cricle.blue {
  position: absolute;
  inset: 0% auto auto 0%;
}

.feed-news-block {
  background-color: var(--color-2-light);
  border-radius: 1.4em;
  padding-left: 2.2em;
  padding-right: 2.2em;
}

.news-title {
  text-align: center;
  position: relative;
  top: -28px;
}

.pre-post-card {
  background-color: var(--white);
  color: var(--color-2);
  border-radius: .8em;
  padding-bottom: 1.4em;
  padding-left: 1.4em;
  padding-right: 1.4em;
  text-decoration: none;
}

.pre-post-card_img-hldr {
  background-color: var(--white-smoke);
  border-radius: .6em;
  min-height: 140px;
  position: relative;
  top: -30px;
  overflow: hidden;
}

.pre-post-card_data {
  align-items: center;
  margin-bottom: .6em;
  display: flex;
}

.ppc-post-cat-label {
  background-color: var(--color-1);
  color: #fff;
  border-radius: 2.5em;
  margin-right: .8em;
  padding: .2em .8em;
  font-size: .8em;
  font-weight: 600;
}

.ppc-date {
  color: #8491c4;
  font-size: .8em;
  font-weight: 600;
}

.pre-post-card_content {
  font-size: .9em;
}

.ppc-title {
  margin-bottom: .4em;
}

.ppc-botonera {
  text-align: center;
  margin-top: 1.6em;
  position: relative;
  bottom: -24px;
}

.cta-card {
  background-color: var(--color-1);
  border-radius: 1.4em;
  height: 450px;
  padding: 2.4em;
  position: relative;
}

.cta-img {
  background-color: var(--color-2);
  width: 35%;
  height: 100%;
  position: relative;
  inset: 0% 0% auto auto;
}

.cta-side-image-hldr {
  min-height: 500px;
  position: relative;
}

.cta-grid-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 40px auto 40px;
  grid-template-columns: 50% 3% 1fr 6%;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-body {
  z-index: 0;
  background-color: var(--color-1);
  border-radius: 1.4em;
  padding: 2.8em 2.8em 1.8em 3.4em;
  position: relative;
}

.cta-img-hldr {
  z-index: 1;
  background-color: var(--white-smoke);
  background-image: url('../images/WhatsApp-Image-2022-08-08-at-3.54.22-PM.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.4em;
  position: relative;
  overflow: hidden;
}

.footer-container {
  color: #c9cee4;
  background-color: #314594;
  border-radius: 1.4em;
  padding: 1.3em 2em 2em;
  position: relative;
  top: -40px;
}

.footer-grid {
  grid-column-gap: 40px;
  grid-row-gap: 45px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-hdr {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-brand-leyend {
  font-size: .7em;
}

.footer-site-map {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.footer-info-buttons {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hero-two {
  background-image: linear-gradient(to bottom, var(--color-1) 50%, white 50%);
  overflow: hidden;
}

.relative {
  position: relative;
}

.mision-vision {
  z-index: 1;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.simple-card {
  background-color: var(--color-2-light);
  border-radius: .8em;
  padding: 1.4em 2em;
}

.simple-card.bg-yellow {
  background-color: var(--color-1);
}

.simple-card.bg-yellow.fix-values {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-bottom: 4em;
  padding-left: 4em;
  padding-right: 4em;
}

.simple-card.bg-white {
  background-color: var(--white);
}

.simple-card.bordered {
  border: 1px solid var(--color-2);
  background-color: var(--white);
}

.simple-card.directors-message {
  z-index: 1;
  background-color: var(--white);
  padding: 2.4em 2em 2.4em 2.4em;
  position: relative;
  box-shadow: 0 10px 30px -5px #a7acbc;
}

.simple-card.grade {
  border: 1px solid var(--color-2);
  background-color: var(--white);
  padding: 1em 1.2em;
}

.overshoot-title {
  margin-bottom: -40px;
  position: relative;
  top: -44px;
}

.rich-text {
  font-size: .9em;
}

.rich-text ul {
  padding-left: 0;
  font-size: 1.1em;
  line-height: 2;
  list-style-type: none;
}

.rich-text li {
  background-image: url('../images/rich-text-bullet.svg');
  background-position: 0 7.5px;
  background-repeat: no-repeat;
  background-size: 8px;
  margin-left: 10px;
  padding-left: 16px;
}

.our-vision {
  position: relative;
}

.porpuse-statement {
  overflow: hidden;
}

.remate-yellow-bottom {
  z-index: 0;
  background-color: var(--color-1);
  border-top-left-radius: .8em;
  border-top-right-radius: .8em;
  height: 200px;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-color-light {
  background-color: var(--color-2-light);
  position: relative;
}

.general-director-pic {
  position: relative;
}

.circle-framed {
  border-radius: 50%;
}

.general-director-hdr {
  text-align: left;
}

.gdm-logo {
  max-width: 200px;
}

.end-d-message {
  z-index: 0;
  background-color: var(--white);
  height: 200px;
  position: absolute;
  inset: auto 0% 0%;
}

.small-grid-mobile {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mnb-568 {
  display: none;
}

.mobile-nav-brand {
  justify-content: space-between;
  width: 120px;
}

.social-mobile {
  justify-content: space-between;
  margin-top: 1em;
  display: flex;
}

.hero-one {
  background-color: var(--color-1);
  text-align: center;
  padding-top: 4em;
}

.hero-one.news-hero {
  background-color: var(--color-3);
}

.intro-admisiones {
  position: relative;
}

.admisiones-remate-bottom {
  background-color: var(--color-2-light);
  min-height: 100px;
  position: absolute;
  inset: auto 0% 0%;
}

.info-admisions {
  background-color: var(--color-2-light);
  position: relative;
}

.admisions-last-call {
  z-index: 1;
  text-align: center;
  margin-top: 4em;
  position: relative;
}

.admisions-last-call_botonera {
  justify-content: center;
  margin-top: 1.4em;
  display: flex;
}

.admisions-bottom {
  z-index: 0;
  background-color: var(--white);
  min-height: 40px;
  position: absolute;
  inset: auto 0% 0%;
}

.big-text-cta {
  font-size: 3em;
  font-weight: 700;
}

.no-discriminatory {
  margin-top: 2em;
  padding-top: 1em;
}

.hero-academics {
  position: relative;
  overflow: hidden;
}

.academics-bg {
  z-index: 0;
  background-color: var(--color-1);
  border-bottom-right-radius: 6em;
  width: 80%;
  min-height: 75%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.galeria {
  border-radius: 2em;
  display: block;
  position: relative;
  overflow: hidden;
}

.hover {
  z-index: 5;
  opacity: 0;
  background-image: linear-gradient(#31459480, #31459480);
  justify-content: center;
  align-items: center;
  transition: opacity .2s ease-in-out;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hover:hover {
  opacity: 1;
}

.hover-icon {
  background-color: var(--color-2);
  color: var(--white);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.suscription-alert {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--color-1);
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 35px;
  font-size: .8em;
  display: flex;
}

.text-link-blue {
  color: var(--color-2);
  font-weight: 600;
}

.close-btn {
  color: var(--color-2);
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.success {
  background-color: #dff9da;
}

.text-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-content.text-align-center {
  align-items: center;
}

.text-content.less-gap {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
}

.fixed-button {
  z-index: 100;
  margin-bottom: 2vh;
  margin-left: 2vw;
  position: fixed;
  inset: auto auto 0% 0%;
}

.whatsapp {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  background-color: var(--send-color);
  color: #fff;
  border-radius: 1.5em;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 3em;
  padding: .4em 1em .4em .8em;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.invert {
  filter: invert();
}

.elemen-content {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.post-cat-label {
  background-color: var(--color-2);
  color: #fff;
  border-radius: 1.8rem;
  padding: .4rem 1.2rem;
}

.post-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.background-grey {
  background-color: #f4f4f4;
}

.content-flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.radio {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 10px;
}

.magnify {
  display: block;
}

.calendar-leyen {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 60%;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.round-loope {
  border-radius: 50%;
  display: block;
  box-shadow: 0 1px 10px #0006;
}

.lightbox {
  border-radius: 3rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.map-card {
  border-radius: 1em;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.g-map {
  height: 200px;
}

.slider-level {
  background-color: #0000;
  height: auto;
}

.masked {
  border-radius: 3em;
}

.slide {
  background-color: #0000;
}

.big-btn-calendar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--color-1);
  color: var(--color-2);
  border-radius: .8em;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.pre-post-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 220px;
}

.hawks-logo {
  width: 240px;
}

.image-hldr-how {
  padding-left: 20%;
  padding-right: 20%;
}

.second-nav-side {
  display: flex;
}

.current_year {
  font-weight: 700;
}

html.w-mod-js [data-ix="close-alert-bar"] {
  transform: translate(0);
}

html.w-mod-js [data-ix="alert-bar-on-load"] {
  display: none;
  transform: translate(0, -100%);
}

@media screen and (min-width: 1280px) {
  body {
    font-size: 1rem;
  }

  .fullwidth-two-col-grid {
    height: 70vh;
  }

  .mega-menu {
    max-width: 80rem;
  }

  .container-grid {
    grid-template-columns: 1fr 40rem 40rem 1fr;
  }

  .container-grid.v-align-center {
    grid-column-gap: 40px;
    grid-template-columns: auto 40rem 40rem auto;
  }

  .float-square.on-dm-body {
    display: none;
  }

  .image-frame-overshot.home-who-we-are {
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 14px;
  }

  .wrpr {
    max-width: 90%;
  }

  .trgr-open.brgr {
    height: 30px;
  }

  .brgr-pleca {
    background-color: var(--color-2);
    height: .3em;
  }

  .flex-col._16 {
    width: 33.3333%;
  }

  .modal-nav-hdr {
    padding-bottom: 0;
  }

  .btn-mov-nav.small {
    padding-top: 1.8em;
  }

  .heading-large {
    font-size: 3.1em;
  }

  .two-columns-grid.on-home-hero {
    grid-template-columns: 1.75fr 1fr;
  }

  .mnb-desk-menu {
    display: none;
  }

  .mnb-burger-menu {
    display: block;
  }

  .three-columns-grid.stretch {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .three-columns-grid.values {
    grid-template-columns: 1fr 1fr;
  }

  .hero-home-text-side {
    max-width: 100%;
  }

  .container-grid.v-align-center {
    grid-column-gap: 0px;
    grid-template-columns: auto 1fr 1fr auto;
  }

  .float-square.on-dm-body {
    margin-right: 0;
  }

  .remate-yellow-bottom {
    height: 180px;
  }

  .bg-color-light {
    overflow: hidden;
  }

  .mobile-nav-brand {
    width: 200px;
  }

  .academics-bg {
    min-height: 80%;
  }

  .calendar-leyen {
    max-width: 100%;
  }

  .image-hldr-how {
    padding-left: 15%;
    padding-right: 15%;
  }
}

@media screen and (max-width: 767px) {
  .secundary-nav, .desktop-nav {
    display: none;
  }

  .flex-col._30, .flex-col._25, .flex-col._20, .flex-col._16 {
    width: 50%;
  }

  .titular {
    padding-left: 0%;
    padding-right: 0%;
  }

  .btn.fw-mob {
    width: 100%;
  }

  .btn.sned-btn {
    width: 100%;
    display: block;
  }

  .fullwidth-two-col-grid {
    grid-template-rows: auto 300px;
    grid-auto-rows: 300px;
    height: auto;
  }

  .flex-center-content {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .fcc-container {
    max-width: 70%;
  }

  .system-brand-element {
    height: 200px;
  }

  .modal-nav {
    width: 100%;
  }

  .modal-nav-hdr {
    padding-top: 1em;
  }

  .hero {
    margin-top: 82px;
  }

  .grid-three-columns, .two-columns-grid, .two-columns-grid.aling-center {
    grid-template-columns: 1fr;
  }

  .grid-nav-bar {
    grid-template-columns: 140px 1fr 80px;
  }

  .six-three-grid-columns {
    grid-template-columns: 2fr;
  }

  .three-columns-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .three-columns-grid.values {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .four-columns-grid {
    grid-template-columns: 1fr 1fr;
  }

  .hero-home-text-side {
    text-align: center;
    padding-left: 0;
  }

  .container-grid.v-align-center {
    grid-template-columns: auto 1fr auto;
  }

  .container-grid_text-side {
    text-align: center;
  }

  .container-grid_image-side {
    min-height: 300px;
  }

  .image-frame-overshot.home-who-we-are {
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
  }

  .float-cricle.on-journey-img {
    margin: 0 -2em -2em 0;
    font-size: 12px;
    inset: auto 0% 0% auto;
  }

  .home-acreditaciones {
    text-align: center;
  }

  .feed-news-block {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }

  .cta-grid-card {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .cta-body {
    text-align: center;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .cta-img-hldr {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .footer-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .mision-vision {
    grid-template-columns: 1fr;
  }

  .mnb-568 {
    display: block;
  }

  .hero-academics {
    text-align: center;
  }

  .image-hldr-how {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 3em;
  }

  .desktop-nav {
    display: none;
  }

  .trgr-open.brgr {
    width: 30px;
    height: 25px;
  }

  .flex-col._50 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .flex-col._30.brake-100, .flex-col._25.brake-100 {
    width: 100%;
  }

  .content-card {
    max-width: 100%;
  }

  .btn {
    padding-top: .7em;
    padding-bottom: .7em;
    font-size: 1.1em;
  }

  .btn.fw-mob {
    margin-right: 0;
  }

  .btn.large-btn {
    width: 100%;
  }

  .ftr-grid {
    grid-template-columns: 1fr;
  }

  .flex-center-content {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .fcc-container {
    max-width: 90%;
  }

  .system-brand-element {
    grid-template-columns: 1fr;
    height: 300px;
  }

  .page-padding {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .modal-nav-ftr {
    font-size: .7rem;
  }

  .btn-mov-nav.small {
    padding-top: 1.8em;
    font-size: .9rem;
  }

  .mov-nav-accordion_botonera {
    grid-template-columns: 1fr 1fr;
    padding-left: 1.3em;
    padding-right: 1.3em;
  }

  .hero {
    margin-top: 70px;
  }

  .btn-icon.contrast.fw-478 {
    margin-right: 0;
    display: block;
  }

  .btn-icon.fw-478 {
    display: block;
  }

  .btn-icon.mobile-btn {
    padding-bottom: .6em;
    padding-left: .8em;
    padding-right: 0;
    font-size: 1em;
  }

  .heading-large {
    font-size: 3.4em;
    line-height: 1;
  }

  .two-columns-grid.fix-general-d {
    grid-template-columns: 1fr;
  }

  .grid-nav-bar {
    grid-template-columns: 140px auto 1fr;
  }

  .mnb-brand {
    width: 200px;
  }

  .home-hero {
    min-height: 560px;
  }

  .three-columns-grid {
    grid-template-columns: 1fr;
  }

  .three-columns-grid.stretch {
    align-items: start;
  }

  .four-columns-grid {
    grid-template-columns: 1fr;
  }

  .lang-changer {
    font-size: 13px;
  }

  .lang-btn {
    margin-left: .2em;
    margin-right: .2em;
  }

  .container-grid.v-align-center {
    grid-template-columns: 8% 1fr 8%;
  }

  .pre-post-card {
    margin-bottom: 3em;
  }

  .cta-body {
    padding-bottom: 1.4em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .footer-hdr {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-cta {
    margin-top: 2em;
  }

  .hero-two {
    text-align: center;
  }

  .simple-card.bg-yellow.fix-values {
    padding-left: 2.2em;
    padding-right: 2.2em;
  }

  .general-director-pic {
    width: 100%;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .general-director-hdr {
    text-align: center;
  }

  .small-grid-mobile {
    grid-template-columns: 1fr;
  }

  .academics-bg {
    width: 100%;
  }

  .image-hldr-how {
    padding-left: 0%;
    padding-right: 0%;
  }
}

#w-node-_574876a8-3a44-7352-6456-2ee1969b9dfe-6e9acf54 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_574876a8-3a44-7352-6456-2ee1969b9e0f-6e9acf54 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_9d09c1dd-aaac-90a1-cf85-fd1c9a93fe31-9955cdaa {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1f66ba09-5d19-18fa-3f61-dfd6a6201833-a620182e {
  grid-area: 2 / 1 / 3 / 5;
}

#w-node-_1f66ba09-5d19-18fa-3f61-dfd6a6201843-a620182e {
  grid-area: 1 / 3 / 4 / 4;
}

#w-node-_91353ee0-3646-f130-90b5-63dd8956fc58-6a70233e {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-d069c671-29e0-b255-73bd-e754662de6a5-954cc077 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e86137e0-b4ee-4d11-48ec-07b695f50831-954cc077, #w-node-_14307af3-e7a8-b012-198a-abd7818d4478-954cc077 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1cc418dc-27de-a3a5-f887-3ab9f658c28a-954cc077, #w-node-_976586a9-2227-8750-cb78-9b74954cc084-954cc077 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_976586a9-2227-8750-cb78-9b74954cc08a-954cc077 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f116261b-5644-f349-572a-f5bc10391403-954cc077, #w-node-c33b4dbc-5ede-4a57-ab48-a13deb5c2e65-954cc077 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a384f558-ba17-1c41-c6dd-cf6a4d0340f4-689acf6a {
  align-self: start;
}

#w-node-_5141f80f-35f2-625e-ff3a-dee2d01dc74a-689acf6a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_83d1103e-8c2f-f270-410f-12f579c2e96b-79c2e969 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_9d9b72e0-f8f0-0bbc-465b-ea6f9c094fbc-9c094fb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9d9b72e0-f8f0-0bbc-465b-ea6f9c094fe5-9c094fb5, #w-node-_6d2f2be2-f401-4424-1c97-9555c65c3d2e-9c094fb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9d9b72e0-f8f0-0bbc-465b-ea6f9c094fed-9c094fb5, #w-node-_9d9b72e0-f8f0-0bbc-465b-ea6f9c094ff5-9c094fb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9d9b72e0-f8f0-0bbc-465b-ea6f9c095000-9c094fb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9d9b72e0-f8f0-0bbc-465b-ea6f9c095008-9c094fb5, #w-node-_9d9b72e0-f8f0-0bbc-465b-ea6f9c095010-9c094fb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0c380aae-c61b-92eb-63b5-4faca95cf2a7-809acf77, #w-node-_9177940a-b416-1a39-7078-ae2a61466257-809acf77, #w-node-_61b4d458-6cec-09fe-f1fe-cea7684a8044-809acf77, #w-node-c42c8e77-5d5f-5137-58a0-18f0116e327a-809acf77, #w-node-_1c0383a7-a25e-6e9c-197c-a9f0c9d0cea8-809acf77, #w-node-_6538e5a3-ec25-ad62-0043-7285635b2790-6e9acf8c, #w-node-d9cad6a8-593e-30b0-6417-2c39eaf82248-6e9acf8c, #w-node-_86db7fc4-ca00-158d-a826-20d3a00852fd-119acf8e, #w-node-_86db7fc4-ca00-158d-a826-20d3a0085300-119acf8e, #w-node-_14873c29-9d00-11c8-8885-a1d65ac944e4-399acf8f, #w-node-_14873c29-9d00-11c8-8885-a1d65ac944ec-399acf8f, #w-node-_9758ccaf-1989-88b1-348b-dcbf6c66e9d8-579acf90, #w-node-_9758ccaf-1989-88b1-348b-dcbf6c66e9de-579acf90, #w-node-_0c380aae-c61b-92eb-63b5-4faca95cf2a7-6e40930b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_574876a8-3a44-7352-6456-2ee1969b9dfe-c2f91900 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_574876a8-3a44-7352-6456-2ee1969b9e0f-c2f91900 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-dede3ab0-f7d1-0143-7e75-ae7b32afed0d-32afed06 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_3ea6f257-e151-703d-65c8-783cdeb92774-deb9276f {
  grid-area: 2 / 1 / 3 / 5;
}

#w-node-_3ea6f257-e151-703d-65c8-783cdeb92787-deb9276f {
  grid-area: 1 / 3 / 4 / 4;
}

#w-node-_0c380aae-c61b-92eb-63b5-4faca95cf2a7-2a72bde5, #w-node-_9177940a-b416-1a39-7078-ae2a61466257-2a72bde5, #w-node-_61b4d458-6cec-09fe-f1fe-cea7684a8044-2a72bde5, #w-node-c42c8e77-5d5f-5137-58a0-18f0116e327a-2a72bde5, #w-node-_1c0383a7-a25e-6e9c-197c-a9f0c9d0cea8-2a72bde5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5141f80f-35f2-625e-ff3a-dee2d01dc74a-11cee1ff {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0c380aae-c61b-92eb-63b5-4faca95cf2a7-c0739a8b, #w-node-_6538e5a3-ec25-ad62-0043-7285635b2790-eb4dd042, #w-node-d9cad6a8-593e-30b0-6417-2c39eaf82248-eb4dd042, #w-node-_14873c29-9d00-11c8-8885-a1d65ac944e4-d8713974, #w-node-_14873c29-9d00-11c8-8885-a1d65ac944ec-d8713974, #w-node-_9758ccaf-1989-88b1-348b-dcbf6c66e9d8-1618b6cc, #w-node-_9758ccaf-1989-88b1-348b-dcbf6c66e9de-1618b6cc, #w-node-_86db7fc4-ca00-158d-a826-20d3a00852fd-e8302a61, #w-node-_86db7fc4-ca00-158d-a826-20d3a0085300-e8302a61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-_574876a8-3a44-7352-6456-2ee1969b9e0f-6e9acf54, #w-node-_574876a8-3a44-7352-6456-2ee1969b9e0f-c2f91900 {
    grid-area: 1 / 3 / 2 / 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_574876a8-3a44-7352-6456-2ee1969b9de0-6e9acf54 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_574876a8-3a44-7352-6456-2ee1969b9dfe-6e9acf54 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_574876a8-3a44-7352-6456-2ee1969b9e0f-6e9acf54 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_574876a8-3a44-7352-6456-2ee1969b9e18-6e9acf54 {
    order: 9999;
  }

  #w-node-_9d09c1dd-aaac-90a1-cf85-fd1c9a93fe31-9955cdaa, #w-node-_7c3b22ea-2e44-39de-2da3-3fe0efae6179-9955cdaa, #w-node-_15f677cd-007c-ed38-f9c9-4e0f44e31329-9955cdaa, #w-node-_21c3c233-7b9f-c492-dfa9-385d33a1c3f7-9955cdaa {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1f66ba09-5d19-18fa-3f61-dfd6a6201833-a620182e, #w-node-_1f66ba09-5d19-18fa-3f61-dfd6a6201843-a620182e {
    grid-area: span 3 / span 4 / span 3 / span 4;
  }

  #w-node-_70a29959-9eec-3029-9a83-61cb5d851080-399acf6c, #w-node-_70a29959-9eec-3029-9a83-61cb5d851080-809acf77, #w-node-_70a29959-9eec-3029-9a83-61cb5d851080-6e40930b {
    order: -9999;
  }

  #w-node-_9a4607fb-fa2e-a2ae-5af2-9194a3665ded-6e40930b, #w-node-_82d00bd2-5504-2181-2c38-48a1ff7fe6bb-6e40930b {
    order: 9999;
  }

  #w-node-_574876a8-3a44-7352-6456-2ee1969b9de0-c2f91900 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_574876a8-3a44-7352-6456-2ee1969b9dfe-c2f91900 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_574876a8-3a44-7352-6456-2ee1969b9e0f-c2f91900 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_574876a8-3a44-7352-6456-2ee1969b9e18-c2f91900 {
    order: 9999;
  }

  #w-node-dede3ab0-f7d1-0143-7e75-ae7b32afed0d-32afed06, #w-node-dede3ab0-f7d1-0143-7e75-ae7b32afed19-32afed06, #w-node-dede3ab0-f7d1-0143-7e75-ae7b32afed22-32afed06, #w-node-dede3ab0-f7d1-0143-7e75-ae7b32afed38-32afed06 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3ea6f257-e151-703d-65c8-783cdeb92774-deb9276f, #w-node-_3ea6f257-e151-703d-65c8-783cdeb92787-deb9276f {
    grid-area: span 3 / span 4 / span 3 / span 4;
  }

  #w-node-_70a29959-9eec-3029-9a83-61cb5d851080-2a72bde5, #w-node-_70a29959-9eec-3029-9a83-61cb5d851080-c0739a8b {
    order: -9999;
  }

  #w-node-_9a4607fb-fa2e-a2ae-5af2-9194a3665ded-c0739a8b, #w-node-_82d00bd2-5504-2181-2c38-48a1ff7fe6bb-c0739a8b {
    order: 9999;
  }

  #w-node-_70a29959-9eec-3029-9a83-61cb5d851080-ae27b42f {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_976586a9-2227-8750-cb78-9b74954cc08a-954cc077, #w-node-_9d9b72e0-f8f0-0bbc-465b-ea6f9c095000-9c094fb5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Bootstrap icons';
  src: url('../fonts/bootstrap-icons.woff2') format('woff2'), url('../fonts/bootstrap-icons.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialicons';
  src: url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}