@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;500;700&display=swap");

.m-0 {margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;}
.p-0 {padding-top: 0;padding-right: 0;padding-bottom: 0;padding-left: 0;}
 a {text-decoration: none;}
.place-self-center{place-self: center;}
/*************************
      Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-23 { margin-top: 23px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-58 { margin-top: 58px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-96 { margin-top: 96px }
.mt-100 { margin-top: 100px }
.mt-105 { margin-top: 105px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-125 { margin-top: 125px }
.mt-130 { margin-top: 130px }
.mt-135 { margin-top: 135px }
.mt-140 { margin-top: 140px }
.mt-145 { margin-top: 145px }
.mt-150 { margin-top: 150px }
.mt-157 { margin-top: 157px }
.mt-195 { margin-top: 195px }
/*************************
    Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-2 { margin-right: 2px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-66 { margin-right: 66px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
  Margin bottom
*************************/
.mb-0 { margin-bottom: 0px }
.mb-2 { margin-bottom: 2px }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-22 { margin-bottom: 22px }
.mb-23 { margin-bottom: 23px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-33 { margin-bottom: 33px }
.mb-35 { margin-bottom: 35px }
.mb-38 { margin-bottom: 38px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-47 { margin-bottom: 47px }
.mb-48 { margin-bottom: 48px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-58 { margin-bottom: 58px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-95 { margin-bottom: 95px }
.mb-96 { margin-bottom: 96px }
.mb-100 { margin-bottom: 100px }
.mb-105 { margin-bottom: 105px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-125 { margin-bottom: 125px }
.mb-128 { margin-bottom: 128px }
.mb-130 { margin-bottom: 130px }
.mb-135 { margin-bottom: 135px }
.mb-140 { margin-bottom: 140px }
.mb-145 { margin-bottom: 145px }
.mb-150 { margin-bottom: 150px }
.mb-220 { margin-bottom: 220px }
.mb-350 { margin-bottom: 350px }
/*************************
  Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-85 { margin-left: 85px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
  Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-12 { padding-top: 12px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-23 { padding-top: 23px }
.pt-25 { padding-top: 25px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-38 { padding-top: 38px }
.pt-40 { padding-top: 40px }
.pt-45 { padding-top: 45px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-58 { padding-top: 58px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-66 { padding-top: 66px }
.pt-70 { padding-top: 70px }
.pt-72 { padding-top: 72px }
.pt-75 { padding-top: 75px }
.pt-77 { padding-top: 77px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-90 { padding-top: 90px }
.pt-93 { padding-top: 93px }
.pt-95 { padding-top: 95px }
.pt-96 { padding-top: 96px }
.pt-98 { padding-top: 98px }
.pt-100 { padding-top: 100px }
.pt-104 { padding-top: 104px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-112 { padding-top: 112px }
.pt-113 { padding-top: 113px }
.pt-115 { padding-top: 115px }
.pt-117 { padding-top: 117px }
.pt-120 { padding-top: 120px }
.pt-122 { padding-top: 122px }
.pt-123 { padding-top: 123px }
.pt-124 { padding-top: 124px }
.pt-125 { padding-top: 125px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-145 { padding-top: 145px }
.pt-150 { padding-top: 150px }
.pt-152 { padding-top: 152px }
.pt-155 { padding-top: 155px }
.pt-157 { padding-top: 157px }
.pt-160 { padding-top: 160px }
.pt-195 { padding-top: 195px }
.pt-220 { padding-top: 220px }
/*************************
  Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-58 { padding-right: 58px }
.pr-60 { padding-right: 60px }
.pr-63 { padding-right: 63px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
  Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-12 { padding-bottom: 12px }
.pb-14 { padding-bottom: 14px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-27 { padding-bottom: 27px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-38 { padding-bottom: 38px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-66 { padding-bottom: 66px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-78 { padding-bottom: 78px }
.pb-80 { padding-bottom: 80px }
.pb-83 { padding-bottom: 83px }
.pb-85 { padding-bottom: 85px }
.pb-88 { padding-bottom: 88px }
.pb-90 { padding-bottom: 90px }
.pb-93 { padding-bottom: 93px }
.pb-95 { padding-bottom: 95px }
.pb-96 { padding-bottom: 96px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-118 { padding-bottom: 118px }
.pb-120 { padding-bottom: 120px }
.pb-125 { padding-bottom: 125px }
.pb-128 { padding-bottom: 128px }
.pb-130 { padding-bottom: 130px }
.pb-135 { padding-bottom: 135px }
.pb-140 { padding-bottom: 140px }
.pb-145 { padding-bottom: 145px }
.pb-150 { padding-bottom: 150px }
.pb-155 { padding-bottom: 155px }
.pb-185 { padding-bottom: 185px }
.pb-190 { padding-bottom: 190px }
.pb-195 { padding-bottom: 195px }
.pb-220 { padding-bottom: 220px }
/*************************
  Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/***************************
  Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-18 { padding: 18px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
/***************************
  Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0}
.mtb-15 { margin: 15px 0}
.mtb-20 { margin: 20px 0}
.mtb-30 { margin: 30px 0}
.mtb-40 { margin: 40px 0}
.mtb-50 { margin: 50px 0}
.mtb-60 { margin: 60px 0}
.mtb-70 { margin: 70px 0}
.mtb-80 { margin: 80px 0}
.mtb-90 { margin: 90px 0}
.mtb-100 { margin: 100px 0}
.mtb-110 { margin: 110px 0}
.mtb-120 { margin: 120px 0}
.mtb-130 { margin: 130px 0}
.mtb-140 { margin: 140px 0}
.mtb-150 { margin: 150px 0;}

/*===============================================ESTILOS HOME==========================================================*/
.fixed-top {top: -40px;transform: translateY(40px);transition: transform .3s;}

/*-----Animacion Hover - El texto se hace pequeño*/
.hvr-shrink {font-family: 'Cinzel';color: #033266;display: block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgb(0 0 0 / 0%);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {-webkit-transform: scale(0.9);transform: scale(0.9);}
/*Animacion Hover - El texto se hace pequeño------*/

/*-----Animacion Hover - Hace que el contenido flote */
@-webkit-keyframes hvr-bob {
  0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);} 50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);} 100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
  }
@keyframes hvr-bob {
  0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);} 50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);} 100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
  }
