/* - - - - - - - - - - - - - - - 
CSS principal
Desarrollado por: Upgrade Diseño Interactivo
Para: 
Fecha: 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

/* ====== F O N T S ====== */
@font-face {
    font-family: 'MaisonNeue-Demi';
    src:url('../../_fonts/MaisonNeue-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MaisonNeue-Light';
    src:url('../../_fonts/MaisonNeue-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MaisonNeue-Medium';
    src:url('../../_fonts/MaisonNeue-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MaisonNeue-Mono';
    src:url('../../_fonts/MaisonNeue-Mono.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MaisonNeueBold';
    src:url('../../_fonts/MaisonNeueBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MaisonNeueBook';
    src:url('../../_fonts/MaisonNeueBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* ====== F O N T S (end) ====== */

/*Eliminamos márgenes del "body" */
html, body{ margin:0px; padding:0px; height:100%; }

#big-container /* Div que va a manterner el "footer" siempre al fondo */
{
	min-height: 100% !important;
	/*background-color: rgb(242, 248, 251);*/
}

/* GENERAL */

a { 
    text-decoration: none; 
    cursor: pointer;
    color: initial;
}
p {
    font-size: 1em;
    /*text-align: justify;*/
}

/* HEADER */

header{
	width: 100%;
	position: absolute;
	display: block;
	padding-top: 70px;
    z-index: 5;
}
#mySidepanel{
   display: none; 
}

#mySidepanel1{
    display: none;
}
.align-menu-resp{
    display: none;
}


.hpart1{
	width: 90%;
    display: flex;
    justify-content: space-between;
    margin: auto;
}

#logo {
 		width: 200px;
}

.h1redes {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 180px;
}

.h1redes img{
    width: 30px;
    height: 30px;
}

#menu_header{
	width: 90%;
    display: flex;
    margin: 0 auto;
    margin-top: 25px;
    padding-left: 0;
    justify-content: space-between;
}

.amenu{
    width: 230px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid black;
    padding: 10px 0;
    z-index: 5; 
    cursor: pointer;
}
.linkmenu{
    font-family: 'MaisonNeue-Light';
    color: black;
    font-size: 1em;
    display: flex;
}
.dropbtn {
  border: none;
  cursor: pointer;
}
.dropbtn img{
    display: none;
}
    .dropbtn:hover img{
        display: block;
        transition: 1s;
    }
.dropdown {
  position: relative;
}
.dropdown-content {
    width: 230px;
    display: none;
    position: absolute;
    top: 41px;
    background-color: rgba(0,0,0,.60);
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
  color: white;
  font-family: 'MaisonNeue-Light';
  font-size: 1em;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown:hover .dropdown-content {display: block;}

.menu-act{
    border-bottom: 2px solid #B50000 !important;
}

/*.show{
    display: block;
}*/

/*INDEX*/

.section-inicio{
	width: 100%;
	height: 1000px;
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.pleca-dark{
    width: 100%;
    height: 1000px;
    display: flex;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.5) 100%);
    z-index: 2;
}
.section1-img{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: -1;
    background-image: url(../../_images/Fondo.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.section1-txt{
    position: absolute;
    top: 20%;
    bottom: 0;
    left: 5%;
    display: flex;
    height: fit-content;
    margin: auto;
    flex-direction: column;
    color: white;
    z-index: 3;
}
.section1-txt h1{
    width: 53%;
    font-family: 'MaisonNeue-Demi';
    font-size: 5em;
    margin: 0;
    margin-bottom: 35px;
}
.dotred{
    color: #B50000;
}
.section1-txt h5{
    font-family: 'MaisonNeue-Light';
    font-size: 1.5em;
    margin: 0;
}
.section1-sli-txt{
    position: absolute;
    top: 20%;
    bottom: 0;
    left: 5%;
    display: flex;
    height: fit-content;
    margin: auto;
    flex-direction: column;
    color: white;
    z-index: 3;
}
.section1-sli-txt h1{
    width: auto;
    font-family: 'MaisonNeue-Demi';
    font-size: 5em;
    margin: 0;
    margin-bottom: 35px;
}
.section1-sli-txt h5{
    font-family: 'MaisonNeue-Light';
    font-size: 1.5em;
    margin: 0;
}

/* popup */

.overlay-v{
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100%;
    display: flex;
    background: linear-gradient(to bottom, rgba(0,0,0,.72) 100%,rgba(0,0,0,0.5) 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.show-overlay-v {
    opacity: 1;
    visibility: visible;
    backdrop-filter: blur(15px);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.popup-video {
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: center;
}

.fillWidth{
    width: 70%;
}
.body-menu{overflow: hidden;}

.close-popup{
    color: white;
    position: absolute;
    font-size: 2em;
    right: 5%;
    top: 5%;
    cursor: pointer;
    font-family: 'MaisonNeue-Demi';
}
/*...................................................................*/

/* Slider Inicio */

#inicio {
    width: 100%;
    height: 100%;
    position: relative;
}

#inicio > .imagenInicio {
    width: 100%;
    height: 100%;
}

#inicio .imagenInicio .sli-img {
    width: 100%;
    height: 1000px;
    display: flex;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


#inicio > .owl-nav{
    position: absolute;
    width: 12%;
    height: 50px;
    display: flex;
    bottom: 15%;
    left: 5%;
}

#inicio > .owl-nav button.owl-prev{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 50px;
    height: 50px;
    display: flex;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    outline: none;
    z-index: 4 !important;
}
#inicio > .owl-nav button.owl-prev span{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    background-image: url(../../_images/row-prev-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 4 !important;
}


#inicio > .owl-nav button.owl-next{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 50px;
    height: 50px;
    display: flex;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    outline: none;
    z-index: 4 !important;
}
#inicio > .owl-nav button.owl-next span{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    background-image: url(../../_images/row-next-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 4 !important;
    
}


/*..........................................................*/
.section-serIsad{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 75px 0;
    padding-bottom: 0;
}

#serIsad h2{ width: 100%; }
#serIsad .line{ width: 90%; }
.ct-serIsad{
    width: 90%;
    margin: auto;
    display: flex;
}
.txt-serIsad{
    width: 55%;
}
.btns-serIsad{
    width: 50%;
}
.txt-serIsad p{
    font-family: 'MaisonNeue-Light';
    font-size: 1em;
    line-height: 1.5;
    padding: 50px 0;
    padding-bottom: 0;
    margin: 0;
}
.txt-serIsad .section2-part2{ margin: 0 }

.btns-serIsad{
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    box-sizing: border-box;
    margin: auto;
    padding-top: 50px;
}

.btn_estudia{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    font-family: 'MaisonNeue-Light';
    font-size: 1em;
    color: white;
    border: none;
    background-color: #B50000;
    justify-content: center;
    transition: all 0.3s ease-out;
}

.btn_estudia:hover{
    background-color: rgba(0, 0, 0, 0.8);
    transform: scale(1.03);
    transition: all 0.3s ease-out;
}

.section-conoce{
    justify-content: end;
    margin: 0;
    width: 100%;
    padding-top: 30px;
    display: flex;
}

.section-mapa{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 75px 0;
    padding-bottom: 0;
}
.section2-part1{
    width: 90%;
    height: fit-content;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
.section2-part1 h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 3.5em;
    margin: 0;
    width: 30%;
}
.line{
    width: 75%;
    height: 3px;
    margin: 0;
    border: none;
    background-color: black;
}
.section2-part2{
    width: 90%;
    height: auto;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    padding: 50px 0;
    padding-bottom: 0;
}
.section2-part2 p{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    margin: 0;
    line-height: 1.3;
    width: 595px;
}
.link-calendar{
    font-family: 'MaisonNeue-Medium';
    color: #C3C3C3;
    font-size: 1.6em;
    letter-spacing: 2px;
    display: flex;
}
.flecha{
    width: 30px;
    height: 30px;
    display: flex;
    margin-left: 10px;
    background-image: url(../../_images/row-next.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.section2-part3{
    width: 90%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.part-inf-calendar p{
    margin: 0;
    font-size: inherit;
}

.mini-event{
    width: 33%;
    height: auto;
    display: flex;
    color: black;
    flex-direction: column;
    border: 1px solid #F3F3F3;
    box-shadow: 0px 0px 5px #F3F3F3;
    border-radius: 3px;
    margin-bottom: 75px;
}
.mini-event img{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.place-date{
    width: 90%;
    display: flex;
    margin: 0px auto;
    border-bottom: 1px solid #979797;
    justify-content: space-between;
    align-items: center;
}

.date{
    font-family: 'MaisonNeue-Medium';
    font-size: .9em !important;
    color: #C3C3C3;
    margin: 5px 0;
}
.place{
    font-family: 'MaisonNeue-Demi';
    font-size: .9em !important;
    margin: 5px 0;
    width: calc(100% - 70px);
    text-align: right;
}
.teacher{
    width: 90%;
    margin: 30px auto !important;
    font-size: 1em !important;
    font-family: 'MaisonNeue-Medium';
    margin-top: 15px !important;
}

.section-vida{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.section3-part1{
    width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: row-reverse;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center; 
}
.line-v{
    width: 65%;
    height: 3px;
    margin: 0;
    border: none;
    background-color: black;
}
.section3-part1 h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 3.5em;
    margin: 0;
    width: 30%;
}
.section3-part2{
    width: 100%;
    height: auto;
    display: flex;
    margin: 100px 0;
    align-items: flex-end;
    position: relative;
    margin-bottom: 0;
}

.align-dots{
    width: 80px;
    height: 15px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;
    margin: auto;
    top: -50px;

}
#vida .owl-theme .owl-dots{
    display: none;
}
#vida >.owl-nav {
    margin-top: 10px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

#vida > .owl-nav button.owl-prev{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: auto;
    height: auto;
    display: flex;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    outline: none;
}
#vida > .owl-nav button.owl-prev span{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 50px;
    height: 50px;
    display: flex;
    background-image: url(../../_images/row-prev-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    margin-left: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}


#vida > .owl-nav button.owl-next{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: auto;
    height: auto;
    display: flex;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    outline: none;
}
#vida > .owl-nav button.owl-next span{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 50px;
    height: 50px;
    display: flex;
    background-image: url(../../_images/row-next-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    
}

#vida > .owl-nav {
    margin: 0 !important;
}
#vida .owl-dots{
    display: none;
}

