* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

/*** Firefox specific rule */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html, body {
    overflow-x: hidden;
  }
  .lds-css {
    display: none;
  }
}
@font-face {
  font-family: "Charter";
  src: url("https://www.ub.edu/mipe/fonts/charterblackbt-webfont.woff2") format("woff2"), url("https://www.ub.edu/mipe/fonts/charterblackbt-webfont.woff") format("woff"), url("https://www.ub.edu/mipe/fonts/charterblackbt-webfont.ttf") format("truetype"), url("https://www.ub.edu/mipe/fonts/charterblackbt-webfont.svg#charter_btblack") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Charter";
  src: url("https://www.ub.edu/mipe/fonts/charterbt-webfont.woff2") format("woff2"), url("https://www.ub.edu/mipe/fonts/charterbt-webfont.woff") format("woff"), url("https://www.ub.edu/mipe/fonts/charterbt-webfont.ttf") format("truetype"), url("https://www.ub.edu/mipe/fonts/charterbt-webfont.svg#charter_btroman") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
html, body {
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased !important;
  font-family: "IBM Plex Sans", sans-serif;
  font-display: swap;
  font-style: normal;
  color: #000408;
  line-height: 1.3;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 110%;
  -ms-text-size-adjust: 110%;
}

.cont {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 15px;
}

.contpd {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0;
}

.contpdmax {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 60px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 840px) {
  .contpdmax {
    padding: 0 15px;
  }
}

.cont2 {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 15px;
}

.paddingcontent {
  padding-top: 75px;
  padding-bottom: 120px;
  min-height: 100vh;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 840px) {
  .paddingcontent {
    padding-top: 45px;
  }
}

*:focus, *:active {
  outline: none !important;
}

.pd0 {
  padding: 0;
}

a {
  display: block;
  text-decoration: none;
  cursor: pointer !important;
}

p {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 1rem;
  line-height: 1.75;
}
p:last-child {
  margin-bottom: 0;
}
p a {
  display: inline;
  text-decoration: underline;
  color: #0073CF;
}
p a::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}
p a::selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}
p a::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

p::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

p::selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

p::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

span::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

span::selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

span::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

a::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

a::selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

a::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

h2::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

h2::selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

h2::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

h3::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

h3::selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

h3::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

.button-m {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}

a:active {
  -webkit-tap-highlight-color: transparent;
}
a:active .button-m {
  transition: 0s !important;
  background-color: #0073CF !important;
  color: white;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.3s !important;
  transform: scale(0.98);
}

button {
  border: none;
  cursor: pointer;
  font-family: "Avenir Next LT Pro", sans-serif;
}

.nowrap {
  white-space: nowrap;
}

::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e5f1fa;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b2d5f1;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #7fb9e7;
}

@media screen and (max-width: 1600px) {
  .cont {
    max-width: 1300px;
  }
  .contpd {
    max-width: 1300px;
  }
}
@keyframes lds-rolling {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.lds-css {
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  position: fixed;
  z-index: 98;
}
.lds-css .lds-rolling {
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px !important;
  height: 100px !important;
}
.lds-css .lds-rolling .preloader {
  position: absolute;
  width: 50px;
  height: 50px;
  border: 1px solid #0073CF;
  border-top-color: transparent;
  border-radius: 50%;
  left: 0;
  margin-top: -50px;
  transform: translate(-50%, -50%);
  animation: lds-rolling 1.5s linear infinite;
}
.lds-css .lds-rolling .preloader .gradient {
  position: absolute;
  width: 50px;
  top: -18px;
  left: 13px;
  transform: rotate(35deg);
}
.lds-css .lds-rolling .preloader:after {
  position: absolute;
  width: 50px;
  height: 50px;
  border: 2px solid #B3D9FF;
  border-top-color: transparent;
  border-radius: 50%;
  left: 0;
  transform: rotate(90deg);
}

.button-m, .button-s, .button-xs, button {
  font-family: "Ibm Plex Sans", serif;
  cursor: pointer !important;
  width: -moz-fit-content;
  width: fit-content;
}

.button-m {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  padding: 9px 15px 11px 15px;
  background-color: white !important;
  color: #0073CF;
  margin: 0 auto;
  cursor: pointer !important;
}
@media screen and (min-width: 841px) {
  .button-m:hover {
    background-color: #0073CF !important;
    color: white;
  }
}
.button-m:active {
  transition: 0s !important;
  background-color: #0073CF !important;
  color: white;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.3s !important;
  transform: scale(0.98);
}

.button-sm {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  padding: 4px 30px 6px 25px;
  float: left;
  cursor: pointer !important;
  background-color: #4c9ddd !important;
  color: white;
  position: relative;
}
@media screen and (min-width: 841px) {
  .button-sm:hover {
    background-color: #0073CF !important;
    color: white;
  }
}
.button-sm:active {
  transition: 0s !important;
  -webkit-appearance: none;
  background-color: #0073CF !important;
  color: white;
  box-shadow: none !important;
  transition: transform 0.3s !important;
  transform: scale(0.98);
}

.button-s {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  background-color: transparent !important;
}

.button-xs {
  font-weight: 400;
  font-size: 10px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  background-color: transparent !important;
}

.button-app {
  display: none;
  white-space: nowrap;
}

table {
  border-collapse: collapse;
}
table caption {
  display: none;
}
table th, table td {
  border-collapse: collapse;
}

header {
  transition: all 0.3s ease-in-out;
  width: 100%;
  position: fixed;
  height: 75px;
  overflow: auto;
  z-index: 101;
  top: 0;
  border-bottom: 1px solid rgba(132, 189, 0, 0);
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
header #logo2, header #logoaytonav2, header hr {
  display: none;
}
header .btn {
  display: none;
  width: 0;
}

.headersm, .headersm2 {
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

nav {
  transition: all 0.3s ease-in-out;
  position: fixed;
  width: 100%;
  z-index: 102;
  top: 0;
}
nav .contnav {
  max-width: 1500px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
nav .contnav #logo {
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 22px;
  padding: 1px 0 0 0;
  top: 8px;
  width: 170px;
}
nav .contnav #logo:before {
  content: "";
  position: absolute;
  height: 56px;
  left: -7px;
  top: 1px;
  border-left: 1px solid #0073CF;
}
nav .contnav #logo:active {
  transition: 0.1s;
  transform: scale(0.99);
}
nav .contnav ul {
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 15px;
  top: 35px;
}
nav .contnav ul li {
  transition: all 0.3s ease-in-out;
  float: left;
  list-style-type: none;
  position: relative;
}
nav .contnav ul li .submenua {
  cursor: default !important;
  padding-right: 30px;
}
nav .contnav ul li .submenua .arrow {
  transition: all 0.3s ease-in-out;
  width: 15px;
  position: absolute;
  right: 10px;
  top: 13px;
}
@media screen and (min-width: 841px) {
  nav .contnav ul li .submenua .arrow {
    transform: scale(1, 1);
  }
}
@media screen and (min-width: 841px) {
  nav .contnav ul li .submenua:hover, nav .contnav ul li .submenua:active {
    background-color: white;
    color: #000408;
    transition: none !important;
  }
}
nav .contnav ul li a {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  color: #000408;
  padding: 9px 15px 11px 15px;
  line-height: 20px;
  white-space: nowrap;
}
@media screen and (min-width: 841px) {
  nav .contnav ul li a:hover {
    background-color: #000408;
    color: white;
    transition: none !important;
  }
}
nav .contnav ul li .navselected {
  background-color: #0073CF;
  color: white;
  cursor: default !important;
}
nav .contnav ul li ul {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  background-color: white;
  position: absolute;
  top: 36px;
  padding: 0;
  right: unset;
  left: 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 0px;
  pointer-events: none;
  z-index: 102;
}
@media screen and (min-width: 841px) {
  nav .contnav ul li ul {
    display: block !important;
  }
}
nav .contnav ul li ul li {
  float: none;
}
nav .contnav ul li ul li a {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  color: #000408;
  padding: 9px 15px 11px 15px;
  line-height: 20px;
  white-space: nowrap;
}
nav .contnav ul li ul li .navselected {
  background-color: #0073CF;
  color: white;
  cursor: default !important;
}
nav .contnav ul li .op1 {
  opacity: 1 !important;
  pointer-events: all;
}

@media screen and (min-width: 841px) {
  nav .contnav ul li .navselected {
    background-color: #0073CF;
    color: white;
    transition: none !important;
  }
  nav .contnav ul li .navselected:hover {
    background-color: #0073CF;
    color: white;
    transition: none !important;
  }
}
#top {
  position: absolute;
  top: 0;
}

#fondonegro {
  z-index: 99;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  bottom: 0;
  position: fixed;
  cursor: pointer;
}

