@font-face {
    font-family: "Open Sans";
    src: url("/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf");
}

/*cookiecustom */
#cm {
    background-color: white !important;
}

#justificar-falta-error {
    display: none;
}

#is-validated {
    display: none;
}

#no-validated {
    display: none;
}

.cambiar-nota-error {
    display: none;
}

#justificante-adjunto {
    display: none;
}

#precio-agente {
    display: none;
}

#precio_agente {
    display: none;
}

#type_agente {
    display: none;
}

.excel-adjunto {
    display: none;
}

.excel-error {
    display: none;
}

.automatricula-error {
    display: none;
}

#codigo-descuento-error {
    display: none;
}

#codigo-descuento-success {
    display: none;
}

#c-txt {
    color: #293133 !important;
}

#c-p-bn {
    background-color: #DEA026 !important;
}

#c-s-bn {
    border: 1px !important;
    border-color: #DEA026 !important;
}

#companyPhone:hover {
    opacity: 0.6;
}

#c-ttl {
    color: #293133 !important;
}

#num_cuotas {
    display: none;
}

.radio-epsum {
    -webkit-appearance: none;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1px solid #DEA026;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 5px 0px #dea026 inset;
}

input[type="date" i]::-webkit-calendar-picker-indicator {
    padding-right: 1rem;
}

.info-text {
    word-wrap: break-word;
}

.max-weight {
    font-weight: 900 !important;
}

.formaciones-link {
    color: #808080;
    font-weight: 200;
}

.formaciones-link:hover {
    color: #DEA026;
}

.familias-link {
    color: #D0D0D0;
    font-weight: 200;
}

.familias-link:hover {
    color: #DEA026;
}

.cc-link {
    color: #293133 !important;
}

.white-link {
    color: white !important;
    transition: 500ms;
}

.white-link:hover {
    color: white !important;
    opacity: 0.6;
}

.colorEpsum {
    color: #DEA026;
}

.error404 {
    height: 100vh;
}

.table-epsum td {
    border: 1px solid #DEA026;
    vertical-align: middle;
}

.table-epsum th {
    text-align: center;
}

.input_notas {
    background-color: transparent;
    border: 0;
    outline: none;
    height: 100%;
    width: 100%;
    text-align: center;
}

.table-epsum th {
    background-color: #DEA026;
    color: white;
    border: 1px solid #DEA026;
}

/*Dropdown*/

.dropdown {
    display: none;
    position: absolute;
    top: 5vh;
    right: 0;
    width: 100%;
    padding: 2rem;
    background-color: #293133;
    transition: 1000;
}

.dropdown-mobile {
    display: none;
    width: 100%;
    padding: 0.5rem;
    transition: 1000;
}

.dropdown2 {
    display: none;
    position: absolute;
    top: 6vh;
    width: 100%;
    padding: 2rem;
    background-color: #293133;
    transition: 1000;
}

/*modal*/
.modal-dialog:not(".pass-modal") {
    max-width: 80vw !important;
    top: 20vh;
}

#pass-modal {
    top: 10vh;
    left: 25vw;
    background-color: white !important;
    height: auto !important;
    width: 50vw !important;
}

#pass-modal i {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

#pass-modal2 {
    top: 10vh;
    left: 25vw;
    background-color: white !important;
    height: auto !important;
    width: 50vw !important;
}

#pass-modal2 i {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.modal-password {
    max-width: 40vw !important;
    top: 20vh;
}

.modal-content {
    color: #212529 !important;
    background-color: white !important;
}

/* spinner */
.spinner {
    display: none;
    border: 4px solid #293133;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border-left-color: transparent;
    animation: spin 1s linear infinite;
}

b {
    font-weight: 600 !important;
}


.card-title {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.1rem !important;
}

/*CAMPUS - SOLICITUD DE DATOS*/
.solicitud input[type="radio"] {
    -webkit-appearance: none;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1px solid #DEA026;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 5px 0px #DEA026 inset;
}

.solicitud-error {
    display: none;
}

input[type="radio"]:checked {
    background: #DEA026;
}

#solicitud-0 {
    display: block;
}

#solicitud-1 {
    display: none;
}

#solicitud-2 {
    display: none;
}

#solicitud-3 {
    display: none;
}

#solicitud-4 {
    display: none;
}

#solicitud-5 {
    display: none;
}

#solicitud-modal {
    display: none;
}

.solicitud h2 {
    font-weight: 600;
}

#solicitud-modal__page {
    position: fixed;
    background-color: #293133;
    color: white;
    height: 100vh;
    width: 100vw;
    opacity: 0.5;
    top: 0;
    left: 0;
}

.solicitud-modal__modal {
    height: 45%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 4rem;
    opacity: 1;
    background-color: #293133;
    color: white;
}

.solicitud-modal__modal p {
    font-size: 1.2rem;
}

.solicitud {
    max-height: 88vh;
    overflow-y: scroll;
    color: #293133;
}

.solicitudFile {
    width: 100%;
    display: none;
}

.solicitud p {
    font-size: 0.9rem;
}

#solicitud-x {
    display: none;
    color: white;
    font-size: 2rem;
}

#solicitud-menu {
    display: flex;
}

.solicitud label {
    font-size: 0.9rem;
}

.solicitud .fa-xmark {
    font-size: 2rem;
    cursor: pointer;
}

.solicitud__steps {
    display: none;
    position: inherit;
    top: 10vh;
    background-color: #F3F3F3;
    z-index: 4;
    width: 100%;
    left: 0;
    padding: 0.5rem;
}

.solicitud-line {
    color: #293133;
    height: 1px;
    width: 100%;
    background-color: #293133;
    opacity: 0.5;
}

.solicitud h5 {
    font-weight: 600;
}

.solicitud h4 {
    font-weight: 600;
    opacity: 0.8;
    white-space: nowrap;
}

.solicitud-btn-1 {
    font-size: 16px;
    padding: 18px 0px;
    background-color: #DEA026;
    text-transform: uppercase;
    color: white;
    border: 0;
    outline: none;
    font-weight: 700;
    box-shadow: 0px 3px 6px;
    width: 15%;
}

.solicitud-btn-2 {
    font-size: 16px;
    padding: 18px 0px;
    background-color: #989898;
    text-transform: uppercase;
    color: white;
    border: 0;
    outline: none;
    font-weight: 700;
    box-shadow: 0px 3px 6px;
    width: 15%;
}

.solicitud-input-file {
    border: 1px solid #DEA026;
    width: 50%;
    height: 3rem;
    cursor: pointer;
    position: relative;
}

.solicitud-input-file p {
    color: #DEA026;
    font-weight: 600;
}

.solicitud-input-file input {
    position: absolute;
    left: 0;
    width: 100% !important;
    opacity: 0;
}

.solicitud-form-box {
    width: 30%;
}

.solicitud-form-box-dom {
    width: 100%;
}

.solicitud-form-box-dom input {
    width: 60%;
}

.solicitud-input {
    border: 1px solid #DEA026;
    padding-left: 1rem;
    width: 100%;
    height: 3rem;
    background-color: white;
    outline: none;
    font-size: 0.9rem;
}

.solicitud__step {
    margin: 0px 1rem;
}

.solicitud__step div {
    background-color: #DEA026;
    color: white;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    min-height: 2rem;
    min-width: 2rem;
}

.solicitud__step p {
    font-size: 0.9rem;
}

/*finalizar*/

.finalizar__header {
    background-color: #293133;
}

.finalizar-box {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: white;
}

.finalizar__titulacion-img {
    width: 5rem;
    height: 5rem;
    border-radius: 6px;
}

.finalizar-btn {
    font-size: 18px;
    padding: 18px 88px;
    text-transform: uppercase;
    color: white;
    border: 0;
    outline: none;
    font-weight: 700;
    box-shadow: 0px 3px 6px;
}

/*ODOO BLOCKS OF CODE*/

.card-foto {
    position: relative;
}

.card-turno {
    position: absolute;
    padding: 0.6rem 1.6rem;
    color: #DEA026;
    background-color: white;
    font-weight: 800;
    bottom: 0;
    left: 0;
    z-index: 2;
}

/*Misión*/
.mision-block h4 {
    font-weight: 900;
    color: black !important;
    text-align: center;
    margin-bottom: 1rem;
}

.mision-block ul {
    padding: 0px 0px;
}

.mision-block-p {
    font-size: 1.2rem !important;
}

.mision-block p {
    font-size: 1.2rem !important;
}

.mision-block font {
    font-weight: 900;
    color: black !important;
}

.mision-block li {
    font-size: 1.2rem;
    list-style: none;
}

.mision-block li::before {
    content: '\f178';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #DEA026;
    font-size: 1.4rem;
    margin-right: 0.5rem;
}

/*Admision*/

.admision-consultProcess p {
    font-size: 1.2rem;
    margin: 1rem 0;
}

.admision-consultProcess button {
    font-size: 1rem;
}

.admision-consultProcess li {
    font-size: 1.2rem;
    margin: 0.6rem 0;
    list-style: none;
}

.admision-consultProcess li::before {
    content: '\f178';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #DEA026;
    font-size: 1.4rem;
    margin-right: 0.5rem;
}

/*DESPLEGABLES EN FAMILIAS*/

.family-accordion-btn:not(.collapsed) {
    color: black !important;
    background-color: white !important;
}

.family-accordion-btn {
    color: #333333 !important;
    background-color: white !important;
}

/*DESPLEGABLES EN CICLOS*/
.cicle-accordion-item {
    margin-bottom: 5px;
}

* {
    margin: 0;
    padding: 0;
    font-family: "Open Sans";
    text-decoration: none;
}

div[data-habitat] div {
    border: 1px solid #DEA026;
    border-radius: 50%;
}

#menu-btn {
    display: none;
}

#menu-btn-2 {
    display: none;
    width: 1.6rem !important;
}

#menu-btn-3 {
    display: none;
    font-size: 1.5rem;
    margin: 0 1rem;
}

#admision-modality {
    display: none;
}

#admision-ciclo {
    display: none;
}

#admision-situation {
    display: none;
}

#cicle-select {
    font-size: 1.2rem;
}

#cicle-select-responsive {
    font-size: 1rem;
    margin: 0rem 2rem;
}

/*Matriculate steps*/

#espera {
    display: none;
}

#step1 {
    display: flex;
}

#step2 {
    display: none;
}

#step3 {
    display: none;
}

#step4 {
    display: none;
}

#precio-data {
    display: none;
    padding: 0px 60px;
}

#precio-data-res {
    display: none;
}

#precio-data p {
    font-size: 1rem;
}

#home__searchList {
    display: none;
}

.form-box {
    background-color: white;
    border-left: 1px solid #DEA026;
    border-right: 1px solid #DEA026;
    border-bottom: 1px solid #DEA026;
    padding: 0.5rem 1rem;
}

.epsum-color {
    color: #DEA026;
}

.btn-epsum:hover {
    opacity: 0.6 !important;
    background-color: #DEA026 !important;
    color: white !important;
}

/* CAMPUS-ONLINE */

/*HOME*/

.fa-angle-down {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .02s linear;
}

.fa-angle-down.down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.campus-header-profileText {
    font-size: 1rem;
}

#campus-navbar {
    display: flex;
}

#campus-header-home {
    display: flex;
}

#campus-header-home-res {
    display: none;
}

.campus-navbar-responsive-top {
    display: none;
}

.campus-arrow-back {
    width: 24px;
    cursor: pointer;
}

.campus-res-closeSesion {
    display: none;
}

.campus-header-accordion {
    display: none;
    position: absolute;
    top: 100px;
    right: -5%;
    padding: 22px 62px;
    background-color: #293133;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    transition: ease-in-out 200ms;
    z-index: 11;
    min-width: 15rem;
}

.campus__docente {
    position: absolute;
    bottom: 36px;
    right: 38px;
}

.campus_btn {
    background-color: #DEA026;
    color: white;
    font-weight: 900;
    padding: 0.8rem 1.2rem;
    border: 0;
    font-size: 14px;
    width: fit-content;
    cursor: pointer;
}

.campus_btn-secondary {
    font-size: 14px;
    padding: 0.8rem 1.2rem;
    background-color: #989898;
    text-transform: uppercase;
    color: white;
    border: 0;
    outline: none;
    font-weight: 700;
    box-shadow: 0px 3px 6px;
    width: fit-content;
}

.campus_btn:hover {
    color: white;
    opacity: 0.8;
}

.campus-card {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 28px 36px;
}

.campus-card-list {
    border-bottom: 1px solid #989898;
    box-shadow: none !important;
    border-radius: 0px;
}

.campus-checkbox[type="checkbox"] {
    margin-right: 3rem;
    width: 1.8rem;
    height: 1.8rem;
}

.campus-checkbox:checked[type=checkbox] {
    background-color: #DEA026;
    border-color: white;
}

.campusFile {
    display: none;
}

.campus-input-file {
    border: 1px solid #DEA026;
    width: 50%;
    height: 3rem;
    cursor: pointer;
    position: relative;
}

.campus-input-file p {
    color: white;
    font-weight: 600;
}

.campus-input-file input {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
}

#filtros-desk {
    display: flex;
}

#filtros-mobile {
    display: none;
}

.filtros {
    border-radius: 6px;
    color: white;
    padding: 8px 1rem;
    position: relative;
    cursor: pointer;
    width: 70%;
    color-scheme: dark;
}

.filtros-item {
    border-radius: 6px;
    background-color: #293133;
    color: white;
    padding: 12px;
    width: 100%;
    max-width: 12rem;
}

.filtros img {
    max-width: 1rem;
    width: 1rem;
    max-height: 1rem;
    height: 1rem;
}

.filtros-input {
    background-color: transparent;
    border: 0;
    outline: none;
    color: white;
    color-scheme: dark
}

.filtros-input::placeholder {
    color: white;
}

.filtros-item img {
    max-width: 1rem;
    width: 1rem;
    max-height: 1rem;
    height: 1rem;
}

.filtros-box {
    position: absolute;
    top: 2.2rem;
    right: 0;
    width: 200%;
    display: none;
    border-radius: 6px;
}

.campus-card h5 {
    text-transform: uppercase !important;
}

.campus-card__img {
    height: 10rem;
}

.campus-box {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 6px;
}

.campus-page {
    max-height: 90vh;
    overflow-y: scroll;
}

.campus-page h2 {
    font-size: 1.2rem;
}

.campus-navbar {
    padding: 2rem 0px;
    background-color: #293133;
}

.campus-navbar-top {
    border-bottom: 2px solid silver;
    height: 75%;
}

.campus-navbar-bottom {

}

.campus-documentos p {
    font-size: 1.2rem;
}

.campus-navbar-option {
    cursor: pointer;
    font-size: 1.2rem;
    height: 8vh;
    padding-left: 2rem;
}

.campus-navbar-icon {
    width: 1.5rem;
}

.campus-navbar-option-selected {
    background-color: #374345;
}

.campus-header-home {
    background-color: #293133;
    padding: 0px 38px;
    border-bottom: 2px solid silver;
    height: 100px;
}

.campus-box-profileFoto {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 1px solid #DEA026;
    display: flex;
    justify-content: center;
    padding: 15px;
}

.campus-box-profileFoto img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
}

.campus-header-profileFoto {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1px solid #DEA026;
    display: flex;
    justify-content: center;
    padding: 5px;
    background-color: white;
}

.campus-header-profileFoto img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
}

/*INICIO SESIÓN*/

#login-movil {
    display: flex;
}

#login-dni {
    display: none;
}

#login-code {
    display: none;
}

#error-phone {
    display: none;
}

#error-code {
    display: none;
}

#error-dni_email {
    display: none;
}

.campus-online {
    height: 100vh;
    background-color: #F3F3F3;
}

.campus_header {
    background-color: #293133;
    padding: 0px 38px;
    border-bottom: 2px solid silver;
    height: 100px;
}

.campus-input {
    outline: none;
    border: 1px solid #DEA026;
    height: 6vh;
    padding-left: 1rem;
}

.campus-btn-secondary {
    font-size: 14px;
    padding: 18px 0px;
    background-color: #989898;
    text-transform: uppercase;
    color: white;
    border: 0;
    outline: none;
    font-weight: 700;
    box-shadow: 0px 3px 6px;
    width: 15%;
}

.campus-btn-2 {
    background-color: #DEA026;
    color: white;
    border: 0;
    height: 8vh;
    width: 50%;
}

.campus-btn {
    border: 1px solid #DEA026;
    color: #DEA026;
    height: 6vh;
    font-size: 14px;
    width: 45%;
    background-color: white;
}

.campus-h2 {
    color: #DEA026;
    font-size: 4rem;
    font-weight: 900;
}

.campus-text {
    font-size: 1.4rem;
}

.campus-label {
    font-size: 1.4rem;
    font-weight: 800;
}

/* CAMPUS ONLINE END */

.header-search {
    position: absolute;
    right: -6rem;
    border: 0;
    border-bottom: 2px solid #DEA026;
    height: 2.5rem;
}

.header-search-scroll {
    position: absolute;
    left: -18rem;
    border: 0;
    border-bottom: 2px solid #DEA026;
    height: 2.5rem;
}

.header-search-input {
    background-color: transparent;
    border: 0;
    outline: none;
    color: white;
    padding-left: 1rem;
    height: 100%;
}

.header-search-input::placeholder {
    color: white;
}

.header-search-icon {
    font-size: 1.5rem;
    margin-left: 20px;
    cursor: pointer;
}

.titulaciones-card-btn {
    border-radius: 0;
    padding: 12px 28px;
    font-size: 10px bold;
    box-shadow: 0px 3px 6px;
}

.titulaciones-card-btn:hover {
    opacity: 0.6 !important;
}

.scroll-down-div {
    display: block;
    position: absolute;
    bottom: 1rem;
    text-align: center;
    width: 100vw;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #F3F3F3;
    cursor: pointer;
}

.scroll-down {
    margin-top: 0.5rem;
    width: 2rem;

}

/*BECA*/

.beca {
    padding-top: 15vh;
}

.beca-link:hover {
    color: #DEA026;
    opacity: 0.6;
}

.beca-item {
    width: fit-content;
    max-width: 15%;
}

.beca-back {
    position: fixed;
    top: 18vh !important;
    left: 2rem !important;
    cursor: pointer;
    width: 3% !important;
}

.beca ul {
    list-style: none;
    font-size: 1.2rem;
}

.beca p {
    font-size: 1.2rem;
}

.beca li {
    display: flex;
}

.beca-li::before {
    content: '\f178';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #DEA026;
    font-size: 1.4rem;
    margin-right: 0.5rem;
}

.beca-icon {
    max-width: 3rem;
    max-height: 3rem;
    object-fit: cover;
    margin: 0rem;
}

.beca span {
    font-size: 0.8rem;
}