@-webkit-keyframes hvr-bob-float {100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}}
@keyframes hvr-bob-float { 100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}}
.hvr-bob {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {-webkit-animation-name: hvr-bob-float, hvr-bob;animation-name: hvr-bob-float, hvr-bob;-webkit-animation-duration: .3s, 1.5s;animation-duration: .3s, 1.5s;-webkit-animation-delay: 0s, .3s;animation-delay: 0s, .3s;-webkit-animation-timing-function: ease-out, ease-in-out;animation-timing-function: ease-out, ease-in-out;-webkit-animation-iteration-count: 1, infinite;animation-iteration-count: 1, infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-direction: normal, alternate;animation-direction: normal, alternate;
}
/*Animacion Hover - Hace que el contenido flote-----*/

/*----Estilo animdado- este efecto hace que la imagen de fondo tenga un moviemiento*/
#ibcj-calendario{border-top: #c99700 solid 3px;padding-bottom: 50px;background: rgb(43,84,147); background: -moz-linear-gradient(90deg, rgba(43,84,147,1) 0%, rgba(52,116,211,1) 100%); background: -webkit-linear-gradient(90deg, rgba(43,84,147,1) 0%, rgba(52,116,211,1) 100%); background: linear-gradient(90deg, rgba(43,84,147,1) 0%, rgba(52,116,211,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b5493",endColorstr="#3474d3",GradientType=1);}
.css-selector-eventos {background: linear-gradient(207deg, #bf0d3e, #92042b);background-size: 400% 400%;-webkit-animation: AnimationName 14s ease infinite;-moz-animation: AnimationName 14s ease infinite;-o-animation: AnimationName 14s ease infinite;animation: AnimationName 14s ease infinite;}
@-webkit-keyframes AnimationName {0%{background-position:79% 0%} 50%{background-position:22% 100%} 100%{background-position:79% 0%}}
@-moz-keyframes AnimationName {0%{background-position:79% 0%}50%{background-position:22% 100%}100%{background-position:79% 0%}}
@-o-keyframes AnimationName {0%{background-position:79% 0%}50%{background-position:22% 100%}100%{background-position:79% 0%}}
@keyframes AnimationName {0%{background-position:79% 0%}50%{background-position:22% 100%}100%{background-position:79% 0%}}
/*Estilo animdado- este efecto hace que la imagen de fondo tenga un moviemiento----*/

/*--------------Animacion para botones con efecto de onda en forma de rectangulos----------------------------------*/
.hover-effect::before {right: 0;opacity:0.7;top: 0;}
.hover-effect::after {bottom: 0;opacity: 0.7;left: 0;}
.hover-effect::before, .hover-effect::after {content: "";background: #fff;height: 0;width: 0;z-index: 1;position: absolute;-webkit-transition-duration: 1.3s !important;-o-transition-duration: 1.3s;transition-duration: 1.3s !important;}
.hover-effect:hover::after, .hover-effect:hover::before {height: 100%;opacity: 0;width: 100%;}
/*--------------Animacion para botones con efecto de onda en forma de rectangulos----------------------------------*/

/*--------------Animacion-------------*/
.hvr-icon-push {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
/*--------------Animacion---------------*/

.text-center {text-align: center!important;}
ul li, ol li {font-family: "PT Sans";color: #666766;font-size: 0.8rem;line-height: 1rem;font-weight: 600;}
/*GRIDS*//* 3 COLUMNAS CON CONTAINER*/
.grid-h{ display: inline-flex;}
.grid-flex{ display: inline-flex;}
@media (max-width: 767px) {.grid-h{ display: inline-block;}}
/*========================================INICIA LANDING PAGE IBCJ HOME================================================*/
/*----------------------------------Estilos de botones bordes---------------------------*/
.border-buttons{border-radius: 30px 0px 30px 0px;}
.border-buttons-2 {border-radius: 15px 0px 15px 0px;}
.border-buttons-3 {border-radius: 15px 0px 15px 0px;width: 160px;font-family: 'Source Sans Pro';font-weight: 600;color: #fff;background-color: #dfb433;border: none;padding: 5px 5px;margin: 15px -265px;}
.border-buttons-4 {border-radius: 2px;}
/*-----------------------------------Estilos de botones bordes---------------------------*/

  /*------------------------Inicia seccion de mensaje del rector-------------------------*/
  .video__wrapper {margin: 20px 0;position: relative;}
  video {width: 100%;max-width: 100%;display: inline-block;vertical-align: top;}
  .video__play-button {margin: 0;padding: 0;cursor: pointer;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;border-radius: 0;background-color: transparent;-webkit-appearance: none;z-index: 2;transition: all 200ms ease-in-out;}
  .video__play-button i{color: #BF0D3E;font-size: 4em;position: relative;top: 130px;left: 270px;}
  .video__play-button i:hover{color: #c99700 !important;transition: color 0.7s ease-in-out;}
  .video__play-button[data-button-state=pause] .video__play-button-icon--pause {display: none;}
  .video__play-button[data-button-state=play] .video__play-button-icon--play {display: none;}
  .video__play-button[data-button-state=play] .video__play-button-icon {opacity: 0;}
  .video__play-button[data-button-state=play]:hover .video__play-button-icon {opacity: 1;}
  .video__play-button[data-button-state=play] {background-color: rgba(0, 0, 0, 0);}
  .video__play-button[data-button-state=play]:hover {background-color: rgba(255, 255, 255, 0.222);}
  .video__fullscreen-button {position: absolute;top: 345px;left: 25px;-webkit-appearance: none;background: transparent;border: none;z-index: 3;}
  .video__fullscreen-icon {padding: 10px;display: block;vertical-align: top;color: #fff;opacity: 0;visibility: hidden;transition: all 200ms ease-in-out;}
  .video__wrapper[data-state=pause] .video__fullscreen-icon,.video__wrapper[data-state=play]:hover .video__fullscreen-icon {opacity: 1;visibility: visible;}
  .video__fullscreen-icon polygon {fill: currentColor;}
  .pt-pb{padding-top:100px ;padding-bottom:100px ;}
  .hr-rector hr{border: 1px solid #CA9700;opacity: 1;margin-left: 15vw;}
  .rector-margen-espacio{padding: 60px 65px;margin-left: -30px;}
  .rector-video video{border-radius: 10px;margin-left: 0px;width: 100%;}
  .about-conteni-title h1{font-size: 1.65em;color: #00155C;font-weight: 500;font-family: 'Cinzel';text-transform: none;text-align: left;}
  .about-conteni-title span{color: #00155C;font-weight: 700;font-family: 'Cinzel';text-transform: none;}
  .about-conteni-border-left hr{color: #BF0D3E;height: 2px;width: 10vw;opacity: 2;}
  .about-conteni-title-right h1{font-size: 1.65em;color: #00155C;font-weight: 500;font-family: 'Cinzel';text-transform: none;text-align: right;}
  .about-conteni-title-right span{color: #00155C;font-weight: 700;font-family: 'Cinzel';text-transform: none;}
  .about-conteni-border-right hr{color: #BF0D3E;height: 2px;margin-left: 77vw;opacity: 2;}
  .about-conteni-home p{font-size: 1.125rem;color: #434A5F;font-family: 'Source Sans Pro', sans-serif;font-weight: 500;margin-bottom: 30px;line-height: 2.2rem;text-align: left;}
  /*------------------------Termina seccion de mensaje del rector-------------------------*/

  /*-------------------------Oferta educativa---------------------------------------------*/
  .mhn-slide .mhn-item{width: 90%;padding: 10px;margin-left: 15px;display: inline-grid;}
  .mhn-slide .mhn-inner{text-align: center;padding: 30px 5px;border: #CFCFCF solid 1px;border-radius: 3px;height: 370px;display: inline-grid;}
  .img-ofertaedu img{display: block;width: 44% !important;place-self: center;margin-bottom: -15px;}
  .img-ofertaedu2 img{display: block;width: 25% !important;place-self: center;margin-bottom: -25px;}
  .img-ofertaedu3 img{display: block;width: 20% !important;place-self: center;margin-bottom: -20px;}
  .img-ofertaedu4 img{display: block;width: 44% !important;place-self: center;margin-bottom: -55px;}
  .img-ofertaedu4 {margin-top: 25px;text-align: -webkit-center;}
  .mhn-slide .mhn-item i{font-size: 3em;margin: 20px 10px;color: #CA9700;}
  .mhn-slide .mhn-item h4{font-family: 'Source Sans Pro', sans-serif;font-size: 1.3em;color: #0F2366;margin: 15px 10px;}
  .mhn-slide .mhn-text-titulo h4{font-family: 'Source Sans Pro', sans-serif;font-size: 1.3em;color: #0F2366; margin-top: 60px !important; margin-bottom: 0px !important;}
  .mhn-text-titulo p{margin-top: 20px !important;margin-bottom: 8px !important;}
  .mhn-slide .mhn-item p{font-family: 'Source Sans Pro', sans-serif;font-size: 0.8em; margin: 20px 15px;}
  .mhn-slide .mhn-text-titulo button{font-family: 'Source Sans Pro', sans-serif;border: none;background: #BB0B24;border-radius: 5%;color: #fff;font-size: 1em;padding: 5px 20px;margin: 15px 0px !important;}
  .mhn-slide .mhn-text-titulo button:hover{background: #0F2366;color: #fff;transition: background 0.7s ease-in-out;}
  .mhn-slide .mhn-item button{font-family: 'Source Sans Pro', sans-serif;border: none;background: #BB0B24;border-radius: 5%;color: #fff;font-size: 1em;padding: 5px 20px;display: inline-grid}
  .mhn-slide .mhn-item button:hover{background: #0F2366;color: #fff;transition: background 0.7s ease-in-out;}
  .mhn-slide .mhn-text{text-align:center;}
  .mhn-slide .mhn-text h4{font-weight:700;/*white-space:nowrap;*/text-overflow:ellipsis;overflow:hidden}
  .mhn-slide .mhn-text-titulo h4{font-weight:700;/*white-space:nowrap;*/text-overflow:ellipsis;overflow:hidden}
  .mhn-slide .mhn-text-titulo p{max-height: 5.9em;}
  .mhn-slide .mhn-text p{  /* max-height: 4.5em; */overflow: hidden;display: inline-grid;}
  .mhn-slide .owl-stage-outer{z-index:1}
  .mhn-slide .owl-nav{color:#333;position:absolute;top:0;left:0;right:0;bottom:0}
  .mhn-slide .owl-nav svg{color:currentColor}
  .mhn-slide .owl-nav .disabled{display:none}
  .mhn-slide .owl-prev,
  .mhn-slide .owl-next{top: 170px;z-index: 2;width: 40px;height: 40px;position: absolute;border-radius: 50%;background-color: #fff;border: solid 1px #333;}
  .mhn-slide .owl-prev{left:-20px}
  .mhn-slide .owl-next{right: -20px;}
  .btn-ofertedu {border: none;display: block;text-align: center;cursor: pointer;outline: none;overflow: hidden;position: relative;color: #fff;font-weight: 500;font-size: 15px;padding: 8px 30px;}
  .btn-ofertedu span {position: relative; z-index: 1;}
  /*-------------------------Oferta educativa---------------------------------------------*/

  /*-----------------------------------------------------ESTILOS MODAL OFERTA EDUCATIVA-------------------------------------------------------------*/
  .modal-body h5{text-align: center;}
  .modal-header{background: #BB0B24;}
  .modal-header {display: flex;flex-shrink: 0;align-items: center;justify-content: space-between;padding: 0rem 0rem;border-bottom: 1px solid #dee2e6;border-top-left-radius: calc(0.3rem - 1px);border-top-right-radius: calc(0.3rem - 1px);}
  .btn-close1{border: none;background: transparent;margin-left: auto;font-size: 1.5em;color: #fff;}
  .btn-close1::before {font-family: "Font Awesome 5 Free";font-weight: 400;content: "\f057";}
  .btn-close1:hover{color: #CA9700; transition: color 0.7s ease-in-out;}
  .header-modal-oferta section{background: url("../img/inscripciones/inscripciones_banner_1403x316.png");background-size: cover;}
  .header-modal-oferta hr{width: 8.5vw; background-color: #BB0B24; opacity: 1; height: 2px;margin-top: 40px; margin-left: 25px;}
  .header-modal-oferta h1{font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 1.8em;color: #fff;margin-top: -10px; margin-left: 25px;}
  .header-modal-oferta h3{font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 1.2em;color: #fff;margin-bottom: 40px; margin-left: 25px;}
  .listado ul {list-style: none; margin-top: 25px; margin-left: 30px; /* Remove default bullets */}
  .listado ul li::before {font-family: "Font Awesome 5 Free";font-weight: 400;content: "\f02d";color: #CA9700; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
  .listado li {margin: 15px 0px;}
  .listado li a {font-family: 'Source Sans Pro', sans-serif;font-weight: 400;font-size: 1.2em;text-decoration: none; margin-left: 10px;color: black;}
  .listado li a:hover {text-decoration: none;color: #BB0B24; transition: color 0.7s ease-in-out;}
  .button-oferta-edu {text-align: -webkit-center;}
  .button-oferta-edu button{font-family: 'Source Sans Pro', sans-serif;text-align: -webkit-center;border: none;background: #0F2366;color: #fff;border-radius: 5px 5px 5px 5px;padding: 5px 30px;margin: 30px 0px;}
  .button-oferta-edu button:hover{background: #BB0B24;color: #fff;  transition: background 0.7s ease-in-out;}
  .container-card {display: flex;-webkit-display: box;-moz-display: box;-ms-display: flexbox;-webkit-display: flex;flex-wrap: wrap;padding: 0px;margin: 0;}
  .listado a:after {display: inline-block;font-family: "FontAwesome";color: #BB0B24;}
  .listado ul li, a:after {transition: all 0.25s;opacity: 0;margin-left: -0.5em;}
  .listado ul li, a:hover:after {opacity: 1;margin-left: 0.4em;}
  #fa-arrow-right a:after {content: "";}
  /*=========================================================ESTILOS RESPOSIVE CARDS OFERTA EDUCATIVA==============================================*/
  @media (max-width:2560px)
  {
    .mhn-slide .mhn-item{width: 90%;padding: 10px;margin-left: 15px;display: inline-grid;}
    .mhn-slide .owl-prev{left:-20px}
    .mhn-slide .owl-next{right: -20px;}
    .mhn-text-titulo p{margin-top: 37px !important;margin-bottom: 8px !important;}    
    .img-ofertaedu4 {margin-top: 40px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p{font-family: 'Source Sans Pro', sans-serif;font-size: 0.8em; margin: 20px 15px;}
    .mhn-slide .mhn-item h4{font-family: 'Source Sans Pro', sans-serif;font-size: 1.3em;color: #0F2366;margin: 15px 10px;}
    .mhn-slide .mhn-text-titulo p{max-height: 5.9em;}
  }
  @media (max-width:1440px)
  {
    .mhn-slide .mhn-item{width: 90%;padding: 10px;margin-left: 15px;display: inline-grid;}
    .mhn-slide .owl-prev{left:-20px}
    .mhn-slide .owl-next{right: -20px;}
    .mhn-text-titulo p{margin-top: 37px !important;margin-bottom: 8px !important;}    
    .img-ofertaedu4 {margin-top: 40px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p{font-family: 'Source Sans Pro', sans-serif;font-size: 0.8em; margin: 20px 15px;}
    .mhn-slide .mhn-item h4{font-family: 'Source Sans Pro', sans-serif;font-size: 1.3em;color: #0F2366;margin: 15px 10px;}
    .mhn-slide .mhn-text-titulo p{max-height: 5.9em;}
  }
  @media (max-width:1280px)
  {
    .mhn-slide .mhn-item{width: 90%;padding: 10px;margin-left: 15px;display: inline-grid;}
    .mhn-slide .owl-prev{left:-20px}
    .mhn-slide .owl-next{right: -20px;}
    .mhn-text-titulo p{margin-top: 20px !important;margin-bottom: 8px !important;}    
    .img-ofertaedu4 {margin-top: 25px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p{font-family: 'Source Sans Pro', sans-serif;font-size: 0.8em; margin: 20px 15px;}
    .mhn-slide .mhn-item h4{font-family: 'Source Sans Pro', sans-serif;font-size: 1.3em;color: #0F2366;margin: 15px 10px;}
    .mhn-slide .mhn-text-titulo p{max-height: 5.9em;}
  }
  @media (max-width:1024px)
  {
    .mhn-slide .mhn-item {margin-left: 20px;width: 90%;padding: 10px;}
    .mhn-slide .owl-prev{left:-10px}
    .mhn-slide .owl-next{right: -27px;}
    .mhn-text-titulo p{margin-top: 20px !important; margin-bottom: 25px !important; margin-left: 15px !important; margin-right: 15px !important;}
    .img-ofertaedu4 {margin-top: 37px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p {font-size: 0.7em;}
    .mhn-slide .mhn-item h4 {font-size: 1em;margin: 0px 0px;}
    .mhn-slide .mhn-text-titulo p { max-height: 5.9em;}
  }
  @media (max-width:1000px)
  {
    .mhn-slide .mhn-item {margin-left: 20px;width: 90%;padding: 10px;}
    .mhn-slide .owl-prev{left:-10px}
    .mhn-slide .owl-next{right: -27px;}
    .mhn-text-titulo p{margin-top: 20px !important; margin-bottom: 25px !important; margin-left: 15px !important; margin-right: 15px !important;}
    .img-ofertaedu4 {margin-top: 37px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p {font-size: 0.7em;}
    .mhn-slide .mhn-item h4 {font-size: 1em;margin: 0px 0px;}
    .mhn-slide .mhn-text-titulo p { max-height: 5.9em;}
  }
  @media (max-width:991px)
  {
    .mhn-slide .mhn-item {margin-left: 20px;width: 90%;padding: 10px;}
    .mhn-slide .owl-prev{left:-10px}
    .mhn-slide .owl-next{right: -27px;}
    .mhn-text-titulo p{margin-top: 7px !important; margin-bottom: 25px !important; margin-left: 15px !important; margin-right: 15px !important;}
    .img-ofertaedu4 {margin-top: 30px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p {font-size: 0.7em;}
    .mhn-slide .mhn-item h4 {font-size: 1em;margin: 0px 0px;}
    .mhn-slide .mhn-text-titulo p { max-height: 5.9em;}
  }
  @media (max-width:768px)
  {
    .mhn-slide .mhn-item {margin-left: 20px;width: 90%;padding: 10px;}
    .mhn-slide .owl-prev{left:-10px}
    .mhn-slide .owl-next{right: -27px;}
    .mhn-text-titulo p{margin-top: 7px !important; margin-bottom: 25px !important; margin-left: 15px !important; margin-right: 15px !important;}
    .img-ofertaedu4 {margin-top: 15px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p {font-size: 0.8em;}
    .mhn-slide .mhn-item h4 {font-size: 1.3em;margin: 0px 0px;}
    .mhn-slide .mhn-text-titulo p { max-height: 5.9em;}
  }
  @media (max-width:767px)
  {
    .mhn-slide .mhn-item {margin-left: 0px;width: 100%;padding: 10px;}
    .mhn-slide .owl-prev{left:-35px}
    .mhn-slide .owl-next{right: -35px;}
    .mhn-text-titulo p{margin-top: 7px !important; margin-bottom: 37px !important; margin-left: 15px !important; margin-right: 15px !important;}
    .img-ofertaedu4 {margin-top: 30px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p {font-size: 0.63em;}
    .mhn-slide .mhn-item h4 {font-size: 1em;margin: 0px 0px;}
    .mhn-slide .mhn-text-titulo p { max-height: 5.9em;}
  }
  @media (max-width:425px)
  {
    .mhn-slide .mhn-item {margin-left: 20px;width: 90%;padding: 10px;}
    .mhn-slide .owl-prev{left:-10px}
    .mhn-slide .owl-next{right: -10px;}
    .mhn-text-titulo p{margin-top: 30px !important; margin-bottom: 5px !important; margin-left: 5px !important; margin-right: 5px !important;}
    .img-ofertaedu4 {margin-top: 40px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p {font-size: 0.8em;}
    .mhn-slide .mhn-item h4 {font-size: 1.3em;margin: 10px 10px;}
    .mhn-slide .mhn-text-titulo p { max-height: 5.9em;}
  }
  @media (max-width:375px)
  {
    .mhn-slide .mhn-item {margin-left: 17px;width: 90%;padding: 10px;}
    .mhn-slide .owl-prev{left:-10px}
    .mhn-slide .owl-next{right: -10px;}
    .mhn-text-titulo p{margin-top: 30px !important; margin-bottom: 5px !important; margin-left: 5px !important; margin-right: 5px !important;}
    .img-ofertaedu4 {margin-top: 40px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p {font-size: 0.8em;}
    .mhn-slide .mhn-item h4 {font-size: 1.3em;margin: 10px 10px;}
    .mhn-slide .mhn-text-titulo p { max-height: 5.9em;}
  }
  @media (max-width:320px)
  {
    .mhn-slide .mhn-item {margin-left: 15px;width: 90%;padding: 10px;}
    .mhn-slide .owl-prev{left:-10px}
    .mhn-slide .owl-next{right: -10px;}
    .mhn-text-titulo p{margin: 15px 15px !important;}
    .img-ofertaedu4 {margin-top: 24px;text-align: -webkit-center;}
    .mhn-slide .mhn-item p {font-size: 0.8em;}
    .mhn-slide .mhn-item h4 {font-size: 1.3em;margin: 10px 10px;}
    .mhn-slide .mhn-text-titulo p { max-height: 5.9em;}
  }
  /*=========================================================ESTILOS RESPOSIVE CARDS OFERTA EDUCATIVA==============================================*/

  /*=========================================================ESTILOS RESPOSIVE MODAL OFERTA EDUCATIVA==============================================*/
  @media (max-width:1024px)
  {
.header-modal-oferta hr {width: 8.8vw;}
.header-modal-oferta h1 {font-size: 1.5em;}
.header-modal-oferta h3 {font-size: 1em;}
.listado li a {font-size: 1.3em; margin-left: 12px;}
.listado ul {margin-top: 25px;margin-left: 40px;}
.listado ul li::before {width: 1em;margin-left: -1.5em;}
  }
  @media (max-width:1000px)
  {
.header-modal-oferta hr {width: 8.8vw;}
.header-modal-oferta h1 {font-size: 1.5em;}
.header-modal-oferta h3 {font-size: 1em;}
.listado li a {font-size: 1.3em; margin-left: 12px;}
.listado ul {margin-top: 25px;margin-left: 40px;}
.listado ul li::before {width: 1em;margin-left: -1.5em;}
  }
  @media (max-width:768px)
  {
.header-modal-oferta hr {width: 11.8vw;}
.header-modal-oferta h1 {font-size: 1.5em;}
.header-modal-oferta h3 {font-size: 1em;}
.listado li a {font-size: 1.3em; margin-left: 12px;}
.listado ul {margin-top: 25px;margin-left: 40px;}
.listado ul li::before {width: 1em;margin-left: -1.5em;}
  }
  @media (max-width:767px)
  {
.header-modal-oferta hr {width: 12vw;}
.header-modal-oferta h1 {font-size: 1.5em;}
.header-modal-oferta h3 {font-size: 1em;}
.listado li a {font-size: 1.3em; margin-left: 12px;}
.listado ul {margin-top: 25px;margin-left: 40px;}
.listado ul li::before {width: 1em;margin-left: -1.5em;}
  }
  @media (max-width:425px)
  {
.header-modal-oferta hr {width: 21.5vw;}
.header-modal-oferta h1 {font-size: 1.5em;}
.header-modal-oferta h3 {font-size: 1em;}
.listado li a {font-size: 1.2em; margin-left: 12px;}
.listado ul {margin-top: 25px;margin-left: 40px;}
.listado ul li::before {width: 1em;margin-left: -1.5em;}
  }
  @media (max-width:375px)
  {
.header-modal-oferta hr {width: 24.5vw;}
.header-modal-oferta h1 {font-size: 1.5em;}
.header-modal-oferta h3 {font-size: 1em;}
.listado li a {font-size: 1.2em; margin-left: 7px;}
.listado ul {margin-top: 25px;margin-left: 40px;}
.listado ul li::before {width: 1em;margin-left: -1.5em;}
  }
  @media (max-width:320px)
  {
.header-modal-oferta hr {width: 28.5vw;}
.header-modal-oferta h1 {font-size: 1.5em;}
.header-modal-oferta h3 {font-size: 1em;}
.listado li a {font-size: 1em; margin-left: 12px;}
.listado ul {margin-top: 25px;margin-left: 40px;}
.listado ul li::before {width: 1em;margin-left: -2em;}
  }
  /*=========================================================ESTILOS RESPOSIVE MODAL OFERTA EDUCATIVA==============================================*/