@media screen and (max-width: 1600px) {
  nav .contnav {
    max-width: 1300px;
  }
}
@media screen and (max-width: 840px) {
  header {
    height: auto;
    overflow: visible;
    border-bottom: 0;
    z-index: 103;
  }
  header .head {
    transition: all 0.3s ease-in-out;
    height: 45px;
  }
  header .head .btn {
    transition: all 0.3s ease-in-out;
    display: block;
    position: absolute;
    right: 21px;
    top: 2.5px;
    width: 40px;
    cursor: pointer;
    animation-name: appear;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  @keyframes appear {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  header .head .btn:active {
    opacity: 0.05 !important;
  }
  header #logo2 {
    transition: all 0.3s ease-in-out;
    display: block;
    width: 110px;
    padding-top: 1px;
    position: absolute;
    left: 20px;
    top: 3px;
  }
  header #logo2:active {
    transition: 0.1s;
    transform: scale(0.98);
  }
  header #logo2:before {
    content: "";
    position: absolute;
    height: 35px;
    left: -5px;
    top: 2px;
    border-left: 1px solid #0073CF;
  }
  .nav-up {
    margin-top: -45px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  }
  nav {
    top: 45px;
    margin-top: 0px;
    right: -300px;
    width: 300px;
    background-color: white;
    height: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  nav .contnav {
    padding: 0;
    width: 100%;
  }
  nav .contnav #logo {
    display: none;
  }
  nav .contnav ul {
    position: static;
    right: 0;
    float: none;
    width: 100%;
  }
  nav .contnav ul li {
    float: none;
    text-align: left;
    margin-left: 0;
    width: 100%;
  }
  nav .contnav ul li:active a {
    background-color: white;
    color: #000408;
  }
  nav .contnav ul li a {
    background-color: white;
    border-bottom: 1px solid #b2d5f1;
    width: 100%;
    padding: 20px 45px;
    margin: 0;
  }
  nav .contnav ul li a:active {
    background-color: #0073CF;
    color: white;
  }
  nav .contnav ul li .submenua {
    cursor: pointer !important;
  }
  nav .contnav ul li .submenua .arrow {
    transition: all 0.3s ease-in-out;
    width: 15px;
    position: absolute;
    right: 34px;
    top: 24px;
  }
  nav .contnav ul li .submenua:active {
    text-decoration: underline;
    background-color: white;
    color: #000408;
  }
  nav .contnav ul li .arrowup .arrow {
    transform: scale(1, -1) !important;
  }
  nav .contnav ul li .navselected {
    background-color: #0073CF;
    color: white;
    border-bottom: 1px solid #7fb9e7;
  }
  nav .contnav ul li ul {
    transition: unset;
    position: static;
    display: none;
    height: 100%;
    opacity: 1;
    box-shadow: none;
    overflow: auto;
    pointer-events: all;
  }
  nav .contnav ul li ul li {
    cursor: pointer !important;
  }
  nav .contnav ul li ul li a {
    background-color: #f2f8fd;
    padding: 20px 45px;
  }
  nav .contnav ul li ul li a:active {
    background-color: #0073CF;
    color: white;
  }
  .navin {
    right: 0;
  }
}
@media screen and (max-width: 840px) and (max-height: 550px) {
  nav .contnav ul li a {
    font-weight: 400;
    font-size: 15px;
    cursor: default;
    font-family: "Open Sans", sans-serif;
    font-family: "IBM Plex Sans", "sans serif";
    font-weight: 500;
    padding: 15px 45px;
  }
  nav .contnav ul li .submenua .arrow {
    width: 12px;
    top: 20px;
  }
  nav .contnav ul li ul li a {
    font-weight: 400;
    font-size: 15px;
    cursor: default;
    font-family: "Open Sans", sans-serif;
    font-family: "IBM Plex Sans", "sans serif";
    font-weight: 500;
    padding: 15px 60px;
  }
}
@media screen and (max-width: 840px) and (max-height: 480px) {
  nav .contnav ul li a {
    padding: 10px 45px;
  }
  nav .contnav ul li .submenua .arrow {
    top: 12px;
  }
  nav .contnav ul li ul li a {
    padding: 10px 60px;
  }
}
@media screen and (max-width: 840px) and (max-height: 400px) {
  nav .contnav ul li a {
    padding: 5px 45px;
  }
  nav .contnav ul li .submenua .arrow {
    top: 8px;
  }
  nav .contnav ul li ul li a {
    font-weight: 400;
    font-size: 11px;
    cursor: default;
    font-family: "Open Sans", sans-serif;
    font-family: "IBM Plex Sans", "sans serif";
    font-weight: 500;
    padding: 5px 60px;
  }
}
footer {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  color: white;
  background-color: #000408;
  padding: 30px 0 15px 0;
  position: relative;
}
footer .up {
  transition: all 0.3s ease-in-out;
  position: fixed;
  right: 26px;
  width: 30px;
  height: 30px;
  bottom: 30px;
  z-index: 96;
  opacity: 0;
  pointer-events: none;
}
footer .up:active img {
  transition: all 0.3s ease-in-out;
  transform: scale(0.85);
}
footer .upstop {
  position: absolute;
  top: -65px;
}
footer .op2 {
  transition: all 0.3s ease-in-out;
  pointer-events: all;
  cursor: pointer;
  opacity: 1;
}
footer .contpd {
  position: relative;
}
footer .contpd .copyright {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  position: absolute;
  bottom: 0;
  right: 15px;
  height: 20px;
  margin-bottom: 0;
  color: #0073CF;
  white-space: nowrap;
}
footer .contpd .copyright a {
  text-decoration: none !important;
  display: inline;
  color: #0073CF !important;
}
footer .contpd .copyright a .ubl {
  display: inline;
}
footer .contpd .copyright a .ubs {
  display: none;
}
footer .contpd .logoub {
  position: absolute;
  left: 15px;
  bottom: 0;
  width: 120px;
}
footer .contpd .legalwarning {
  display: none;
  position: absolute;
  top: 0px;
  right: 15px;
  border-right: 1px solid #0073CF;
}
footer .contpd .legalwarning ul li {
  float: right;
  clear: both;
  list-style-type: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 15px;
}
footer .contpd .legalwarning ul li a {
  font-weight: 500;
  font-size: 13px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  color: white;
  line-height: 1.75;
}
@media screen and (min-width: 841px) {
  footer .contpd .legalwarning ul li a:hover {
    text-decoration: underline;
  }
}
footer .contpd .legalwarning ul li a:active {
  text-decoration: underline;
}
footer .contpd .legalwarning ul li:last-of-type {
  margin-bottom: 0;
}
footer .contpd .nav {
  margin-left: 284px;
  padding-left: 75px;
  overflow: auto;
  padding-bottom: 60px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1600px) {
  footer .contpd .nav {
    margin-left: 252px;
  }
}
@media screen and (max-width: 1200px) {
  footer .contpd .nav {
    margin-left: 165px;
  }
}
@media screen and (max-width: 1000px) {
  footer .contpd .nav {
    margin-left: 15px;
    padding-bottom: 90px;
  }
}
footer .contpd .nav .ul {
  float: left;
  border-left: 1px solid #0073CF;
  position: relative;
  padding: 0 15px;
  width: 180px;
}
footer .contpd .nav .ul:first-of-type {
  width: 270px;
}
footer .contpd .nav .ul:last-of-type {
  width: 150px;
}
footer .contpd .nav .ul h4 {
  position: absolute;
  left: -15px;
  transform: translate(-100%, 0);
  font-weight: 500;
  font-size: 13px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  color: white;
  line-height: 1.6;
  color: #0073CF;
}
footer .contpd .nav .ul ul li {
  list-style-type: none;
  width: -moz-fit-content;
  width: fit-content;
}
footer .contpd .nav .ul ul li a {
  font-weight: 500;
  font-size: 13px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  color: white;
  line-height: 1.75;
}
@media screen and (min-width: 841px) {
  footer .contpd .nav .ul ul li a:hover {
    text-decoration: underline;
  }
}
footer .contpd .nav .ul ul li a:active {
  text-decoration: underline;
}
footer .contpd .nav .ul ul li .navselected {
  font-weight: 500;
  font-size: 13px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  color: white;
  text-decoration: underline;
  cursor: default !important;
}
footer .contpd .nav .ul ul li:last-of-type {
  margin-bottom: 0;
}
footer .contpd .nav .ul ul .twitter {
  width: 20px;
  height: 20px !important;
  padding: 1px;
  z-index: 2;
  border-radius: 11px;
  cursor: pointer;
  margin-top: 2px;
  margin-left: -3px;
}
footer .contpd .nav .ul ul .twitter svg {
  width: 100%;
}
footer .contpd .nav .ul ul .twitter svg path {
  fill: white;
}
@media screen and (min-width: 841px) {
  footer .contpd .nav .ul ul .twitter:hover svg path {
    fill: #0073CF;
  }
}
footer .contpd .nav .ul ul .twitter:active svg path {
  fill: #0073CF;
}