.beca-button {
    font-weight: 900;
    color: white;
    width: fit-content;
    background-color: #DEA026;
    padding: 0.8rem 4rem;
    outline: none;
    border: 0;
    transition: 400ms;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.beca-button:hover {
    opacity: 0.6;
}

/*BECAS*/

.becas-container p {
    font-size: 1.2rem;
}

.becas-container li {
    list-style-type: none;
}

.becas-container strong {
    font-size: 1.2rem;
    margin-bottom: 3rem;
}

.becas-link {
    color: inherit !important;
}

.becas-link:hover {
    color: inherit !important;
}

.becas {
    padding-top: 15vh;
}

.becas-text {
    font-size: 1.2rem;
}

.becas-icon {
    width: 1.5rem;
    margin-right: 1rem;
}

.becas-block__top {
    width: 15%;
    height: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #DEA026;
}

.becas-block__right {
    width: 1.5rem;
    height: 4rem;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #DEA026;
}

.becas-arrow {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: #DEA026;
    font-size: 1.6rem;
    width: fit-content;
}

.becas span {
    font-size: 0.9rem;
}

.becas-block {
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transition: 300ms ease-in-out;
    cursor: pointer;
}

.becas-block:hover {
    transform: scale(1.02);
}

.home__searchList {
    padding: 4rem;
    margin: 0rem 5rem;
    background-color: #293133;
}

.home__searchList-box {
    position: absolute;
    z-index: 5;
    top: 0vh;
    background-color: #293133;
    width: 100vw;
    padding: 2rem 20rem !important;
    height: fit-content;
}

.searchPage__icon {
    width: 4%;
}

.searchPage {
    min-height: 80vh;
    background-color: #293133;
}

.searchPage__search {
    width: 50%;
    position: relative;
}

.searchPage__iconSearch {
    position: absolute !important;
    right: 0;
    top: 0;
    background-color: #DEA026;
    height: 100%;
    width: 10%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchPage__iconSearch i {
    font-size: 1.5rem;
    color: white;
}

.searchPage__input {
    width: 100%;
    height: 6vh;
    font-size: 1.2rem;
    padding-left: 2vw;
    padding-right: 4vw;
    border: 1px solid #DEA026;
    outline: none;
    font-family: "Open Sans";
}

.searchPage__nResults {
    font-weight: 700;
    font-size: 1.2rem;
    color: white;
}

.searchPage__li {
    border-radius: 50px;
    background-color: #DEA026;
    color: white;
    font-weight: 700;
    padding: 1rem 2rem;
    cursor: pointer;
}

.searchPage__li:hover {
    opacity: 0.6;
}

.searchPage_box {
    margin-top: 15vh;
}

.searchPage__ul {
    list-style: none;
    width: 50%;
}

/*
.searchPage__li {
  display: inline-block;
  position: relative;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

.searchPage__li:hover:after {
  width: 100%;
  background: #DEA026;
}

.searchPage__li-select::after {
  background: #DEA026;
  height: 2px;
  width: 100% !important;
}

.searchPage__li:after {
  content: "";
  display: block;
  margin: auto;
  height: 2px;
  width: 0px;
  transition: all .4s;
}
*/
.searchPage__element {
    padding: 1.5rem 2.5rem;
    margin: 1rem 0;
    background-color: white;
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #293133;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.searchPage__element:hover {
    color: #DEA026;
}

.home-search-a {
    color: #2A3132;
    transition: 0.3s;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.home-search-a:hover {
    font-size: 1.25rem;
    color: #DEA026;
}

.home-search-p::before {
    content: '\f111';
    font-family: 'Font Awesome 5 Free';
    margin-right: 0.5rem;
    font-size: 0.8rem;
    color: #DEA026;
}

.home-search-p::after {
    content: '\f0a9';
    font-family: 'Font Awesome 5 Free';
    margin-left: 0.7rem;
    font-size: 1.5rem;
    color: #DEA026;
    margin-top: 2rem;
}

.bg-epsum-header {
    background-color: #2A3132;
}

.payment {
    height: 100vh;
    background-color: #e4edf2;
}

.payment input {
    border: 0;
    outline: none;
}

.payment-span {
    display: inline-block;
    position: relative;
    color: #333;
    text-decoration: none;
}

.payment-span:after {
    content: "";
    display: block;
    margin: auto;
    height: 2px;
    width: 0px;
    transition: all .4s;
}

.payment-input::before {
    content: "\f2c2";
    font-family: "Font Awesome 5 Free";
    color: #293133;
}

.payment-input__secondary {
    max-width: 28%;
    text-align: center;
}

.payment input::placeholder {
    color: silver;
    font-weight: 900;
}


.payment-span:hover {
    color: #293133 !important;
}

.payment-span:hover:after {
    width: 100%;
    background: #293133;
}

.payment-header {
    position: absolute;
    top: 0;
    height: 8vh;
    background-color: #293133;
    padding: 2rem 2rem;
}

.payment-header__img {
    height: 4rem;
    margin-left: 2rem;
}

.matriculate-download {
    color: #DEA026;
    font-weight: 900;
    font-size: 1rem;
    text-decoration: none;
    transition: 0.5s;
}

.matriculate-selectCircle-show {
    background-color: #293133 !important;
    border: 3px solid white !important;
}

.matriculate-selectCircle {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    background-color: transparent;
    border: 1px solid white;
    bottom: 0.5rem;
    right: 0.5rem;
}

.matriculate-download img {
    width: 2rem;
    margin-left: 1rem;
}

.matriculate-download:hover {
    color: white;
}

.matriculate__modal {
    background-color: white;
    padding: 2rem;
}

.matriculate__logo {
    width: 30%;
}

.matriculate__modal__text {
    max-height: 80vh;
    overflow-y: scroll;
}

.modal-content span {
    opacity: 0.8;
}

.modal {
    height: auto;
}

.active-circle {
    position: absolute;
    background-color: #DEA026;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 0.2rem solid white;
    left: 0;
    top: 0;
    z-index: 10;
    transition: top .5s ease;
}

.active-circle2 {
    background-color: #DEA026;
    border: 0.15rem solid white;
    border-radius: 50%;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    z-index: 10;
    transition: left .5s ease;
}

.matriculate-steps {
    list-style: none;
    position: relative;
    background: url('../assets/img/listaSteps.png') no-repeat;
    height: 228px;
    padding-left: 2.5rem;
    z-index: 2;
}

.matriculate__step {
    cursor: pointer;
    font-weight: 900;
}

.matriculate__info-icon {
    font-size: 1.2rem;
    margin-top: 0.3rem;
    color: #DEA026;
}

.matriculate__btn {
    background-color: #DEA026;
    font-size: 1rem;
}

.matriculate-check-label {
    max-width: 100%;
    font-size: 1rem !important;
}

.matriculate-ul {
    max-height: 40vh;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
    padding-right: 1rem;
    padding-left: 2rem;
}

.matricula-pago-btn {
    position: relative;
    border: 1px solid #DEA026;
    background-color: #DEA026;
    color: white;
}

.matricula-pago-btn {
    color: white !important;
}

.matricula-pago-icon {
    margin-right: 1rem;
}

.matriculate__checkbox {
    font-size: 2rem;
    min-width: 2rem;
}

.matriculate-li {
    width: 46%;
    padding: 0 !important;
    margin-bottom: 1.4rem;
}

.matriculate__input {
    border: 1px solid #DEA026;
    border-radius: 0px;
    height: 3rem;
    padding-left: 2rem;
}

.matriculate {
    position: relative;
    background-color: #F3F3F3;
}

.matriculate label {
    font-weight: 500;
}

.matriculate-siguiente {
    font-size: 16px;
    padding: 18px 88px;
    background-color: #DEA026;
    text-transform: uppercase;
    color: white;
    border: 0;
    outline: none;
    font-weight: 700;
    margin-bottom: 20px;
    box-shadow: 0px 3px 6px;
}

.matriculate-atras {
    font-size: 16px;
    padding: 18px 88px;
    background-color: #989898;
    text-transform: uppercase;
    color: white;
    border: 0;
    outline: none;
    font-weight: 700;
    box-shadow: 0px 3px 6px;
}

.matriculate__container {
    color: #293133;
}

.matriculate__bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35%;
    opacity: 0.9;
}

.matriculate p {
    font-size: 1.2rem;
}

.matriculate label {
    font-size: 1.2rem;
}

.matriculate input {
    outline: none;
}

.matriculate-bg {
    background-color: #293133;
    min-height: 100vh;
}

.form-select {
    border: 1px solid #DEA026 !important;
}

.form-select-lg {
    border: 1px solid #DEA026 !important;
}

.wall {
    background-color: #F3F3F3 !important;
    padding: 36px 0;
    height: calc(100vh - 114px);
    padding: 0px 67px;
    position: fixed;
}

iframe {
    max-width: 100%;
}

.link-hover-white:visited {
    color: white !important;
}

.link-hover-white:hover {
    color: white !important;
}

.link-hover-white {
    color: white !important;
}

a {
    text-decoration: none !important;
    color: #DEA026;
}

p {
    margin-bottom: 0;
}

.error {
    min-height: 85vh;
}



.error__btn {
    background-color: #DEA026;
}

.error__h1 {
    font-weight: 200 !important;
    font-size: 2.4rem;
    line-height: 1.2;
    color: #2c2727;
}

.error ul {
    list-style: none;
}

.error__h5 {
    font-weight: 900;
    line-height: 1.4;
    color: #2c2727;
}

.error h3 {
    font-size: 2.2rem;
}

.error__number {
    color: #DEA026;
    font-size: 10rem;
    font-weight: 900;
}

.home-families {
    background-color: black;
    position: relative;
    transition: 0.5s;
}

.home-families:hover {
    opacity: 0.8;
}

.home-families__img {
    height: 20rem;
    width: 100%;
    opacity: 0.6;
}

.home-families__box {
    position: absolute;
    left: 3rem;
    right: 3rem;
    top: 40%;
}

.home-master__box {
    position: absolute;
    left: 2rem;
    top: 2rem;
}

.home-families__name {
    font-weight: 900;
    font-size: 2.6rem;
    text-transform: uppercase;
}

.home-master__name {
    font-weight: 700;
    font-size: 2.4rem;
}

.home-families__text {
    font-weight: 900;
    font-size: 1.8rem;
}

/* Mision EPSUM */

.misionEpsum {
    background-color: #F3F3F3;
}

.misionEpsum h5 {
    font-size: 1.2rem;
}

.misionEpsum h2 {
    font-size: 1.6rem;
    font-weight: 900;
    text-align: center;
}

.misionEpsum__bg {
    height: 20rem;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.misionEpsum-btn {
    color: #DEA026;
}

.misionEpsum__percentage {
    font-size: 5rem;
    color: #DEA026;
}


/* SOBRE EPSUM */

.aboutEpsum-btn {
    font-size: 16px;
    padding: 18px 88px;
    background-color: #DEA026;
    text-transform: uppercase;
    color: white;
    border: 0;
    outline: none;
    font-weight: 700;
    box-shadow: 0px 3px 6px;
}

.aboutEpsum-btn-secondary {
    font-size: 16px;
    padding: 18px 88px;
    background-color: white;
    text-transform: uppercase;
    color: #d8b14c;
    border: 0;
    outline: none;
    font-weight: 700;
    box-shadow: 0px 3px 6px rgb(124, 114, 114);
}

.aboutEpsum__img {
    height: 12rem;
}

.aboutEpsum-defaultBG {
    background-color: #329a86;
    opacity: 0.8;
}

.aboutEpsum-h1 {
    font-size: 34px;
    font-weight: 900;
}

.bg-Epsum {
    background-color: #DEA026;
}

/*ADMISIÓN*/
.admision {
    background-color: #F3F3F3;
}

.admisionTabs {
    display: inherit;
}

.admisionAccordion {
    display: none;
}

.admision-h3 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 32px;
}

.admision-box {
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: white;
    border: 1px solid #DEA026;
}

.admision-h1 {
    font-weight: 700;
    font-size: 1.7rem;
}

.admision-consultProcess {
    display: none;
}

.admision-h2 {
    font-size: 1.6rem;
    font-weight: 800;
}

.admision-list {
    list-style: square;
    color: #DEA026;
}

.admision-tab-btn {
    font-weight: 800;
    border: 0;
    font-size: 1rem !important;
    opacity: 0.8;
    outline: none;
    background-color: #F3F3F3;
}

.admision-button {
    font-weight: 900;
    color: white;
    width: fit-content;
    background-color: #DEA026;
    padding: 0.8rem 3rem;
    outline: none;
    border: 0;
    transition: 400ms;
    margin-left: 1rem;
}

.admision-button:hover {
    opacity: 0.6;
}

.admision-btn {
    background-color: #DEA026;
    color: white;
    border-radius: 0;
    border: 1px solid #DEA026;
    display: inherit;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    padding: 18px 28px;
    box-shadow: 0px 3px 6px;
}

.admision-btn:hover {
    opacity: 0.6;
}

.admision-btn-responsive {
    display: none;
    background-color: transparent !important;
    color: #DEA026;
    border: 1px solid #DEA026;
}

.admision-btn:hover {
    background-color: #DEA026 !important;
    color: white;
}

.admision-select-box {
    border-bottom: 2px solid black;
    margin: 10px 62px;
    width: 12rem;
    padding: 0rem 2rem;
    display: flex;
    justify-content: space-around;
    color: black !important;
}

.admision-options {
    height: 5rem;
    flex-direction: column;
    align-items: center;
    margin: 2rem;
}

.admision-select {
    font-weight: 700;
    border: 0px;
    background-color: white;
    outline: none;
    font-size: 1.2rem;
    width: 10rem;
    margin-top: 1rem;
    padding: 0.5rem 0;
}


/*CICLOS*/

.studyPlan-item button {
    height: 76px !important;
    font-size: 1.2rem;
}

.studyPlan-button {
    height: 76px !important;
}

.ciclo-card {
    width: 463px;
    min-height: 411px;
}

.ciclo-accordion-item {
    margin: 14px 0;
}

.ciclo-accordion-item button {
    height: 76px;
    font-size: 1.2rem;
}

.ciclo-card h5 {
    font-size: 1rem;
    font-weight: 700;
    color: #293133;
}

.ciclo-card-btn {
    font-size: 0.9rem;
    font-weight: 700;
    color: white;
    background-color: #DEA026;
    /*box-shadow: 0px 3px 6px;*/
    padding: 12px 20px;
    border: 1px solid white;
}

.ciclo-card-btn:hover {
    opacity: 0.8;
    color: white;
}

.ciclo-background {
    height: 100vh;
    background-color: black;
    position: fixed;
}

.ciclo-background__img {
    position: absolute;
    width: 100%;
    opacity: 0.6;
    height: 100%;
}

.ciclo-background__name {
    text-transform: uppercase;
    position: absolute;
    left: 2%;
    bottom: 4%;
    font-size: 2rem;
    color: white;
    font-weight: 900;
    font-family: "Open Sans";
}

.ciclo-background__title {
    position: absolute;
    top: 50%;
    font-size: 52px;
    font-weight: 900;
    color: white;
    width: 80%;
    left: 10%;
    text-align: center;
    font-family: "Open Sans";
}

.ciclo-background__modality {
    position: absolute;
    top: 80%;
    font-size: 32px;
    font-weight: 900;
    color: white;
    width: 100%;
    left: 0%;
    text-align: center;
    font-family: "Open Sans";
}

/* NUEVO CICLO */

.family-page__why {
    font-size: 1.2rem;
}

.cicle-selectSection {
    border-left: 5px solid;
}

.ciclo-container {
    background-color: white;
    margin-top: 100vh;
    z-index: 2;
    padding: 2rem 10rem;
}

.ciclo__contain {
    display: block;
}

.ciclo__sec {
    margin-bottom: 3rem;
}

.cicle-color {
    color: #068B82 !important;
}

.ciclo-h2 {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    font-weight: 700;
    font-family: 'Open Sans';
    text-transform: uppercase;
}

.ciclo-frase {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    font-weight: 700;
}

.ciclo__studyplan__name {
    font-weight: 800;
    color: #068B82;
}

.ciclo__studyplan__arrow {
    font-size: 0.8rem;
    color: #068B82;
}

.ciclo__studyplan-li {
    border-top: 1px solid silver;
    padding: 0.8rem;
}

.ciclo-relatedInfo__li {
    position: relative;
    padding-left: 0.6rem;
}

.ciclo-relatedInfo__li:before {
    content: '';
    width: 2px;
    background: #068B82;
    position: absolute;
    left: 0;
    top: 0.6rem !important;
}

.ciclo-relatedInfo__text {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0.4rem 0;
}

.ciclo__claustro {
    margin: 2rem 0;
}

.ciclo__claustro ul {
    list-style: none;
    padding-left: 0;
}

.ciclo__claustro__text {
    margin: 2rem 0;
}

.ciclo__claustro__name {
    font-weight: 600;
    font-size: 1.1rem;
}

.ciclo__claustro__img-secondary {
    height: 10rem;
    width: 10rem;
}

.ciclo__claustro__small {
    font-size: 0.8rem;
}

.ciclo-box {
    margin: 2rem 0;
}

.ciclo-carousel-item {
    margin: 2rem 0;
    padding: 0 5rem;
}

.ciclo-carousel-item__text {
    font-family: 'Open Sans';
    opacity: 0.8;
}

.ciclo-carousel-item__name {
    font-family: 'Open Sans';
    font-weight: 600;
    opacity: 0.8;
}

.ciclo-carousel-item__img {
    width: 100%;
}

.ciclo-subtitle {
    font-size: 1rem;
    font-weight: 900;
    font-family: 'Open Sans';
    opacity: 0.8;
}

.ciclo__menu-secondary {
    list-style: none;
    padding-left: 0 !important;
}

.ciclo__menu-secondary__li {
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.1rem;
    position: relative;
    padding-left: 1rem;
}

.ciclo-box ul li::before {
    content: '';
    width: 3px;
    height: 100%;
    background: #068B82;
    position: absolute;
    left: 0;
    top: 0rem;
}

.ciclo-h3 {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 1.6rem;
    color: #293133 !important;
}

.ciclo-desc p {
    font-size: 1.2rem;
}

.ciclo-desc {
    font-size: 1.2rem;
    font-family: 'Open Sans';
}

.ciclo-desc span {
    font-size: 1.2rem !important;
}

.ciclo__contain {
    padding: 0 1rem;
}

.ciclo-slides__arrow {
    font-size: 1.5rem;
    color: #068B82;
}

.ciclo__btns {
    margin: 2rem 0;
}

.ciclo__btn {
    font-size: 16px;
    padding: 18px 41px;
    background-color: #DEA026;
    text-transform: uppercase;
    color: white !important;
    border: 0;
    outline: none;
    font-weight: 700;
    margin-bottom: 20px;
    box-shadow: 0px 3px 6px;
}

.ciclo__btn:hover {
    opacity: 0.7;
}

.ciclo__btn__arrow {
    position: relative;
    color: white !important;
    font-size: 1.5rem;
}

.ciclo__btn__text {
    color: white !important;
    font-weight: 700;
    font-size: 0.9rem;
}

.ciclo__menu {
    list-style-type: none;
    padding-left: 0rem;
}

.ciclo__menu__li > a {
    font-weight: 900;
    border-bottom: 1px solid silver;
    height: 4rem;
    padding-left: 1rem;
    display: flex;
    align-items: center;
    width: 100%;
    text-transform: uppercase;
}

.ciclo__menu__li > a {
    color: rgb(129, 129, 129);
    font-weight: 900;
    font-size: 1.1rem;
}

.ciclo-link {
    color: #068B82 !important;
    font-size: 1rem;
    font-weight: 700;
    margin: 1rem 0;
}

.ciclo-link-icon {
    color: #068B82;
    margin-left: 1rem;
}

.ciclo-slider {
    margin: 3rem 0;
}

.ciclo-swiper-slide {
    width: 100%;
}

/* FIN NUEVO CICLO */

.ciclo-section {
    font-family: "Open Sans";
    margin: 8vh 6vw;
}

.ciclo-section__title {
    font-size: 1.4rem;
    font-weight: 900;
    color: black;
    font-family: 'Open Sans';
}

.ciclo__description {
    font-family: "Open Sans";
    font-size: 1.2rem;
    margin: 2rem 0;
}

.ciclo__video {
    position: relative;
    background-image: url("../assets/img/nuclearMedicineVideo.jpeg");
    background-position-y: 36%;
    background-size: cover;
    width: 60%;
    height: 50vh;
    margin: 2rem 0;
}

.ciclo__video__icon {
    width: 8%;
    position: absolute;
    left: 46%;
    top: 45%;
    cursor: pointer;
}

.ciclo__tabs {
    margin: 5rem 0;
}

.ciclo__tab {
    border-radius: 6px;
    padding: 2vh;
    background-color: white;
    width: 22vw;
    height: 15vh;
    box-shadow: 4px 4px 8px silver;
    margin-bottom: 4rem;
    border: 2px solid #068B82;
}

.ciclo__tab__content {
    margin-left: 1vw;
    position: relative;
    width: 100%;
}

.ciclo__tab__title {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 20%;
    color: black;
    font-size: 1.2rem;
    font-weight: 700;
    opacity: 0.8;
    font-family: "Open Sans";
}

.ciclo__tab__name {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    opacity: 0.8;
    color: black;
    font-size: 1.2rem;
    font-family: "Open Sans";
}

.ciclo__form {
    padding: 4rem 8rem;
    background-color: white;
}

.ocult {
    opacity: 0;
}

.unitMenu {
    background-color: #068B82;
    list-style: none;
    padding-right: 2vw;
    height: 8vh;
    width: 100%;
    display: none;
    transition: 0.4s;
}

.unitMenu__underline {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 0.5rem;
    background-color: white;
    opacity: 0;
}

.unitMenu__nameSelect {
    opacity: 1;
    font-weight: 700;
}

.unitMenu__name {
    opacity: 0.8;
}

.unitMenu__li {
    cursor: pointer;
    position: relative;
    padding: 0vw 2vw;
    padding-top: 1.5vh;
    color: white;
    font-weight: 500;
    font-family: "Open Sans";
    font-size: 1.2rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.openModal {
    position: fixed;
    width: 100vw;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    background-color: #293133;
    bottom: 0;
    height: 50vh;
    z-index: 3;
    padding: 4vh 20vw;
}

.openModal__container {

}

.openModal__buttons {
    margin-top: 4vh;
}

.openModal__button {
    border: 2px solid #DEA026;
    background-color: #293133;
    padding: 3vh 4vh;
    color: white;
    font-weight: 800;
    font-size: 110%;
    transition: 0.2s;
    cursor: pointer;
}

.openModal__button:hover {
    background-color: #DEA026;
}

.openModal__title {
    font-weight: 800;
    color: white;
}

.openModal__text {
    font-size: 1.6rem;
    color: white;
}

.openModal__container__text {
    margin-left: 4vw;
}

.openModal__img {
    width: 30%;
}

.openModal__close {
    position: absolute;
    top: 2vh;
    right: 4vh;
    cursor: pointer;
}

.openModal-secondary {
    position: fixed;
    width: 100vw;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    background-color: #293133;
    bottom: 0;
    height: 50vh;
    z-index: 3;
    padding: 4vh 15vw;
}

.openModal-secondary__container {

}

.openModal-secondary__buttons {
    margin-top: 4vh;
}

.openModal-secondary__button {
    border: 2px solid #DEA026;
    background-color: #293133;
    padding: 3vh 4vh;
    color: white;
    font-weight: 800;
    font-size: 110%;
    transition: 0.2s;
    cursor: pointer;
}

.openModal-secondary__button:hover {
    background-color: #DEA026;
}

.openModal-secondary__title {
    font-weight: 800;
    color: white;
}

.openModal-secondary__text {
    font-size: 1.7rem;
    color: white;
}

.openModal-secondary__container__text {
    margin-left: 4vw;
}

.openModal-secondary__img {
    width: 40%;
}

.openModal-secondary__close {
    position: absolute;
    top: 2vh;
    right: 4vh;
    cursor: pointer;
}

.courses__wall-second {
    width: 100%;
    height: 100vh;
    background-position: top;
    background-size: cover;
    position: fixed;
}

.courses__wall-second::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}

.courses__wall-second__text {
    position: absolute;
    font-size: 52px;
    font-weight: 900;
    width: 80%;
    text-align: center;
    color: white;
    top: 55%;
    left: 10%;
    
}

.courses__wall-second__textSmall {
    position: absolute;
    font-size: 28px;
    font-weight: 800;
    width: 70%;
    text-align: center;
    color: white;
    top: 68%;
    left: 15%;
}

.courses__wall-second__navbar {
    position: fixed;
    z-index: 3;
    top: 30vh;
    right: 0;
}

.courses__wall-second__logo {
    width: 30%;
    top: 85%;
    left: 2%;
    position: absolute;
}

.infoBlock__top {
    border: 2px solid #068B82;
    padding-top: 2vh;
    margin-bottom: 2vh;
}

.infoBlock__top__title {
    padding: 0vh 0;
    font-size: 20px;
    font-weight: 700;
    color: #293133;
    cursor: pointer;
}

.infoBlock__container {
    border: 2px solid #068B82;
    padding: 4vh;
}

.infoBlock__button {
    padding: 4vh 2vh;
    background-color: #068B82;
    color: white;
    font-weight: 700;
    border: 0;
}

.infoBlock__text {
    font-size: 20px;
    color: #293133;
}

.swiper-second__container {
    overflow-x: scroll !important;
    overflow-y: hidden;
    width: 100vw;
}

.swiper-second__element {
    border-radius: 6px;
    padding: 2vh;
    background-color: #068B82;
    width: 45vw;
    height: 20vh;
    margin-right: 2vw;
}

.swiper-second__element__a {
    margin: auto 0px;
}

.swiper-second__element__arrow {
    width: 3%;
    margin-left: 1vw;
}

.swiper-second__element__text {
    font-size: 18px;
    font-weight: 800;
    color: white;
    align-items: center;
}

.swiper-second__element__content {
    margin-left: 2vw;
}

.swiper-second__element__title {
    color: white;
    font-size: 24px;
    font-weight: 700;
}

.swiper-second__element__photo {
    width: 30%;
}

.swiper-second__item {
    border-radius: 6px;
    padding: 2vh;
    background-color: white;
    width: 22vw;
    height: 15vh;
    box-shadow: 4px 4px 8px silver;
}

.swiper-second__item__a {
    margin: auto 0px;
}

.swiper-second__item__arrow {
    width: 3%;
    margin-left: 1vw;
}

.swiper-second__item__text {
    font-size: 18px;
    font-weight: 800;
    color: white;
    align-items: center;
}

.swiper-second__item__content {
    margin-left: 1vw;
    position: relative;
    width: 100%;
}

.swiper-second__item__title {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 20%;
    color: black;
    font-size: 24px;
    font-weight: 700;
    opacity: 0.8;
    font-family: "Open Sans";
}

.swiper-second__item__name {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    opacity: 0.8;
    color: black;
    font-size: 26px;
    font-family: "Open Sans";
}

.swiper-second__item__photo {
    width: 35%;
}

.swiper-second__controls {
    margin-top: 2vh;
}

.swiper-second__controls__point {
    cursor: pointer;
}

.swiper-second__controls__points {
    margin: 0px 20px;
}


.e-swiper__container {
    overflow-x: scroll !important;
    width: 100vw;
}

.e-swiper__element {
    border-radius: 6px;
    padding: 2vh;
    background-color: #068B82;
    min-width: 30vw;
    height: 20vh;
    position: relative;
}

.e-swiper__element__a {

}

.e-swiper__element__arrow {
    width: 2% !important;
    margin-left: 1vw;
}

.e-swiper__element__text {
    font-size: 1rem;
    font-weight: 800;
    color: white;
    align-items: center;
}

.e-swiper__element__content {
    margin-left: 2vw;
}

.e-swiper__element__title {
    color: white;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
}

.e-swiper__element__photo {
    width: 30% !important;
}

.e-swiper__controls {
    margin-top: 2vh;
}

.e-swiper__controls__points {
    margin: 0px 1vw;
    width: 10%;
}

.infoPiece {
    margin: 1vh 0;
}

.infoPiece__top {
    padding: 2vh 1vw;
    background-color: white;
    box-shadow: 2px 1px 2px 3px silver;
}

.infoPiece__icon {
    cursor: pointer;
}

.infoPiece__text {
    color: #293133;
    padding: 3vw;
    border: 2px solid cadetblue;
    font-size: 18px;
    font-family: "Open Sans";
    background-color: white;
}

.infoPiece__title {
    margin-top: 2vh;
    margin-left: 2vw;
    color: #293133;
    font-weight: 800;
    font-size: 20px;
}

#deskHeader {
    display: flex;
}

#mobileHeader {
    display: none;
}