/*#vida .owl-stage-outer{
    height: 850px;
}*/

.sli-item{
    width: 100%;
    height: 800px;
    display: flex;
    position: relative;
}
.sli-item:hover{
    transform: scale(1.1);
    z-index: 2;
    transition: 1s;
} 

.pleca-dark-sli{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.5) 100%);
}

.sli-item img{
    width: 100%;
    height: 100%;
    display: flex;
}
.secv-next{
    width: 55px;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 20px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.secv-prev{
    width: 55px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 20px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.sli-item h5{
    position: absolute;
    font-family: 'MaisonNeue-Demi';
    font-size: 2em;
    color: white;
    margin: 40px 30px;
    margin-top: 60px;
}
.sli-item p {
    position: absolute;
    font-family: 'MaisonNeue-Demi';
    font-size: 1em;
    color: white;
    left: 5%;
    bottom: 25px;
}
.secv-linksli {
    position: absolute;
    font-family: 'MaisonNeue-Demi';
    font-size: 1.5em;
    color: white;
    bottom: 30px;
    right: 30px;
    display: flex;
    align-items: center;
    z-index: 1;
}
.flecha2{
    width: 30px;
    height: 30px;
    display: flex;
    margin-left: 10px;
    background-image: url(../../_images/row-next-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.section-talento{
    width: 100%;
    height: auto;
    display: flex;
}
.cont-black{
    width: 50%;
    display: flex;
    flex-direction: column;
    background-color: black;
    align-items: flex-start;
    justify-content: space-evenly;
}
.cont-black h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 3.5em;
    margin: 0 0 0 5%;
    color: white;
}
.cont-black p{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    line-height: 1.3;
    margin: 0 0 0 5%;
    width: 80%;
    color: white;
}
.cont-black hr{
    width: 25%;
    height: 1px;
    margin: 0 0 0 5%;
    border: none;
    background-color: white;
}
.talents{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 0 0 0 5%;
}
.talent-div{
    width: 90%;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    color: #AFAFAF;
    padding: 35px 0;
    border-bottom: 1px solid rgba(103,105,105,0.25); 
}
.hover-line{
    width: 100%;
    color: white;
    border-bottom: 2px solid rgba(103,105,105,0.70); 
}
.talent-slide p{
    color: white;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.3em;
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    z-index: 5;
    width: 65%;
    height: fit-content;
    margin: auto;
    line-height: 1.3;
    justify-content: center;
    align-items: center;
}

/*---------------slider talent---------------------*/

#talento {
    width: 50% !important;
    height: 800px !important;
    display: flex;
    position: relative;
}

#talento .mySlidesTal{
    height: 800px !important;
    visibility: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#talento .actual {
    width: 100% !important;
    visibility: visible;
    opacity: 1;
    transition: visibility 1s, opacity 1s;
    position: absolute;
}
#talento .puntos {
    position: absolute;
    top: 50px;
    right: 50px;
}

#talento .punto {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: rgb(0 0 0 / 20%);
    border-radius: 50%;
    border: 1px solid white;
    margin-right: 5px;
}

#talento .punto:hover {
    cursor: pointer;
    background-color: white;
}

#talento .activo {
    background-color: white;
}