@media screen and (max-width: 840px) {
  footer .contpd .copyright a .ubl {
    display: none;
  }
  footer .contpd .copyright a .ubs {
    display: inline;
  }
}
@media screen and (max-width: 840px) and (max-width: 290px) {
  footer .contpd .copyright {
    display: none;
  }
}
@media screen and (max-width: 840px) {
  footer .contpd .legalwarning {
    top: unset;
    bottom: 60px;
  }
  footer .contpd .nav {
    padding-bottom: 120px;
    padding-left: 16.66%;
    margin-left: 0;
  }
}
@media screen and (max-width: 840px) and (max-width: 620px) {
  footer .contpd .nav {
    padding-left: 45px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 840px) {
  footer .contpd .nav .ul {
    margin: 22px 30px 30px 0;
    width: 150px;
  }
  footer .contpd .nav .ul:first-of-type {
    width: 180px;
  }
  footer .contpd .nav .ul:last-of-type {
    width: 150px;
  }
  footer .contpd .nav .ul h4 {
    position: absolute;
    left: 15px;
    top: -22px;
    transform: none;
  }
  footer .contpd .nav .ul ul li {
    list-style-type: none;
    width: -moz-fit-content;
    width: fit-content;
  }
  footer .contpd .nav .ul ul li a {
    font-weight: 500;
    font-size: 13px;
    cursor: default;
    font-family: "IBM Plex Sans", sans-serif;
    color: white;
    line-height: 1.75;
  }
}
@media screen and (max-width: 840px) and (max-width: 740px) {
  footer .contpd .nav .ul {
    width: 180px;
    float: none;
    margin-bottom: 45px;
    border-left: 0;
    padding-left: 0;
    margin-top: 15px;
  }
  footer .contpd .nav .ul:first-of-type {
    width: 180px;
  }
  footer .contpd .nav .ul:last-of-type {
    width: 180px;
    clear: both;
  }
  footer .contpd .nav .ul h4 {
    position: static;
    margin-left: 15px;
  }
  footer .contpd .nav .ul ul {
    border-left: 1px solid #0073CF;
    padding-left: 15px;
  }
}
@media screen and (max-width: 620px) {
  footer .contpd .copyright {
    right: 50%;
    transform: translate(50%, 0);
  }
  footer .contpd .legalwarning {
    top: unset;
    bottom: 120px;
  }
  footer .contpd .logoub {
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 30px;
  }
}
.portada {
  padding-top: 120px;
  padding-bottom: 60px;
  position: relative;
  background-origin: right;
  -webkit-backdrop-filter: brightness(1.15);
          backdrop-filter: brightness(1.15);
}
@media screen and (max-width: 840px) {
  .portada {
    padding-top: 75px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 400px) {
  .portada {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .portada .all {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 1000px) {
  .portada .all {
    background-color: rgba(0, 0, 0, 0.15);
  }
}
@media screen and (max-width: 840px) {
  .portada .all {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 620px) {
  .portada .all {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
.portada .contpd h1 {
  font-family: "Charter", serif;
  margin-left: 240px;
  font-size: 40px;
  line-height: 1;
  padding: 5px 15px;
  border-left: 1px solid white;
  color: white;
  font-weight: 900;
  cursor: default;
  position: relative;
  padding-bottom: 100px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.portada .contpd h1 img {
  position: absolute;
  width: 250px;
  bottom: 0;
  left: 15px;
}
.portada .contpd h1 span {
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .portada .contpd h1 {
    margin-left: 16.66%;
  }
}
@media screen and (max-width: 840px) {
  .portada .contpd h1 {
    font-size: 30px;
    padding-bottom: 75px;
  }
  .portada .contpd h1 img {
    width: 187.5px;
  }
}
@media screen and (max-width: 620px) {
  .portada .contpd h1 {
    margin-left: 45px;
  }
}
@media screen and (max-width: 400px) {
  .portada .contpd h1 {
    font-size: 25px;
    padding-bottom: 62.5px;
  }
  .portada .contpd h1 img {
    width: 156.25px;
  }
}
.portada .contpd h1 span::-moz-selection {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}
.portada .contpd h1 span::selection {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}
.portada .contpd h1 span::-moz-selection {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}
.portada .contpd h1 br::-moz-selection {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}
.portada .contpd h1 br::selection {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}
.portada .contpd h1 br::-moz-selection {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}
.portada .contpd h1::-moz-selection {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}
.portada .contpd h1::selection {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}
.portada .contpd h1::-moz-selection {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}

.indexinfo {
  padding-top: 60px;
  padding-bottom: 105px;
}
@media screen and (max-width: 1200px) {
  .indexinfo {
    padding-top: 15px;
  }
}
@media screen and (max-width: 840px) {
  .indexinfo {
    padding-bottom: 120px;
  }
}
.indexinfo .contpd {
  position: relative;
  overflow: auto;
  min-height: 750px;
}
@media screen and (max-width: 1200px) {
  .indexinfo .contpd {
    min-height: 1150px;
  }
}
.indexinfo .contpd .keydetailsall {
  position: absolute;
  top: 20px;
  right: 0;
  width: 330px;
  padding: 0 15px;
  z-index: 2;
}
.indexinfo .contpd .keydetailsall h2 {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  text-align: center;
  color: white !important;
  padding: 9px 45px 11px 45px;
  background-color: #0073CF;
  position: absolute;
  width: auto;
  top: -20px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
  white-space: nowrap;
}
.indexinfo .contpd .keydetailsall .keydetails {
  background-color: #cce3f5;
  padding: 35px 30px 15px 30px;
  position: relative;
}
.indexinfo .contpd .keydetailsall .keydetails .detail {
  margin-bottom: 20px;
}
.indexinfo .contpd .keydetailsall .keydetails h3 {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  font-family: "Ibm Plex Sans", sans-serif;
  margin-top: 15px;
  color: #338fd9;
  line-height: 1.3;
  margin-bottom: 5px;
  font-weight: 400 !important;
}
.indexinfo .contpd .keydetailsall .keydetails p {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  font-family: "Ibm Plex Sans", sans-serif;
  color: #000408 !important;
  line-height: 1.3;
}
.indexinfo .contpd .keydetailsall .keydetails .button-m {
  margin-top: 30px;
  width: 100%;
  text-align: center;
  background-color: #4c9ddd !important;
  color: white;
}
@media screen and (min-width: 841px) {
  .indexinfo .contpd .keydetailsall .keydetails .button-m:hover {
    background-color: #0073CF !important;
    color: white;
  }
}
.indexinfo .contpd .keydetailsall .keydetails .button-m:active {
  transition: 0s !important;
  -webkit-appearance: none;
  background-color: #0073CF !important;
  color: white;
  box-shadow: none !important;
  transition: transform 0.3s !important;
  transform: scale(0.98);
}
@media screen and (max-width: 1200px) {
  .indexinfo .contpd .keydetailsall {
    position: static;
    width: 100%;
    margin-bottom: 60px;
    padding-top: 20px;
  }
  .indexinfo .contpd .keydetailsall h2 {
    width: 240px;
    transform: none;
    left: 45px;
    top: 10px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 840px) {
  .indexinfo .contpd .keydetailsall h2 {
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 1200px) {
  .indexinfo .contpd .keydetailsall .keydetails {
    overflow: auto;
    padding-top: 50px;
    margin-top: 15px;
  }
  .indexinfo .contpd .keydetailsall .keydetails .detail {
    float: left;
    width: 33.33%;
    padding-right: 30px;
    margin-bottom: 20px;
  }
  .indexinfo .contpd .keydetailsall .keydetails .detail h3 {
    margin-top: 0;
  }
  .indexinfo .contpd .keydetailsall .keydetails .detail p br {
    content: "";
    display: none;
  }
}
@media screen and (max-width: 1200px) and (max-width: 1000px) {
  .indexinfo .contpd .keydetailsall .keydetails .detail p br {
    content: "br";
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .indexinfo .contpd .keydetailsall .keydetails .detail:nth-child(3n) {
    padding-right: 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 840px) {
  .indexinfo .contpd .keydetailsall .keydetails .detail:nth-child(3n) {
    padding-right: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .indexinfo .contpd .keydetailsall .keydetails .detail:nth-child(7) {
    clear: both;
  }
}
@media screen and (max-width: 1200px) and (max-width: 840px) {
  .indexinfo .contpd .keydetailsall .keydetails .detail:last-of-type {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 840px) {
  .indexinfo .contpd .keydetailsall .keydetails .detail:nth-child(odd) {
    clear: both;
  }
}
@media screen and (max-width: 1200px) {
  .indexinfo .contpd .keydetailsall .keydetails .button-m {
    float: right;
    display: block;
    width: 33.33%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 840px) {
  .indexinfo .contpd .keydetailsall .keydetails .button-m {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
  }
}
@media screen and (max-width: 840px) {
  .indexinfo .contpd .keydetailsall {
    margin-bottom: 30px;
  }
  .indexinfo .contpd .keydetailsall .keydetails .detail {
    width: 50%;
  }
}
@media screen and (max-width: 620px) {
  .indexinfo .contpd .keydetailsall .keydetails .detail {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .indexinfo .contpd .keydetailsall .keydetails .detail {
    padding-right: 0px;
  }
}
.indexinfo .contpd .info {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 840px) {
  .indexinfo .contpd .info .nav {
    display: none;
  }
}
.indexinfo .contpd .info .nav ul {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 15px;
}
.indexinfo .contpd .info .nav ul li {
  width: 100%;
  cursor: pointer;
  width: 210px !important;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  text-decoration: none;
  cursor: pointer;
  color: #0073CF;
  padding: 9px 15px 11px 15px;
  line-height: 20px;
  white-space: nowrap;
  list-style-type: none;
  text-align: right;
}
.indexinfo .contpd .info .nav ul li:hover, .indexinfo .contpd .info .nav ul li:active {
  background-color: #000408;
  color: white;
  transition: none !important;
}
.indexinfo .contpd .info .nav ul li.online {
  margin-top: 30px;
  background-color: #338fd9;
  color: white;
  cursor: default;
  white-space: normal;
  text-align: center;
  padding-top: 14px;
  cursor: pointer;
}
.indexinfo .contpd .info .nav ul li.online h2 {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  font-family: "IBM Plex Sans", sans-serif;
  margin-top: 0px;
  cursor: pointer;
}
.indexinfo .contpd .info .nav ul li.online h2 .period {
  color: #cce3f5;
}
.indexinfo .contpd .info .nav ul li.online:hover, .indexinfo .contpd .info .nav ul li.online:active {
  background-color: #0073CF;
}
.indexinfo .contpd .info .nav ul .navselected {
  background-color: #0073CF;
  color: white;
  transition: none !important;
  cursor: default;
  position: relative;
}
.indexinfo .contpd .info .nav ul .navselected:hover, .indexinfo .contpd .info .nav ul .navselected:active {
  background-color: #0073CF;
}
.indexinfo .contpd .info .nav .pdf {
  position: absolute;
  top: 550px;
  width: 210px;
  margin-left: 15px;
  background-color: #338fd9 !important;
  color: white !important;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  text-align: center;
}
.indexinfo .contpd .info .nav .pdf:hover, .indexinfo .contpd .info .nav .pdf:active {
  background-color: #0073CF;
}
.indexinfo .contpd .info .nav .video {
  position: absolute;
  top: 390px;
  width: 210px;
  height: 120px;
  margin-left: 15px;
}
.indexinfo .contpd .info .nav .video iframe {
  width: 100%;
  height: 118px;
}
.indexinfo .contpd .info .cont .onlineapplicationform {
  display: none;
}
@media screen and (max-width: 840px) {
  .indexinfo .contpd .info .cont .onlineapplicationform {
    display: block;
    font-weight: 400;
    font-size: 15px;
    cursor: default;
    font-family: "Open Sans", sans-serif;
    font-family: "IBM Plex Sans", sans-serif;
    background-color: #338fd9;
    color: white;
    margin: 45px auto 0 auto;
    text-align: center;
    width: 100%;
    padding: 15px 60px;
    cursor: pointer;
  }
  .indexinfo .contpd .info .cont .onlineapplicationform .form {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.35px;
    line-height: 1.2 !important;
    cursor: default;
    font-family: "IBM Plex Sans", sans-serif;
    text-decoration: none;
    color: white;
    cursor: pointer;
  }
  .indexinfo .contpd .info .cont .onlineapplicationform .period {
    color: #cce3f5;
    line-height: 2;
  }
  .indexinfo .contpd .info .cont .onlineapplicationform:active {
    transition: 0s !important;
    -webkit-appearance: none;
    background-color: #0073CF !important;
    color: white;
    box-shadow: none !important;
    transition: transform 0.3s !important;
    transform: scale(0.98);
  }
}
.indexinfo .contpd .info .textall {
  width: 100%;
  padding: 0px 350px 0 240px;
  z-index: 0;
}
.indexinfo .contpd .info .textall .textall2 {
  color: #000408;
  padding: 0;
}
.indexinfo .contpd .info .textall .textall2 .text {
  padding: 6px 45px 15px 45px;
  display: none;
  position: relative;
}
@media screen and (max-width: 840px) {
  .indexinfo .contpd .info .textall .textall2 .text {
    display: block;
  }
}
.indexinfo .contpd .info .textall .textall2 .text:before {
  content: "";
  position: absolute;
  height: 100%;
  min-height: 335px;
  left: 0px;
  top: 0px;
  border-left: 1px solid #b2d5f1;
}
@media screen and (max-width: 840px) {
  .indexinfo .contpd .info .textall .textall2 .text:before {
    display: none;
  }
}
.indexinfo .contpd .info .textall .textall2 .text h2 {
  display: none;
}
.indexinfo .contpd .info .textall .textall2 .text .download {
  display: none !important;
}
@media screen and (min-width: 841px) {
  .indexinfo .contpd .info .textall .textall2 .text .content {
    display: block !important;
  }
}
@media screen and (max-width: 840px) {
  .indexinfo .contpd .info .textall .textall2 .text .content {
    display: none;
  }
}
.indexinfo .contpd .info .textall .textall2 .text .content .heading {
  color: #0073CF;
  background-color: #e5f1fa;
  font-weight: 600;
  margin-bottom: 2rem;
  padding: 15px 30px;
  transform: translate(0, -6px);
}
.indexinfo .contpd .info .textall .textall2 .text .content .heading span {
  color: #000408;
}
@media screen and (max-width: 840px) {
  .indexinfo .contpd .info .textall .textall2 .text .content .heading {
    transform: none;
  }
}
.indexinfo .contpd .info .textall .textall2 .text .content h3 {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  padding-top: 2px;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.indexinfo .contpd .info .textall .textall2 .text .content .mt0 {
  margin-top: 0 !important;
}
.indexinfo .contpd .info .textall .textall2 .text .content .mb0 {
  margin-bottom: 0 !important;
}
.indexinfo .contpd .info .textall .textall2 .text .content p {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
}
.indexinfo .contpd .info .textall .textall2 .text .content .bold {
  font-weight: 600;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
}
.indexinfo .contpd .info .textall .textall2 .text .content ul {
  margin-left: 30px;
}
.indexinfo .contpd .info .textall .textall2 .text .content ul li {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 1rem;
  list-style-type: none;
  position: relative;
  line-height: 1.75;
}
.indexinfo .contpd .info .textall .textall2 .text .content ul li:before {
  content: "";
  display: block;
  background-image: url("https://www.ub.edu/mipe/img/arrowblue.svg");
  position: absolute;
  top: 6px;
  left: -18px;
  width: 13px;
  height: 13px;
}
.indexinfo .contpd .info .textall .textall2 .text .content ul li a {
  display: inline;
  text-decoration: underline;
  color: #0073CF;
}
.indexinfo .contpd .info .textall .textall2 .text .content ul li ol {
  margin: 15px 0 15px 30px;
}
.indexinfo .contpd .info .textall .textall2 .text .content ul li ol li {
  list-style-type: decimal;
  color: #0073CF;
}
.indexinfo .contpd .info .textall .textall2 .text .content ul li ol li span {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  color: #000408;
}
.indexinfo .contpd .info .textall .textall2 .text .content ul li ol li:before {
  display: none;
}
.indexinfo .contpd .info .textall .textall2 .text .content ul li::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}
.indexinfo .contpd .info .textall .textall2 .text .content ul li::selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}
.indexinfo .contpd .info .textall .textall2 .text .content ul li::-moz-selection {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 115, 207, 0.99);
}
.indexinfo .contpd .info .textall .textall2 .text .content .structure {
  width: -moz-fit-content;
  width: fit-content;
}
.indexinfo .contpd .info .textall .textall2 .text .content .terms {
  padding-top: 1rem;
  padding-left: 30px;
}
.indexinfo .contpd .info .textall .textall2 .text .content .terms h3 {
  color: #0073CF;
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
}
@media screen and (max-width: 840px) {
  .indexinfo .contpd .info .textall .textall2 .text .content .terms {
    width: 100%;
    padding-left: 0 !important;
  }
}
.indexinfo .contpd .info .textall .textall2 .text .content .terms h3:first-of-type {
  margin-top: 0;
}
.indexinfo .contpd .info .textall .textall2 .text .content .terms ul li {
  color: #000408;
}
.indexinfo .contpd .info .textall .textall2 .text .content .moreinfo {
  margin-left: 60px;
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  display: block;
  position: relative;
  line-height: 1.75;
  color: #0073CF;
  text-decoration: underline;
}
.indexinfo .contpd .info .textall .textall2 .text .content .moreinfo:before {
  content: "";
  display: block;
  background-image: url("https://www.ub.edu/mipe/img/arrowblue2.svg");
  position: absolute;
  top: 6px;
  left: -18px;
  width: 13px;
  height: 13px;
}
@media screen and (max-width: 620px) {
  .indexinfo .contpd .info .textall .textall2 .text .content .moreinfo {
    margin-left: 30px;
  }
}
.indexinfo .contpd .info .textall .textall2 .text .content .moreinfocourses {
  clear: both;
  margin-bottom: 15px;
}
.indexinfo .contpd .info .textall .textall2 .text .content .moreinfoapply {
  margin-top: 0;
  margin-bottom: 1rem;
}
@media screen and (max-width: 840px) {
  .indexinfo .contpd .info .textall .textall2 .text:first-of-type .content {
    display: block;
  }
}
@media screen and (min-width: 841px) {
  .indexinfo .contpd .info .textall .textall2 .overviewtxt {
    display: block;
  }
  .indexinfo .contpd .info .textall .textall2 .overviewtxt .content {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .indexinfo .contpd .info .textall {
    padding-right: 15px;
  }
}
@media screen and (max-width: 840px) {
  .indexinfo .contpd .info .textall {
    padding-left: 15px;
  }
  .indexinfo .contpd .info .textall .textall2 .text {
    padding: 0;
    border-bottom: 1px solid #e5f1fa;
    display: block !important;
  }
  .indexinfo .contpd .info .textall .textall2 .text:last-of-type {
    border-bottom: 0;
  }
  .indexinfo .contpd .info .textall .textall2 .text:last-of-type .content {
    margin-bottom: 0px;
  }
  .indexinfo .contpd .info .textall .textall2 .text h2 {
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.35px;
    line-height: 1.2 !important;
    cursor: default;
    font-family: "IBM Plex Sans", sans-serif;
    display: block !important;
    cursor: pointer;
    padding: 25px 45px 25px 30px;
    width: 100%;
    position: relative;
    color: #000408;
  }
  .indexinfo .contpd .info .textall .textall2 .text h2:active {
    text-decoration: underline;
  }
  .indexinfo .contpd .info .textall .textall2 .text h2 .arrow {
    transition: all 0.3s ease-in-out;
    width: 18px;
    position: absolute;
    right: 17px;
    top: 30px;
  }
  .indexinfo .contpd .info .textall .textall2 .text .navselected {
    padding-top: 40px;
  }
  .indexinfo .contpd .info .textall .textall2 .text .navselected .arrow {
    top: 45px;
    transform: scale(1, -1);
  }
  .indexinfo .contpd .info .textall .textall2 .text .content {
    padding: 0 15px 15px 30px;
    margin-bottom: 45px;
    border-left: 1px solid #b2d5f1;
  }
}
@media screen and (max-width: 620px) {
  .indexinfo .contpd .info .textall .textall2 .text h2 {
    padding: 25px 45px 25px 15px;
  }
  .indexinfo .contpd .info .textall .textall2 .text .content {
    padding-left: 15px;
    padding-right: 0;
  }
  .indexinfo .contpd .info .textall .textall2 .text .content ul {
    margin-left: 15px;
  }
  .indexinfo .contpd .info .textall .textall2 .text .content ul li:before {
    left: -18px;
  }
}

.centerimg .contpdmax {
  position: relative;
}
.centerimg .contpdmax h1 {
  transition: all 0.3s ease-in-out;
  margin-bottom: 15px;
  margin-top: 45px;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px solid #0073CF;
  color: #0073CF;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -0.8px;
  line-height: 1 !important;
  cursor: default;
  cursor: default;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 840px) {
  .centerimg .contpdmax h1 {
    margin-top: 30px;
  }
}
.centerimg .contpdmax h1::-moz-selection {
  background-color: rgba(0, 115, 207, 0.99);
  color: rgb(255, 255, 255);
}
.centerimg .contpdmax h1::selection {
  background-color: rgba(0, 115, 207, 0.99);
  color: rgb(255, 255, 255);
}
.centerimg .contpdmax h1::-moz-selection {
  background-color: rgba(0, 115, 207, 0.99);
  color: rgb(255, 255, 255);
}
.centerimg .contpdmax .text {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  overflow: auto;
}
.centerimg .contpdmax .text .contimg {
  width: 100%;
}
.centerimg .contpdmax .text .contimg .portada2img {
  width: 100%;
  margin-bottom: 30px;
}
.centerimg .contpdmax .text h2 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.35px;
  line-height: 1.2 !important;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.centerimg .contpdmax .text .mt0 {
  margin-top: 0 !important;
}
.centerimg .contpdmax .text h3 {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  margin-bottom: 1rem;
  margin-top: 2rem;
  color: #0073CF;
}
.centerimg .contpdmax .text .mt1 {
  margin-top: 1rem;
}
.centerimg .contpdmax .text .important {
  color: #0073CF;
  font-weight: 600;
  margin-bottom: 2rem;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text .important {
    padding-left: 15px;
    border-left: 1px solid #b2d5f1;
  }
}
.centerimg .contpdmax .text ul {
  margin-left: 30px;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text ul {
    margin-left: 15px;
  }
}
.centerimg .contpdmax .text ul li {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 1rem;
  list-style-type: none;
  position: relative;
  line-height: 1.75;
}
.centerimg .contpdmax .text ul li:before {
  content: "";
  display: block;
  background-image: url("https://www.ub.edu/mipe/img/arrowblue.svg");
  position: absolute;
  top: 6px;
  left: -18px;
  width: 13px;
  height: 13px;
}
.centerimg .contpdmax .text ul li a {
  display: inline;
  text-decoration: underline;
  color: #0073CF;
}
.centerimg .contpdmax .text ul .course {
  transition: all 0.3s ease-in-out;
}
.centerimg .contpdmax .text ul .course:last-of-type {
  margin-bottom: 3rem;
}
.centerimg .contpdmax .text ul .course:before {
  display: none;
}
.centerimg .contpdmax .text ul .course .smooth3 {
  text-decoration: none;
}
.centerimg .contpdmax .text ul .course h3 {
  transition: all 0.3s ease-in-out;
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  margin-top: 1rem;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-decoration: none !important;
  color: #000408;
  padding-left: 15px;
}
.centerimg .contpdmax .text ul .course h3 .arrow {
  transition: all 0.3s ease-in-out;
  width: 13px;
  position: absolute;
  right: -20px;
  top: 9px;
}
@media screen and (max-width: 840px) {
  .centerimg .contpdmax .text ul .course h3:active {
    text-decoration: underline;
  }
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text ul .course h3 {
    width: 100%;
    padding-right: 45px;
  }
  .centerimg .contpdmax .text ul .course h3 .arrow {
    right: 14px;
    top: unset;
    bottom: 4px;
  }
}
.centerimg .contpdmax .text ul .course h3 .bold {
  font-weight: 600;
}
.centerimg .contpdmax .text ul .course .navselected {
  padding-top: 15px;
}
.centerimg .contpdmax .text ul .course .navselected .arrow {
  top: 23px;
  transform: scale(1, -1);
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text ul .course .navselected .arrow {
    top: unset;
    bottom: 4px;
  }
}
.centerimg .contpdmax .text ul .course h4 {
  padding-left: 15px;
  font-weight: 400;
  color: #0073CF;
}
@media screen and (max-width: 840px) {
  .centerimg .contpdmax .text ul .course h4 {
    padding-left: 0;
  }
}
.centerimg .contpdmax .text ul .course .courseinfo {
  display: none;
  padding-bottom: 1rem;
  padding-left: 15px;
  position: relative;
}
.centerimg .contpdmax .text ul .course .courseinfo:before {
  content: "";
  position: absolute;
  height: 30px;
  border-left: 1px solid white;
  bottom: 0;
  left: -1px;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text ul .course .courseinfo {
    border-left: 1px solid #b2d5f1;
  }
}
.centerimg .contpdmax .text ul .course .courseinfo ol {
  margin: 15px 0 0px 45px;
}
@media screen and (max-width: 840px) {
  .centerimg .contpdmax .text ul .course .courseinfo ol {
    margin-left: 30px;
  }
}
.centerimg .contpdmax .text ul .course .courseinfo ol li {
  list-style-type: decimal;
  color: #0073CF;
}
.centerimg .contpdmax .text ul .course .courseinfo ol li span {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  color: #000408;
}
.centerimg .contpdmax .text ul .course .courseinfo ol li:before {
  display: none;
}
.centerimg .contpdmax .text ul .course .courseinfo ol li ol {
  margin-left: 15px;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text ul .course .courseinfo ol li ol {
    margin-left: 0 !important;
  }
}
.centerimg .contpdmax .text ul .course .courseinfo ol li ol li {
  list-style-type: none;
}
.centerimg .contpdmax .text ul .course .courseinfo ol li ol li ol li {
  margin-left: 30px;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text ul .course .courseinfo ol li ol li ol li {
    margin-left: 15px !important;
  }
}
.centerimg .contpdmax .text ul .course .courseinfo .part .parttitle {
  margin-left: -30px;
}
.centerimg .contpdmax .text ul .course .courseinfo .part li:first-of-type {
  margin-top: 1rem;
}
.centerimg .contpdmax .text .courses {
  margin-left: 0;
}
.centerimg .contpdmax .text .moreinfo {
  margin-left: 60px;
}
.centerimg .contpdmax .text .moreinfo li:before {
  background-image: url("https://www.ub.edu/mipe/img/arrowblue2.svg");
}
.centerimg .contpdmax .text .moreinfo li .download {
  display: none;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text .moreinfo {
    margin-left: 30px;
  }
}
.centerimg .contpdmax .text article {
  margin-bottom: 2rem;
}
.centerimg .contpdmax .text article:last-of-type {
  margin-bottom: 0;
}
.centerimg .contpdmax .text article:first-of-type h2 {
  margin-top: 0;
}
.centerimg .contpdmax .text .ranking {
  width: 50%;
}
.centerimg .contpdmax .text .ranking:nth-child(odd) {
  float: left;
  clear: both;
  padding-right: 30px;
}
.centerimg .contpdmax .text .ranking:nth-child(even) {
  float: right;
  padding-left: 30px;
}
@media screen and (max-width: 840px) {
  .centerimg .contpdmax .text .ranking {
    width: 100%;
    padding: 0 !important;
  }
}
.centerimg .contpdmax .text #busca {
  position: relative;
}
.centerimg .contpdmax .text #result {
  position: absolute;
  top: -90px;
}
@media screen and (max-width: 840px) {
  .centerimg .contpdmax .text #result {
    top: -30px;
  }
}
.centerimg .contpdmax .text #busca select {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  width: 210px;
  margin: 0px 15px 45px 0;
  float: left;
  height: 35px !important;
  border: 1px solid #b2d5f1;
  background-color: white !important;
  color: black;
  padding: 5px 28px 6px 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("img/arrow2.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position-x: calc(100% - 10px);
  background-position-y: 10px;
  padding-right: 20px;
  cursor: pointer;
  line-height: 1.5;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text #busca select {
    width: 100%;
    margin-bottom: 15px;
  }
}
.centerimg .contpdmax .text #search-box {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  float: left;
  width: 210px;
  padding: 5px 28px 6px 15px;
  height: 35px !important;
  margin: 0px 0 45px 0;
  background-color: white !important;
  border: 1px solid #b2d5f1;
  color: black;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text #search-box {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 45px;
  }
}
.centerimg .contpdmax .text #search-box::-moz-placeholder {
  color: rgb(150, 150, 150);
}
.centerimg .contpdmax .text #search-box::placeholder {
  color: rgb(150, 150, 150);
}
.centerimg .contpdmax .text #search-box:-webkit-autofill,
.centerimg .contpdmax .text #search-box:-webkit-autofill::first-line,
.centerimg .contpdmax .text #search-box:-webkit-autofill:hover,
.centerimg .contpdmax .text #search-box:-webkit-autofill:focus,
.centerimg .contpdmax .text #search-box:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Open Sans", sans-serif !important;
  font-size: 15px !important;
}
.centerimg .contpdmax .text .buscar {
  float: left;
  height: 15px;
  background-image: url(img/search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 15px;
  border: 0;
  margin: 10px 3px 0 -25px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0) !important;
  opacity: 0.5;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text .buscar {
    margin-top: 10px;
  }
}
.centerimg .contpdmax .text .buscar:active {
  transform: scale(0.95);
}
.centerimg .contpdmax .text .buscar:hover {
  opacity: 1;
}
.centerimg .contpdmax .text .cleansearch {
  float: left;
  font-size: 10px;
  border: 0;
  width: 10px;
  height: 10px;
  text-align: right;
  margin: 0px 0 0 0px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(img/clean.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  padding: 5px;
  opacity: 0.5;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .text .cleansearch {
    display: none;
  }
}
.centerimg .contpdmax .text .cleansearch:active {
  transform: scale(0.9);
}
.centerimg .contpdmax .text .cleansearch:hover {
  opacity: 1;
}
.centerimg .contpdmax .activities {
  margin-top: 15px;
  clear: both;
  min-height: 150px;
}
.centerimg .contpdmax .activities .activity {
  position: relative;
  overflow: auto;
  margin-bottom: 45px;
}
@media screen and (max-width: 840px) {
  .centerimg .contpdmax .activities .activity {
    margin-bottom: 60px;
  }
}
.centerimg .contpdmax .activities .activity:last-of-type {
  margin-bottom: 0;
}
.centerimg .contpdmax .activities .activity .date {
  position: absolute;
  padding-right: 30px;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .activities .activity .date {
    position: static;
    padding-left: 15px;
    margin-bottom: 15px;
  }
}
.centerimg .contpdmax .activities .activity .date .datecontent {
  width: 105px;
  height: 105px;
  background-color: #e5f1fa;
  padding: 15px 0;
  text-align: center;
}
.centerimg .contpdmax .activities .activity .date .datecontent .number {
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -0.8px;
  line-height: 1 !important;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 5px;
}
.centerimg .contpdmax .activities .activity .date .datecontent .numbersmall {
  font-size: 22px;
  padding: 3px 0;
  letter-spacing: -0.65px;
}
.centerimg .contpdmax .activities .activity .date .datecontent .monthyear {
  font-weight: 500;
  font-size: 13px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
  font-family: "IBM Plex Sans", sans-serif;
}
.centerimg .contpdmax .activities .activity .date .datecontent .time {
  font-weight: 500;
  font-size: 13px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  color: #338fd9;
  font-family: "IBM Plex Sans", sans-serif;
  margin-top: -3px;
}
.centerimg .contpdmax .activities .activity .content {
  float: left;
  width: 100%;
  padding-left: 135px;
}
@media screen and (max-width: 620px) {
  .centerimg .contpdmax .activities .activity .content {
    padding-left: 0px;
  }
}
.centerimg .contpdmax .activities .activity .content .content2 {
  border-left: 1px solid #b2d5f1;
  padding-left: 15px;
  min-height: 105px;
  padding-bottom: 1px;
}
.centerimg .contpdmax .activities .activity .content h2 {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  margin-top: 0;
  margin-bottom: 12px;
}
.centerimg .contpdmax .activities .activity .content h3 {
  margin-top: 0;
  margin-bottom: 12px;
}
.centerimg .contpdmax .activities .activity .content .details {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  line-height: 1.3;
  margin-bottom: 12px;
}
.centerimg .contpdmax .activities .activity .content .seminar {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  line-height: 1.3;
  margin-bottom: 12px;
}
.centerimg .contpdmax .activities .activity .content .seminar span {
  color: #0073CF;
}
.centerimg .contpdmax .activities .activity .content .location {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  line-height: 1.3;
  position: relative;
  padding-left: 15px;
}
.centerimg .contpdmax .activities .activity .content .location:before {
  content: "";
  background-image: url("https://www.ub.edu/mipe/img/place.svg");
  display: block;
  position: absolute;
  top: 0px;
  left: -2px;
  width: 14px;
  height: 14px;
}
.centerimg .contpdmax .activities .activity .content p:last-of-type {
  margin-bottom: 0 !important;
}

.required .contpdmax .text article .oficina {
  padding-left: 30px;
}
@media screen and (max-width: 620px) {
  .required .contpdmax .text article .oficina {
    padding-left: 15px;
  }
}
.required .contpdmax .text article .bold {
  font-weight: 600;
}
.required .contpdmax .text article:first-of-type h2 {
  margin-top: 15px;
}

.noimg .contpdmax {
  position: relative;
}
.noimg .contpdmax h1 {
  transition: all 0.3s ease-in-out;
  margin-bottom: 30px;
  margin-top: 45px;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px solid #0073CF;
  color: #0073CF;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -0.8px;
  line-height: 1 !important;
  cursor: default;
  cursor: default;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 840px) {
  .noimg .contpdmax h1 {
    margin-top: 30px;
  }
}
.noimg .contpdmax h1::-moz-selection {
  background-color: rgba(0, 115, 207, 0.99);
  color: rgb(255, 255, 255);
}
.noimg .contpdmax h1::selection {
  background-color: rgba(0, 115, 207, 0.99);
  color: rgb(255, 255, 255);
}
.noimg .contpdmax h1::-moz-selection {
  background-color: rgba(0, 115, 207, 0.99);
  color: rgb(255, 255, 255);
}
.noimg .contpdmax #busca {
  position: relative;
}
.noimg .contpdmax #result {
  position: absolute;
  top: -90px;
}
.noimg .contpdmax #busca select {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  width: 210px;
  margin: 0px 15px 45px 0;
  float: left;
  height: 35px !important;
  border: 1px solid #b2d5f1;
  color: black;
  padding: 5px 28px 6px 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: white !important;
  background-image: url("img/arrow2.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position-x: calc(100% - 10px);
  background-position-y: 10px;
  padding-right: 20px;
  cursor: pointer;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax #busca select {
    width: 100%;
    margin-bottom: 15px;
  }
}
.noimg .contpdmax #search-box {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  float: left;
  width: 210px;
  padding: 5px 28px 6px 15px;
  height: 35px !important;
  margin: 0px 0 45px 0;
  background-color: white !important;
  border: 1px solid #b2d5f1;
  color: black;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax #search-box {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 45px;
  }
}
.noimg .contpdmax #search-box::-moz-placeholder {
  color: rgb(150, 150, 150);
}
.noimg .contpdmax #search-box::placeholder {
  color: rgb(150, 150, 150);
}
.noimg .contpdmax #search-box:-webkit-autofill,
.noimg .contpdmax #search-box:-webkit-autofill::first-line,
.noimg .contpdmax #search-box:-webkit-autofill:hover,
.noimg .contpdmax #search-box:-webkit-autofill:focus,
.noimg .contpdmax #search-box:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Open Sans", sans-serif !important;
  font-size: 15px !important;
}
.noimg .contpdmax .buscar {
  float: left;
  height: 15px;
  background-image: url(img/search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 15px;
  border: 0;
  margin: 10px 3px 0 -25px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0) !important;
  opacity: 0.5;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax .buscar {
    margin-top: 10px;
  }
}
.noimg .contpdmax .buscar:active {
  transform: scale(0.95);
}
.noimg .contpdmax .buscar:hover {
  opacity: 1;
}
.noimg .contpdmax .cleansearch {
  float: left;
  font-size: 10px;
  border: 0;
  width: 10px;
  height: 10px;
  text-align: right;
  margin: 0px 0 0 0px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(img/clean.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  padding: 5px;
  opacity: 0.5;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax .cleansearch {
    display: none;
  }
}
.noimg .contpdmax .cleansearch:active {
  transform: scale(0.9);
}
.noimg .contpdmax .cleansearch:hover {
  opacity: 1;
}
.noimg .contpdmax .professorclass {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.35px;
  line-height: 1.2 !important;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  margin-bottom: 1rem;
  margin-top: 2rem;
  clear: both;
  transform: translate(0, 15px);
  border-bottom: 1px solid #b2d5f1;
}
@media screen and (max-width: 840px) {
  .noimg .contpdmax .professorclass {
    transform: none;
  }
}
.noimg .contpdmax .noresult {
  clear: both;
  color: red;
  margin-bottom: 45px;
  padding-top: 15px;
}
.noimg .contpdmax .endorsement {
  margin-top: 45px;
  margin-bottom: 45px;
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  transition: all 0.3s ease-in-out;
  padding-bottom: 15px;
  overflow: auto;
  clear: both;
}
.noimg .contpdmax .endorsement:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax .endorsement {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}
.noimg .contpdmax .endorsement .info {
  float: left;
  width: 25%;
  padding-right: 45px;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax .endorsement .info {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 15px;
  }
}
.noimg .contpdmax .endorsement .info img {
  width: 100%;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax .endorsement .info img {
    float: left;
    width: 120px;
    margin-left: 15px;
  }
}
.noimg .contpdmax .endorsement .info .grayscale {
  filter: grayscale(1);
}
.noimg .contpdmax .endorsement .info .name {
  float: left;
  clear: both;
  margin-bottom: 15px;
}
.noimg .contpdmax .endorsement .info .name h2 {
  margin-top: 15px;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax .endorsement .info .name h2 {
    margin-left: 15px;
  }
}
.noimg .contpdmax .endorsement .info .name h3 {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  font-family: "IBM Plex Sans", "sans-serif";
  color: #0073CF;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax .endorsement .info .name h3 {
    margin-left: 15px;
    max-width: 240px;
  }
}
.noimg .contpdmax .endorsement .mb0 {
  margin-bottom: 0;
}
.noimg .contpdmax .endorsement .content {
  float: left;
  width: 75%;
  border-left: 1px solid #b2d5f1;
  padding-left: 15px;
  padding-bottom: 15px;
  min-height: 150px;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax .endorsement .content {
    width: 100%;
  }
}
.noimg .contpdmax .endorsement .content p {
  margin-bottom: 12px;
}
.noimg .contpdmax .endorsement .content p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 620px) {
  .noimg .contpdmax .endorsement .content p {
    clear: both;
  }
}
.noimg .contpdmax .endorsement .content .mb0 {
  margin-bottom: 0;
}
.noimg .contpdmax .endorsement .content a {
  display: block;
  text-decoration: underline;
  color: #0073CF;
  margin-bottom: 12px;
}
.noimg .contpdmax .endorsement .content a:last-of-type {
  margin-bottom: 0;
}
.noimg .contpdmax .endorsement .content h2 {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  margin-bottom: 12px;
}
.noimg .contpdmax .endorsement .content h3 {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 12px;
}
.noimg .contpdmax .endorsement .content .mail, .noimg .contpdmax .endorsement .content .mail2 {
  position: relative;
  margin-left: 23px;
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  width: -moz-fit-content;
  width: fit-content;
}
.noimg .contpdmax .endorsement .content .mail:before, .noimg .contpdmax .endorsement .content .mail2:before {
  content: "";
  display: block;
  background-image: url("https://www.ub.edu/mipe/img/mail.svg");
  position: absolute;
  top: 1px;
  left: -24px;
  width: 18px;
  height: 18px;
}
.noimg .contpdmax .endorsement .content .mail3 {
  position: relative;
  margin-left: 70px;
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1rem !important;
}
.noimg .contpdmax .endorsement .content .mail3:before {
  position: absolute;
  left: -70px;
  content: "Contact: ";
  color: #000408;
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}
.noimg .contpdmax .endorsement .content .web, .noimg .contpdmax .endorsement .content .web2 {
  position: relative;
  margin-left: 23px;
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  width: -moz-fit-content;
  width: fit-content;
}
.noimg .contpdmax .endorsement .content .web:before, .noimg .contpdmax .endorsement .content .web2:before {
  content: "";
  display: block;
  background-image: url("https://www.ub.edu/mipe/img/web.svg");
  position: absolute;
  top: 1px;
  left: -24px;
  width: 18px;
  height: 18px;
}
.noimg .contpdmax .endorsement .content .mail {
  margin-top: 12px;
}
.noimg .contpdmax .endorsement .content .mail2, .noimg .contpdmax .endorsement .content .web2 {
  margin-bottom: 12px !important;
}
.noimg .contpdmax .endorsement .pb0 {
  padding-bottom: 0 !important;
}
.noimg .contpdmax .endorsement .field {
  display: inline;
  padding-right: 5px;
  position: relative;
}
.noimg .contpdmax .endorsement .field:after {
  content: "|";
}
.noimg .contpdmax .endorsement .field:first-of-type {
  padding-left: 10px;
}
.noimg .contpdmax .endorsement .field:last-of-type {
  padding-right: 0;
}
.noimg .contpdmax .endorsement .field:last-of-type::after {
  display: none;
}
.noimg .contpdmax .endorsement .periodofield {
  margin-top: 5px;
}