#deskHeader a, #mobileHeader a {
    color: white;
}

body {
    font-size: 16px;
}

.mobileMenu {
    position: absolute;
    z-index: 4;
    width: 100vw;
    height: 100vh;
    background-color: #293133;
    display: none;
}

.mobileMenu__ul {
    list-style: none;
    color: white;
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: 4vh;
    max-width: 100%;
    overflow-y: scroll;
}

.mobileMenu__li {
    font-size: 1.1rem;
    margin-bottom: 3vh;
}

.container-fluid {
    padding: 0;
}

.scrollHeader {
    color: white;
    background-color: #293133;
    padding: 38px;
    border-bottom: 2px solid silver;
    display: none;
    height: 81px;
}

.scrollHeader__list {
    text-decoration: none;
    list-style: none;
    font-size: 20px;
    font-weight: 700;
    margin-top: 2vh;
}

.scrollHeader__list__li {
    margin: 0px 20px;
    cursor: pointer;
    font-size: 1rem;
}

.scrollHeader__list__li:hover {
    opacity: 0.6;
}

.scrollHeader__text {
    font-weight: 700;
    font-size: 22px;
}

.scrollHeader__button {
    height: 6vh;
    width: 12vw;
}

.scrollHeader__logo {
    max-height: 8vh;
    display: flex;
    align-items: center;
}

.scrollHeader__logo__img {
    max-height: 8vh;
    margin: 0px 1vh;
}

.scrollHeader__logo__school {
    max-height: 8vh;
    margin-right: 1vw;
}

.search {
    position: relative;
    width: 70vw;
}

.search__container {
    position: relative;
    width: 50%;
}

.search__button {
    background-color: #DEA026;
    border: 0;
    border-radius: 50px;
    padding: 1em 2em;
    margin: 32px 21px;
    color: white;
    font-weight: 800;
    font-size: 1.1em;
    transition: 0.2s;
    cursor: pointer;
    text-decoration: none;
}

.search__button:hover {
    background-color: #c7aa5c;
}

.search__box {
    min-height: 6vh;
    margin-top: 2vh;
    width: 100%;
    border-top: 0px;
}

.search__input {
    width: 100%;
    height: 6vh;
    font-size: 1.2rem;
    padding-left: 4vw;
    border: 1px solid #DEA026;
    outline: none;
    font-family: "Open Sans";
}

.search__icon {
    height: 3vh;
    position: absolute;
    top: 1.5vh;
    left: 1vw;
}

body {
    font-family: "Open Sans";
}

.slider {
    font-family: "Open Sans";
    padding: 0 !important;
    margin: 2rem 0rem;
}

.slider__steps {
    display: flex;
    align-items: center;
    margin-top: 10vh;
}

.slider__steps__points {
    margin: 0px 20px;
}

.slider__img {
    padding: 0 !important;
    margin: 0 !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slider__container {
    background-color: white !important;
    padding: 4vh 5vw;
    box-shadow: 2px 2px 2px 2px silver;
}

.slider__text {
    font-family: "Open Sans";
    font-size: 1.1rem;
    font-weight: 400;
    text-align: left;
}

#carouselExampleControls {
    overflow-y: hidden;
}

.carousel {
    position: relative;
}

.carousel__arrowLeft {
    background-color: transparent;
    border: 0px;
    position: absolute;
    top: 40%;
    left: 0vw;
}

.carousel__arrowRight {
    border: 0px;
    position: absolute;
    top: 40%;
    right: 2vw;
    background-color: transparent;
}

.carousel__row {
    margin: 0px 2vw;
}

.form {
    font-family: "Open Sans";
}

.form__button {
    border: 0;
    background-color: #068B82;
    color: white;
    width: 20%;
    height: 8vh;
    font-size: 90%;
    font-weight: 800;
    cursor: pointer;
    margin-top: 4vh;
}

.form__title {
    color: black;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 3rem;
}

.form__box {
    margin-bottom: 0vh;
    width: 100% !important;
}

.form__inputPrimary {
    padding-left: 20px;
    font-size: 1.1rem;
    border: 2px solid #068B82;
    outline: none;
    width: 100% !important;
    height: 8vh;
    margin-bottom: 2vh;
}

.form__inputSecondary {
    padding-left: 20px;
    font-size: 1.1rem;
    border: 2px solid #068B82;
    outline: none;
    width: 48%;
    height: 8vh;
}

.courses {
    overflow-x: hidden;
    font-family: "Open Sans";
    background-color: #F3F3F3;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.courses__video {
    position: relative;
}

.courses__video__img {
    width: 100%;
    height: 80vh;
}

.courses__video__icon {
    width: 5%;
    position: absolute;
    left: 47.5%;
    top: 47.5%;
}

.courses__form {
    margin: 4vh 6vw;
    background-color: white;
    padding: 5vh;
}

.valores h3 {

}

.courses__sections {
    font-family: "Open Sans";
    margin: 31px 6vw;
}

.courses__sections__number {
    font-size: 80px;
    color: #293133;
    font-weight: 800;
    text-align: center;
}

.courses__sections__text {
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    margin-bottom: 1rem;
    color: #293133;
    font-family: "Open Sans";
    font-weight: 600;
}

.courses__sections__softText {
    font-size: 20px;
    color: #293133;
    font-family: "Open Sans";
}

.courses__sections__box__section {
    margin-top: 32px;
    width: auto;
    margin: 0px 31px;
}

.courses__sections__title {
    font-size: 32px;
    font-weight: 800;
    color: #293133;
}

.courses__header {
    width: 100%;
    position: fixed;
    z-index: 3;
}

.courses__content {
    background-color: #F3F3F3;
    margin-top: 100vh;
    z-index: 2;
}

.courses__content-family {
    background-color: #F3F3F3;
    margin-top: 100vh;
    z-index: 2;
}

.courses__search {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 4vh 0px;
}

.courses__wall {
    width: 100%;
    height: calc(100vh - 114px);
    position: fixed;
    margin-top: 90px;
    background-color: #F3F3F3;
    padding: 68px 67px;
}

.courses__wall.without_buttons {
    height: 50vh;
}

.courses__wall__button {
    height: 8vh;
    background-color: #DEA026;
    border: 1px solid #DEA026 !important;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    color: white;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    text-transform: uppercase;
}

.courses__wall__button:hover {
    opacity: 0.8;
}

.courses__wall__button-second:hover {
    opacity: 0.8;
}

.courses__wall__button-second {
    height: 8vh;
    text-transform: uppercase;
    background-color: #6C6C6C;
    border: 2px solid #6C6C6C !important;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    color: white !important;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin-left: 1vw;
}

.courses__wall__title {
    font-size: 54px;
    font-weight: 700;
    color: #DEA026;
}

.courses__wall__content {
    position: absolute;
    background-color: #F3F3F3;
    left: 67px;
    top: 68px;
    width: 40vw;
    padding: 2vh 0;
}

.wall-img {
    height: 564px;
}

.courses__wall__img {
    position: absolute;
    right: 67px;
    width: 45%;
    top: 68px;
}

.courses__wall.without_buttons .courses__wall__img {
    max-height: 40vh;
}

.courses__wall__text {
    color: rgb(44, 39, 39);
    font-weight: regular;
    font-size: 22px;
    margin: 32px 0;
}

.courses__wall__navbar {
    position: fixed;
    z-index: 4;
    top: 30vh;
    right: 0;
    font-size: 0.8rem;
    line-height: 2rem;
}

.courses__wall__logo {
    max-width: 20vw;
    bottom: 32px;
    left: 67px;
    margin-top: 2rem;
    padding: 0rem;
}

.courses__wall__logo2 {
    max-width: 20vw;
    bottom: 32px;
    left: 67px;
    margin-top: 2rem;
    padding: 0rem;
}

.courses__wall__navbar .navbar {
    background-color: #293133;
    color: white;
}

.navbar {
    padding: 10px 8px;
    border: 1px solid #DEA026;
}

.navbar__section {
    cursor: pointer;
    align-items: center;
    margin: 10px 0;
}

.navbar__section:hover {
    opacity: 0.7;
}

.navbar__section__name {
    margin: auto 0px;
}