/*---------------slider talent---------------------*/
.Tal-desc{
    margin: 0;
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0px;
    color: white;
    background-color: rgba(0,0,0,0.7);
}
.Tal-desc h3{
    padding: 20px 0;
    width: 90%;
    margin: auto;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.3em;
}
.Tal-desc p{
    width: 90%;
    margin: auto;
    font-family: 'MaisonNeue-Light';
    font-size: 1em;
}
.section-oferta{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.section5-part2{
    display: flex;
    width: 90%;
    justify-content: space-between;
    margin: 50px auto;
}
.section5-part2 h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 3.5em;
    margin: 0;
}
.section5-part2 hr{
    width: 57%;
    height: 3px;
    background-color: black;
    margin: 0;
    margin-top: 50px;
    border: none;
}
.cont-academics{
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.aca-part1{
    width: 49.8%;
    height: 100%;
    display: flex;
    position: relative;
    /*border: 1px solid black;*/
}
.redline{
    width: 100%;
    height: 5px;
    background-color: transparent;
    margin: 0;
    border: none;
    display: flex;
    position: absolute;
    top: 0;
    z-index: 5;
}
.pleca-aca{
    width: 100%;
    height: 100%;
    z-index: 3;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 100%,rgba(0,0,0,0.6) 100%);
}
.img-aca{
    display: flex;
    width: 100%;
    height: 100%;
}

.aca-part2{
    width: 49.8%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.aca-part2-min{
    width: 100%;
    height: 49.2%;
    display: flex;
    position: relative;
    /*border: 1px solid black;*/
}
.aca-txt{
    font-family: 'MaisonNeue-Medium';
    font-size: 2em;
    color: white;
    position: absolute;
    top: 35px;
    left: 5%;
    z-index: 5;
    margin: 0;
}
.align-acalin{
    width: 90%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 35px;
    left: 5%;
    z-index: 5;
}
.align-acalin p{
    font-family: 'MaisonNeue-Light';
    font-size: 1.2em;
    color: white;
    margin: 0;

}
.align-acalin hr{
    width: 60%;
    height: 3px;
    background-color: white;
    margin: 0;
    border: none;
    display: flex;
}
.link-calendar-res{
    display: none;
}
.section-inicio-res{
    display: none;
}
.lics-dots{
    width: 100px;
    display: flex;
    justify-content: space-between;
}
/*-----------------------------------Posgrados-----------------------------------------*/
.section-postgrades{
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    padding-top: 200px;
    padding-bottom: 75px;
}
.section-licenciaturas{
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    padding-top: 200px;
    margin-bottom: 75px;
}
.post-banner{
    width: 90%;
    height: auto;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    padding: 75px 0 0 0;
}
.post-part1{
    width: 100%;
    height: auto;
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
}
.post-part1 h5{
    font-family: 'MaisonNeue-Medium';
    font-size: 2em;
    margin: 0;
}
.circle{
    width: 15px;
     height: 15px;
     -moz-border-radius: 50%;
     border-radius: 50%;
     border: .5px solid black;
}
.act{
    background-color: black;
}
.post-part2{
    width: 100%;
    height: 700px;
    display: flex;
    background-color: #D8D8D8;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../_images/campus_isad_2.png);
}
.post-redline{
    width: 100%;
    height: 5px;
    border: none;
    position: absolute;
    top: 0;
    margin: 0;
    background-color: #B50000;
}
.ch-color{
    background-color: #C3C3C3;
    transition: 1s;
}

.sec-licenciaturas {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0px;
}

.sec-licenciaturas h2{
    width: 90%;
    font-family: 'MaisonNeue-Demi';
    font-size: 5em;
    margin: 0 auto;
}
.align-licen{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 75px 0;
}

.licen{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid black;
    cursor: pointer;
    color: black;
}
.licen h5{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    width: 35%;
}
.licen p{
    margin: 0;
}
.licen-p{
    font-family: 'MaisonNeue-Light';
    font-size: 1em;
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.licen img{
    width: 50px;
    height: 50px;
}
.lins-dots{
    width: 100px;
    display: flex;
    justify-content: space-between;
}
.lics-dots-res{
    display: none;
}

/*----------------LICENCIATURA EN DISEÑO-------------------------------------*/

.section-design{
    width: 100%;
    height: auto;
    display: flex;
    padding-top: 200px;
}
.align-design{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 50px 0;
}
.design-part1{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;

}
.img-des {
    width: 100%;
    height: 750px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 75px;
    position: relative;
    overflow: hidden;
}
.video-lipocurs{
    position: absolute;
    bottom: 0;
    z-index: -2;
    display: flex;
    min-width: 100%;
    min-height: auto
}
.des-pleca{
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 100%,rgba(0,0,0,0.4) 100%);
    z-index: 2;
}
.align-designtxt{
    width: 97%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
    height: fit-content;
    position: absolute;
    bottom: 50px;
    left: 50px;
}
.align-designtxt h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 5em;
    margin: 0;
    color: white;
    height: fit-content;
}
.align-designtxt hr{
    width: 55%;
    height: 3px;
    background-color: white;
    margin: 0;
    border: none;
    display: flex;
}
.design-part1 p{
    width: 100%;
    margin: 0;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.3em;
    line-height: 1.3;
}

.design-part2{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 75px;
    margin-top: 75px;
}
.design-part2 img{
    width: 70%;
    height: auto;
    display: flex;
}
.part2-txt{
    width: 25%;
    height: 600px;
    display: flex;
    flex-direction: column;
}
.part2-txt h5{
    font-family: 'MaisonNeue-Medium';
    font-size: 2em;
    margin: 0;
    margin-bottom: 20px;
}
.part2-txt{
    font-family: 'MaisonNeue-Medium';
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 0;
    height: auto;
}

.part2-txt p{
    margin: 0;
}
.part2-txt strong {
    margin: 0;
    font-family: 'MaisonNeueBold';
}

.section-plan{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: black;
}
.plan-title{
    width: 90%;
    height: auto;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    padding: 75px 75px 0 75px;
    position: relative;
}
.plan-title h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 3.5em;
    margin: 0;
    color: white;
    height: fit-content;
}
.plan-title hr{
    width: 75%;
    height: 3px;
    background-color: white;
    margin: 0;
    border: none;
    display: flex;
}

.no-show {
    display: block !important;
    width: 40px;
    height: fit-content;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0px;
}

.no-show img {
    width: 40px;
}


.no-show.right{
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-animation: handAnim 3s infinite;
    -webkit-animation-timing-function: linear;
    animation: handAnim 3s infinite;
    animation-timing-function: linear;
}


.no-show .circle {
    background-color: #B50000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    left: 0px;
    opacity: .7;
    -webkit-animation: circleAnim 3s infinite 3.1s;
    animation: circleAnim 3s infinite 3.1s;
}