.mensaje, .mensaje2 {
  width: 100%;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 97;
  animation-name: desapear;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.mensaje .pop, .mensaje .uploading, .mensaje2 .pop, .mensaje2 .uploading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -30px;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  min-width: 240px;
  max-width: 300px;
  background-color: white;
  padding: 45px 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: -moz-fit-content;
  width: fit-content;
  min-height: 270px;
}
.mensaje .pop p, .mensaje .uploading p, .mensaje2 .pop p, .mensaje2 .uploading p {
  font-family: "IBM Plex Sans", sans-serif;
  line-height: 1.2;
}
.mensaje .pop img, .mensaje .uploading img, .mensaje2 .pop img, .mensaje2 .uploading img {
  width: 120px;
}
@keyframes desapear {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    visibility: hidden;
  }
}

.mensaje2 {
  display: none;
  min-height: 210px;
  animation-duration: 99999s;
}
.mensaje2 .uploading {
  min-height: 210px;
}
.mensaje2 .uploading .preloader {
  width: 50px;
  height: 50px;
  border: 1px solid #0073CF;
  border-top-color: transparent;
  border-radius: 50%;
  margin: 30px 0 25px 90px;
  animation: lds-rolling 1.5s linear infinite;
}
.mensaje2 .uploading .preloader .gradient {
  position: absolute;
  width: 50px;
  top: -18px;
  left: 13px;
  transform: rotate(35deg);
}