.buttonSecondary {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #DEA026;
    cursor: pointer;
    font-size: 100%;
    font-weight: 600;
    color: white;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.buttonSecondary:hover {
    background-color: #DEA026;
}

.modify-button {
    height: 100%;
    cursor: pointer;
    font-size: 100%;
    font-weight: 600;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.custom-button {
    width: 100%;
    height: 100%;
    background-color: #DEA026;
    border: 1px solid #DEA026 !important;
    cursor: pointer;
    font-size: 100%;
    font-weight: 600;
    color: white;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.custom-button-m {
    background-color: transparent !important;
}

.custom-button:hover {
    opacity: 0.7;
}

.footer {
    border-top: 2px solid #57666A;
    bottom: 0;
    background-color: #293133;
    z-index: 3;
    padding: 42px 86px;
}

.footer__logo__img {
    width: 8vw;
}

.footer__logo__img2 {
    width: 15vw;
    margin-bottom: 1rem;
}

.footer__text {
    font-size: 14px;
    color: white;
    text-decoration: none;
}

.footer__logo {
    margin-top: 0px;
}

.footer__h3 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
    color: white;
}

.footer__h1 {
    font-size: 34px;
    color: white;
}

.footer__end {
    display: flex;
    justify-content: flex-end;
    padding-right: 6vw;
    color: white;
    font-size: 18px;
}

.footer__icons {
    width: 100%;
    display: flex;
    color: white;
    justify-content: left;
}

.footer__icons__icon {
    width: 1.4vw;
    margin-right: 2vw;
}

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

.footer-column {
    max-width: 20%;
}

.header {
    color: white;
    min-height: 10vh;
    background-color: #293133;
    padding: 0rem 38px;
    border-bottom: 2px solid #57666A;
    display: flex;
    height: 114px;
}

.header__text {
    font-weight: 700;
    font-size: 1rem;
    margin: auto 0px;
}

.header__button {
    width: 12vw;
    height: 2.5rem;
    font-size: 12px;
}

.header__logo {
    max-height: 100%;
    display: flex;
    align-items: center;
}

.header__logo__img {
    max-height: 10vh;
    margin: 0px 1vh;
}

.header__logo__school {
    max-height: 18vh;
    margin-right: 1vw;
}

.header__bars {
    width: 100%;
    display: block;
}

.header__bars__topBar {
    padding: 0.5rem 0;
}

.header__bars__topBar__icons {
    font-size: 0.8rem;
    margin: 0px 49px;
}

.header__bars__icons {
    width: 1.5rem;
}

.header__bars__icons:hover {
    opacity: 0.6;
}

.header__bars__bottomBar {
    margin: 0.5rem 0;
}

.header__bars__bottomBar__list {
    text-decoration: none;
    list-style: none;
    font-size: 1rem;
    font-weight: 700;
    margin: auto 0px;
}

.header__bars__bottomBar__list__li {
    margin: 0px 20px;
    cursor: pointer;
    font-size: 0.9rem;
}

.header__bars__bottomBar__list__li:not(:first-child):not(:last-child):hover {
    opacity: 0.6 !important;
}

.header__bars__bottomBar__list__li span:hover {
    opacity: 0.6 !important;
}

.header__bars__separation {
    height: 1px;
    width: 100%;
    color: white;
    background-color: white;
}

.headerMobile {
    color: white;
    min-height: 8vh;
    background-color: #293133;
    padding: 8px 0px;
    border-bottom: 2px solid silver;
    display: flex !important;
    z-index: 4;
    gap: 15px
}

.headerMobile__buttons {
    padding: 0vh 0;
    display: flex;
    align-items: center;
}

.headerMobile__buttons__menu {
    width: 6%;
    margin: 14px;
    margin-left: 20px;
}

.headerMobile__buttons__close {
    width: 10%;
    margin: 14px;
    margin-left: 20px;
}

.headerMobile__button {
    height: 2.5rem;
    font-size: 0.7rem;
}

.headerMobile__logo {
    display: flex;
    align-items: center;
}

.headerMobile__logo__img {
    max-height: 100%;
    margin: 0px 1vh;
}

.headerMobile__logo img {
    max-width: 30vw;
    max-height: 8vh
}

.headerMobile__logo__school {
    max-height: 12vh;
}

@media only screen and (max-width: 1600px) and (min-width: 1201px) {
    .courses__wall {
        width: 100%;
        height: calc(100vh - 114px);
        position: fixed;
        margin-top: 50px;
        background-color: #F3F3F3;
        padding: 68px 67px;
    }

    .courses__wall__text {
        font-size: 18px;
        margin: 12px 0;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    #deskHeader {
        display: none;
    }

    #mobileHeader {
        display: flex;
    }

    #ciclo {
        display: none;
    }

    #filtros-desk {
        display: none;
    }

    #filtros-mobile {
        display: flex;
    }

    .filtros {
        border-radius: 6px;
        background-color: #293133;
        color: white;
        padding: 8px 1rem;
        position: relative;
        cursor: pointer;
        width: inherit;
    }

    .filtros-item {
        background-color: #293133;
        color: white;
        padding: 12px;
        width: 100%;
        max-width: inherit;
        border-bottom: 1px solid #4C545D;
    }

    .filtros img {
        max-width: 1rem;
        width: 1rem;
        max-height: 1rem;
        height: 1rem;
    }

    .filtros-input {
        background-color: transparent;
        border: 0;
        outline: none;
        color: white;
    }

    .filtros-input::placeholder {
        color: white;
    }

    .filtros-item img {
        max-width: 1rem;
        width: 1rem;
        max-height: 1rem;
        height: 1rem;
    }

    .filtros-box {
        position: absolute;
        top: 2.2rem;
        right: 0;
        width: 200%;
        display: none;
        border-radius: 6px;
    }

    .headerMobile {
        color: white;
        min-height: 8vh;
        background-color: #293133;
        padding: 2vh;
        padding-right: 2vw;
        border-bottom: 2px solid silver;
        display: flex !important;
        z-index: 4;
    }

    .headerMobile__buttons {
        padding: 0vh 0;
        display: flex;
        align-items: center;
    }

    .headerMobile__buttons__menu {
        width: 4%;
        margin: 14px;
        margin-left: 20px;
    }

    .headerMobile__buttons__close {
        width: 10%;
        margin: 14px;
        margin-left: 20px;
    }

    .headerMobile__button {
        height: 3rem;
        font-size: 1.2rem;
    }

    .headerMobile__logo {
        max-height: 10vh;
        display: flex;
        align-items: center;
    }

    .headerMobile__logo__img {
        max-height: 4rem;
        margin: 0px 1vh;
    }

    .headerMobile__logo__school {
        max-height: 12vh;
    }

    .home-families__name {
        font-weight: 600;
        font-size: 2rem;
        text-transform: uppercase;
    }

    .home-master__box {
        position: absolute;
        left: 2rem;
        top: 2rem;
    }

    .home-master__name {
        font-weight: 700;
        font-size: 2rem;
    }

    .home-families__text {
        font-weight: 600;
        font-size: 1.4rem;
    }

    /* ADMISION */
    .admisionTabs {
        display: none;
    }

    .admisionAccordion {
        display: inherit;
    }

    .admision {
        background-color: #F3F3F3;
    }

    .admision-h3 {
        font-size: 1.4rem;
        font-weight: 800;
    }

    .admision-h1 {
        font-weight: 700;
        font-size: 1.8rem;
    }

    .admision p {
        font-size: 1.2rem;
    }

    .admision-consultProcess {

    }

    .modality-desc {
        font-size: 0.8rem;
    }

    .admision-h2 {
        font-size: 1.6rem;
        font-weight: 800;
    }

    .admision-list {
        list-style: square;
        color: #DEA026;
        font-size: 1.2rem;
    }

    .admision-tab-btn {
        font-weight: 800;
        border: 0;
        font-size: 0.7rem;
        opacity: 0.8;
        outline: none;
        background-color: #F3F3F3;
    }

    .admision-btn {
        background-color: transparent !important;
        color: #DEA026;
        border: 1px solid #DEA026;
        display: inherit;
    }

    .admision-btn-responsive {
        display: none;
        background-color: transparent !important;
        color: #DEA026;
        border: 1px solid #DEA026;
    }

    .admision-btn:hover {
        background-color: #DEA026 !important;
        color: white;
    }

    .admision-select {
        font-weight: 700;
        background-color: white;
        border: 0px;
        border-bottom: 1px solid black;
        outline: none;
        font-size: 1.2rem;
        max-width: 10rem;
    }

    /* NUEVO CICLO */
    .ciclo-container {
        background-color: white;
        margin-top: 100vh;
        z-index: 2;
        padding: 2rem 0;
    }

    .accordion p {
        font-size: 1.2rem;
    }

    .accordion li {
        font-size: 1.2rem;
    }

    .ciclo__contain {
        display: block;
        padding: 0rem 2rem !important;
    }

    .ciclo__sec {
        margin-bottom: 3rem;
    }

    .cicle-color {
        color: #068B82 !important;
    }

    .ciclo-h2 {
        font-size: 2rem;
        font-weight: 700;
        font-family: 'Open Sans';
        display: none;
    }

    .ciclo__studyplan__name {
        font-weight: 800;
        color: #068B82;
    }

    .ciclo__studyplan__arrow {
        font-size: 0.8rem;
        color: #068B82;
    }

    .ciclo__studyplan-li {
        border-top: 1px solid silver;
        padding: 0.8rem;
    }

    .ciclo-relatedInfo__li {
        position: relative;
        padding-left: 0.6rem;
    }

    .ciclo-relatedInfo__li:before {
        content: '';
        width: 2px;
        background: #068B82;
        position: absolute;
        left: 0;
        top: 0.6rem !important;
    }

    .ciclo-relatedInfo__text {
        font-size: 0.9rem;
        font-weight: 700;
        margin: 0.4rem 0;
    }

    .ciclo__claustro {
        margin: 2rem 0;
    }

    .ciclo__claustro__text {
        margin: 2rem 0;
    }

    .ciclo__claustro__name {
        font-weight: 600;
        font-size: 1.1rem;
    }

    .ciclo__claustro__img-secondary {
        height: 10rem;
        width: 10rem;
    }

    .ciclo__claustro__small {
        font-size: 0.8rem;
    }

    .ciclo-box {
        margin: 2rem 0;
    }

    .ciclo-carousel-item {
        margin: 2rem 0;
        padding: 0 1rem;
    }

    .ciclo-carousel-item__text {
        font-family: 'Open Sans';
        opacity: 0.8;
        font-size: 0.9rem;
    }

    .ciclo-carousel-item__name {
        font-family: 'Open Sans';
        font-weight: 600;
        opacity: 0.8;
        font-size: 0.9rem;
    }

    .ciclo-carousel-item__img {
        width: 60%;
        margin-bottom: 1rem;
    }

    .ciclo-subtitle {
        font-size: 1rem;
        font-weight: 900;
        font-family: 'Open Sans';
        opacity: 0.8;
    }

    .ciclo__menu-secondary {
        list-style: none;
        padding-left: 0 !important;
    }

    .ciclo__menu-secondary__li {
        width: 100%;
        margin: 0.5rem 0;
        font-family: 'Open Sans';
        position: relative;
        padding-left: 0.5rem;
        font-size: 0.9rem;
    }

    .ciclo__menu__link {
        color: #068B82 !important;
    }

    .ciclo-h3 {
        font-family: 'Open Sans';
        font-weight: 600;
        font-size: 1.2rem;
    }

    .ciclo-desc {
        font-size: 0.9rem;
        font-family: 'Open Sans';
    }

    .ciclo-desc li {
        font-size: 1.3rem;
    }

    .ciclo__contain {
        padding: 0 1rem;
    }

    .ciclo-slides__arrow {
        font-size: 1.5rem;
        color: #068B82;
    }

    .ciclo__btns {
        margin: 2rem 0;
    }

    .ciclo__btn {
        font-size: 16px;
        padding: 18px 41px;
        background-color: #DEA026;
        text-transform: uppercase;
        color: white !important;
        border: 0;
        outline: none;
        font-weight: 700;
        margin-bottom: 20px;
        box-shadow: 0px 3px 6px;
    }

    .ciclo__btn:hover {
        opacity: 0.7;
    }

    .ciclo__btn__arrow {
        position: relative;
        color: white !important;
        font-size: 1.5rem;
    }

    .ciclo__btn__text {
        color: white !important;
        font-weight: 700;
    }

    .ciclo-sidebar {
        padding: 0rem 1rem;
    }

    .ciclo__btn__text {
        color: #068B82;
        font-weight: 700;
        font-family: 'Open Sans';
    }

    .ciclo__menu {
        list-style-type: none;
        padding-left: 0rem !important;
    }

    .ciclo__menu__li {
        color: #068B82;
        font-weight: 500;
        border-bottom: 1px solid silver;
        padding: 0.5rem 1rem;
        font-family: 'Open Sans';
    }

    .ciclo__menu__li > a {
        border-bottom: 0px;
    }

    .ciclo-link {
        color: #068B82 !important;
        font-size: 0.8rem;
        font-weight: 700;
        margin: 1rem 0;
    }

    .ciclo-link-icon {
        color: #068B82;
        margin-left: 1rem;
    }

    .ciclo-slider {
        margin: 3rem 0;
    }

    .ciclo-swiper-slide {
        width: 100%;
    }

    /*FIN DE NUEVO CICLO*/
    .ciclo-background {
        height: 100vh;
        background-color: black;
        position: fixed;
    }

    .ciclo-background__img {
        position: absolute;
        width: 100%;
        opacity: 0.6;
        height: 100%;
    }

    .ciclo-background__name {
        text-transform: uppercase;
        position: absolute;
        left: 2%;
        bottom: 4%;
        font-size: 1.8rem;
        color: white;
        font-weight: 900;
        font-family: "Open Sans";
    }

    .ciclo-background__title {
        position: absolute;
        top: 50%;
        font-size: 52px;
        font-weight: 900;
        color: white;
        width: 80%;
        left: 10% !important;
        text-align: center;
        font-family: "Open Sans";
    }

    .ciclo-background__modality {
        position: absolute;
        top: 70%;
        font-size: 1.1rem;
        font-weight: 900;
        color: white;
        width: 80%;
        left: 10% !important;
        text-align: center;
        font-family: "Open Sans";
    }

    .ciclo-slider {
        margin: 3rem 0;
    }

    .ciclo-section {
        font-family: "Open Sans";
        margin: 5vh 4vw;
    }

    .ciclo-section__title {
        font-size: 1.4rem;
        font-weight: 900;
        color: black;
        font-family: 'Open Sans';
    }

    .ciclo__description {
        font-family: "Open Sans";
        font-size: 1.2rem;
        margin: 2rem 0;
    }

    .ciclo__video {
        position: relative;
        background-image: url("../assets/img/nuclearMedicineVideo.jpeg");
        background-position-y: 36%;
        background-size: cover;
        width: 90%;
        height: 30vh;
        margin: 2rem 0;
    }

    .ciclo__video__icon {
        width: 12%;
        position: absolute;
        left: 44%;
        top: 45%;
        cursor: pointer;
    }

    .ciclo__tabs {
        margin: 3rem 0;
    }

    .ciclo__tab {
        border-radius: 6px;
        padding: 2vh;
        background-color: white;
        width: 80%;
        height: 15vh;
        box-shadow: 4px 4px 8px silver;
        margin-bottom: 1rem;
        border: 2px solid #068B82;
    }

    .ciclo__tab__content {
        margin-left: 1vw;
        position: relative;
        width: 100%;
    }

    .ciclo__tab__title {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 20%;
        color: black;
        font-size: 1rem;
        font-weight: 700;
        opacity: 0.8;
        font-family: "Open Sans";
    }

    .ciclo__tab__name {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 50%;
        opacity: 0.8;
        color: black;
        font-size: 1rem;
        font-family: "Open Sans";
    }

    .ciclo__tab__photo {
        width: 20%;
    }

    .ciclo__form {
        padding: 4rem 8rem;
        background-color: white;
    }

    .ocult {
        opacity: 0;
    }

    .ciclo__form {
        padding: 2rem 2rem;
    }

    .unitMenu {
        background-color: #068B82;
        list-style: none;
        padding-right: 2vw;
        height: 8vh;
        width: 100%;
        display: none;
        transition: 0.4s;
    }

    .unitMenu__underline {
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 1vh;
        background-color: white;
    }

    .unitMenu__nameSelect {
        opacity: 1;
    }

    .unitMenu__name {
        opacity: 0.8;
    }

    .unitMenu__li {
        cursor: pointer;
        position: relative;
        padding: 0vw 2vw;
        padding-top: 1.5vh;
        color: white;
        font-weight: 500;
        font-family: "Open Sans";
        font-size: 22px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .openModal {
        position: fixed;
        width: 100vw;
        border-top-right-radius: 40px;
        border-top-left-radius: 40px;
        background-color: #293133;
        bottom: 10vh;
        height: 40vh;
        z-index: 3;
        padding: 6vh 4vw;
    }

    .openModal__container {

    }

    .openModal__buttons {
        margin-top: 4vh;
    }

    .openModal__button {
        border: 2px solid #DEA026;
        background-color: #293133;
        padding: 2vh 2vh;
        color: white;
        font-weight: 800;
        font-size: 0.6rem;
        transition: 0.2s;
        cursor: pointer;
    }

    .openModal__button:hover {
        background-color: #DEA026;
    }

    .openModal__title {
        font-weight: 800;
        color: white;
        font-size: 1rem;
    }

    .openModal__text {
        font-size: 0.8rem;
        color: white;
    }

    .openModal__container__text {
        margin-left: 4vw;
    }

    .openModal__img {
        width: 30%;
    }

    .openModal__close {
        position: absolute;
        top: 4vh;
        right: 3vh;
        cursor: pointer;
        width: 3%;
    }

    .container-fluid {
        padding: 0;
    }

    .search {
        position: relative;
        width: 90vw;
    }

    .search__container {
        width: 100%;
    }

    .search__button {
        background-color: #DEA026;
        border: 0;
        border-radius: 50px;
        color: white;
        font-size: 0.9em;
        font-weight: 800;
        transition: 0.2s;
        cursor: pointer;
        min-width: 8em;
        text-align: center;
        margin: 32px 0px;
    }

    .search__button:hover {
        background-color: #c7aa5c;
    }

    .search__box {
        min-height: 6vh;
        margin-top: 2vh;
        width: 100%;
        border-top: 0px;
    }

    .search__input {
        width: 100%;
        height: 6vh;
        font-size: 1.2rem;
        padding-left: 10vw;
        border: 1px solid #DEA026;
        outline: none;
    }

    .search__icon {
        height: 2vh;
        position: absolute;
        top: 2vh;
        left: 2.5vw;
    }

    body {
        font-family: "Open Sans";
    }

    .slider {
        font-family: "Open Sans";
        padding: 0 !important;
        margin: 0 !important;
    }

    .slider__steps {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 2vh;
    }

    .slider__steps__points {
        margin: 0px 20px;
    }

    .slider__img {
        padding: 0 !important;
        margin: 0 !important;
        height: 35vh;
    }

    .slider__container {
        background-color: white !important;
        padding: 4vh 8vw;
    }

    .slider__text {
        font-family: "Open Sans";
        font-size: 18px;
    }

    #carouselExampleControls {
        overflow-y: hidden;
    }

    .carousel {
        position: relative;
    }

    .carousel__arrowLeft {
        background-color: transparent;
        border: 0px;
        position: absolute;
        top: 40%;
        left: 0vw;
    }

    .carousel__arrowRight {
        border: 0px;
        position: absolute;
        top: 40%;
        right: 2vw;
        background-color: transparent;
    }

    .carousel__col {
        cursor: pointer;
    }

    .carousel__row {
        margin: 0px 2vw;
    }

    .carousel__img {
        cursor: pointer;
    }

    .form {
        font-family: "Open Sans";
    }

    .form__button {
        border: 0;
        background-color: #DEA026;
        color: white;
        height: 6vh;
        font-size: 70%;
        font-weight: 800;
        cursor: pointer;
        margin-top: 4vh;
        padding: 1vh 1vw;
        width: 60%;
    }

    .form__title {
        color: #293133;
        text-align: center;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 700;
    }

    .form__box {
        margin-bottom: 0vh;
        flex-direction: column;
        width: 100% !important;
    }

    .form__inputPrimary {
        padding-left: 2vw;
        font-size: 1rem;
        border: 2px solid #DEA026;
        outline: none;
        width: 100% !important;
        height: 6vh;
        margin-bottom: 2vh;
    }

    .form__inputSecondary {
        padding-left: 2vw;
        font-size: 1rem;
        border: 2px solid #DEA026;
        outline: none;
        width: inherit;
        margin-bottom: 2vh;
        height: 6vh;
    }

    .infoBlock__top {
        border: 2px solid #068B82;
        padding-top: 2vh;
        margin-bottom: 2vh;
    }

    .infoBlock__top__title {
        padding: 0vh 0;
        font-size: 0.8rem;
        font-weight: 700;
        color: #293133;
        cursor: pointer;
    }

    .infoBlock__container {
        border: 2px solid #068B82;
        padding: 4vh;
    }

    .infoBlock__button {
        padding: 2vh 2vh;
        background-color: #068B82;
        color: white;
        font-weight: 700;
        border: 0;
        font-size: 0.8rem;
    }

    .infoBlock__text {
        font-size: 1rem;
        color: #293133;
    }


    .e-swiper__container {
        overflow-x: scroll !important;
        width: 100vw !important;
    }

    .e-swiper__element {
        border-radius: 6px;
        padding: 1vh;
        background-color: #068B82;
        min-width: 90vw !important;
        height: 20vh;
        margin-right: 2vw;
    }

    .e-swiper__element__a {
        margin: auto 0px;
    }

    .e-swiper__element__arrow {
        width: 4%;
        margin-left: 3vw;
    }

    .e-swiper__element__text {
        font-size: 1rem;
        font-weight: 800;
        color: white;
        align-items: center;
    }

    .e-swiper__element__content {
        margin-left: 2vw;
    }

    .e-swiper__element__title {
        color: white;
        font-size: 1rem;
        font-weight: 700;
    }

    .e-swiper__element__photo {
        width: 35%;
    }

    .e-swiper__controls {
        margin-top: 2vh;
    }

    .e-swiper__controls__arrow {
        width: 8%;
    }

    .e-swiper__controls__points {
        width: 40%;
        margin: 0px 2vw;
    }

    .e-swiper__controls__point {
        width: 6%;
    }

    .swiper-second__item {
        border-radius: 6px;
        padding: 1vh;
        background-color: white;
        height: 15vh;
        box-shadow: 4px 4px 8px silver;
        width: 100%;
    }

    .swiper-second__item__a {
        margin: auto 0px;
    }

    .swiper-second__item__arrow {
        width: 3%;
        margin-left: 1vw;
    }

    .swiper-second__item__text {
        font-size: 1rem;
        font-weight: 800;
        color: white;
        align-items: center;
    }

    .swiper-second__item__content {
        margin-left: 1vw;
        position: relative;
        width: 100%;
    }

    .swiper-second__item__title {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 20%;
        color: black;
        font-size: 0.8rem;
        font-weight: 700;
        opacity: 0.8;
        font-family: "Open Sans";
    }

    .swiper-second__item__name {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 50%;
        opacity: 0.8;
        color: black;
        font-size: 0.8rem;
        font-family: "Open Sans";
    }

    .swiper-second__item__photo {
        width: 25%;
    }

    .infoPiece {
        margin: 1vh 0;
    }

    .infoPiece__top {
        padding: 1vh 2vw;
        background-color: white;
        box-shadow: 2px 1px 2px 1px silver;
    }

    .infoPiece__icon {
        cursor: pointer;
        width: 8vw;
    }

    .infoPiece__arrow {
        cursor: pointer;
        width: 5vw;
    }

    .infoPiece__text {
        color: #293133;
        padding: 3vw;
        border: 2px solid cadetblue;
        font-size: 0.9rem;
        font-family: "Open Sans";
        background-color: white;
    }

    .infoPiece__title {
        margin-top: 2vh;
        margin-left: 2vw;
        color: #293133;
        font-weight: 800;
        font-size: 1rem;
    }

    .courses {
        overflow-x: hidden;
        font-family: "Open Sans";
        background-color: #F3F3F3;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .courses__video {
        position: relative;
    }

    .courses__video__img {
        width: 100%;
        height: 35vh;
    }

    .courses__video__icon {
        width: 12%;
        position: absolute;
        left: 44%;
        top: 45%;
    }

    .courses__video-ciclo {
        position: relative;
        background-image: url("../assets/img/nuclearMedicineVideo.jpeg");
        background-position-y: 36%;
        background-size: cover;
        width: 100%;
        height: 35vh;
    }

    .courses__video-ciclo__img {
        width: 100%;
        height: 35vh;
    }

    .courses__video-ciclo__icon {
        width: 10%;
        position: absolute;
        left: 45%;
        top: 45%;
    }

    .courses__form {
        margin: 4vh 2vw;
        background-color: white;
        padding: 5vh;
    }

    .courses__sections {
        font-family: "Open Sans";
        margin: 4vh 2vw;
        flex-direction: column;
    }

    .courses__sections__number {
        font-size: 70px;
        color: #293133;
        font-weight: 800;
        text-align: center;
    }

    .courses__sections__text {
        font-size: 1.2rem;
        color: #293133;
        text-align: left;
        font-weight: 600;
        padding: 0vh 1vh;
    }

    .courses__sections__softText {
        font-size: 1.1rem;
        color: #293133;
        padding: 0vh 1vh;
    }

    .courses__sections__box__section {
        width: 80%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        margin-top: 20px;
    }

    .courses__sections__title {
        font-size: 1.4rem;
        font-weight: 900;
        color: #293133;
    }

    .courses__header {
        width: 100%;
        position: fixed;
        z-index: 3;
    }

    .courses__content {
        background-color: #F3F3F3;
        margin-top: 0px !important;
        width: 100vw !important;
        z-index: 2;
    }

    .courses__content-family {
        background-color: #F3F3F3;
        margin-top: 100vh;
        z-index: 2;
    }

    .courses__search {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 4vh 0px;
    }

    .courses__wall-second {
        width: 100%;
        height: 100vh;
        background-position: top;
        background-size: cover;
        position: fixed;
    }

    .courses__wall-second::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
    }

    .courses__wall-second__text {
        position: absolute;
        font-size: 2rem;
        font-weight: 900;
        width: 80%;
        text-align: center;
        color: white;
        top: 60%;
        left: 10%;
    }

    .courses__wall-second__textSmall {
        position: absolute;
        font-size: 1.6rem;
        font-weight: 800;
        width: 70%;
        text-align: center;
        color: white;
        top: 70%;
        left: 15%;
    }

    .courses__wall-second__navbar {
        position: fixed;
        z-index: 3;
        bottom: 0vh !important;
        top: inherit;
        width: 100vw !important;
    }

    .courses__wall-second__logo {
        width: 40%;
        top: 88%;
        left: 2%;
        position: absolute;
    }

    .courses__wall {
        margin-top: 10vh;
        padding: 0px 0px;
        width: 100%;
        height: inherit;
        background-image: none !important;
        background-color: #F3F3F3;
        background-image: none;
        position: relative;
    }

    .courses__wall__img {
        width: 50%;
        position: inherit;
        right: 0;
    }

    .courses__wall__buttons {
        flex-direction: column;
    }

    .courses__wall__button {
        height: 6vh;
        background-color: #DEA026;
        border: 1px solid #DEA026 !important;
        cursor: pointer;
        font-size: 1.2rem;
        font-weight: 600;
        color: white;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 1.5vw;
        width: max-content;
        margin-bottom: 1vh;
    }

    .courses__wall__button-second {
        width: max-content;
        height: 6vh;
        background-color: #6C6C6C;
        border: 2px solid #6C6C6C !important;
        cursor: pointer;
        font-size: 1.2rem;
        font-weight: 600;
        color: white !important;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 1.5vw;
        margin-left: 0vw;
    }

    .wall {
        background-color: #F3F3F3 !important;
        padding: 50px 67px !important;
        padding-top: 100px;
        height: inherit;
        position: inherit;
    }

    .courses__wall__title {
        font-size: 3.1rem;
        font-weight: 700;
        color: #DEA026;
        margin-top: 3rem;
    }

    .courses__wall__content {
        position: inherit;
        background-color: transparent;
        left: 0vw;
        top: 2vh;
        width: 100vw;
        padding: 1vh 4vw;
        z-index: 1;
    }

    .courses__wall__text {
        color: rgb(44, 39, 39);
        font-weight: 400;
        font-size: 1.4rem;
        margin: 1vh 0;
        margin-bottom: 3vh;
    }

    .courses__wall__navbar {
        position: fixed;
        z-index: 3;
        bottom: 0vh !important;
        top: inherit;
        width: 100vw !important;
    }

    .courses__wall__logo {
        width: 40em;
        bottom: 0;
        left: 2%;
        position: inherit;
        margin-top: 5vh;
        margin-bottom: 0;
    }

    .courses__wall__logo2 {
        width: 40em;
        bottom: 0;
        left: 2%;
        position: inherit;
        margin-top: 5vh;
        margin-bottom: 0;
    }

    .navbar {
        background-color: #293133;
        color: white;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row !important;
        justify-content: space-between;
        z-index: 4;
    }

    .navbar__section {
        cursor: pointer;
        align-items: center;
        padding: 0px;
        margin: 2px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .navbar__section__img {
        padding-top: 4px;
        height: 4vh;
    }

    .navbar__section:hover {
        opacity: 0.7;
    }

    .navbar__section__name {
        margin: auto 0px;
        font-size: 1rem;
    }

    .buttonSecondary {
        width: 100%;
        height: 100%;
        background-color: transparent;
        border: 2px solid #DEA026;
        cursor: pointer;
        font-size: 100%;
        font-weight: 600;
        color: white;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .buttonSecondary:hover {
        background-color: #DEA026;
    }

    .button {
        width: 100%;
        height: 100%;
        background-color: #DEA026;
        border: 0;
        cursor: pointer;
        font-size: 100%;
        font-weight: 600;
        color: white;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .button:hover {
        opacity: 0.7;
    }

    .footer {
        background-color: #293133;
        z-index: 3;
        padding: 2vh 2rem;
    }

    .footer__text {
        font-size: 12px;
        color: white;
        text-decoration: none;
    }

    .footer__logo {
        margin-top: 20px;
    }

    .footer__h3 {
        font-size: 14px;
        margin-bottom: 20px;
        color: white;
    }

    .footer__h1 {
        font-size: 34px;
        color: white;
    }

    .footer__end {
        display: flex;
        justify-content: flex-end;
        padding-right: 6vw;
        color: white;
        font-size: 18px;
    }

    .footer__icons {
        width: 100%;
        display: flex;
        color: white;
        justify-content: left;
    }

    .footer__icons__icon {
        width: 2vw;
        margin-right: 2vw;
    }

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

    .footer-column {
        max-width: 25%;
        margin-bottom: 1rem;
    }

    .scrollHeader {
        color: white;
        background-color: #293133;
        padding: 0.5rem;
        border-bottom: 2px solid silver;
        display: none;
    }

    .scrollHeader__list {
        text-decoration: none;
        list-style: none;
        font-size: 16px;
        font-weight: 700;
        margin-top: 2vh;
    }

    .scrollHeader__list__li {
        margin: 0px 2vw;
    }

    .scrollHeader__text {
        font-weight: 700;
        font-size: 1.1rem;
    }

    .scrollHeader__button {
        height: 6vh;
        width: 12vw;
    }

    .scrollHeader__logo {
        max-height: 8vh;
        display: flex;
        align-items: center;
    }

    .scrollHeader__logo__img {
        max-height: 8vh;
        margin: 0px 1vh;
    }

    .scrollHeader__logo__school {
        max-height: 8vh;
        margin-right: 1vw;
    }

    .header {
        color: white;
        min-height: 14vh;
        background-color: #293133;
        padding: 2vh;
        padding-right: 2vw;
        border-bottom: 2px solid silver;
    }

    .header__text {
        font-weight: 700;
        font-size: 1.1rem;
        margin: auto 0px;
    }

    .header__button {
        width: 12vw;
    }

    .header__logo {
        max-height: 14vh;
        display: flex;
        align-items: center;
    }

    .header__logo__img {
        max-height: 14vh;
        margin: 0px 1vh;
    }

    .header__logo__school {
        max-height: 12vh;
    }

    .header__bars {
        width: 100%;
        display: block;
    }

    .header__bars__topBar {
        margin-bottom: 2vh;
    }

    .header__bars__topBar__icons {
        font-size: 1.2rem;
        margin: 0px 2rem;
    }

    .header__bars__bottomBar {
        margin-top: 2vh;
    }

    .header__bars__bottomBar__list {
        text-decoration: none;
        list-style: none;
        font-size: 20px;
        font-weight: 700;
    }

    .header__bars__bottomBar__list__li {
        margin: 0px 2vw;
    }

    .header__bars__separation {
        height: 1px;
        width: 100%;
        color: white;
        background-color: white;
    }

    .admision-box {
        padding: 4vh 0;
    }

    .admision-options {
        margin: 0;
    }

    .admision-options p {
        font-size: 0.8rem;
    }

    .admision-select-box {
        margin: 1rem 0;
    }

    .admision-select {
        font-weight: 700;
        background-color: white;
        border: 0px;
        outline: none;
        font-size: 0.7rem;
        max-width: 7rem;
        color: black;
        margin: 0rem 0;
    }

    /* SOBRE EPSUM */
    .aboutEpsum__img {
        height: 12rem;
    }

    .aboutEpsum-defaultBG {
        background-color: #329a86;
        opacity: 0.8;
    }

    .aboutEpsum-h1 {
        font-size: 26px;
        font-weight: 900;
    }

    .bg-Epsum {
        background-color: #DEA026;
    }

    .colorEpsum {
        color: #DEA026;
    }

    .error {
        min-height: 85vh;
    }

    .error__img {

    }

    .error__btn {
        background-color: #DEA026;
        font-size: 1.6rem !important;
    }

    .error__h1 {
        font-size: 2.4rem;
    }

    .error h3 {
        font-size: 2rem;
    }

    .error__number {
        color: #DEA026;
        font-size: 10rem;
        font-weight: 900;
    }

    /*MATRICULA*/
    .matriculate-download {
        color: #DEA026;
        font-weight: 900;
        font-size: 1.2rem;
        text-decoration: none;
        transition: 0.5s;
    }

    .matriculate-selectCircle-show {
        background-color: #293133 !important;
        border: 3px solid white !important;
    }

    .matriculate-selectCircle {
        border-radius: 50%;
        width: 1.5rem;
        height: 1.5rem;
        background-color: transparent;
        border: 1px solid white;
        bottom: 0.5rem;
        right: 0.5rem;
    }

    .matriculate-download img {
        width: 2rem;
        margin-left: 1rem;
    }

    .matriculate-download:hover {
        color: white;
    }

    .matriculate__modal {
        background-color: white;
        padding: 2rem;
    }

    .matriculate__logo {
        width: 30%;
    }

    .matriculate__modal__text {
        max-height: 80vh;
        overflow-y: scroll;
    }

    .modal-content span {
        opacity: 0.8;
    }

    .modal {
        height: auto;
    }

    .active-circle {
        position: absolute;
        background-color: #DEA026;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: 0.2rem solid white;
        left: 0;
        top: 0;
        z-index: 10;
        transition: top .5s ease;
    }

    .active-circle2 {
        background-color: #DEA026;
        border: 0.15rem solid white;
        border-radius: 50%;
        position: absolute;
        width: 18px;
        height: 18px;
        left: 0;
        top: 0;
        z-index: 10;
        transition: left .5s ease;
    }

    .matriculate-steps {
        list-style: none;
        position: relative;
        background: url('../assets/img/listaSteps.png') no-repeat;
        height: 228px;
        padding-left: 2.5rem;
        z-index: 2;
    }

    .matriculate__step {
        cursor: pointer;
        font-weight: 900;
    }

    .matriculate__info-icon {
        font-size: 1.2rem;
        margin-top: 0.3rem;
        color: #DEA026;
    }

    .matriculate__btn {
        background-color: #DEA026;
        font-size: 1rem;
    }

    .matriculate-check-label {
        max-width: 100%;
        font-size: 1rem !important;
    }

    .matriculate-ul {
        max-height: 40vh;
        overflow-y: scroll;
        margin: 0;
        padding: 0;
        padding-right: 1rem;
        padding-left: 2rem;
    }

    .matricula-pago-btn {
        position: relative;
        border: 1px solid #DEA026;
        background-color: #DEA026;
        color: white;
    }

    .matricula-pago-btn {
        color: white !important;
    }

    .matricula-pago-icon {
        margin-right: 1rem;
    }

    .matriculate__checkbox {
        font-size: 2rem;
    }

    .matriculate-li {
        width: 46%;
        padding: 0 !important;
        margin-bottom: 1.4rem;
    }

    .matriculate__input {
        border: 1px solid #DEA026;
        border-radius: 0px;
        height: 3rem;
        padding-left: 2rem;
    }

    .matriculate {
        position: relative;
        background-color: #F3F3F3;
    }

    .matriculate-siguiente {
        font-size: 16px;
        padding: 18px 88px;
        background-color: #DEA026;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        margin-bottom: 20px;
        box-shadow: 0px 3px 6px;
    }

    .matriculate-atras {
        font-size: 16px;
        padding: 18px 88px;
        background-color: #989898;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
    }

    .matriculate__container {
        color: #293133;
    }

    .matriculate__bg-img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 35%;
        opacity: 0.9;
    }

    .matriculate p {
        font-size: 1.2rem;
    }

    .matriculate label {
        font-size: 1.2rem;
    }

    .matriculate input {
        outline: none;
    }

    .matriculate-bg {
        background-color: #293133;
        min-height: 100vh;
    }

    #precio-data p {
        font-size: 0.9rem;
    }

    .matriculate-bg h3 {
        font-size: 1rem !important;
    }

    .matriculate-bg a {
        font-size: 1rem !important;
    }

    .payment p {
        font-size: 1.4rem;
    }

    .payment input {
        font-size: 1.4rem;
    }

    .payment button {
        font-size: 1.4rem;
    }

    .payment h2 {
        font-size: 2rem;
    }

    .payment span {
        font-size: 1.4rem;
    }

    .payment-content {
        margin-top: 20vh;
    }

    .payment-header {
        position: absolute;
        top: 0;
        height: 10vh;
        background-color: #293133;
        padding: 2rem 1rem;
    }

    .payment-header__img {
        height: 5rem;
        margin-left: 1rem;
    }

    .searchPage {
        min-height: 100vh;
    }

    .searchPage__ul {
        list-style: none;
        width: 75%;
    }

    iframe {
        width: 100%;
    }

    .scroll-down-div {
        display: none;
    }

    .home__searchList-box {
        position: absolute;
        z-index: 5;
        top: 0rem;
        background-color: #293133;
        width: 100vw;
        padding: 2rem 4rem !important;
        height: fit-content;
    }

    .ciclo-button-res {
        background-color: #DEA026;
        padding: 0.6rem 0;
        margin-bottom: 20px;
        font-size: 0.9rem;
    }

    .studyPlan-item button {
        height: 3rem !important;
        font-size: 0.9rem;
    }

    /* CAMPUS-ONLINE */
    /*HOME*/
    #campus-header-home {
        display: none;
    }

    #campus-header-home-res {
        display: flex;
    }

    #campus-perfil {
        display: block;
    }

    #campus-pagos {
        display: block;
    }

    #campus-formaciones {
        display: block;
    }

    .campus-res-closeSesion {
        padding: 2rem !important;
        border: 1px solid silver;
    }

    .campus-closeSesion-icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .campus-header-accordion {
        display: none;
        position: absolute;
        top: 100px;
        right: -5%;
        width: 110%;
        height: 8vh;
        background-color: #293133;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        transition: ease-in-out 200ms;
    }

    .campus_btn {
        background-color: #DEA026;
        color: white;
        font-weight: 900;
        padding: 0.8rem 1.2rem;
        border: 0;
        font-size: 14px;
    }

    .campus_btn-secondary {
        font-size: 14px;
        padding: 0.8rem 1.2rem;
        background-color: #989898;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
    }

    .campus_btn:hover {
        color: white;
        opacity: 0.8;
    }

    .campus-card {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        background-color: white;
    }

    .campus-card__img {
        height: 10rem;
        background-size: cover;
    }

    .campus-box {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .campus-page {
        max-height: 90vh;
        overflow-y: scroll;
    }

    #campus-navbar {
        display: flex;
    }

    .campus-navbar {
        padding: 2rem 0px;
        background-color: #293133;
    }

    .campus-navbar-top {
        border-bottom: 2px solid silver;
        height: 75%;
    }

    .campus-navbar-bottom {

    }

    .campus-navbar-option {
      cursor: pointer;
      font-size: 1.2rem;
      height: 8vh;
      padding-left: 2rem;
    }

    .campus-navbar-option-selected {
      background-color: #374345;
    }

    .campus-navbar-option-selected {
      background-color: #374345;
    }

    .campus-header-home {
      background-color: #293133;
      padding: 0px 40px;
      border-bottom: 2px solid silver;
      height: 10vh;
    }

    .campus-box-profileFoto {
      height: 100px;
      width: 100px;
      border-radius: 50%;
      border: 1px solid #DEA026;
    }

    .campus-header-profileFoto {
      height: 6vh;
      width: 6vh;
      border-radius: 50%;
      border: 1px solid #DEA026;
    }

    /*INICIO SESIÓN*/
    #campus-step1 {
      display: flex;
    }

    #campus-step2 {
      display: none;
    }

    #campus-step3 {
      display: none;
    }

    .campus-online {
      height: 100vh;
      background-color: #F3F3F3;
    }

    .campus_header {
      background-color: #293133;
      padding: 0px 10px;
      border-bottom: 2px solid silver;
      height: 10vh;
    }

    .campus-input {
      outline: none;
      border: 1px solid #DEA026;
      height: 6vh;
      padding-left: 1rem;
      font-size: 1.4rem;
    }

    .campus-btn-2 {
      background-color: #DEA026;
      color: white;
      border: 0;
      font-size: 1.4rem;
      width: inherit;
      padding: 0.8rem 1.8rem;
    }

    .campus-btn {
      border: 1px solid #DEA026;
      color: #DEA026;
      width: inherit;
      padding: 0.8rem 1.8rem;
      background-color: white;
      margin-bottom: 1rem;
      font-size: 1.4rem;
    }

    .campus-h2 {
      color: #DEA026;
      font-size: 3rem;
      font-weight: 900;
    }

    .campus-text {
      font-size: 1.6rem;
    }

    .campus-label {
      font-size: 1.6rem;
      font-weight: 800;
    }

    #menu-btn-3 {
      font-size: 3rem;
      margin-left: 2rem;
    }

    .solicitud__steps {
      display: none;
      position: fixed;
      top: 10vh;
      background-color: #F3F3F3;
      z-index: 4;
      width: 100%;
      left: 0;
      padding: 0.5rem;
    }

    .solicitud-modal__modal {
      height: 60%;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      padding: 1.5rem 1rem;
      opacity: 1;
      background-color: #293133;
      color: white;
    }

    .solicitud-modal__modal p {
      font-size: 1rem;
    }

    .solicitud-modal-btn1 {
      width: 30% !important;
    }

    .solicitud-modal-btn2 {
      width: 50% !important;
    }

    /* CAMPUS ONLINE END */
}