@-webkit-keyframes handAnim {
      0% {
        left: 200px;
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        left: -20px;
        opacity: 0;
      }
    }

    @keyframes handAnim {
      0% {
        left: 200px;
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        left: -20px;
        opacity: 0;
      }
    }

@-webkit-keyframes circleAnim {
      from {
        -webkit-transform: scale(0);
                transform: scale(0);
      }
      to {
        -webkit-transform: scale(2);
                transform: scale(2);
        opacity: 0;
      }
    }
    @keyframes circleAnim {
      from {
        -webkit-transform: scale(0);
                transform: scale(0);
      }
      to {
        -webkit-transform: scale(2);
                transform: scale(2);
        opacity: 0;
      }
    }


.align-semesters {
    display: flex;
    width: 95%;
    overflow-x: scroll;
    padding: 0 0 50px 0;
    padding-right: 0;
    margin-left: auto;
}
.semester {
    display: flex;
    flex-direction: column;
    border: 2px solid rgba(216, 216, 216, .4);
    box-sizing: border-box;
    margin-right: 40px;
    padding: 0;
    flex: 1 0 27%;
}
.no-semes{
    width: 90%;
    margin: 25px auto;
    height: fit-content;
    font-family: 'MaisonNeue-Demi';
    font-size: 1.5em;
    color: white;
}
.subject{
    border-radius: 5px;
    width: 90%;
    margin: 15px auto;
    display: flex;
    flex-direction: column;
}
.reddactive{
    color: #B50000 !important;
}
.open{
    display: block !important;
    transition: visibility 0s, linear;
}
.closed{
    display: none !important;
}
.sign{
    width: 20px;
    height: 20px;
    display: flex;
    background-image: url(../../_images/plus-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.plus{
    background-image: url(../../_images/plus-white.svg)!important;
    color: white !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
}
.min{
    background-image: url(../../_images/min-red.svg)!important;
    color: red !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
}

.subject p{
    margin-left: 43px;
    color: white;
    font-family: 'MaisonNeue-Light';
    line-height: 1.3;
    font-size: 1em;
}
.align-subject{
    width: 90%;
    height: fit-content;
    display: flex;
    align-items: center;
    margin:  0;
    cursor: pointer;
}
.align-subject h4{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.3em;
    margin: 0;
    color: white;
    margin-left: 15px;
}
 
.sec-white{
    width: 100%;
    height: auto;
    display: flex;
    margin: auto;
    padding: 75px 0;
}

.align-contenido{
    width: 90%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: space-between;
}

.cont-info {
    min-width: 30%;
    width: 31%;
    height: auto;
    display: flex;
    margin-bottom: 50px;
    flex-direction: column;
    border: 1px solid #D8D8D8;
}

.cont-img{
    width: 100%;
    height: 400px;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.align-cont{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 25px 5%;
}
.align-cont h3{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    margin: 0;
}
.align-cont li{
    font-family: 'MaisonNeue-Medium';
    font-size: 1em;
    margin: 0;
    line-height: 1.3;
    margin-top: initial; 
}
.align-cont ol{
    margin: 0;
}
.align-cont ul{
    margin: 0;
}
.desc-teacher{
    font-family: 'MaisonNeueBook';
    font-size: 1em;
    margin: 0;
    line-height: 1.3;
    margin-top: 50px;
}
.align-cont p{
    margin: 0;
    font-family: 'MaisonNeueBook';
    line-height: 1.3;
}

.section-docentes{
    width: 100%;
    height: 800px;
    display: flex;
    background-color: black;
}

.section-docentes-res{
    display: none;
}

.align-doce{
    width: 90%;
    height: 800px;
    display: flex;
    margin: 0 auto;
}
.doce-sect1{
    width: 45%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sect1-part1{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 82px;
}
.sect1-part1 hr{
    width: 90%;
    height: 3px;
    background-color: white;
    margin: 0;
    border: flex;
    display: flex;
}
.sect1-part1 p{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    color: white;
    line-height: 1.3;
    width: 85%;
    margin-top: 40px;
}
.sect1-part2{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 75px;
}

.align-info-doce{
    width: 100%;
    color: white;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    margin-bottom: 10px;
}
.align-info-doce h4{
    font-family: 'MaisonNeue-Medium';
    font-size: 2em;
    color: white;
    margin: 0;
}
.align-info-doce h5{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.6em;
    color: white;
    margin: 0;
}
.align-info-doce p{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.2em;
    color: white;
    margin: 0;
    width: 60%;
    text-align: end;
    line-height: 1.3;
}
.doce-sect2{
    width: 55%;
    height: auto;
    display: flex; 
    position: relative;
}
.doce-sect2 h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 3.5em;
    color: white;
    height: fit-content;
    display: flex;
    z-index: 1;
    align-items: flex-end;
    text-align: end;
    margin: 50px 0;
}
.sect2-imag{
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}

/*-----------slider docentes----------*/
#docentes .owl-stage-outer{
    height: 800px !important;
}
#docentes .owl-stage-outer .owl-stage{
    height: 800px !important;
}
#docentes .owl-item .active{
    background-color: transparent !important;
    height: 100%;
}
#docentes > .owl-nav{
    position: absolute;
    width: 12%;
    height: 50px;
    display: flex;
    bottom: 10%;
    left: 5%;
}

#docentes > .owl-nav button.owl-prev{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 50px;
    height: 50px;
    display: flex;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    outline: none;
    z-index: 4 !important;
}
#docentes > .owl-nav button.owl-prev span{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    background-image: url(../../_images/row-prev-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 4 !important;
}


#docentes > .owl-nav button.owl-next{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 50px;
    height: 50px;
    display: flex;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    outline: none;
    z-index: 4 !important;
}
#docentes > .owl-nav button.owl-next span{
    background: none;
    color: transparent !important;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    background-image: url(../../_images/row-next-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 4 !important;
    
}

/*-----------slider docentes----------*/

.section-proyectos{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 100px 0;
}
.align-proyectos{
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: auto;
    position: relative;
}

.pro-titulo{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto 100px auto;
}
.align-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.align-title h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 3.5em;
    height: fit-content;
    display: flex;
    margin: 0;
}
.align-title hr{
    width: 75%;
    height: 3px;
    background-color: black;
    margin: 0;
    border: none;
    display: flex;
}
.pro-titulo h4{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.7em;
    color: black;
    margin: 40px 0;
}

.sect-proyectos{
    width: 100%;
    height: 70%;
    display: flex;
    align-items: flex-end;
}
.list-proyectos{
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.sel-proyect {
    width: 100%;
    padding: 20px 0;
    display: flex;
    border-bottom: 1px solid #D8D8D8;
    cursor: pointer;
}
.sel-proyect h4{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.4em;
    color: black;
    margin: auto 0;
    margin-left: 35px;
}

/*----------------estilo de slider con barra-------------------*/

#proyectos{
  position: relative;
  display: flex;
  width: 60%;
  height: auto;
}