.contact {
  min-height: 100vh;
  padding-top: 75px;
}
@media screen and (max-width: 840px) {
  .contact {
    padding-top: 45px;
  }
}
.contact .contpdmax {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
.contact .contpdmax h1 {
  transition: all 0.3s ease-in-out;
  margin-bottom: 30px;
  margin-top: 45px;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px solid #0073CF;
  color: #0073CF;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -0.8px;
  line-height: 1 !important;
  cursor: default;
  cursor: default;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 840px) {
  .contact .contpdmax h1 {
    margin-top: 30px;
  }
}
.contact .contpdmax h1::-moz-selection {
  background-color: rgba(0, 115, 207, 0.99);
  color: rgb(255, 255, 255);
}
.contact .contpdmax h1::selection {
  background-color: rgba(0, 115, 207, 0.99);
  color: rgb(255, 255, 255);
}
.contact .contpdmax h1::-moz-selection {
  background-color: rgba(0, 115, 207, 0.99);
  color: rgb(255, 255, 255);
}
.contact .contpdmax p {
  margin-bottom: 15px;
}
.contact .contpdmax .items {
  padding: 0 30px;
}
@media screen and (max-width: 620px) {
  .contact .contpdmax .items {
    padding: 0 15px;
  }
}
.contact .contpdmax .items .item {
  padding: 15px 0;
}
.contact .contpdmax .items .item h2 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.35px;
  line-height: 1.2 !important;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  font-family: "IBM Plex Sans", sans-serif;
  color: #000408;
  position: relative;
  padding-left: 45px;
  width: -moz-fit-content;
  width: fit-content;
}
.contact .contpdmax .items .item h2:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0px;
  width: 27px;
  height: 27px;
}
.contact .contpdmax .items .item a {
  width: -moz-fit-content;
  width: fit-content;
}
.contact .contpdmax .items .mail h2 {
  cursor: pointer;
}
.contact .contpdmax .items .mail h2:before {
  background-image: url("https://www.ub.edu/mipe/img/mail.svg");
}
.contact .contpdmax .items .twitter h2 {
  cursor: pointer;
}
.contact .contpdmax .items .twitter h2:before {
  background-image: url("https://www.ub.edu/mipe/img/twitterblue.svg");
}
.contact .contpdmax .items .place h2:before {
  background-image: url("https://www.ub.edu/mipe/img/place.svg");
}
.contact .contpdmax iframe {
  margin: 30px 0 75px 0;
}
.contact .contform {
  background-color: #e5f1fa;
  padding: 45px 0px 75px 0;
}
@media screen and (max-width: 840px) {
  .contact .contform {
    padding: 30px 0px 105px 0;
  }
}
.contact .contform .contpdmax h2 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.35px;
  line-height: 1.2 !important;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  font-family: "IBM Plex Sans", sans-serif;
  color: #0073CF;
  margin-bottom: 15px;
}
.contact .contform .contpdmax h2 .media-m {
  display: none;
}
@media screen and (max-width: 840px) {
  .contact .contform .contpdmax h2 .media-m {
    display: block;
  }
}
.contact .contform .contpdmax form {
  width: 100%;
}
.contact .contform .contpdmax form fieldset {
  border: 0;
  padding: 0;
}
.contact .contform .contpdmax form legend {
  display: none;
}
.contact .contform .contpdmax form .ohno {
  display: none;
}
.contact .contform .contpdmax form span {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
}
.contact .contform .contpdmax form select:focus, .contact .contform .contpdmax form input:focus, .contact .contform .contpdmax form .guardar, .contact .contform .contpdmax form textarea:focus, .contact .contform .contpdmax form input:checked {
  outline: none !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.contact .contform .contpdmax form input:-webkit-autofill,
.contact .contform .contpdmax form input:-webkit-autofill:hover,
.contact .contform .contpdmax form input:-webkit-autofill:focus,
.contact .contform .contpdmax form input:-webkit-autofill:active {
  -webkit-transition: "color 99999s ease-out, background-color 99999s ease-out";
  transition: "color 99999s ease-out, background-color 99999s ease-out";
  transition-delay: 99999s;
  background-color: white !important;
}
.contact .contform .contpdmax form input:-internal-autofill-selected, .contact .contform .contpdmax form input:checked {
  background-color: white !important;
}
.contact .contform .contpdmax form select:-webkit-autofill,
.contact .contform .contpdmax form select:-webkit-autofill:hover,
.contact .contform .contpdmax form select:-webkit-autofill:focus,
.contact .contform .contpdmax form select:-webkit-autofill:active {
  -webkit-transition: "color 99999s ease-out, background-color 99999s ease-out, background-image 99999s ease-out";
  transition: "color 99999s ease-out, background-color 99999s ease-out, background-image 99999s ease-out";
  transition-delay: 99999s;
  background-color: white !important;
}
.contact .contform .contpdmax form select:-internal-autofill-selected, .contact .contform .contpdmax form select:checked {
  background-color: white !important;
}
.contact .contform .contpdmax form input, .contact .contform .contpdmax form textarea, .contact .contform .contpdmax form select {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  padding: 5px 30px 5px 30px;
  background-color: white;
  color: #000408;
  border: 0;
  width: 100%;
  margin-bottom: 15px;
  cursor: text;
  height: 50px !important;
  line-height: 1.4;
  border-radius: 0 !important;
}
.contact .contform .contpdmax form input::-moz-placeholder, .contact .contform .contpdmax form textarea::-moz-placeholder, .contact .contform .contpdmax form select::-moz-placeholder {
  color: rgb(150, 150, 150) !important;
  opacity: 1 !important;
}
.contact .contform .contpdmax form input::placeholder, .contact .contform .contpdmax form textarea::placeholder, .contact .contform .contpdmax form select::placeholder {
  color: rgb(150, 150, 150) !important;
  opacity: 1 !important;
}
.contact .contform .contpdmax form input:focus, .contact .contform .contpdmax form textarea:focus, .contact .contform .contpdmax form select:focus {
  border: 0;
}
.contact .contform .contpdmax form .focus {
  box-shadow: 0 0 0 1px #7fb9e7 !important;
}
.contact .contform .contpdmax form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: white !important;
  background-image: url("https://www.ub.edu/mipe/img/arrow2.svg") !important;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position-x: calc(100% - 17px);
  background-position-y: 17px;
  padding-right: 45px;
  cursor: pointer;
  border-radius: 0 !important;
}
.contact .contform .contpdmax form select option {
  color: #000408 !important;
}
.contact .contform .contpdmax form select option:first-child {
  color: rgb(150, 150, 150) !important;
}
.contact .contform .contpdmax form select:focus {
  color: #000408 !important;
}
.contact .contform .contpdmax form textarea {
  resize: none;
  height: 100px !important;
  margin-bottom: 15px;
  padding-top: 15px;
}
@media screen and (max-width: 840px) {
  .contact .contform .contpdmax form textarea {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 620px) {
  .contact .contform .contpdmax form textarea {
    height: 120px;
  }
}
.contact .contform .contpdmax form .button-m {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.3px;
  cursor: default;
  font-family: "IBM Plex Sans", sans-serif;
  width: 50%;
  float: right;
  cursor: pointer;
  color: white;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-top: 14px;
  background-color: #4c9ddd !important;
  text-align: center;
  padding-bottom: 13px !important;
}
@media screen and (max-width: 840px) {
  .contact .contform .contpdmax form .button-m {
    width: 100%;
    margin-top: 0px;
  }
}
@media screen and (min-width: 841px) {
  .contact .contform .contpdmax form .button-m:hover {
    background-color: #0073CF !important;
    color: white;
  }
}
.contact .contform .contpdmax form .button-m:active {
  transition: 0s !important;
  -webkit-appearance: none;
  background-color: #0073CF !important;
  color: white;
  box-shadow: none !important;
  transition: transform 0.3s !important;
  transform: scale(0.98);
}
.contact .contform .contpdmax form .checkbox {
  overflow: auto;
  padding-left: 30px;
  padding-top: 33px;
  width: 50%;
  float: left;
  padding-bottom: 1px;
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}
@media screen and (max-width: 840px) {
  .contact .contform .contpdmax form .checkbox {
    width: 100%;
    margin-bottom: 25px;
    padding-top: 20px;
  }
}
.contact .contform .contpdmax form .checkbox #check {
  cursor: pointer;
  width: 20px;
  height: 20px !important;
  padding: 0 !important;
  position: absolute;
  left: 90px;
}
@media screen and (max-width: 840px) {
  .contact .contform .contpdmax form .checkbox #check {
    left: 45px;
  }
}
.contact .contform .contpdmax form .checkbox #check a {
  display: unset;
}
.contact .contform .contpdmax form .checkbox #check:active {
  -webkit-tap-highlight-color: transparent;
}
.contact .contform .contpdmax form .checkbox input[type=checkbox], .contact .contform .contpdmax form .checkbox input[type=radio] {
  opacity: 0;
  position: absolute;
  z-index: 98;
  cursor: pointer;
}
.contact .contform .contpdmax form .checkbox input[type=number]::-webkit-inner-spin-button,
.contact .contform .contpdmax form .checkbox input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.contact .contform .contpdmax form .checkbox input[type=number] {
  -moz-appearance: textfield;
}
.contact .contform .contpdmax form .checkbox .checkmark {
  display: block;
  float: left;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color: white;
  margin-right: 15px;
  position: relative;
  cursor: pointer;
}
.contact .contform .contpdmax form .checkbox input:checked ~ .checkmark {
  background-color: white;
}
.contact .contform .contpdmax form .checkbox .checkmark:after {
  content: "";
  position: absolute;
  opacity: 0;
}
.contact .contform .contpdmax form .checkbox input:checked ~ .checkmark:after {
  opacity: 1;
}
.contact .contform .contpdmax form .checkbox .checkmark:after {
  border-radius: 8px;
  width: 16px;
  height: 16px;
  left: 2px;
  top: 2px;
  background-color: #4c9ddd;
  border: 0;
}
.contact .contform .contpdmax form input[type=time]::-webkit-clear-button {
  display: none;
}
.contact .contform .contpdmax form .checkcontainer1, .contact .contform .contpdmax form .checkcontainer2 {
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
.contact .contform .contpdmax form .checkcontainer1 .pdr75, .contact .contform .contpdmax form .checkcontainer2 .pdr75 {
  padding-right: 0.5px;
  width: 50%;
  float: left;
}
.contact .contform .contpdmax form .checkcontainer1 .pdl75, .contact .contform .contpdmax form .checkcontainer2 .pdl75 {
  padding-left: 0.5px;
  width: 50%;
  float: left;
}
.contact .contform .contpdmax form .question {
  margin-bottom: 1rem !important;
}
.contact .contform .contpdmax form .question .infoicon {
  white-space: nowrap;
  padding-left: 10px;
  cursor: pointer;
  opacity: 0.5;
  position: relative;
  transition: 0.5s;
  z-index: 5;
}
.contact .contform .contpdmax form .question .infoicon img {
  width: 15px;
  transform: translate(0, 3px);
}
.contact .contform .contpdmax form .question .infoicon .infoicontxt {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  pointer-events: none;
  display: block;
  background-color: #4c9ddd;
  color: white;
  opacity: 0;
  width: 200px;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 10px;
  margin-left: 5px;
  padding: 10px 13px;
  transition: 0.5s;
  white-space: normal;
  line-height: 1.4;
  overflow: visible;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 840px) {
  .contact .contform .contpdmax form .question .infoicon .infoicontxt {
    width: 180px;
    transform: translate(-75%, 0);
  }
}
.contact .contform .contpdmax form .question .infoicon .infoicontxt:before {
  content: "";
  display: block;
  background-color: #4c9ddd;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: -3px;
  transform: translate(-50%, 0) rotate(45deg);
}
@media screen and (max-width: 840px) {
  .contact .contform .contpdmax form .question .infoicon .infoicontxt:before {
    left: 75%;
  }
}
.contact .contform .contpdmax form .question .infoicon:hover {
  opacity: 1;
}
.contact .contform .contpdmax form .question .infoicon:hover .infoicontxt {
  pointer-events: all;
  opacity: 1;
}
.contact .contform .contpdmax form .question .infoiconout {
  z-index: 4;
}
.contact .contform .contpdmax form .checkbox2 {
  overflow: hidden;
  width: 100%;
  position: relative;
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}
@media screen and (min-width: 841px) {
  .contact .contform .contpdmax form .checkbox2:hover .checkmark {
    background-color: #cce3f5;
    color: #000408;
  }
}
.contact .contform .contpdmax form .checkbox2:active .checkmark {
  transition: 0s !important;
  -webkit-appearance: none;
  background-color: #cce3f5;
  color: #000408;
  box-shadow: none !important;
  transition: transform 0.3s !important;
  transform: scale(0.98);
}
.contact .contform .contpdmax form .checkbox2 #check {
  width: 100%;
  height: 50px;
  padding: 0 !important;
  position: absolute;
}
.contact .contform .contpdmax form .checkbox2 #check a {
  display: unset;
}
.contact .contform .contpdmax form .checkbox2 #check:active {
  -webkit-tap-highlight-color: transparent;
}
.contact .contform .contpdmax form .checkbox2 input[type=checkbox], .contact .contform .contpdmax form .checkbox2 input[type=radio] {
  opacity: 0;
  position: absolute;
  z-index: 98;
  cursor: pointer;
}
.contact .contform .contpdmax form .checkbox2 .checkmark {
  display: block;
  float: left;
  height: 50px;
  width: 100%;
  color: rgb(150, 150, 150);
  padding: 15px 30px 5px 30px;
  background-color: white;
  margin-right: 15px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.contact .contform .contpdmax form .checkbox2 input:checked ~ .checkmark {
  background-color: white;
}
.contact .contform .contpdmax form .checkbox2 .checkmark:after {
  content: "Yes";
  position: absolute;
  opacity: 0;
  color: #000408;
  height: 50px;
  padding-top: 15px;
  overflow: hidden;
}
.contact .contform .contpdmax form .checkbox2 .checkmarkno:after {
  content: "No";
}
.contact .contform .contpdmax form .checkbox2 input:checked ~ .checkmark:after {
  opacity: 1;
}
.contact .contform .contpdmax form .checkbox2 .checkmark:after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #cce3f5;
  border: 0;
}
.contact .contform .contpdmax form .acepta {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  float: left;
  color: #0073CF;
  padding-top: 3px;
}
.contact .contform .contpdmax form .acepta a {
  display: inline;
  text-decoration: underline;
  color: #338fd9;
}
.contact .contform .contpdmax form .politica {
  clear: both;
  font-weight: 400;
  font-size: 10px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  color: #7fb9e7;
  margin-bottom: 0;
  margin-top: 15px;
}