.home__searchList {
    padding: 2rem;
    margin: 0rem 0rem;
    background-color: #293133;
}

.beca-back {
    position: fixed;
}

#cicle-select-responsive {
    font-size: 1.5rem;
    margin: 0rem 2rem;
}

.solicitud-btn-1 {
    font-size: 14px;
    width: 30%;
}

.solicitud-btn-2 {
    width: 30%;
    font-size: 14px;
}

@media only screen and (max-width: 992px) and (min-width: 300px) {

    /*modal*/


    #pass-modal {
        top: 5vh;
        left: 5vw;
        background-color: white !important;
        height: 60vh !important;
        width: 90vw !important;
    }

    #pass-modal i {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }

    #pass-modal2 {
        top: 5vh;
        left: 5vw;
        background-color: white !important;
        height: 60vh !important;
        width: 90vw !important;
    }

    #pass-modal2 i {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }

    .modal-password {
        max-width: 40vw !important;
        top: 20vh;
    }

    .modal-content {
        color: #212529 !important;
        background-color: white !important;
    }

    #deskHeader {
        display: none;
    }

    #mobileHeader {
        display: flex;
    }

    #ciclo {
        display: none;
    }

    /* CAMPUS-ONLINE */
    #filtros-desk {
        display: none;
    }

    #filtros-mobile {
        display: flex;
    }

    .formaciones-link {
        color: #808080;
        font-weight: 200;
        font-size: 12px;
    }
    
    .formaciones-link:hover {
        color: #DEA026;
    }
    
    .familias-link {
        color: #D0D0D0;
        font-weight: 200;
        font-size: 12px;
    }
    
    .familias-link:hover {
        color: #DEA026;
    }

    .ok h5 {
        font-size: 1rem;
    }

    .filtros {
        border-radius: 6px;
        background-color: #293133;
        color: white;
        padding: 8px 1rem;
        position: relative;
        cursor: pointer;
        width: inherit;
    }

    .filtros-item {
        background-color: #293133;
        color: white;
        padding: 12px;
        max-width: inherit;
        width: 100%;
        border-bottom: 1px solid #4C545D;
    }

    .filtros img {
        max-width: 1rem;
        width: 1rem;
        max-height: 1rem;
        height: 1rem;
    }

    .filtros-input {
        background-color: transparent;
        border: 0;
        outline: none;
        color: white;
    }

    .filtros-input::placeholder {
        color: white;
    }

    .filtros-item img {
        max-width: 1rem;
        width: 1rem;
        max-height: 1rem;
        height: 1rem;
    }

    .filtros-box {
        position: absolute;
        top: 2.2rem;
        right: 0;
        width: 200%;
        display: none;
        border-radius: 6px;
    }

    .modal-dialog {
        max-width: 100vw !important;
        top: 10vh;
        left: 0;
    }

    /*SOLICITUD DATOS*/
    #solicitud-0 {
        display: block;
    }

    #solicitud-1 {
        display: none;
        margin-top: 0vh;
    }

    #solicitud-2 {
        display: none;
        margin-top: 0vh;
    }

    #solicitud-3 {
        display: none;
        margin-top: 0vh;
    }

    #solicitud-4 {
        display: none;
        margin-top: 0vh;
    }

    #solicitud-5 {
        display: none;
    }

    #solicitud-modal__page {
        position: fixed;
        background-color: #293133;
        color: white;
        height: 100vh;
        width: 100vw;
        opacity: 0.5;
        top: 0;
        left: 0;
    }

    .solicitud-input-file {
        border: 1px solid #DEA026;
        width: 100%;
        height: 3rem;
        cursor: pointer;
        position: relative;
    }

    .solicitud-modal__modal {
        height: 70%;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding: 1.5rem 1rem;
        opacity: 1;
        background-color: #293133;
        color: white;
    }

    .solicitud-modal__modal p {
        font-size: 1rem;
    }

    .solicitud-modal-btn1 {
        width: 50% !important;
    }

    .solicitud-modal-btn2 {
        width: 75% !important;
    }

    .solicitud__steps {
        display: none;
        position: inherit;
        top: 10vh;
        background-color: #F3F3F3;
        z-index: 4;
        width: 100%;
        left: 0;
        padding: 0.5rem;
    }

    .solicitud p {
        font-size: 1rem;
    }

    .solicitud-form-box {
        width: 100%;
    }

    .solicitud__step p {
        font-size: 0.8rem;
    }

    .solicitud-form-box-dom {
        width: 100%;
    }

    .solicitud-form-box-dom input {
        width: 100%;
    }

    .solicitud-btn-1 {
        font-size: 14px;
        padding: 18px 0px;
        background-color: #DEA026;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
        width: 40%;
    }

    .solicitud-btn-2 {
        font-size: 14px;
        padding: 18px 0px;
        background-color: #989898;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
        width: 40%;
    }

    .finalizar-btn {
        margin: 10px 0;
        font-size: 14px;
        padding: 10px 20px;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
        width: 75%;
    }

    /*HOME*/
    #campus-header-home {
        display: none;
    }

    #campus-header-home-res {
        display: flex;
    }

    #campus-perfil {
        display: block;
    }

    #campus-pagos {
        display: block;
    }

    #campus-formaciones {
        display: block;
    }

    .campus-res-closeSesion {
        border-radius: 10px;
        border: 1px solid silver;
        width: 70%;
        margin: 0px auto;
        display: flex;
    }

    .campus-closeSesion-icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .campus-header-accordion {
        display: none;
        position: absolute;
        top: 100px;
        right: -5%;
        width: 110%;
        height: 8vh;
        background-color: #293133;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        transition: ease-in-out 200ms;
    }

    .campus_btn {
        background-color: #DEA026;
        color: white;
        font-weight: 900;
        padding: 0.8rem 1rem;
        border: 0;
        font-size: 12px;
        width: 100%;
    }

    .campus_btn-secondary {
        font-size: 12px;
        padding: 0.8rem 1rem;
        background-color: #989898;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
        width: 100%;
    }

    .campus-card {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        background-color: white;
    }

    .campus-card__img {
        height: 10rem;
        background-size: cover;
    }

    .campus-box {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .campus-page {
        max-height: 90vh;
        overflow-y: scroll;
    }

    #campus-navbar {
        display: none;
    }

    .campus-navbar {
        position: absolute;
        z-index: 6;
        width: 100%;
        top: 10vh;
        height: 90vh;
        bottom: 0;
        padding: 0rem 0px;
        background-color: #293133;
    }

    .campus-navbar-top {
        border-bottom: 2px solid silver;
        height: auto;
    }

    .campus-navbar-bottom {

    }

    .campus-navbar-option {
        cursor: pointer;
        font-size: 1.2rem;
        height: 8vh;
        padding-left: 3rem;
    }

    .campus-navbar-option-selected {
        background-color: #374345;
    }

    .campus-header-home {
        background-color: #293133;
        padding: 0px 10px;
        border-bottom: 2px solid silver;
        height: 10vh;
    }

    .campus-box-profileFoto {
        height: 100px;
        width: 100px;
        border-radius: 50%;

        border: 1px solid #DEA026;
    }

    .campus-header-profileFoto {
        height: 6vh;
        width: 6vh;
        border-radius: 50%;

        border: 1px solid #DEA026;
    }

    /*INICIO SESIÓN*/
    #campus-step1 {
        display: flex;
    }

    #campus-step2 {
        display: none;
    }

    #campus-step3 {
        display: none;
    }

    .campus-online {
        height: 100vh;
        background-color: #F3F3F3;
    }

    .campus_header {
        background-color: #293133;
        padding: 0px 10px;
        border-bottom: 2px solid silver;
        height: 81px;
    }

    .campus-input {
        outline: none;
        border: 1px solid #DEA026;
        height: 8vh;
        padding-left: 1rem;
    }

    .campus-btn-2 {
        background-color: #DEA026;
        color: white;
        border: 0;
        height: 8vh;
        width: inherit;
        padding: 0.8rem 1.8rem;
    }

    .campus-btn {
        border: 1px solid #DEA026;
        color: #DEA026;
        height: 8vh;
        width: inherit;
        padding: 0.8rem 1.8rem;
        background-color: white;
        margin-bottom: 1rem;
    }

    .campus-h2 {
        color: #DEA026;
        font-size: 3rem;
        font-weight: 600;
    }

    .campus-text {
        font-size: 1rem;
    }

    .campus-label {
        font-size: 1rem;
        font-weight: 600;
    }

    .campus-login-img {
        width: 70%;
        display: none;
    }

    /* CAMPUS ONLINE END */
    div[data-habitat] div {
        border: 1px solid #DEA026;
        border-radius: 50%;
        margin-bottom: 10vh;
    }

    .titulaciones-card-btn {
        border-radius: 0;
        padding: 12px 28px;
        font-size: 10px bold;
        box-shadow: 0px 3px 6px;
    }

    .titulaciones-card {
        width: 90vw;
    }

    .scroll-down-div {
        display: none;
    }

    /*BECAS*/
    .becas-container p {
        font-size: 1rem;
    }

    .becas-text {
        font-size: 1rem;
    }

    /*BECA*/
    .beca {
        padding-top: 12vh;
    }

    .beca-li {
        font-size: 1.1rem;
    }

    .beca p {
        font-size: 1.1rem;
    }

    .beca-item {
        max-width: 45%;
        width: 40%;
    }

    .beca-back {
        position: fixed;
        top: 12vh !important;
        left: 0.9rem !important;
        cursor: pointer;
        width: 10% !important;
    }

    .beca-back img {
        width: 100% !important;
    }

    .beca-button {
        font-weight: 800;
        color: white;
        width: 50%;
        background-color: #DEA026;
        padding: 0.8rem 2rem;
        outline: none;
        border: 0;
        transition: 400ms;
    }

    .home-search-p {
        font-size: 1rem;
    }

    .home__searchList-box {
        position: absolute;
        z-index: 5;
        top: 0;
        background-color: #293133;
        width: 100vw;
        padding: 1rem 2rem !important;
        font-size: 1rem;
    }

    .home__searchList {
        padding: 2rem;
        margin: 0rem 0rem !important;
        background-color: #293133;
    }

    .searchPage {
        min-height: 100vh;
    }

    .searchPage__ul {
        list-style: none;
        width: 100%;
    }

    .searchPage__element {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1rem;
        margin: 0.6rem 0;
        width: 100%;
        font-size: 0.8rem;
        color: #293133;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .searchPage__icon {
        width: 2rem;
    }

    .searchPage__search {
        width: 100%;
        position: relative;
    }

    .searchPage__iconSearch {
        position: absolute !important;
        right: 0;
        top: 0;
        background-color: #DEA026;
        height: 100%;
        width: 14%;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .searchPage__iconSearch i {
        font-size: 1.2rem;
        color: white;
    }

    .searchPage__input {
        width: 100%;
        height: 6vh;
        font-size: 1.2rem;
        padding-left: 2vw;
        padding-right: 4vw;
        border: 1px solid #DEA026;
        outline: none;
        font-family: "Open Sans";
    }

    .searchPage__input::placeholder {
        font-size: 1.1rem;
    }

    .searchPage__nResults {
        font-weight: 600;
        font-size: 1rem;
        color: white;
    }

    .searchPage__li {
        border-radius: 50px;
        background-color: #DEA026;
        color: white;
        font-weight: 600;
        font-size: 0.8rem;
        padding: 0.5rem 1rem;
        cursor: pointer;
    }

    .searchPage__li:hover {
        opacity: 0.6;
    }

    .searchPage_box {
        margin-top: 15vh;
    }

    .headerMobile__buttons__menu {
        width: 1.6rem;
        margin: 14px;
        margin-left: 20px;
    }

    .payment p {
        font-size: 1rem;
    }

    .payment input {
        font-size: 1rem;
    }

    .payment button {
        font-size: 1rem;
    }

    .payment h2 {
        font-size: 1.2rem;
    }

    .payment span {
        font-size: 1rem;
    }

    .payment-content {
        margin-top: 14vh;
    }

    .payment-header {
        position: absolute;
        top: 0;
        height: 10vh;
        background-color: #293133;
        padding: 2rem 1rem;
    }

    .payment-header__img {
        max-height: 3rem;
        margin-left: 0.5rem;
    }

    /*MATRICULA*/
    .matriculate-siguiente {
        font-size: 12px;
        padding: 12px 38px;
        background-color: #DEA026;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        margin-bottom: 20px;
        box-shadow: 0px 3px 6px;
    }

    .matriculate-download {
        color: #DEA026;
        font-weight: 600;
        font-size: 1rem;
        text-decoration: none;
        transition: 0.5s;
    }

    .matriculate-download img {
        width: 1.5rem;
        margin-left: 1rem;
    }

    .matriculate-download:hover {
        color: white;
    }

    .matriculate-atras {
        font-size: 12px;
        padding: 12px 38px;
        background-color: #989898;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
    }

    .matriculate__modal {
        background-color: white;
        padding: 1rem;
    }

    .matriculate__info-icon {
        font-size: 1.2rem;
        margin-top: 0.3rem;
    }

    .matriculate__btn {
        background-color: #DEA026;
        font-size: 1rem;
    }

    .matriculate-ul {
        height: 40vh;
        overflow-y: scroll;
        margin: 0;
        padding: 0;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .matriculate__checkbox {
        font-size: 1.4rem;
        min-width: 1.4rem;
    }

    .matriculate-li {
        width: 100%;
        height: 8vh !important;
        padding: 0 !important;
        margin-bottom: 1.2rem;
    }

    .matriculate__input {
        border: 1px solid #DEA026;
        border-radius: 0px;
        height: 3rem;
        padding-left: 1rem;
    }

    .matriculate {
        position: relative;
        min-height: 100vh;
    }

    .matriculate__navbar {
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid white;
    }

    .active-circle {
        position: absolute;
        background: url('../assets/img/stepSelected.png') no-repeat;
        width: 30px;
        height: 30px;
        left: 0;
        top: 0;
        z-index: 10;
        transition: top .5s ease;
    }

    .matriculate-steps {
        background: url('../assets/icons/stepList-responsive.svg') no-repeat;
        position: relative;
        width: 285px;
        height: 40px !important;
        align-self: center;
        padding-left: 0;
    }

    .matriculate__step {
        font-size: 0.8rem;
        margin-top: 2rem;
        flex: 1;
    }

    .matriculate__container {
        color: black;
    }

    .matriculate-bg h3 {
        font-size: 1rem;
    }

    .matriculate h2 {
        font-size: 1.2rem;
    }

    .matriculate__bg-img {
        position: absolute;
        bottom: 0;
        display: none;
    }

    .matriculate__ul {
        list-style: none;
        font-size: 0.9rem;
        margin: 0;
        padding-left: 0;
    }

    .matriculate p {
        font-size: 0.9rem;
    }

    .matriculate-bg {
        min-height: 35vh;
        height: auto;
    }

    .error {
        min-height: 85vh;
    }

    .error__img {

    }

    .error__btn {
        background-color: #DEA026;
        font-size: 0.6rem !important;
    }

    .error__h1 {
        font-size: 1.1rem;
    }

    .error h3 {
        font-size: 0.9rem;
    }

    .error__number {
        color: #DEA026;
        font-size: 5rem;
        font-weight: 600;
    }

    /* MISION EPSUM */
    .misionEpsum h3 {
        font-size: 1.2rem;
    }

    .mision-block li {
        font-size: 1rem;
    }

    .mision-block-p {
        font-size: 1rem !important;
    }
    
    .mision-block p {
        font-size: 1rem !important;
    }

    .misionEpsum h5 {
        font-size: 1rem;
    }

    .misionEpsum p {
        font-size: 1rem;
    }

    .misionEpsum__bg {
        height: 20rem;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .misionEpsum-btn {
        color: #DEA026;
    }

    .misionEpsum__percentage {
        font-size: 3rem;
        color: #DEA026;
        margin-top: 2rem;
    }

    /* SOBRE EPSUM */
    .aboutEpsum {
        background-color: #F3F3F3;
    }

    .carousel-item h3 {
        font-size: 1rem;
        font-weight: 400;
    }

    .aboutEpsum-btn {
        background-color: #DEA026;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 0.8rem;
        padding: 12px 38px;
    }

    .aboutEpsum-btn-secondary {
        padding: 12px 38px;
        font-size: 0.8rem;
    }

    .aboutEpsum__img {
        height: 12rem;
    }

    .aboutEpsum-defaultBG {
        background-color: #329a86;
        opacity: 0.8;
    }

    .aboutEpsum-h1 {
        font-size: 20px;
        font-weight: 600;
    }

    .bg-Epsum {
        background-color: #DEA026;
    }

    .home-families {
        background-color: black;
        position: relative;
    }

    .home-families__img {
        height: 15rem;
        width: 100%;
        opacity: 0.8;
    }

    .home-families__box {
        position: absolute;
        left: 3rem;
        top: 40%;
    }

    .home-master__box {
        position: absolute;
        left: 2rem;
        top: 2rem;
    }

    .home-families__name {
        font-weight: 600;
        font-size: 2rem;
        text-transform: uppercase;
    }

    .home-master__name {
        font-weight: 600;
        font-size: 1.6rem;
    }

    .home-families__text {
        font-weight: 600;
        font-size: 1.4rem;
    }

    .courses__content-family p {
        font-size: 1rem;
    }

    /* ADMISION */
    .admision-consultProcess p {
        font-size: 1rem;
        margin: 1rem 0;
    }

    .admision-consultProcess button {
        font-size: 1rem;
    }

    .admision-consultProcess li {
        font-size: 1rem;
        margin: 0.6rem 0;
        list-style: none;
    }

    .admisionTabs {
        display: none;
    }

    .admisionAccordion {
        display: inherit;
    }

    .admision {
        background-color: #F3F3F3;
    }

    .admision-h3 {
        font-size: 0.9rem;
        font-weight: 600;
    }

    .admision-h1 {
        font-weight: 600;
        font-size: 1.2rem;
    }

    .admision-consultProcess {

    }

    .modality-desc {
        font-size: 0.8rem;
    }

    .admision-h2 {
        font-size: 1.2rem;
        font-weight: 600;
    }

    .admision-list {
        list-style: square;
        color: #DEA026;
        font-size: 0.9rem;
    }

    .admision-tab-btn {
        font-weight: 800;
        border: 0;
        font-size: 0.7rem;
        opacity: 0.8;
        outline: none;
        background-color: #F3F3F3;
    }

    .admision-btn {
        border: 1px solid #DEA026;
        display: inherit;
        font-size: 12px bold;
        padding: 12px 38px;
    }


    .admision-btn:hover {
        background-color: #DEA026 !important;
        color: white;
    }

    .admision-box {
        padding: 4vh 0;
    }

    .admision-options {
        margin: 0;
    }

    .admision-select-box {
        margin: 1rem 0;
        color: black !important;
    }

    .admision-select {
        font-weight: 700;
        border: 0px;
        background-color: white;
        outline: none;
        font-size: 0.7rem;
        max-width: 10rem;
        margin: 0rem 0;
        color: black !important;
        z-index: 5;
    }

    /* NUEVO CICLO */
    .studyPlan-item button {
        height: 2.5rem !important;
        font-size: 0.9rem;
    }

    .ciclo-card-btn {
        font-size: 0.7rem;
        font-weight: 700;
        color: white;
        background-color: #DEA026;
        text-align: center;
        /*box-shadow: 0px 3px 6px;*/
        padding: 12px 20px;
        border: 1px solid white;
    }

    .ciclo-button-res {
        background-color: #DEA026;
        padding: 0.6rem 0;
        margin-bottom: 20px;
        font-size: 0.9rem;
    }

    .ciclo-frase {
        font-size: 1.1rem;
    }

    .ciclo-accordion-item {
        margin: 14px 0;
    }

    .ciclo-accordion-item button {
        height: 60px;
        font-size: 0.9rem;
    }

    .ciclo-card h5 {
        font-size: 1rem;
        font-weight: 700;
        color: #293133;
    }

    .ciclo-container {
        background-color: white;
        margin-top: 50vh;
        z-index: 2;
        padding: 2rem 0;
    }

    .ciclo__contain {
        display: none;
        padding: 0rem 2rem !important;
    }

    .ciclo__sec {
        margin-bottom: 3rem;
    }

    .cicle-color {
        color: #068B82 !important;
    }

    .ciclo-h2 {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Open Sans';
        display: none;
    }

    .ciclo__studyplan__name {
        font-weight: 600;
        color: #068B82;
    }

    .ciclo__studyplan__arrow {
        font-size: 0.8rem;
        color: #068B82;
    }

    .ciclo__studyplan-li {
        border-top: 1px solid silver;
        padding: 0.8rem;
    }

    .ciclo-relatedInfo__li {
        position: relative;
        padding-left: 0.6rem;
    }

    .ciclo-relatedInfo__li:before {
        content: '';
        width: 2px;
        background: #068B82;
        position: absolute;
        left: 0;
        top: 0.6rem !important;
    }

    .ciclo-relatedInfo__text {
        font-size: 0.9rem;
        font-weight: 600;
        margin: 0.4rem 0;
    }

    .ciclo__claustro {
        margin: 2rem 0;
    }

    .ciclo__claustro__text {
        margin: 2rem 0;
    }

    .ciclo__claustro__name {
        font-weight: 600;
        font-size: 1.1rem;
    }

    .ciclo__claustro__img-secondary {
        height: 10rem;
        width: 10rem;
    }

    .ciclo__claustro__small {
        font-size: 0.8rem;
    }

    .ciclo-box {
        margin: 0.5rem 0;
    }

    .ciclo-carousel-item {
        margin: 2rem 0;
        padding: 0 1rem;
    }

    .ciclo-carousel-item__text {
        font-family: 'Open Sans';
        opacity: 0.8;
        font-size: 0.9rem;
    }

    .ciclo-carousel-item__name {
        font-family: 'Open Sans';
        font-weight: 600;
        opacity: 0.8;
        font-size: 0.9rem;
    }

    .ciclo-carousel-item__img {
        width: 60%;
        margin-bottom: 1rem;
    }

    .ciclo-subtitle {
        font-size: 1rem;
        font-weight: 600;
        font-family: 'Open Sans';
        opacity: 0.8;
    }

    .ciclo__menu-secondary {
        list-style: none;
        padding-left: 0 !important;
    }

    .ciclo__menu-secondary__li {
        width: 100%;
        margin: 0.5rem 0;
        font-family: 'Open Sans';
        position: relative;
        padding-left: 0.5rem;
        font-size: 1.1rem;
    }

    .ciclo__menu__link {
        color: #068B82 !important;
    }

    .ciclo-h3 {
        font-family: 'Open Sans';
        font-weight: 600;
        font-size: 1.1rem;
    }

    .ciclo-desc {
        font-size: 0.9rem;
        font-family: 'Open Sans';
    }

    .ciclo-desc p {
        font-size: 0.9rem;
    }

    .ciclo-desc span {
        font-size: 0.9rem !important;
    }

    .ciclo-desc ul {
        list-style: none;
        margin: 0px 0px !important;
        padding: 0px 10px !important;
        font-size: 0.9rem;
    }

    .ciclo__contain {
        padding: 0 1rem;
    }

    .ciclo-slides__arrow {
        font-size: 1.5rem;
        color: #068B82;
    }

    .ciclo__btns {
        margin: 2rem 0;
    }

    .ciclo__btn {
        border: 2px solid #068B82;
        margin: 0.3rem 0;
        padding: 0.2rem 0.6rem;
    }

    .ciclo__btn__arrow {
        position: relative;
    }

    .ciclo__btn__arrow:before {
        content: '';
        position: absolute;
        top: 0.3rem;
        right: 0rem;
        width: 1.5rem;
        height: 13px;
        background-image: url('../assets/icons/flecha_button_blue.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .ciclo-sidebar {
        padding: 0rem 1rem;
    }

    .ciclo__btn__text {
        color: #068B82;
        font-weight: 700;
        font-family: 'Open Sans';
    }

    .ciclo__menu {
        list-style-type: none;
        padding-left: 0rem !important;
    }

    .ciclo__menu__li {
        color: #068B82;
        font-weight: 500;
        border-bottom: 1px solid silver;
        padding: 0.5rem 1rem;
        font-family: 'Open Sans';
    }

    .ciclo-link {
        color: #068B82 !important;
        font-size: 0.8rem;
        font-weight: 600;
        margin: 1rem 0;
    }

    .ciclo-link-icon {
        color: #068B82;
        margin-left: 1rem;
    }

    .ciclo-slider {
        margin: 3rem 0;
    }

    .ciclo-swiper-slide {
        width: 100%;
    }

    /*FIN DE NUEVO CICLO*/
    .family_IN .ciclo-accordion-btn {
        font-size: 14px;
    }

    .ciclo-background {
        height: 50vh;
        background-color: black;
        position: fixed;
    }

    .ciclo-background__img {
        position: absolute;
        width: 100%;
        opacity: 0.6;
        height: 100%;
    }

    .ciclo-background__name {
        text-transform: uppercase;
        position: absolute;
        left: 2%;
        bottom: 4%;
        font-size: 1.2rem;
        color: white;
        font-weight: 600;
        font-family: "Open Sans";
    }

    .ciclo-background__title {
        position: absolute;
        top: 40%;
        font-size: 1.4rem;
        font-weight: 600;
        color: white;
        width: 80%;
        left: 10% !important;
        text-align: center;
        font-family: "Open Sans";
    }

    .ciclo-background__modality {
        position: absolute;
        top: 80%;
        font-size: 1.1rem;
        font-weight: 600;
        color: white;
        width: 100%;
        left: 0%;
        text-align: center;
        font-family: "Open Sans";
    }

    .ciclo-slider {
        margin: 3rem 0;
    }

    .ciclo-section {
        font-family: "Open Sans";
        margin: 5vh 4vw;
    }

    .ciclo-section__title {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
        font-family: 'Open Sans';
    }

    .ciclo__description {
        font-family: "Open Sans";
        font-size: 1.2rem;
        margin: 2rem 0;
    }

    .ciclo__video {
        position: relative;
        background-image: url("../assets/img/nuclearMedicineVideo.jpeg");
        background-position-y: 36%;
        background-size: cover;
        width: 90%;
        height: 30vh;
        margin: 2rem 0;
    }

    .ciclo__video__icon {
        width: 12%;
        position: absolute;
        left: 44%;
        top: 45%;
        cursor: pointer;
    }

    .ciclo__tabs {
        margin: 3rem 0;
    }

    .ciclo__tab {
        border-radius: 6px;
        padding: 2vh;
        background-color: white;
        width: 80%;
        height: 15vh;
        box-shadow: 4px 4px 8px silver;
        margin-bottom: 1rem;
        border: 2px solid #068B82;
    }

    .ciclo__tab__content {
        margin-left: 1vw;
        position: relative;
        width: 100%;
    }

    .ciclo__tab__title {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 20%;
        color: black;
        font-size: 1rem;
        font-weight: 600;
        opacity: 0.8;
        font-family: "Open Sans";
    }

    .ciclo__tab__name {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 50%;
        opacity: 0.8;
        color: black;
        font-size: 1rem;
        font-family: "Open Sans";
    }

    .ciclo__tab__photo {
        width: 20%;
    }

    .ciclo__form {
        padding: 4rem 8rem;
        background-color: white;
    }

    .ocult {
        opacity: 0;
    }

    .ciclo__form {
        padding: 2rem 2rem;
    }

    .unitMenu {
        background-color: #068B82;
        list-style: none;
        padding-right: 2vw;
        height: 8vh;
        width: 100%;
        display: none;
        transition: 0.4s;
    }

    .unitMenu__underline {
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 1vh;
        background-color: white;
    }

    .unitMenu__nameSelect {
        opacity: 1;
    }

    .unitMenu__name {
        opacity: 0.8;
    }

    .unitMenu__li {
        cursor: pointer;
        position: relative;
        padding: 0vw 2vw;
        padding-top: 1.5vh;
        color: white;
        font-weight: 500;
        font-family: "Open Sans";
        font-size: 22px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .openModal {
        position: fixed;
        width: 100vw;
        border-top-right-radius: 40px;
        border-top-left-radius: 40px;
        background-color: #293133;
        bottom: 10vh;
        height: 40vh;
        z-index: 3;
        padding: 6vh 4vw;
    }

    .openModal__container {

    }

    .openModal__buttons {
        margin-top: 4vh;
    }

    .openModal__button {
        border: 2px solid #DEA026;
        background-color: #293133;
        padding: 2vh 2vh;
        color: white;
        font-weight: 800;
        font-size: 0.6rem;
        transition: 0.2s;
        cursor: pointer;
    }

    .openModal__button:hover {
        background-color: #DEA026;
    }

    .openModal__title {
        font-weight: 600;
        color: white;
        font-size: 1rem;
    }

    .openModal__text {
        font-size: 0.8rem;
        color: white;
    }

    .openModal__container__text {
        margin-left: 4vw;
    }

    .openModal__img {
        width: 30%;
    }

    .openModal__close {
        position: absolute;
        top: 4vh;
        right: 3vh;
        cursor: pointer;
        width: 3%;
    }

    .container-fluid {
        padding: 0;
    }

    .search {
        position: relative;
        width: 90vw;
    }

    .search__container {
        width: 100%;
    }

    .search__button {
        background-color: #DEA026;
        margin: 32px 0px;
        border: 0;
        border-radius: 50px;
        color: white;
        font-size: 0.9em;
        font-weight: 800;
        transition: 0.2s;
        cursor: pointer;
        min-width: 8em;
        text-align: center;
    }

    .search__button:hover {
        background-color: #c7aa5c;
    }

    .search__box {
        min-height: 6vh;
        margin-top: 2vh;
        width: 100%;
        border-top: 0px;
    }

    .search__input {
        width: 100%;
        height: 7vh;
        font-size: 1rem;
        padding-left: 10vw;
        border: 1px solid #DEA026;
        outline: none;
    }

    .search__icon {
        width: 3vh;
        position: absolute;
        top: 2vh;
        left: 2.5vw;
    }

    body {
        font-family: "Open Sans";
    }

    .slider {
        font-family: "Open Sans";
        padding: 0 !important;
        margin: 0 !important;
    }

    .slider__steps {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 2vh;
    }

    .slider__steps__points {
        margin: 0px 20px;
    }

    .slider__img {
        padding: 0 !important;
        margin: 0 !important;
        height: 35vh;
    }

    .slider__container {
        background-color: white !important;
        padding: 4vh 8vw;
    }

    .slider__text {
        font-family: "Open Sans";
        font-size: 18px;
    }

    #carouselExampleControls {
        overflow-y: hidden;
    }

    .carousel {
        position: relative;
    }

    .carousel__arrowLeft {
        background-color: transparent;
        border: 0px;
        position: absolute;
        top: 40%;
        left: 0vw;
    }

    .carousel__arrowRight {
        border: 0px;
        position: absolute;
        top: 40%;
        right: 2vw;
        background-color: transparent;
    }

    .carousel__col {
        cursor: pointer;
    }

    .carousel__row {
        margin: 0px 2vw;
    }

    .carousel__img {
        cursor: pointer;
    }

    .form {
        font-family: "Open Sans";
    }

    .form__button {
        border: 0;
        background-color: #DEA026;
        color: white;
        height: 6vh;
        font-size: 70%;
        font-weight: 800;
        cursor: pointer;
        margin-top: 4vh;
        padding: 1vh 1vw;
        width: 60%;
    }

    .form__title {
        color: #293133;
        text-align: center;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 600;
    }

    .form__box {
        margin-bottom: 0vh;
        flex-direction: column;
        width: 100% !important;
    }

    .form__inputPrimary {
        padding-left: 2vw;
        font-size: 1rem;
        border: 2px solid #DEA026;
        outline: none;
        width: 100% !important;
        height: 6vh;
        margin-bottom: 2vh;
    }

    .form__inputSecondary {
        padding-left: 2vw;
        font-size: 1rem;
        border: 2px solid #DEA026;
        outline: none;
        width: inherit;
        margin-bottom: 2vh;
        height: 6vh;
    }

    .infoBlock__top {
        border: 2px solid #068B82;
        padding-top: 2vh;
        margin-bottom: 2vh;
    }

    .infoBlock__top__title {
        padding: 0vh 0;
        font-size: 0.8rem;
        font-weight: 600;
        color: #293133;
        cursor: pointer;
    }

    .infoBlock__container {
        border: 2px solid #068B82;
        padding: 4vh;
    }

    .infoBlock__button {
        padding: 2vh 2vh;
        background-color: #068B82;
        color: white;
        font-weight: 700;
        border: 0;
        font-size: 0.8rem;
    }

    .infoBlock__text {
        font-size: 1rem;
        color: #293133;
    }


    .e-swiper__container {
        overflow-x: scroll !important;
        width: 100vw !important;
    }

    .e-swiper__element {
        border-radius: 6px;
        padding: 1vh;
        background-color: #068B82;
        min-width: 90vw !important;
        height: 20vh;
        margin-right: 2vw;
    }

    .e-swiper__element__a {
        margin: auto 0px;
    }

    .e-swiper__element__arrow {
        width: 4%;
        margin-left: 3vw;
    }

    .e-swiper__element__text {
        font-size: 1rem;
        font-weight: 600;
        color: white;
        align-items: center;
    }

    .e-swiper__element__content {
        margin-left: 2vw;
    }

    .e-swiper__element__title {
        color: white;
        font-size: 1rem;
        font-weight: 600;
    }

    .e-swiper__element__photo {
        width: 35%;
    }

    .e-swiper__controls {
        margin-top: 2vh;
    }

    .e-swiper__controls__arrow {
        width: 8%;
    }

    .e-swiper__controls__points {
        width: 40%;
        margin: 0px 2vw;
    }

    .e-swiper__controls__point {
        width: 6%;
    }

    .swiper-second__item {
        border-radius: 6px;
        padding: 1vh;
        background-color: white;
        height: 15vh;
        box-shadow: 4px 4px 8px silver;
        width: 100%;
    }

    .swiper-second__item__a {
        margin: auto 0px;
    }

    .swiper-second__item__arrow {
        width: 3%;
        margin-left: 1vw;
    }

    .swiper-second__item__text {
        font-size: 1rem;
        font-weight: 600;
        color: white;
        align-items: center;
    }

    .swiper-second__item__content {
        margin-left: 1vw;
        position: relative;
        width: 100%;
    }

    .swiper-second__item__title {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 20%;
        color: black;
        font-size: 0.8rem;
        font-weight: 700;
        opacity: 0.8;
        font-family: "Open Sans";
    }

    .swiper-second__item__name {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 50%;
        opacity: 0.8;
        color: black;
        font-size: 0.8rem;
        font-family: "Open Sans";
    }

    .swiper-second__item__photo {
        width: 25%;
    }

    .infoPiece {
        margin: 1vh 0;
    }

    .infoPiece__top {
        padding: 1vh 2vw;
        background-color: white;
        box-shadow: 2px 1px 2px 1px silver;
    }

    .infoPiece__icon {
        cursor: pointer;
        width: 8vw;
    }

    .infoPiece__arrow {
        cursor: pointer;
        width: 5vw;
    }

    .infoPiece__text {
        color: #293133;
        padding: 3vw;
        border: 2px solid cadetblue;
        font-size: 0.9rem;
        font-family: "Open Sans";
        background-color: white;
    }

    .infoPiece__title {
        margin-top: 2vh;
        margin-left: 2vw;
        color: #293133;
        font-weight: 800;
        font-size: 1rem;
    }

    .courses {
        overflow-x: hidden;
        font-family: "Open Sans";
        background-color: #F3F3F3;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .courses__video {
        position: relative;
    }

    .courses__video__img {
        width: 100%;
        height: 35vh;
    }

    .courses__video__icon {
        width: 12%;
        position: absolute;
        left: 44%;
        top: 45%;
    }

    .courses__video-ciclo {
        position: relative;
        background-image: url("../assets/img/nuclearMedicineVideo.jpeg");
        background-position-y: 36%;
        background-size: cover;
        width: 100%;
        height: 35vh;
    }

    .courses__video-ciclo__img {
        width: 100%;
        height: 35vh;
    }

    .courses__video-ciclo__icon {
        width: 10%;
        position: absolute;
        left: 45%;
        top: 45%;
    }

    .courses__form {
        margin: 4vh 2vw;
        background-color: white;
        padding: 5vh;
    }

    .courses__sections {
        font-family: "Open Sans";
        margin: 4vh 2vw;
        flex-direction: column;
    }

    .courses__sections__number {
        font-size: 70px;
        color: #293133;
        font-weight: 800;
        text-align: center;
    }

    .courses__sections__text {
        font-size: 1.2rem;
        color: #293133;
        text-align: left;
        font-weight: 600;
        padding: 0vh 1vh;
    }

    .courses__sections__softText {
        font-size: 1.1rem;
        color: #293133;
        padding: 0vh 1vh;
    }

    .courses__sections__box__section {
        width: 80%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        margin-top: 20px;
    }

    .courses-sections-block {
        height: 200px !important;
    }

    .courses__sections__title {
        font-size: 1.4rem;
        font-weight: 600;
        color: #293133;
    }

    .courses__header {
        width: 100%;
        position: fixed;
        z-index: 3;
    }

    .courses__content {
        background-color: #F3F3F3;
        margin-top: 0vh !important;
        width: 100vw !important;
        z-index: 2;
    }

    .courses__content-family {
        background-color: #F3F3F3;
        margin-top: 58vh;
        z-index: 2;
    }

    .courses__search {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 4vh 0px;
    }

    .courses__wall-second {
        width: 100%;
        height: 58vh;
        background-position: top;
        background-size: cover;
        position: fixed;
    }

    .courses__wall-second::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);
    }

    .courses__wall-second__text {
        position: absolute;
        font-size: 1.7rem;
        font-weight: 600;
        width: 80%;
        text-align: center;
        color: white;
        top: 30%;
        left: 10%;
    }

    .courses__wall-second__textSmall {
        position: absolute;
        font-size: 1rem;
        font-weight: 600;
        width: 70%;
        text-align: center;
        color: white;
        top: 50%;
        left: 15%;
    }

    .courses__wall-second__navbar {
        position: fixed;
        z-index: 3;
        bottom: 0vh !important;
        top: inherit;
        width: 100vw !important;
    }

    .courses__wall-second__logo {
        width: 40%;
        top: 88%;
        left: 2%;
        position: absolute;
    }

    .wall {
        background-color: #F3F3F3 !important;
        padding: 10px 20px !important;
        padding-top: 100px;
        height: inherit;
        position: inherit;
    }

    .courses__wall {
        margin-top: 10vh;
        padding: 0px 0px;
        width: 100%;
        height: inherit;
        background-image: none !important;
        background-color: #F3F3F3;
        background-image: none;
        position: relative;
    }

    .courses__wall__img {
        width: 80%;
        position: inherit;
        top: 0;
        right: 0;
        margin: 20px 0;
    }

    .courses__wall__buttons {
        flex-direction: column;
        margin-bottom: 1.5rem;
    }

    .courses__wall__button {
        height: 6vh;
        background-color: #DEA026;
        border: 1px solid #DEA026 !important;
        cursor: pointer;
        font-size: 0.8rem;
        font-weight: 500;
        color: white;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 1.5vw;
        width: max-content;
        margin-bottom: 1vh;
    }

    .courses__wall__button-second {
        width: max-content;
        height: 6vh;
        background-color: #6C6C6C;
        border: 2px solid #6C6C6C !important;
        cursor: pointer;
        font-size: 0.8rem;
        font-weight: 500;
        color: white !important;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 1.5vw;
        margin-left: 0vw;
    }

    .courses__wall__title {
        font-size: 42px;
        font-weight: 600;
        color: #DEA026;
        margin-bottom: 1.2rem;
    }

    .courses__wall__content {
        padding: 0px 20px !important;
        position: inherit;
        background-color: transparent;
        left: 0vw;
        top: 2vh;
        width: 100vw;
        padding: 1vh 4vw;
        z-index: 1;
    }

    .courses__wall__text {
        color: rgb(44, 39, 39);
        font-weight: 400;
        font-size: 16px;
        margin: 1vh 0;
        margin-bottom: 3vh;
    }

    .courses__wall__navbar {
        position: fixed;
        z-index: 3;
        bottom: 0vh !important;
        top: inherit;
        width: 100vw !important;
    }

    .courses__wall__logo {
        max-width: 50vw;
        bottom: 0;
        left: 0;
        position: inherit;
        margin: 1.2rem 0rem;
    }

    .courses__wall__logo2 {
        max-width: 70vw;
        bottom: 0;
        left: 0;
        position: inherit;
        margin: 1.2rem 0rem;
    }

    .navbar {
        padding: 2px 4px;
        background-color: #293133;
        color: white;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row !important;
        justify-content: space-between;
        z-index: 4;
    }

    .navbar__section {
        cursor: pointer;
        align-items: center;
        padding: 0px;
        margin: 2px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .navbar__section__img {
        padding-top: 4px;
        height: 5vh;
    }

    .navbar__section:hover {
        opacity: 0.7;
    }

    .navbar__section__name {
        margin: auto 0px;
        font-size: 0.7rem;
    }

    .buttonSecondary {
        width: 100%;
        height: 100%;
        background-color: transparent;
        border: 2px solid #DEA026;
        cursor: pointer;
        font-size: 100%;
        font-weight: 600;
        color: white;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .buttonSecondary:hover {
        background-color: #DEA026;
    }

    .button {
        width: 100%;
        height: 100%;
        background-color: #DEA026;
        border: 0;
        cursor: pointer;
        font-size: 100%;
        font-weight: 600;
        color: white;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .button:hover {
        opacity: 0.7;
    }

    .footer {
        background-color: #293133;
        z-index: 2;
        padding: 5vh 2vw;
    }

    .footer p {
        font-size: 12px;
    }

    .footer__logo__img {
        width: 8rem;
        margin-bottom: 1rem;
    }

    .footer__logo__img2 {
        width: 40vw;
        margin-bottom: 1rem;
    }

    .footer__logo {
        width: 10%;
    }

    .footer__text {
        font-size: 12px;
        color: white;
        text-decoration: none;
        margin-bottom: 1rem;
    }

    .footer__logo {
        margin-top: 2vh;
        margin-bottom: 3vh;
    }

    .footer__h3 {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 3vh;
        color: white;
    }

    .footer__h1 {
        font-size: 24px;
        color: white;
    }

    .footer__end {
        padding-right: 0vw;
        color: white;
        margin-bottom: 10vh;
        display: flex;
        justify-content: space-around;
    }

    .footer__icons {
        width: 100%;
        display: flex;
        color: white;
        justify-content: left;
    }

    .footer__icons__icon {
        width: 1.8rem;
        margin-right: 1rem;
    }

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

    .footer-column {
        max-width: inherit;
    }

    .scrollHeader {
        color: white;
        background-color: #293133;
        padding: 0.5rem;
        border-bottom: 2px solid silver;
        display: none;
    }

    .scrollHeader__list {
        text-decoration: none;
        list-style: none;
        font-size: 16px;
        font-weight: 700;
        margin-top: 2vh;
    }

    .scrollHeader__list__li {
        margin: 0px 2vw;
    }

    .scrollHeader__text {
        font-weight: 700;
        font-size: 1.1rem;
    }

    .scrollHeader__button {
        height: 6vh;
        width: 12vw;
    }

    .scrollHeader__logo {
        max-height: 8vh;
        display: flex;
        align-items: center;
    }

    .scrollHeader__logo__img {
        max-height: 8vh;
        margin: 0px 1vh;
    }

    .scrollHeader__logo__school {
        max-height: 8vh;
        margin-right: 1vw;
    }

    .header {
        color: white;
        min-height: 14vh;
        background-color: #293133;
        padding: 2vh;
        padding-right: 2vw;
        border-bottom: 2px solid silver;
    }

    .header__text {
        font-weight: 700;
        font-size: 1.1rem;
        margin: auto 0px;
    }

    .header__button {
        width: 12vw;
    }

    .header__logo {
        max-height: 14vh;
        display: flex;
        align-items: center;
    }

    .header__logo__img {
        max-height: 14vh;
        margin: 0px 1vh;
    }

    .header__logo__school {
        max-height: 12vh;
    }

    .header__bars {
        width: 100%;
        display: block;
    }

    .header__bars__topBar {
        margin-bottom: 2vh;
    }

    .header__bars__topBar__icons {
        font-size: 1.2rem;
        margin: 0px 2rem;
    }

    .header__bars__bottomBar {
        margin-top: 2vh;
    }

    .header__bars__bottomBar__list {
        text-decoration: none;
        list-style: none;
        font-size: 20px;
        font-weight: 700;
    }

    .header__bars__bottomBar__list__li {
        margin: 0px 2vw;
    }

    .header__bars__separation {
        height: 1px;
        width: 100%;
        color: white;
        background-color: white;
    }
}

@media screen and (max-width: 300px) {
    #deskHeader {
        display: none;
    }

    #mobileHeader {
        display: flex;
    }

    #ciclo {
        display: none;
    }

    .ok h5 {
        font-size: 1rem;
    }

    .formaciones-link {
        color: #808080;
        font-weight: 200;
        font-size: 12px;
    }
    
    .formaciones-link:hover {
        color: #DEA026;
    }
    
    .familias-link {
        color: #D0D0D0;
        font-weight: 200;
        font-size: 12px;
    }
    
    .familias-link:hover {
        color: #DEA026;
    }

    /* CAMPUS-ONLINE */
    /*SOLICITUD DATOS*/
    #solicitud-0 {
        display: block;
    }

    #solicitud-1 {
        display: none;
        margin-top: 0vh;
    }

    #solicitud-2 {
        display: none;
        margin-top: 0vh;
    }

    #solicitud-3 {
        display: none;
        margin-top: 0vh;
    }

    #solicitud-4 {
        display: none;
        margin-top: 0vh;
    }

    #solicitud-5 {
        display: none;
    }

    #solicitud-modal__page {
        position: fixed;
        background-color: #293133;
        color: white;
        height: 100vh;
        width: 100vw;
        opacity: 0.5;
        top: 0;
        left: 0;
    }

    .solicitud-input-file {
        border: 1px solid #DEA026;
        width: 100%;
        height: 3rem;
        cursor: pointer;
        position: relative;
    }

    .solicitud-modal__modal {
        height: 70%;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding: 1.5rem 1rem;
        opacity: 1;
        background-color: #293133;
        color: white;
    }

    .solicitud-modal__modal p {
        font-size: 1rem;
    }

    .solicitud-modal-btn1 {
        width: 50% !important;
    }

    .solicitud-modal-btn2 {
        width: 75% !important;
    }

    .solicitud__steps {
        display: none;
        position: inherit;
        top: 10vh;
        background-color: #F3F3F3;
        z-index: 4;
        width: 100%;
        left: 0;
        padding: 0.5rem;
    }

    .solicitud p {
        font-size: 1rem;
    }

    .solicitud-form-box {
        width: 100%;
    }

    .solicitud__step p {
        font-size: 0.8rem;
    }

    .solicitud-form-box-dom {
        width: 100%;
    }

    .solicitud-form-box-dom input {
        width: 100%;
    }

    .solicitud-btn-1 {
        font-size: 14px;
        padding: 18px 0px;
        background-color: #DEA026;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
        width: 40%;
    }

    .solicitud-btn-2 {
        font-size: 14px;
        padding: 18px 0px;
        background-color: #989898;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
        width: 40%;
    }

    .finalizar-btn {
        margin: 10px 0;
        font-size: 14px;
        padding: 10px 20px;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
        width: 75%;
    }

    /*HOME*/
    #campus-header-home {
        display: none;
    }

    #campus-header-home-res {
        display: flex;
    }

    #campus-perfil {
        display: block;
    }

    #campus-pagos {
        display: block;
    }

    #campus-formaciones {
        display: block;
    }

    .campus-res-closeSesion {
        border-radius: 10px;
        border: 1px solid silver;
        width: 70%;
        margin: 0px auto;
        display: flex;
    }

    .campus-closeSesion-icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .campus-header-accordion {
        display: none;
        position: absolute;
        top: 100px;
        right: -5%;
        width: 110%;
        height: 8vh;
        background-color: #293133;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        transition: ease-in-out 200ms;
    }

    .campus-arrow-back {
        width: 18px;
        cursor: pointer;
    }

    .campus_btn {
        background-color: #DEA026;
        color: white;
        font-weight: 900;
        padding: 0.8rem 1rem;
        border: 0;
        font-size: 12px;
        width: 100%;
    }

    .campus_btn-secondary {
        font-size: 12px;
        padding: 0.8rem 1rem;
        background-color: #989898;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
        width: 100%;
    }

    .campus-card {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        background-color: white;
    }

    .campus-card__img {
        height: 10rem;
        background-size: cover;
    }

    .campus-box {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .campus-page {
        max-height: 90vh;
        overflow-y: scroll;
    }

    #campus-navbar {
        display: none;
    }

    .campus-navbar {
        position: absolute;
        z-index: 6;
        width: 100%;
        top: 10vh;
        height: 90vh;
        bottom: 0;
        padding: 0rem 0px;
        background-color: #293133;
    }

    .campus-navbar-top {
        border-bottom: 2px solid silver;
        height: auto;
    }

    .campus-navbar-bottom {

    }

    .campus-navbar-option {
        cursor: pointer;
        font-size: 1.2rem;
        height: 8vh;
        padding-left: 3rem;
    }

    .campus-navbar-option-selected {
        background-color: #374345;
    }

    .campus-header-home {
        background-color: #293133;
        padding: 0px 10px;
        border-bottom: 2px solid silver;
        height: 10vh;
    }

    .campus-box-profileFoto {
        height: 100px;
        width: 100px;
        border-radius: 50%;

        border: 1px solid #DEA026;
    }

    .campus-header-profileFoto {
        height: 6vh;
        width: 6vh;
        border-radius: 50%;

        border: 1px solid #DEA026;
    }

    /*INICIO SESIÓN*/
    #campus-step1 {
        display: flex;
    }

    #campus-step2 {
        display: none;
    }

    #campus-step3 {
        display: none;
    }

    .campus-online {
        height: 100vh;
        background-color: #F3F3F3;
    }

    .campus_header {
        background-color: #293133;
        padding: 0px 10px;
        border-bottom: 2px solid silver;
        height: 81px;
    }

    .campus-input {
        outline: none;
        border: 1px solid #DEA026;
        height: 8vh;
        padding-left: 1rem;
    }

    .campus-btn-2 {
        background-color: #DEA026;
        color: white;
        border: 0;
        height: 8vh;
        width: inherit;
        padding: 0.8rem 1.8rem;
    }

    .campus-btn {
        border: 1px solid #DEA026;
        color: #DEA026;
        height: 8vh;
        width: inherit;
        padding: 0.8rem 1.8rem;
        background-color: white;
        margin-bottom: 1rem;
    }

    .campus-h2 {
        color: #DEA026;
        font-size: 3rem;
        font-weight: 600;
    }

    .campus-text {
        font-size: 1rem;
    }

    .campus-label {
        font-size: 1rem;
        font-weight: 600;
    }

    .campus-login-img {
        width: 70%;
        display: none;
    }

    /* CAMPUS ONLINE END */
    div[data-habitat] div {
        border: 1px solid #DEA026;
        border-radius: 50%;
        margin-bottom: 10vh;
    }

    .titulaciones-card-btn {
        border-radius: 0;
        padding: 12px 28px;
        font-size: 10px bold;
        box-shadow: 0px 3px 6px;
    }

    .titulaciones-card {
        width: 90vw;
    }

    .scroll-down-div {
        display: none;
    }

    /*BECAS*/
    .becas-text {
        font-size: 1.1rem;
    }

    /*BECA*/
    .beca {
        padding-top: 12vh;
    }

    .beca-li {
        font-size: 1.1rem;
    }

    .beca p {
        font-size: 1.1rem;
    }

    .beca-item {
        max-width: 45%;
        width: 40%;
    }

    .beca-back {
        position: fixed;
        top: 12vh !important;
        left: 0.9rem !important;
        cursor: pointer;
        width: 10% !important;
    }

    .beca-back img {
        width: 100% !important;
    }

    .beca-button {
        font-weight: 800;
        color: white;
        width: 50%;
        background-color: #DEA026;
        padding: 0.8rem 2rem;
        outline: none;
        border: 0;
        transition: 400ms;
    }

    .home-search-p {
        font-size: 1rem;
    }

    .home__searchList-box {
        position: absolute;
        z-index: 5;
        top: 0;
        background-color: #293133;
        width: 100vw;
        padding: 1rem 2rem !important;
        font-size: 1rem;
    }

    .home__searchList {
        padding: 2rem;
        margin: 0rem 0rem !important;
        background-color: #293133;
    }

    .searchPage {
        min-height: 100vh !important;
    }

    .searchPage__ul {
        list-style: none;
        width: 100%;
    }

    .searchPage__element {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1rem;
        margin: 0.6rem 0;
        width: 100%;
        font-size: 0.8rem;
        color: #293133;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .searchPage__icon {
        width: 2rem;
    }

    .searchPage__search {
        width: 100%;
        position: relative;
    }

    .searchPage__iconSearch {
        position: absolute !important;
        right: 0;
        top: 0;
        background-color: #DEA026;
        height: 100%;
        width: 14%;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .searchPage__iconSearch i {
        font-size: 0.9rem;
        color: white;
    }

    .searchPage__input {
        width: 100%;
        height: 6vh;
        font-size: 0.9rem;
        padding-left: 2vw;
        padding-right: 4vw;
        border: 1px solid #DEA026;
        outline: none;
        font-family: "Open Sans";
    }

    .searchPage__nResults {
        font-weight: 600;
        font-size: 1rem;
        color: white;
    }

    .searchPage__li {
        border-radius: 50px;
        background-color: #DEA026;
        color: white;
        font-weight: 600;
        font-size: 0.8rem;
        padding: 0.5rem 1rem;
        cursor: pointer;
    }

    .searchPage__li:hover {
        opacity: 0.6;
    }

    .searchPage_box {
        margin-top: 15vh;
    }

    .headerMobile__buttons__menu {
        width: 1.6rem;
        margin: 14px;
        margin-left: 20px;
    }

    .headerMobile__logo__img {
        max-width: 30vw;
    }

    .custom-button {
        font-size: 0.5rem;
    }

    .payment p {
        font-size: 1rem;
    }

    .payment input {
        font-size: 1rem;
    }

    .payment button {
        font-size: 1rem;
    }

    .payment h2 {
        font-size: 1.2rem;
    }

    .payment span {
        font-size: 1rem;
    }

    .payment-content {
        margin-top: 14vh;
    }

    .payment-header {
        position: absolute;
        top: 0;
        height: 10vh;
        background-color: #293133;
        padding: 2rem 1rem;
    }

    .payment-header__img {
        max-height: 3rem;
        margin-left: 0.5rem;
    }

    /*MATRICULA*/
    .matriculate-siguiente {
        font-size: 12px;
        padding: 12px 38px;
        background-color: #DEA026;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        margin-bottom: 20px;
        box-shadow: 0px 3px 6px;
    }

    .matriculate-download {
        color: #DEA026;
        font-weight: 600;
        font-size: 1rem;
        text-decoration: none;
        transition: 0.5s;
    }

    .matriculate-download img {
        width: 1.5rem;
        margin-left: 1rem;
    }

    .matriculate-download:hover {
        color: white;
    }

    .matriculate-atras {
        font-size: 12px;
        padding: 12px 38px;
        background-color: #989898;
        text-transform: uppercase;
        color: white;
        border: 0;
        outline: none;
        font-weight: 700;
        box-shadow: 0px 3px 6px;
    }

    .matriculate__modal {
        background-color: white;
        padding: 1rem;
    }

    .matriculate__info-icon {
        font-size: 1.2rem;
        margin-top: 0.3rem;
    }

    .matriculate__btn {
        background-color: #DEA026;
        font-size: 1rem;
    }

    .matriculate-ul {
        height: 40vh;
        overflow-y: scroll;
        margin: 0;
        padding: 0;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .matriculate__checkbox {
        font-size: 1.4rem;
        min-width: 1.4rem;
    }

    .matriculate-li {
        width: 100%;
        height: 8vh !important;
        padding: 0 !important;
        margin-bottom: 1.2rem;
    }

    .matriculate__input {
        border: 1px solid #DEA026;
        border-radius: 0px;
        height: 3rem;
        padding-left: 1rem;
    }

    .matriculate {
        position: relative;
        min-height: 100vh;
    }

    .matriculate__navbar {
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid white;
    }

    .active-circle {
        position: absolute;
        background: url('../assets/img/stepSelected.png') no-repeat;
        width: 30px;
        height: 30px;
        left: 0;
        top: 0;
        z-index: 10;
        transition: top .5s ease;
    }

    .matriculate-steps {
        background: url('../assets/icons/stepList-responsive.svg') no-repeat;
        position: relative;
        width: 285px;
        height: 40px !important;
        align-self: center;
        padding-left: 0;
    }

    .matriculate__step {
        font-size: 0.8rem;
        margin-top: 2rem;
        flex: 1;
    }

    .matriculate__container {
        color: black;
    }

    .matriculate-bg h3 {
        font-size: 1rem;
    }

    .matriculate h2 {
        font-size: 1.2rem;
    }

    .matriculate__bg-img {
        position: absolute;
        bottom: 0;
        display: none;
    }

    .matriculate__ul {
        list-style: none;
        font-size: 0.9rem;
        margin: 0;
        padding-left: 0;
    }

    .matriculate p {
        font-size: 0.9rem;
    }

    .matriculate-bg {
        min-height: 35vh;
        height: auto;
    }

    .error {
        min-height: 85vh;
    }

    .error__img {

    }

    .error__btn {
        background-color: #DEA026;
        font-size: 0.6rem !important;
    }

    .error__h1 {
        font-size: 1.1rem;
    }

    .error h3 {
        font-size: 0.9rem;
    }

    .error__number {
        color: #DEA026;
        font-size: 5rem;
        font-weight: 600;
    }

    /* MISION EPSUM */
    .misionEpsum h3 {
        font-size: 1.2rem;
    }

    .mision-block li {
        font-size: 1rem;
    }

    .misionEpsum h5 {
        font-size: 1rem;
    }

    .misionEpsum p {
        font-size: 1rem;
    }

    .misionEpsum__bg {
        height: 20rem;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .misionEpsum-btn {
        color: #DEA026;
    }

    .misionEpsum__percentage {
        font-size: 3rem;
        color: #DEA026;
        margin-top: 2rem;
    }

    /* SOBRE EPSUM */
    .aboutEpsum {
        background-color: #F3F3F3;
    }

    .carousel-item h3 {
        font-size: 1rem;
        font-weight: 400;
    }

    .aboutEpsum-btn {
        background-color: #DEA026;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 0.8rem;
        padding: 12px 38px;
    }

    .aboutEpsum-btn-secondary {
        padding: 12px 38px;
        font-size: 0.8rem;
    }

    .aboutEpsum__img {
        height: 12rem;
    }

    .aboutEpsum-defaultBG {
        background-color: #329a86;
        opacity: 0.8;
    }

    .aboutEpsum-h1 {
        font-size: 20px;
        font-weight: 600;
    }

    .bg-Epsum {
        background-color: #DEA026;
    }

    .home-families {
        background-color: black;
        position: relative;
    }

    .home-families__img {
        height: 15rem;
        width: 100%;
        opacity: 0.8;
    }

    .home-families__box {
        position: absolute;
        left: 3rem;
        top: 40%;
    }

    .home-families__name {
        font-weight: 600;
        font-size: 1.4rem;
        text-transform: uppercase;
    }

    .home-master__box {
        position: absolute;
        left: 2rem;
        top: 2rem;
    }

    .home-master__name {
        font-weight: 600;
        font-size: 1.2rem;
    }

    .home-families__text {
        font-weight: 600;
        font-size: 1rem;
    }


    .mobileMenu__ul {
        list-style: none;
        color: white;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 4vh;
    }

    /* ADMISION */
    .admision-consultProcess p {
        font-size: 1.1rem;
        margin: 1rem 0;
    }

    .admision-consultProcess button {
        font-size: 0.8rem;
    }

    .admision-consultProcess li {
        font-size: 1.1rem;
        margin: 0.6rem 0;
        list-style: none;
    }

    .admisionTabs {
        display: none;
    }

    .admisionAccordion {
        display: inherit;
    }

    .admision {
        background-color: #F3F3F3;
    }

    .admision-h3 {
        font-size: 0.9rem;
        font-weight: 600;
    }

    .admision-h1 {
        font-weight: 600;
        font-size: 1.2rem;
    }

    .admision-consultProcess {

    }

    .modality-desc {
        font-size: 0.8rem;
    }

    .admision-h2 {
        font-size: 1.2rem;
        font-weight: 600;
    }

    .admision-list {
        list-style: square;
        color: #DEA026;
        font-size: 0.9rem;
    }

    .admision-tab-btn {
        font-weight: 800;
        border: 0;
        font-size: 0.7rem;
        opacity: 0.8;
        outline: none;
        background-color: #F3F3F3;
    }

    .admision-btn {
        border: 1px solid #DEA026;
        display: inherit;
        font-size: 10px;
        padding: 12px 38px;
    }

    .accordion-button:not(.collapsed) {
        font-size: 0.9rem;
    }

    .admision-btn:hover {
        background-color: #DEA026 !important;
        color: white;
    }

    .admision-box {
        padding: 4vh 0;
    }

    .admision-options {
        margin: 0;
    }

    .admision-select-box {
        margin: 1rem 0;
        color: black !important;
    }

    .admision-select {
        font-weight: 700;
        border: 0px;
        background-color: white;
        outline: none;
        font-size: 0.7rem;
        max-width: 10rem;
        margin: 0rem 0;
        color: black !important;
        z-index: 5;
    }

    /* NUEVO CICLO */
    .studyPlan-item button {
        height: 2.5rem !important;
        font-size: 0.9rem;
    }

    .ciclo-card-btn {
        font-size: 0.7rem;
        font-weight: 700;
        color: white;
        background-color: #DEA026;
        text-align: center;
        /*box-shadow: 0px 3px 6px;*/
        padding: 12px 20px;
        border: 1px solid white;
    }

    .ciclo-button-res {
        background-color: #DEA026;
        padding: 0.6rem 0;
        margin-bottom: 20px;
        font-size: 0.9rem;
    }

    .ciclo-frase {
        font-size: 1.1rem;
    }

    .ciclo-accordion-item {
        margin: 14px 0;
    }

    .ciclo-accordion-item button {
        height: 60px;
        font-size: 0.9rem;
    }

    .ciclo-card h5 {
        font-size: 1rem;
        font-weight: 700;
        color: #293133;
    }

    .ciclo-container {
        background-color: white;
        margin-top: 50vh;
        z-index: 2;
        padding: 2rem 0;
    }

    .ciclo__contain {
        display: none;
        padding: 0rem 2rem !important;
    }

    .ciclo__sec {
        margin-bottom: 3rem;
    }

    .cicle-color {
        color: #068B82 !important;
    }

    .ciclo-h2 {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Open Sans';
        display: none;
    }

    .ciclo__studyplan__name {
        font-weight: 600;
        color: #068B82;
    }

    .ciclo__studyplan__arrow {
        font-size: 0.8rem;
        color: #068B82;
    }

    .ciclo__studyplan-li {
        border-top: 1px solid silver;
        padding: 0.8rem;
    }

    .ciclo-relatedInfo__li {
        position: relative;
        padding-left: 0.6rem;
    }

    .ciclo-relatedInfo__li:before {
        content: '';
        width: 2px;
        background: #068B82;
        position: absolute;
        left: 0;
        top: 0.6rem !important;
    }

    .ciclo-relatedInfo__text {
        font-size: 0.9rem;
        font-weight: 600;
        margin: 0.4rem 0;
    }

    .ciclo__claustro {
        margin: 2rem 0;
    }

    .ciclo__claustro__text {
        margin: 2rem 0;
    }

    .ciclo__claustro__name {
        font-weight: 600;
        font-size: 1.1rem;
    }

    .ciclo__claustro__img-secondary {
        height: 10rem;
        width: 10rem;
    }

    .ciclo__claustro__small {
        font-size: 0.8rem;
    }

    .ciclo-box {
        margin: 0.5rem 0;
    }

    .ciclo-carousel-item {
        margin: 2rem 0;
        padding: 0 1rem;
    }

    .ciclo-carousel-item__text {
        font-family: 'Open Sans';
        opacity: 0.8;
        font-size: 0.9rem;
    }

    .ciclo-carousel-item__name {
        font-family: 'Open Sans';
        font-weight: 600;
        opacity: 0.8;
        font-size: 0.9rem;
    }

    .ciclo-carousel-item__img {
        width: 60%;
        margin-bottom: 1rem;
    }

    .ciclo-subtitle {
        font-size: 1rem;
        font-weight: 600;
        font-family: 'Open Sans';
        opacity: 0.8;
    }

    .ciclo__menu-secondary {
        list-style: none;
        padding-left: 0 !important;
    }

    .ciclo__menu-secondary__li {
        width: 100%;
        margin: 0.5rem 0;
        font-family: 'Open Sans';
        position: relative;
        padding-left: 0.5rem;
        font-size: 1.1rem;
    }

    .ciclo__menu__link {
        color: #068B82 !important;
    }

    .ciclo-h3 {
        font-family: 'Open Sans';
        font-weight: 600;
        font-size: 1.1rem;
    }

    .ciclo-desc {
        font-size: 0.9rem;
        font-family: 'Open Sans';
    }

    .ciclo-desc p {
        font-size: 0.9rem;
    }

    .ciclo-desc span {
        font-size: 0.9rem !important;
    }

    .ciclo-desc ul {
        list-style: none;
        margin: 0px 0px !important;
        padding: 0px 10px !important;
        font-size: 0.9rem;
    }

    .ciclo__contain {
        padding: 0 1rem;
    }

    .ciclo-slides__arrow {
        font-size: 1.5rem;
        color: #068B82;
    }

    .ciclo__btns {
        margin: 2rem 0;
    }

    .ciclo__btn {
        border: 2px solid #068B82;
        margin: 0.3rem 0;
        padding: 0.2rem 0.6rem;
    }

    .ciclo__btn__arrow {
        position: relative;
    }

    .ciclo__btn__arrow:before {
        content: '';
        position: absolute;
        top: 0.3rem;
        right: 0rem;
        width: 1.5rem;
        height: 13px;
        background-image: url('../assets/icons/flecha_button_blue.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .ciclo-sidebar {
        padding: 0rem 1rem;
    }

    .ciclo__btn__text {
        color: #068B82;
        font-weight: 700;
        font-family: 'Open Sans';
    }

    .ciclo__menu {
        list-style-type: none;
        padding-left: 0rem !important;
    }

    .ciclo__menu__li {
        color: #068B82;
        font-weight: 500;
        border-bottom: 1px solid silver;
        padding: 0.5rem 1rem;
        font-family: 'Open Sans';
    }

    .ciclo-link {
        color: #068B82 !important;
        font-size: 0.8rem;
        font-weight: 600;
        margin: 1rem 0;
    }

    .ciclo-link-icon {
        color: #068B82;
        margin-left: 1rem;
    }

    .ciclo-slider {
        margin: 3rem 0;
    }

    .ciclo-swiper-slide {
        width: 100%;
    }

    /*FIN DE NUEVO CICLO*/
    .family_IN .ciclo-accordion-btn {
        font-size: 14px;
    }

    .ciclo-background {
        height: 50vh;
        background-color: black;
        position: fixed;
    }

    .ciclo-background__img {
        position: absolute;
        width: 100%;
        opacity: 0.6;
        height: 100%;
    }

    .ciclo-background__name {
        text-transform: uppercase;
        position: absolute;
        left: 2%;
        bottom: 4%;
        font-size: 1.2rem;
        color: white;
        font-weight: 600;
        font-family: "Open Sans";
    }

    .ciclo-background__title {
        position: absolute;
        top: 40%;
        font-size: 1.4rem;
        font-weight: 600;
        color: white;
        width: 80%;
        left: 10% !important;
        text-align: center;
        font-family: "Open Sans";
    }

    .ciclo-background__modality {
        position: absolute;
        top: 80%;
        font-size: 1.1rem;
        font-weight: 600;
        color: white;
        width: 100%;
        left: 0%;
        text-align: center;
        font-family: "Open Sans";
    }

    .ciclo-slider {
        margin: 3rem 0;
    }

    .ciclo-section {
        font-family: "Open Sans";
        margin: 5vh 4vw;
    }

    .ciclo-section__title {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
        font-family: 'Open Sans';
    }

    .ciclo__description {
        font-family: "Open Sans";
        font-size: 1.2rem;
        margin: 2rem 0;
    }

    .ciclo__video {
        position: relative;
        background-image: url("../assets/img/nuclearMedicineVideo.jpeg");
        background-position-y: 36%;
        background-size: cover;
        width: 90%;
        height: 30vh;
        margin: 2rem 0;
    }

    .ciclo__video__icon {
        width: 12%;
        position: absolute;
        left: 44%;
        top: 45%;
        cursor: pointer;
    }

    .ciclo__tabs {
        margin: 3rem 0;
    }

    .ciclo__tab {
        border-radius: 6px;
        padding: 2vh;
        background-color: white;
        width: 80%;
        height: 15vh;
        box-shadow: 4px 4px 8px silver;
        margin-bottom: 1rem;
        border: 2px solid #068B82;
    }

    .ciclo__tab__content {
        margin-left: 1vw;
        position: relative;
        width: 100%;
    }

    .ciclo__tab__title {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 20%;
        color: black;
        font-size: 1rem;
        font-weight: 600;
        opacity: 0.8;
        font-family: "Open Sans";
    }

    .ciclo__tab__name {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 50%;
        opacity: 0.8;
        color: black;
        font-size: 1rem;
        font-family: "Open Sans";
    }

    .ciclo__tab__photo {
        width: 20%;
    }

    .ciclo__form {
        padding: 4rem 8rem;
        background-color: white;
    }

    .ocult {
        opacity: 0;
    }

    .ciclo__form {
        padding: 2rem 2rem;
    }

    .unitMenu {
        background-color: #068B82;
        list-style: none;
        padding-right: 2vw;
        height: 8vh;
        width: 100%;
        display: none;
        transition: 0.4s;
    }

    .unitMenu__underline {
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 1vh;
        background-color: white;
    }

    .unitMenu__nameSelect {
        opacity: 1;
    }

    .unitMenu__name {
        opacity: 0.8;
    }

    .unitMenu__li {
        cursor: pointer;
        position: relative;
        padding: 0vw 2vw;
        padding-top: 1.5vh;
        color: white;
        font-weight: 500;
        font-family: "Open Sans";
        font-size: 22px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .openModal {
        position: fixed;
        width: 100vw;
        border-top-right-radius: 40px;
        border-top-left-radius: 40px;
        background-color: #293133;
        bottom: 10vh;
        height: 40vh;
        z-index: 3;
        padding: 6vh 4vw;
    }

    .openModal__container {

    }

    .openModal__buttons {
        margin-top: 4vh;
    }

    .openModal__button {
        border: 2px solid #DEA026;
        background-color: #293133;
        padding: 2vh 2vh;
        color: white;
        font-weight: 800;
        font-size: 0.6rem;
        transition: 0.2s;
        cursor: pointer;
    }

    .openModal__button:hover {
        background-color: #DEA026;
    }

    .openModal__title {
        font-weight: 600;
        color: white;
        font-size: 1rem;
    }

    .openModal__text {
        font-size: 0.8rem;
        color: white;
    }

    .openModal__container__text {
        margin-left: 4vw;
    }

    .openModal__img {
        width: 30%;
    }

    .openModal__close {
        position: absolute;
        top: 4vh;
        right: 3vh;
        cursor: pointer;
        width: 3%;
    }

    .container-fluid {
        padding: 0;
    }

    .search {
        position: relative;
        width: 90vw;
    }

    .search__container {
        width: 100%;
    }

    .search__button {
        background-color: #DEA026;
        margin: 32px 0px;
        border: 0;
        border-radius: 50px;
        color: white;
        font-size: 0.9em;
        font-weight: 800;
        transition: 0.2s;
        cursor: pointer;
        min-width: 8em;
        text-align: center;
    }

    .search__button:hover {
        background-color: #c7aa5c;
    }

    .search__box {
        min-height: 6vh;
        margin-top: 2vh;
        width: 100%;
        border-top: 0px;
    }

    .search__input {
        width: 100%;
        height: 7vh;
        font-size: 1rem;
        padding-left: 10vw;
        border: 1px solid #DEA026;
        outline: none;
    }

    .search__icon {
        width: 3vh;
        position: absolute;
        top: 2vh;
        left: 2.5vw;
    }

    body {
        font-family: "Open Sans";
    }

    .slider {
        font-family: "Open Sans";
        padding: 0 !important;
        margin: 0 !important;
    }

    .slider__steps {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 2vh;
    }

    .slider__steps__points {
        margin: 0px 20px;
    }

    .slider__img {
        padding: 0 !important;
        margin: 0 !important;
        height: 35vh;
    }

    .slider__container {
        background-color: white !important;
        padding: 4vh 8vw;
    }

    .slider__text {
        font-family: "Open Sans";
        font-size: 18px;
    }

    #carouselExampleControls {
        overflow-y: hidden;
    }

    .carousel {
        position: relative;
    }

    .carousel__arrowLeft {
        background-color: transparent;
        border: 0px;
        position: absolute;
        top: 40%;
        left: 0vw;
    }

    .carousel__arrowRight {
        border: 0px;
        position: absolute;
        top: 40%;
        right: 2vw;
        background-color: transparent;
    }

    .carousel__col {
        cursor: pointer;
    }

    .carousel__row {
        margin: 0px 2vw;
    }

    .carousel__img {
        cursor: pointer;
    }

    .form {
        font-family: "Open Sans";
    }

    .form__button {
        border: 0;
        background-color: #DEA026;
        color: white;
        height: 6vh;
        font-size: 70%;
        font-weight: 800;
        cursor: pointer;
        margin-top: 4vh;
        padding: 1vh 1vw;
        width: 60%;
    }

    .form__title {
        color: #293133;
        text-align: center;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 600;
    }

    .form__box {
        margin-bottom: 0vh;
        flex-direction: column;
        width: 100% !important;
    }

    .form__inputPrimary {
        padding-left: 2vw;
        font-size: 1rem;
        border: 2px solid #DEA026;
        outline: none;
        width: 100% !important;
        height: 6vh;
        margin-bottom: 2vh;
    }

    .form__inputSecondary {
        padding-left: 2vw;
        font-size: 1rem;
        border: 2px solid #DEA026;
        outline: none;
        width: inherit;
        margin-bottom: 2vh;
        height: 6vh;
    }

    .infoBlock__top {
        border: 2px solid #068B82;
        padding-top: 2vh;
        margin-bottom: 2vh;
    }

    .infoBlock__top__title {
        padding: 0vh 0;
        font-size: 0.8rem;
        font-weight: 600;
        color: #293133;
        cursor: pointer;
    }

    .infoBlock__container {
        border: 2px solid #068B82;
        padding: 4vh;
    }

    .infoBlock__button {
        padding: 2vh 2vh;
        background-color: #068B82;
        color: white;
        font-weight: 700;
        border: 0;
        font-size: 0.8rem;
    }

    .infoBlock__text {
        font-size: 1rem;
        color: #293133;
    }


    .e-swiper__container {
        overflow-x: scroll !important;
        width: 100vw !important;
    }

    .e-swiper__element {
        border-radius: 6px;
        padding: 1vh;
        background-color: #068B82;
        min-width: 90vw !important;
        height: 20vh;
        margin-right: 2vw;
    }

    .e-swiper__element__a {
        margin: auto 0px;
    }

    .e-swiper__element__arrow {
        width: 4%;
        margin-left: 3vw;
    }

    .e-swiper__element__text {
        font-size: 1rem;
        font-weight: 600;
        color: white;
        align-items: center;
    }

    .e-swiper__element__content {
        margin-left: 2vw;
    }

    .e-swiper__element__title {
        color: white;
        font-size: 1rem;
        font-weight: 600;
    }

    .e-swiper__element__photo {
        width: 35%;
    }

    .e-swiper__controls {
        margin-top: 2vh;
    }

    .e-swiper__controls__arrow {
        width: 8%;
    }

    .e-swiper__controls__points {
        width: 40%;
        margin: 0px 2vw;
    }

    .e-swiper__controls__point {
        width: 6%;
    }

    .swiper-second__item {
        border-radius: 6px;
        padding: 1vh;
        background-color: white;
        height: 15vh;
        box-shadow: 4px 4px 8px silver;
        width: 100%;
    }

    .swiper-second__item__a {
        margin: auto 0px;
    }

    .swiper-second__item__arrow {
        width: 3%;
        margin-left: 1vw;
    }

    .swiper-second__item__text {
        font-size: 1rem;
        font-weight: 600;
        color: white;
        align-items: center;
    }

    .swiper-second__item__content {
        margin-left: 1vw;
        position: relative;
        width: 100%;
    }

    .swiper-second__item__title {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 20%;
        color: black;
        font-size: 0.8rem;
        font-weight: 700;
        opacity: 0.8;
        font-family: "Open Sans";
    }

    .swiper-second__item__name {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 50%;
        opacity: 0.8;
        color: black;
        font-size: 0.8rem;
        font-family: "Open Sans";
    }

    .swiper-second__item__photo {
        width: 25%;
    }

    .infoPiece {
        margin: 1vh 0;
    }

    .infoPiece__top {
        padding: 1vh 2vw;
        background-color: white;
        box-shadow: 2px 1px 2px 1px silver;
    }

    .infoPiece__icon {
        cursor: pointer;
        width: 8vw;
    }

    .infoPiece__arrow {
        cursor: pointer;
        width: 5vw;
    }

    .infoPiece__text {
        color: #293133;
        padding: 3vw;
        border: 2px solid cadetblue;
        font-size: 0.9rem;
        font-family: "Open Sans";
        background-color: white;
    }

    .infoPiece__title {
        margin-top: 2vh;
        margin-left: 2vw;
        color: #293133;
        font-weight: 800;
        font-size: 1rem;
    }

    .courses {
        overflow-x: hidden;
        font-family: "Open Sans";
        background-color: #F3F3F3;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .courses__video {
        position: relative;
    }

    .courses__video__img {
        width: 100%;
        height: 35vh;
    }

    .courses__video__icon {
        width: 12%;
        position: absolute;
        left: 44%;
        top: 45%;
    }

    .courses__video-ciclo {
        position: relative;
        background-image: url("../assets/img/nuclearMedicineVideo.jpeg");
        background-position-y: 36%;
        background-size: cover;
        width: 100%;
        height: 35vh;
    }

    .courses__video-ciclo__img {
        width: 100%;
        height: 35vh;
    }

    .courses__video-ciclo__icon {
        width: 10%;
        position: absolute;
        left: 45%;
        top: 45%;
    }

    .courses__form {
        margin: 4vh 2vw;
        background-color: white;
        padding: 5vh;
    }

    .courses__sections {
        font-family: "Open Sans";
        margin: 4vh 2vw;
        flex-direction: column;
    }

    .courses__sections__number {
        font-size: 70px;
        color: #293133;
        font-weight: 800;
        text-align: center;
    }

    .courses__sections__text {
        font-size: 1.2rem;
        color: #293133;
        text-align: left;
        font-weight: 600;
        padding: 0vh 1vh;
    }

    .courses__sections__softText {
        font-size: 1.1rem;
        color: #293133;
        padding: 0vh 1vh;
    }

    .courses__sections__box__section {
        width: 80%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        margin-top: 20px;
    }

    .courses-sections-block {
        height: 200px !important;
    }

    .courses__sections__title {
        font-size: 1.4rem;
        font-weight: 600;
        color: #293133;
    }

    .courses__header {
        width: 100%;
        position: fixed;
        z-index: 3;
    }

    .courses__content {
        background-color: #F3F3F3;
        margin-top: 0vh !important;
        width: 100vw !important;
        z-index: 2;
    }

    .courses__content-family {
        background-color: #F3F3F3;
        margin-top: 58vh;
        z-index: 2;
    }

    .courses__search {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 4vh 0px;
    }

    .courses__wall-second {
        width: 100%;
        height: 58vh;
        background-position: top;
        background-size: cover;
        position: fixed;
    }

    .courses__wall-second::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);
    }

    .courses__wall-second__text {
        position: absolute;
        font-size: 1.4rem;
        font-weight: 600;
        width: 80%;
        text-align: center;
        color: white;
        top: 30%;
        left: 10%;
    }

    .courses__wall-second__textSmall {
        position: absolute;
        font-size: 0.8rem;
        font-weight: 600;
        width: 70%;
        text-align: center;
        color: white;
        top: 50%;
        left: 15%;
    }

    .courses__wall-second__navbar {
        position: fixed;
        z-index: 3;
        bottom: 0vh !important;
        top: inherit;
        width: 100vw !important;
    }

    .courses__wall-second__logo {
        width: 40%;
        top: 88%;
        left: 2%;
        position: absolute;
    }

    .wall {
        background-color: #F3F3F3 !important;
        padding: 10px 20px !important;
        padding-top: 100px;
        height: inherit;
        position: inherit;
    }

    .courses__wall {
        margin-top: 10vh;
        padding: 0px 0px;
        width: 100%;
        height: inherit;
        background-image: none !important;
        background-color: #F3F3F3;
        background-image: none;
        position: relative;
    }

    .courses__wall__img {
        width: 80%;
        position: inherit;
        top: 0;
        right: 0;
        margin: 20px 0;
    }

    .courses__wall__buttons {
        flex-direction: column;
        margin-bottom: 1.5rem;
    }

    .courses__wall__button {
        height: 6vh;
        background-color: #DEA026;
        border: 1px solid #DEA026 !important;
        cursor: pointer;
        font-size: 0.8rem;
        font-weight: 500;
        color: white;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 1.5vw;
        width: max-content;
        margin-bottom: 1vh;
    }

    .courses__wall__button-second {
        width: max-content;
        height: 6vh;
        background-color: #6C6C6C;
        border: 2px solid #6C6C6C !important;
        cursor: pointer;
        font-size: 0.8rem;
        font-weight: 500;
        color: white !important;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 1.5vw;
        margin-left: 0vw;
    }

    .courses__wall__title {
        font-size: 1.2rem;
        font-weight: 600;
        color: #DEA026;
        margin-bottom: 1.2rem;
    }

    .courses__wall__content {
        padding: 0px 20px !important;
        position: inherit;
        background-color: transparent;
        left: 0vw;
        top: 2vh;
        width: 100vw;
        padding: 1vh 4vw;
        z-index: 1;
    }

    .courses__wall__text {
        color: rgb(44, 39, 39);
        font-weight: 400;
        font-size: 1rem;
        margin: 1vh 0;
        margin-bottom: 3vh;
    }

    .courses__wall__navbar {
        position: fixed;
        z-index: 3;
        bottom: 0vh !important;
        top: inherit;
        width: 100vw !important;
    }

    .courses__wall__logo {
        max-width: 50vw;
        bottom: 0;
        left: 0;
        position: inherit;
        margin: 1.2rem 1rem;
    }

    .courses__wall__logo2 {
        max-width: 70vw;
        bottom: 0;
        left: 0;
        position: inherit;
        margin: 1.2rem 1rem;
    }

    .navbar {
        padding: 1px 2px;
        background-color: #293133;
        color: white;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row !important;
        justify-content: space-between;
        z-index: 4;
    }

    .navbar__section {
        cursor: pointer;
        align-items: center;
        padding: 0px;
        margin: 2px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .navbar__section__img {
        padding-top: 4px;
        height: 3vh;
    }

    .navbar__section:hover {
        opacity: 0.7;
    }

    .navbar__section__name {
        margin: auto 0px;
        font-size: 0.5rem;
        height: 1.5rem;
    }

    .buttonSecondary {
        width: 100%;
        height: 100%;
        background-color: transparent;
        border: 2px solid #DEA026;
        cursor: pointer;
        font-size: 100%;
        font-weight: 600;
        color: white;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .buttonSecondary:hover {
        background-color: #DEA026;
    }

    .button {
        width: 100%;
        height: 100%;
        background-color: #DEA026;
        border: 0;
        cursor: pointer;
        font-size: 100%;
        font-weight: 600;
        color: white;
        transition: 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .button:hover {
        opacity: 0.7;
    }

    .footer {
        background-color: #293133;
        z-index: 2;
        padding: 5vh 2vw;
    }

    .footer__logo__img {
        width: 8rem;
        margin-bottom: 1rem;
    }

    .footer__logo__img2 {
        width: 40vw;
        margin-bottom: 1rem;
    }

    .footer__logo {
        width: 10%;
    }

    .footer__text {
        font-size: 12px;
        color: white;
        text-decoration: none;
        margin-bottom: 1rem;
    }

    .footer__logo {
        margin-top: 2vh;
        margin-bottom: 3vh;
    }

    .footer__h3 {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 3vh;
        color: white;
    }

    .footer__h1 {
        font-size: 24px;
        color: white;
    }

    .footer__end {
        padding-right: 0vw;
        color: white;
        margin-bottom: 10vh;
        display: flex;
        justify-content: space-around;
    }

    .footer__icons {
        width: 100%;
        display: flex;
        color: white;
        justify-content: left;
    }

    .footer__icons__icon {
        width: 1.8rem;
        margin-right: 1rem;
    }

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

    .footer-column {
        max-width: inherit;
    }

}