#proyectos .mySlidesPro{
    height: 500px;
    visibility: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

#proyectos .actualpro {
        width: 100% !important;
        height: 500px;
        visibility: visible !important;
        opacity: 1;
        transition: visibility 1s, opacity 1s;
}

#proyectos .puntospro {
    position: absolute;
    top: -50px;
    right: 0;
}

#proyectos .puntopro {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid rgb(0 0 0 / 20%);
    margin-right: 5px;
}

#proyectos .puntopro:hover {
    cursor: pointer;
    background-color: black;
}

#proyectos .activopro {
    background-color: black;
}

/* progress bar */

.battery {
    position: absolute;
    background: #ffffff;
    width: auto;
    height: 10px;
    left: 0;
}

@-webkit-keyframes cargando {
     from { width: 0%; background: #f00; }
    to { width: 100%; background: #f00; }
}

@-webkit-keyframes descargando {
     from { width: 100%; background: transparent; }
    to { width: 0%; background: transparent; }
}

.cargando{
    -webkit-animation: cargando 10s ease-in-out;
}
.descargando{
    -webkit-animation: descargando 0s ease-in-out;
}

.pro-dots{
    width: 80px;
    height: 10%;
    display: flex;
    justify-content: space-between;
}
.img-proyect{
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.img-proyect hr{
    width: 70%;
    height: 5px;
    background-color: #B50000;
    margin: 0;
    border: none;
    display: flex;
    position: absolute;
    top: 0;
    z-index: 5;
}

.section-ser{
    width: 90%;
    height: auto;
    display: flex;
    padding: 75px 0;
    margin: auto;
    justify-content: space-between;
}
.align-ser{
    width: 90%;
    height: 100%;
    display: flex:;
}

.section-form{
    width: 45%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.section-form input{
    width: 90%;
    height: 75px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    color: black;
    border: none;
    border-bottom: 1px solid #C3C3C3;
    outline: none;
}
.section-form select{
   width: 90%;
    height: 75px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    color: black;
    border: none;
    border-bottom: 1px solid #C3C3C3;
    resize: none;
    outline: none;
    background-color: transparent;
    border-radius: 0;
}
.section-form textarea{
    width: 90%;
    height: 150px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.4em;
    color: black;
    border: none;
    border-bottom: 1px solid #C3C3C3;
    resize: none;
    outline: none;
    margin-top: 30px;
}
input:-internal-autofill-selected, select:-internal-autofill-selected, textarea:-internal-autofill-selected {
    background-color:transparent !important;
}
.section-form button{
    width: 90%;
    height: 80px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    color: black;
    border: none;
    border: 1px solid #C3C3C3;
    justify-content: center;
    outline: none;
    align-items: center;
    margin-top: 40px;
    cursor: pointer;
    background-color: white;
}

.section-form  select:placeholder{
    color: black !important;;
}
.section-form  select{
    color: #808080;
}
.section-form  select:selected{
    color: black;
}


.section-form input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.ser-dise{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.ser-dise h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 3.5em;
    height: fit-content;
    margin: 0;
    margin-bottom: 30px;
}
.ser-dise p{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    margin: 0;
    line-height: 1.3;
}
.no-semester{
    display: flex;
}
.ne-semester-res{
    display:none;
}
#docentes-res{
    display: none;
}
/*.proyecto-titulo hr {
    display: none;
}*/
/*----------------------------ACERCA DE NOSOTROS------------------------*/

.section-acerca{
    width: 100%;
    height: auto;
    display: flex;
    padding-top: 200px;
}
.section-nosotros{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 75px auto;
}
.noso-title{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.noso-title h2{
    font-family: 'MaisonNeue-Demi';
    height: fit-content;
    font-size: 5em;
    margin: 0;
}
.noso-title hr{
    width: 40%;
    height: 3px;
    background-color: black;
    margin: 0;
    border: none;
    display: flex;
}
.noso-body{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.body-part1{
    width: 73%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.body-part1 img {
    width: 100%;
    display: flex;
    margin-bottom: 50px;
}
.body-part1 p {
    font-family: 'MaisonNeue-Medium';
    font-size: 1.2em;
    margin: 0;
    margin-top: 0px;
    line-height: 1.3;
}
.body-part1 strong{
    font-family: 'MaisonNeueBold';
    font-size: 1.5em;
}
.body-part2{
    width: 23%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.body-part2 h4{
    font-family: 'MaisonNeue-Medium';
    height: fit-content;
    font-size: 2.5em;
    margin-top: 0;
}
.body-part2 p{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.2em;
    margin: 0;
    line-height: 1.3;
}
.section-campus{
    width: 100%;
    height: auto;
    display: flex;
}
.campus-align{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: auto;
}
.campus-title{
    width: 90%;
    height: auto;
    display: flex;
    margin: auto;
    align-items: center;
    margin-bottom: 75px;
}
.campus-title h2{
    font-family: 'MaisonNeue-Demi';
    height: fit-content;
    font-size: 3.5em;
    margin: 0;
}
.campus-title hr{
    width: 85%;
    height: 3px;
    background-color: black;
    margin: 0;
    border: none;
    display: flex;
    margin-right: 75px;
}
.campus-slider {
    width: 90%;
    height: auto;
    display: flex;
    align-items: flex-start;
    margin: 50px auto;
}

.redh4{
    color: #B50000 !important;
}
.noredh4{
    color: black !important;
}

/*---------------slider about us---------------------*/

/* Slideshow container */
.slideshow-us {
    width: 50%;
    height: 600px;
    position: relative;
    margin: auto;
    display: flex;
    flex-direction: column;
}

/* Hide the images by default */
.mySlidesUs {
  display: none;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.slidesshow-us .sli-us{
  width: 100%;
  height: 100%;
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
}

/* Next & previous buttons */
.slideshow-us .prevus img, .slideshow-us .nextus img{
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: 0.6s ease;
  user-select: none;
}

.container-rows{
    display: flex;
    justify-content: space-between;
    width: 150px;
    height: 50px;
    position: absolute;
    top: -75px;
    left: 0;
    margin: auto;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}


/*---------------slider about us---------------------*/

.align-sec-rows{
    display: flex;
    width: 150px;
    justify-content: space-between;
    margin-top: 75px;
}
.align-sec-rows img{
    width: 45px;
    height: 45px;
    display: flex;

}
.slider-part2 {
    width: 45%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: space-between;
}
.slider-part2 p{
    width: 100%;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.2em;
    margin: 0;
    line-height: 1.3;
}
.section-ideario{
    width: 100%;
    height: auto;
    display: flex;
    margin: 75px 0;
}
.align-ideario{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: auto;
}
.ideario-title{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.ideario-title h2{
    font-family: 'MaisonNeue-Demi';
    height: fit-content;
    font-size: 3.5em;
    margin: 0;
}
.ideario-title h4{
    font-family: 'MaisonNeue-Medium';
    height: fit-content;
    font-size: 1.8em;
    margin: 0;
    margin-top: 50px;
}
.align-numb{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px;
}
.numbers{
    width: 33%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-color: #F3F3F3;
    margin: 5px 0;
}
.numbers h5{
    font-family: 'MaisonNeue-Medium';
    width: 85%;
    height: fit-content;
    font-size: 1.4em;
    margin: 0 auto;
    margin-top: 40px;
    line-height: 1.3;
}
.numbers p{
    font-family: 'MaisonNeue-Light';
    width: 85%;
    height: fit-content;
    font-size: 1.1em;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 1.3;
}
.numbers h2{
    font-family: 'MaisonNeue-Demi';
    height: auto;
    font-size: 4em;
    margin: 0;
    margin-top: auto;
    text-align: end;
    display: flex;
    justify-content: flex-end;
}

.section-arqui{
    width: 90%;
    height: 800px;
    display: flex;
    margin: auto;
    padding: 50px 0;
    position: relative;
}
.arqui-part1{
    width: 50%;
    height: auto;
    display: flex;
}
.arqui-part1 img{
    width: 100%;
    height: 100%;
    display: flex;
}
.arqui-part2{
    width: 60%;
    height: 80%;
    display: flex;
    flex-direction: column;
    left: 40%;
    top: 0;
    color: white;
    margin: auto;
    bottom: 0;
    position: absolute;
    background-color: black;
}
.arqui-part2 h4{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'MaisonNeue-Demi';
    font-size: 3.5em;
    margin: 30px auto;
    margin-top: 50px;
}
.arqui-part2 h5{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'MaisonNeue-Light';
    font-size: 2em;
    margin: 0;
}
.align-dpart2{
    color: white;
    display: flex;
    width: 85%;
    margin: 40px auto;
}
.align-dpart2 p{
    width: 45%;
    margin: 0 auto;
    font-family: 'MaisonNeue-Light';
    font-size: 1em;
    line-height: 1.3;
}

/*---------------SECCION DE CONTACTO------------------*/

.section-contacto{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-top: 200px;
}
.contacto-part1{
    width: 90%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding: 75px 0;
}
.form-contact{
    width: 45%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.form-contact input, .form-contact select, .form-contact textarea{
    width: 100%;
    height: 50px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.3em;
    color: black;
    border: none;
    border-bottom: 1px solid #C3C3C3;
    resize: none;
    outline: none;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 10px;
}
.form-contact select:placeholder{
    color: black !important;;
}
.form-contact select{
    color: #808080;
}
.form-contact select:selected{
    color: black;
}
.form-contact textarea{
    height: 150px;
}

.form-contact input[type="number"]
{
    -webkit-appearance: textfield !important;
    -moz-appearance:textfield !important;
}

input:-internal-autofill-selected, textarea:-internal-autofill-selected, select:-internal-autofill-selected{
 background-color: transparent;
}

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

:focus::-webkit-input-placeholder{
    background-color:transparent;
    color: black;
}
input:focus, textarea:focus, select:focus{
    border-bottom: 2px solid #B50000 !important;
    color: black !important;
}
input::placeholder, textarea::placeholder, select::placeholder {
 color: #808080;
}


input::-webkit-input-placeholder {
  color: #808080;
}
input::-moz-placeholder {
  color: #808080;
}
input:-ms-input-placeholder {
  color: #808080;
}
input:-moz-placeholder {
  color: #808080;
}
.form-contact button {
    width: 100%;
    height: 80px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.3em;
    color: black;
    border: none;
    border: 1px solid #C3C3C3;
    justify-content: center;
    outline: none;
    align-items: center;
    background-color: white;
    cursor: pointer;
    margin-top: 25px;
}
.info-contacto{
    width: 45%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.info-contacto h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 5em;
    margin: 0;
    display: flex;
    margin-bottom: 25px;
}
.info-contacto p{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.3em;
    line-height: 1.3;
    letter-spacing: 1px;
    margin: 0;
}
.info-contacto a{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.3em;
    line-height: 1.3;
    letter-spacing: 1px;
    margin: 0;
    cursor: pointer;
    color: black;
}
.contacto-part2{
    width: 90%;
    height: 800px;
    display: flex;
    flex-direction: column;
    margin: auto;

}
.contacto-part2 h4{
    width: 100%;
    font-family: 'MaisonNeue-Demi';
    font-size: 1.9em;
    margin: 0;
    margin-bottom: 30px;
    display: flex;
}

#map{
    width: 100%;
    height: 700px;
    display: flex;
    border-top: 3px solid #B50000;
}

/*---------------------SECCION WALLET-----------------------*/

.section-wallet{
    width: 100%;
    height: auto;
    display: flex;
    padding-top: 200px;
    margin: auto;
}
.wallet-content{
    width: 90%;
    height: auto;
    display: flex;
    margin: auto;
    padding: 75px 0;
    justify-content: space-between;
}
.wallet-part1{
    width: 55%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.wallet-part1 h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 5em;
    margin: 0;
}
.wallet-part1 p {
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    line-height: 1.3;
    letter-spacing: 1px;
    margin: 0;
    margin-top: 80px;
    width: 90%;
}
.wallet-part2{
    width: 40%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.form-wallet{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.form-wallet input{
    width: 100%;
    height: 50px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.3em;
    color: black;
    border: none;
    border-bottom: 1px solid #C3C3C3;
    resize: none;
    outline: none;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 25px;
} 
.form-wallet button {
    width: 100%;
    height: 60px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.3em;
    color: white;
    border: none;
    background-color: #B50000;
    justify-content: center;
    outline: none;
    align-items: center;
}
.form-wallet input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


/*----------------------SECTION-LIBRERIA-------------------------------*/

.section-library{
    width: 100%;
    height: auto;
    display: flex;
    padding-top: 200px;
}
.lib-section{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 75px 0;
}
.lib-title{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.lib-title hr{
    width: 70%;
    height: 3px;
    display: flex;
    border: none;
    background-color: black;
    align-items: flex-start;
    margin: 0;
}
.lib-title h2{
    width: 26%;
    font-family: 'MaisonNeue-Demi';
    font-size: 5em;
    align-items: flex-start;
    margin: 0;
}
.lib-parts{
    width: 100%;
    height: 700px;
    display: flex;
}
.lib-part1{
    width: 40%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.lib-part1 h5{
    width: 90%;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    margin: 0;
    line-height: 1.3;
}
.lib-part1 h4 {
    width: 90%;
    font-family: 'MaisonNeue-Demi';
    font-size: 1.8em;
    margin: 0;
}
.lib-part1 p{
    width: 90%;
    font-family: 'MaisonNeue-Light';
    font-size: 1.2em;
    margin: 0;
    line-height: 1.5;
}
.form-library input{
    width: 100%;
    height: 75px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    color: black;
    border: none;
    border-bottom: 1px solid #C3C3C3;
    resize: none;
    outline: none;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 25px;
}
.form-library{
    width: 85%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.form-library button{
    width: 100%;
    height: 60px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    color: white;
    border: none;
    background-color: #B50000;
    justify-content: center;
    outline: none;
    align-items: center;
    cursor: pointer;
}
.form-library a{
    width: 100%;
    height: 60px;
    display: flex;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    color: white;
    border: none;
    background-color: #B50000;
    justify-content: center;
    outline: none;
    align-items: center;
    cursor: pointer;
}
.form-library input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.lib-part2{
    width: 60%;
    height: auto;
    display: flex;
    align-items: flex-end;
}

.lib-part2 img{
    width: 100%;
    height: 85%;
    display: flex;
}

.lib-part2 h5{
    width: 90%;
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    margin: 0;
    line-height: 1.3;
}
.lib-part2 h4{
   display: none;
}
.lib-part2 h5{
    display: none;
}
/*--------------------SECCION CALENDARIO---------------------------*/

.section-calendar{
    width: 100%;
    height: auto;
    display: flex;
    padding-top: 200px;
}
.calendar-sec{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 75px 0;
}
.sec-part-sup{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.sec-part-sup p{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.8em;
    margin: 0;
    line-height: 1.3;
}
.part-title{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.part-title h2{
    font-family: 'MaisonNeue-Demi';
    font-size: 5em;
    align-items: flex-start;
    margin: 0;
    margin-right: 100px;
}
.part-title hr{
    width: 75%;
    height: 3px;
    display: flex;
    border: none;
    background-color: black;
    align-items: flex-start;
    margin: 0;
}
.part-inf{
    width: 90%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 80px;
}
.part-inf-calendar{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 80px;
}
/*------------------SECCION BLOG-------------------*/

.section-blog{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding-top: 200px;
}
.section-blog a{
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
.blog-part1{
    width: 90%;
    height: auto;
    display: flex;
    margin: auto;
    padding: 75px 0;
    align-items: flex-end;
}
.blogp1-info{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.blogp1-info h4{
    font-family: 'MaisonNeue-Demi';
    font-size: 3.5em;
    align-items: flex-start;
    margin: 0;
    margin-right: 100px;
    width: 85%;
    margin-bottom: 35px;
}
.blogp1-info p{
    width: 80%;
    height: 300px;
    font-family: 'MaisonNeue-Medium';
    color: #908f8f;
    font-size: 1.2em;
    line-height: 1.5;
    margin: 0;
}
.blogp1-info hr{
    width: 90%;
    height: 3px;
    display: flex;
    border: none;
    background-color: black;
    align-items: flex-start;
    margin: 30px 0;
    margin-top: 50px;

}
.blogp1-info h5{
    width: 85%;
    font-family: 'MaisonNeue-Medium';
    color: #C3C3C3;
    font-size: 1.5em;
    letter-spacing: 2px;
    display: flex;
    margin: 0;
}
.blogp1-img{
    width: 50%;
    height: auto;
    display: flex;
}
.blogp1-img img{
    width: 100%;
    height: auto;
}

.section-caru{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-top: 75px;
    padding-bottom: 75px;
    align-items: center;
}
.blogp2-info{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.blogp2-info h3{
    font-family: 'MaisonNeue-Demi';
    font-size: 2em;
    align-items: flex-start;
    margin: 0;
    margin-bottom: 30px;
}
.blogp2-info p{
    font-family: 'MaisonNeue-Medium';
    color: black;
    font-size: 1em;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 0px;
}
.blogp2-info ul{
    font-family: 'MaisonNeue-Medium';
    color: black;
    font-size: 1.2em;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 20px;
}
.blogp2-imgs{
    width: 95%;
    overflow: auto;
    white-space: nowrap;
    display: flex;
    margin-left: auto;
}
.blogp2-imgs img{
    width: 40%;
    height: 450px;
    display: inline-block;
    text-align: center;
    padding: 14px;
}
.section-bvid{
    width: 70%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 75px 0;
    margin: auto;
}
.blogp3-info{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
.blogp3-info h3{
    font-family: 'MaisonNeue-Demi';
    font-size: 2em;
    align-items: flex-start;
    margin: 0;
    margin-bottom: 30px;
}
#section-video {
    width: 100%;
    padding: 50px 0;
    padding-top: 0;
    display: flex;
}
#play_video{
    width: 800px;
    min-width: 90%;
}
.blogp3-info p{
    font-family: 'MaisonNeue-Medium';
    color: black;
    font-size: 1.2em;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 20px;
}
.blogp3-info ul{
    font-family: 'MaisonNeue-Medium';
    color: black;
    font-size: 1.2em;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 20px;
}

/*-----------------SECTION PUBLICATIONS------------------*/
.section-publications{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-top: 200px;
}
    .pub-title{
        width: 90%;
        height: auto;
        margin: auto;
        display: flex;
        align-items: flex-end;
        margin-bottom: 35px;
    }
        .pub-title h2{
            font-family: 'MaisonNeue-Demi';
            font-size: 5em;
            margin-bottom: 0;
        }
        .pub-title hr{
            width: 40%;
            height: 3px;
            background-color: black;
            border: none;
            margin: 0 auto 25px auto;
        }
    .pub-img{
        width: 100%;
        height: 700px;
        display: flex;
        background-image: url(../../_images/library-img1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        align-items: center;
    }
        .pleca-pub{
            width: 100%;
            height: 100%;
            display: flex;
            background: linear-gradient(to bottom, rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.5) 100%);
            position: absolute;
            z-index: 1;
        }
        .pimg-text{
            width: 50%;
            height: fit-content;
            font-size: 3em;
            color: white;
            font-family: 'MaisonNeue-Medium';
            position: absolute;
            z-index: 2;
            margin-left: 5%;
        }
    .types-publications{
        width: 100%;
        height: auto;
        background-color: #F2F2F2;
        padding: 85px 0 50px 0;
    }
        .align-types-pub{
            width: 90%;
            height: auto;
            margin: auto;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
            .type{
                width: 100%;
                height: auto;
                display: flex;
                flex-direction: column;
                /*border: 1px solid #979797;*/
                padding: 35px 0;
                margin-bottom: 35px;
            }
                .align-typetitle{
                    width: 100%;
                    height: auto;
                    display: flex;
                    margin: auto auto 75px auto;
                    align-items: flex-start;
                }
                    .align-typetitle h3{
                        font-family: 'MaisonNeue-Demi';
                        font-size: 3em;
                        margin: 0 0 0 20px;
                    }
                    .align-publi{
                        width: 100%;
                        height: auto;
                        display: flex;
                        justify-content: space-between;
                    }
                    .publi{
                        width: 30%;
                        height: auto;
                        display: flex;
                        flex-direction: column;
                    }
                        .img-publi{
                            width: 100%;
                            height: 280px;
                            display: flex;
                            background-image: url(../../_images/f1-sec-aboutus.jpg);
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                        }
                        .publi h5{
                            width: 100%;
                            height: auto;
                            display: flex;
                            flex-direction: column;
                            font-family: 'MaisonNeue-Medium';
                            color: black;
                            font-size: 1.3em;
                            line-height: 1.5;
                            margin: 20px auto;
                        }
                        .publi p{
                            width: 100%;
                            height: auto;
                            display: flex;
                            flex-direction: column;
                            font-family: 'MaisonNeue-Light';
                            color: #979797;
                            font-size: 1.1em;
                            line-height: 1.8;
                            margin-bottom: 20px;
                        }
                        .align-downloads{
                            width: 100%;
                            height: auto;
                            display: flex;
                            justify-content: flex-start;
                            margin: 50px 0;
                        }
                        .align-downloads a{
                            width: fit-content;
                            height: fit-content;
                            margin-right: 35px;
                        }
                        .pdf{
                            width: 100%;
                            height: 100%;
                        }
                            .pdf img{
                                width: 50px;
                                margin-right: 20px;
                                transition: 1s;
                            }
                        .issuu{
                            width: 100%;
                            height: 100%;
                        }
                            .issuu img{
                                width: 25px;
                                margin-right: 20px;
                                transition: 1s;
                            }  
                        .youtube{
                            width: 100%;
                            height: 100%;
                        }    
                            .youtube img{
                                width: 30px;
                                margin-right: 20px;
                                transition: 1s;
                            }
                        .down{
                            width: 100%;
                            height: 100%;
                        }  
                            .down img{
                                width: 25px;
                            }      

                            .pdf img:hover, .youtube img:hover, .issuu img:hover{
                                transform: scale(1.20)
                            }             


                .go-publi{
                    width: fit-content;
                    height: auto;
                    font-family: 'MaisonNeue-Light';
                    color: #979797;
                    font-size: 1.1em;
                    margin: 0 5% 0 auto;
                    cursor: pointer;
                }
                .go-publi a{
                    margin-left: 10px;
                }

/*------------SECTION PUBLICATION (DINAMIC)--------------*/
.section-publication{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-top: 200px;
}
    .section-content-pub{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        background-color: #F2F2F2;
        padding: 50px 0;
    }
        .align-pub-titles{
            width: 90%;
            height: auto;
            display: flex;
            margin: 0 auto 35px auto;
            justify-content: space-between;
        }
            .title1{
                display: flex;
            }
                .title1 h2{
                    font-family: 'MaisonNeue-Demi';
                    font-size: 3.5em;
                    margin: 0 0 0 20px;
                }
            .title2{
                width: 200px;
                display: flex;
                justify-content: space-between;
            }
                .title2 img{
                    height: 23px;
                }
    .align-pub-info{
        width: 90%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: auto;
    }
        .publication{
            width: 90%;
            height: fit-content;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: auto;
        }
            .pub-p1{
                width: auto;
                height: 100%;
                display: flex;
                flex-direction: column;
            }
                .pub-p1 h5{
                    font-family: 'MaisonNeue-Medium';
                    color: black;
                    font-size: 1.3em;
                    line-height: 2;
                    margin: auto 0;
                }
                .pub-p1 p{
                    font-family: 'MaisonNeue-Light';
                    color: #979797;
                    font-size: 1.3em;
                    line-height: 2;
                    margin: 0px 0 0 25px;
                }
            .pub-p2{
                width: 200px;
                height: 100%;
                display: flex;
                justify-content: space-around;
            }
                .pub-p2 hr{
                    width: 2px;
                    height: 116px;
                    border: none;
                    background-color: black;
                    display: flex;
                    margin: 0 auto;
                }
                .pub-p2 a{
                    width: 25px;
                    margin: auto;
                }
                    .resp-pub-img{
                        display: none;
                    }
                    .downl{
                        width: 100%;
                    }
        .bakmen{
            width: 250px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: white;
            box-shadow: 0px 7px 15px #565656;
            color: black;
            margin: 50px auto;
            font-family: 'MaisonNeue-Light';
        }

/* FOOTER */

#footer_cut { padding-top:50px; clear:both; }

.btn-contactanos-res {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    font-family: 'MaisonNeue-Light';
    font-size: 1em;
    color: white;
    border: none;
    background-color: #B50000;
    justify-content: center;
    outline: none;
    position: fixed;
    bottom: 5%;
    right: 0;
    z-index: 5;
}

.btn-contactanos-res img{
    margin-left: 20px;
}

footer { 
		margin-top: -50px;
        width: 100%;  
		height: auto;
        display: flex;
        justify-content: space-between;
        background-color: #82795f;
        padding: 50px 0; 
	}
.part1{
    width: 45%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    align-items: flex-start;
}
.part2{
    width: 45%;
    height: auto;
    display: flex;
    flex-direction: column;    
    margin-right: 5%;
    align-items: flex-end;
}
footer a {
    font-family: 'MaisonNeue-Light';
    font-size: 1em;
    color: white;
    cursor: pointer;
    height: 35px;
}
/*section modelo lynk----------*/
.cont-align-in{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.cont-align-in span{
    background-image: url(../_sudi/_files/_img/_licenciaturas/_especialidades/110420-131140_confirmas.png);
    width: 35px;
    height: 35px;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
}

.sect-car{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 50px 0;
}
.color-gray{
    background-color: #F2F2F2;
}
    .car-info{
        width: 40%;
        font-family: 'MaisonNeue-Demi';
        font-size: 3em;
        align-items: flex-start;
        display:flex;
    }
    .car-img{
        width: 30%;
    }
        .car-img img{
            width: 100%;
            margin: auto;
        }

    .cont-icon{
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
        .cont-icon span{
            width: 30px;
            height: 31px;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            margin-right: 15px;
        }


.info-career{
    width: 45%;
    height: auto;
    display: flex;
    flex-direction: column;
    order: 2;
}
.info-career p{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    margin: 0;
    line-height: 1.3;
}
.info-career a{
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    font-family: 'MaisonNeue-Light';
    font-size: 1em;
    color: white;
    border: none;
    background-color: #B50000;
    justify-content: center;
    outline: none;
    margin-top: 15px;
}
/*correos enviados*/
.section-ok{
    width:100%;
    height: 700px;
    display: flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
}
.section-ok img{
    width: 250px;
}
.section-ok h1{
    font-family: 'MaisonNeue-Medium';
    font-size: 3em;
    margin: 20px 0;
    line-height: 1.3;
}
.section-ok a{
    font-family: 'MaisonNeue-Medium';
    font-size: 1.5em;
    margin: 0;
    color: #B50000;
    line-height: 1.3;
}