.register {
  background-color: #e5f1fa;
}
.register .contform {
  padding: 0px 0px 75px 0;
  margin-top: 3rem;
}
@media screen and (max-width: 840px) {
  .register .contform {
    padding: 0px 0px 105px 0;
  }
}
.register .contform .contpdmax form .left {
  float: left;
  clear: both;
  width: 50%;
  padding-right: 7.5px;
  position: relative;
}
@media screen and (max-width: 620px) {
  .register .contform .contpdmax form .left {
    width: 100%;
    padding: 0;
  }
}
.register .contform .contpdmax form .left .removeupload {
  display: none;
  position: absolute;
  cursor: pointer;
  top: 54px;
  right: 12.5px;
  width: 15px;
  opacity: 0.5;
}
.register .contform .contpdmax form .left .removeupload:hover {
  opacity: 1;
}
@media screen and (max-width: 620px) {
  .register .contform .contpdmax form .left .removeupload {
    right: 5px;
  }
}
.register .contform .contpdmax form .left .removeuploadin {
  display: block;
}
.register .contform .contpdmax form .right {
  float: right;
  width: 50%;
  padding-left: 7.5px;
  position: relative;
}
@media screen and (max-width: 620px) {
  .register .contform .contpdmax form .right {
    width: 100%;
    padding: 0;
  }
}
.register .contform .contpdmax form .right .removeupload {
  display: none;
  position: absolute;
  cursor: pointer;
  top: 54px;
  right: 5px;
  width: 15px;
  opacity: 0.5;
}
.register .contform .contpdmax form .right .removeupload:hover {
  opacity: 1;
}
@media screen and (max-width: 620px) {
  .register .contform .contpdmax form .right .removeupload {
    right: 5px;
  }
}
.register .contform .contpdmax form .right .removeuploadin {
  display: block;
}
.register .contform .contpdmax form .left1of3 {
  float: left;
  width: 33.33%;
  padding-right: 10px;
}
@media screen and (max-width: 840px) {
  .register .contform .contpdmax form .left1of3 {
    width: 100%;
    padding: 0;
  }
}
.register .contform .contpdmax form .center1of3 {
  float: left;
  width: 33.33%;
  padding-right: 5px;
  padding-left: 5px;
}
@media screen and (max-width: 840px) {
  .register .contform .contpdmax form .center1of3 {
    width: 100%;
    padding: 0;
  }
}
.register .contform .contpdmax form .right1of3 {
  float: right;
  width: 33.33%;
  padding-left: 10px;
}
@media screen and (max-width: 840px) {
  .register .contform .contpdmax form .right1of3 {
    width: 100%;
    padding: 0;
  }
}
.register .contform .contpdmax form .year {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #0073CF;
  width: 100%;
  float: left;
  margin-bottom: 5px;
  line-height: 1.2 !important;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.register .contform .contpdmax form .year .media-s {
  display: none;
}
@media screen and (max-width: 620px) {
  .register .contform .contpdmax form .year .media-s {
    display: block;
  }
}
.register .contform .contpdmax form .select {
  float: right;
}
.register .contform .contpdmax form .acepta {
  max-width: 270px;
  margin-top: -15px;
}
@media screen and (max-width: 840px) and (min-width: 620px) {
  .register .contform .contpdmax form .acepta {
    max-width: 390px;
    margin-top: -7.5px;
  }
}
@media screen and (max-width: 400px) {
  .register .contform .contpdmax form .acepta {
    max-width: 240px;
    margin-top: -20px;
  }
}
@media screen and (max-width: 620px) {
  .register .contform .contpdmax form .checkbox {
    padding-top: 30px;
  }
}
@media screen and (max-width: 400px) {
  .register .contform .contpdmax form .checkbox {
    padding-top: 35px;
    padding-left: 15px;
  }
}
.register .contform .contpdmax form .date {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  padding-right: 15px;
  background-color: white !important;
  background-image: url("https://www.ub.edu/mipe/img/calendar.svg") !important;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-x: calc(100% - 16px);
  background-position-y: 16px;
}
.register .contform .contpdmax form .date::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer !important;
}
.register .contform .contpdmax form .datebirth {
  position: relative;
}
.register .contform .contpdmax form .datebirth:before {
  position: absolute;
  color: rgb(150, 150, 150);
  content: "Date of birth *";
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 30px 5px 30px;
  background-color: white;
  z-index: 2;
  cursor: text;
  pointer-events: none;
}
.register .contform .contpdmax form .datebirthout:before {
  display: none;
}
@media screen and (max-width: 400px) {
  .register .contform .contpdmax form #check {
    left: 30px !important;
  }
}

.application {
  overflow-x: hidden;
}
.application .contform {
  margin-top: 3rem;
}
.application .contform .contpdmax form fieldset .nation {
  color: rgb(150, 150, 150) !important;
}
.application .contform .contpdmax form fieldset .selectfocus {
  color: #000408 !important;
}
.application .contform .contpdmax form fieldset h2 {
  color: #000408;
  float: left;
  margin: 3rem 0 1rem 0;
  width: 100%;
  border-bottom: 1px solid #b2d5f1;
}
.application .contform .contpdmax form fieldset h2 .infoicon {
  white-space: nowrap;
  padding-left: 10px;
  cursor: pointer;
  opacity: 0.5;
  position: relative;
  transition: 0.5s;
  z-index: 6;
}
.application .contform .contpdmax form fieldset h2 .infoicon img {
  width: 15px;
  transform: translate(0, 2px);
}
.application .contform .contpdmax form fieldset h2 .infoicon .infoicontxt {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  pointer-events: none;
  display: block;
  background-color: #4c9ddd;
  color: white;
  opacity: 0;
  width: 200px;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 10px;
  margin-left: 5px;
  padding: 10px 13px;
  transition: 0.5s;
  white-space: normal;
  line-height: 1.4;
  overflow: visible;
  transform: translate(-50%, 0);
}
.application .contform .contpdmax form fieldset h2 .infoicon .infoicontxt a {
  display: inline-block;
}
@media screen and (max-width: 840px) {
  .application .contform .contpdmax form fieldset h2 .infoicon .infoicontxt {
    width: 180px;
    transform: translate(-75%, 0);
  }
}
.application .contform .contpdmax form fieldset h2 .infoicon .infoicontxt:before {
  content: "";
  display: block;
  background-color: #4c9ddd;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: -3px;
  transform: translate(-50%, 0) rotate(45deg);
}
@media screen and (max-width: 840px) {
  .application .contform .contpdmax form fieldset h2 .infoicon .infoicontxt:before {
    left: 75%;
  }
}
.application .contform .contpdmax form fieldset h2 .infoicon:hover {
  opacity: 1;
}
.application .contform .contpdmax form fieldset h2 .infoicon:hover .infoicontxt {
  pointer-events: all;
  opacity: 1;
}
.application .contform .contpdmax form fieldset .please, .application .contform .contpdmax form fieldset .question {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #0073CF;
  width: 100%;
  float: left;
  margin-bottom: 5px;
  line-height: 1.2 !important;
  margin-bottom: 2rem;
}
.application .contform .contpdmax form fieldset .please .infoicon, .application .contform .contpdmax form fieldset .question .infoicon {
  white-space: nowrap;
  padding-left: 10px;
  cursor: pointer;
  opacity: 0.5;
  position: relative;
  transition: 0.5s;
  z-index: 6;
}
.application .contform .contpdmax form fieldset .please .infoicon img, .application .contform .contpdmax form fieldset .question .infoicon img {
  width: 15px;
  transform: translate(0, 2px);
}
.application .contform .contpdmax form fieldset .please .infoicon .infoicontxt, .application .contform .contpdmax form fieldset .question .infoicon .infoicontxt {
  font-weight: 400;
  font-size: 11px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  pointer-events: none;
  display: block;
  background-color: #4c9ddd;
  color: white;
  opacity: 0;
  width: 200px;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 10px;
  margin-left: 5px;
  padding: 10px 13px;
  transition: 0.5s;
  white-space: normal;
  line-height: 1.4;
  overflow: visible;
  transform: translate(-50%, 0);
}
.application .contform .contpdmax form fieldset .please .infoicon .infoicontxt a, .application .contform .contpdmax form fieldset .question .infoicon .infoicontxt a {
  display: inline-block;
}
@media screen and (max-width: 840px) {
  .application .contform .contpdmax form fieldset .please .infoicon .infoicontxt, .application .contform .contpdmax form fieldset .question .infoicon .infoicontxt {
    width: 180px;
    transform: translate(-75%, 0);
  }
}
.application .contform .contpdmax form fieldset .please .infoicon .infoicontxt:before, .application .contform .contpdmax form fieldset .question .infoicon .infoicontxt:before {
  content: "";
  display: block;
  background-color: #4c9ddd;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: -3px;
  transform: translate(-50%, 0) rotate(45deg);
}
@media screen and (max-width: 840px) {
  .application .contform .contpdmax form fieldset .please .infoicon .infoicontxt:before, .application .contform .contpdmax form fieldset .question .infoicon .infoicontxt:before {
    left: 75%;
  }
}
.application .contform .contpdmax form fieldset .please .infoicon:hover, .application .contform .contpdmax form fieldset .question .infoicon:hover {
  opacity: 1;
}
.application .contform .contpdmax form fieldset .please .infoicon:hover .infoicontxt, .application .contform .contpdmax form fieldset .question .infoicon:hover .infoicontxt {
  pointer-events: all;
  opacity: 1;
}
.application .contform .contpdmax form fieldset .button-sm {
  margin-bottom: 0;
  margin-right: 15px;
}
.application .contform .contpdmax form fieldset .degree, .application .contform .contpdmax form fieldset .degree2, .application .contform .contpdmax form fieldset .degree3 {
  clear: both;
}
.application .contform .contpdmax form fieldset .showdegree2, .application .contform .contpdmax form fieldset .showdegree3, .application .contform .contpdmax form fieldset .hidedegree2, .application .contform .contpdmax form fieldset .hidedegree3, .application .contform .contpdmax form fieldset .showreference2, .application .contform .contpdmax form fieldset .hidereference2 {
  transition: 0.5s;
}
.application .contform .contpdmax form fieldset .hidedegree2, .application .contform .contpdmax form fieldset .hidedegree3, .application .contform .contpdmax form fieldset .hidereference2 {
  background-color: tomato !important;
}
@media screen and (min-width: 841px) {
  .application .contform .contpdmax form fieldset .hidedegree2:hover, .application .contform .contpdmax form fieldset .hidedegree3:hover, .application .contform .contpdmax form fieldset .hidereference2:hover {
    background-color: red !important;
  }
}
.application .contform .contpdmax form fieldset .hidedegree2:active, .application .contform .contpdmax form fieldset .hidedegree3:active, .application .contform .contpdmax form fieldset .hidereference2:active {
  background-color: red !important;
}
.application .contform .contpdmax form fieldset .degree2 {
  display: none;
  transform: translate(0, -10px);
}
.application .contform .contpdmax form fieldset .degree3 {
  display: none;
  transform: translate(0, -20px);
}
.application .contform .contpdmax form fieldset .fadeout {
  opacity: 0;
  pointer-events: none;
}
.application .contform .contpdmax form fieldset .bold {
  font-weight: 600;
  cursor: pointer;
}
.application .contform .contpdmax form fieldset input[type=number]::-webkit-inner-spin-button,
.application .contform .contpdmax form fieldset input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.application .contform .contpdmax form fieldset input[type=number] {
  -moz-appearance: textfield;
}
.application .contform .contpdmax form fieldset .mb2 {
  margin-bottom: 2rem !important;
}
.application .contform .contpdmax form fieldset .mt1 {
  margin-top: 1rem !important;
}
.application .contform .contpdmax form fieldset .mt3 {
  margin-top: 3.5rem !important;
}
.application .contform .contpdmax form fieldset .reference2 {
  overflow: auto;
  display: none;
  clear: both;
  transform: translate(0, -10px);
}
.application .contform .contpdmax form fieldset .reference2 .focus {
  box-shadow: inset 0 0 0 1px #7fb9e7;
}
.application .contform .contpdmax form fieldset input[type=file] {
  display: none;
}
.application .contform .contpdmax form fieldset .politica {
  margin-top: 30px;
}
.application .contform .contpdmax form fieldset .upload {
  display: block;
  float: left;
  width: 100%;
  color: rgb(150, 150, 150);
  height: 50px;
  margin-bottom: 15px;
  position: relative;
}
.application .contform .contpdmax form fieldset .upload span {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 15px 45px 5px 30px;
  line-height: 1.4;
  cursor: pointer;
  background-color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  height: 50px;
}
.application .contform .contpdmax form fieldset .upload span img {
  opacity: 0.7;
  width: 15px;
  transform: translate(-5px, 0);
}
@media screen and (min-width: 841px) {
  .application .contform .contpdmax form fieldset .upload span:hover {
    background-color: #cce3f5;
    color: #000408;
  }
  .application .contform .contpdmax form fieldset .upload span:hover img {
    opacity: 1;
  }
}
.application .contform .contpdmax form fieldset .upload span:active {
  transition: 0s !important;
  -webkit-appearance: none;
  background-color: #cce3f5;
  color: #000408;
  box-shadow: none !important;
  transition: transform 0.3s !important;
  transform: scale(0.98);
}
.application .contform .contpdmax form fieldset .upload span:active img {
  opacity: 1;
}
.application .contform .contpdmax form fieldset .upload .uploaded {
  background-color: #cce3f5;
  color: #000408;
  padding-right: 30px;
}
@media screen and (max-width: 400px) {
  .application .contform .contpdmax form fieldset #check {
    left: 30px !important;
  }
}

.swal-modal {
  max-width: 300px;
  border-radius: 0;
  margin-top: -30px;
}
.swal-modal .swal-icon {
  margin-top: 15px;
  margin-bottom: 15px;
}
.swal-modal .swal-icon img {
  width: 50%;
  margin: 0 auto;
}
.swal-modal .swal-text {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  font-family: "IBM Plex Sans", sans-serif;
  color: #000408;
  margin-bottom: 15px;
  text-align: center;
}
.swal-modal .swal-footer {
  text-align: center;
  padding: 0;
}
.swal-modal .swal-footer .swal-button {
  font-weight: 400;
  font-size: 15px;
  cursor: default;
  font-family: "Open Sans", sans-serif;
  font-family: "IBM Plex Sans", sans-serif;
  background-color: #338fd9;
  border-radius: 0;
  margin-bottom: 15px;
  width: 90px;
}
@media screen and (min-width: 841px) {
  .swal-modal .swal-footer .swal-button:hover {
    background-color: #0073CF !important;
    color: white;
  }
}
.swal-modal .swal-footer .swal-button:active {
  transition: 0s !important;
  background-color: #0073CF !important;
  color: white;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.3s !important;
  transform: scale(0.98);
}
.swal-modal .swal-footer .swal-button:focus {
  box-shadow: none !important;
}
@media screen and (max-height: 400px) {
  .swal-modal {
    transform: scale(0.8);
    margin-top: 0;
  }
}/*# sourceMappingURL=main.css.map */