/*::::::::::::::::::::::
:::::::::STYLES:::::::::
::::::::::::::::::::::*/
@charset "utf-8";

/* import files
----------------------------------------------------------------------------- */
/*fonts*/
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:400,500,600,700,800,900&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);
/*Icons*/
@import url("../lib/font-awesome-old/css/font-awesome.min.css");
@import url("../lib/icomoon/style.css");
/*Other layouts*/
@import url("../lib/owlcarousel/css/owl.carousel.min.css");
@import url("../lib/timeline/css/timeline.css");

/*==============================================================
=======================  STYLES. ===============================
==============================================================*/

/* Reset
----------------------------------------------------------------------------- */
body {
  position: relative;
  overflow-y:scroll; overflow-x:hidden;
}

html, body {
  min-height: 100vh;
  margin:0; 
  padding:0; 
}

*, *::before, *::after{box-sizing:border-box;}
a:hover, a:active{text-decoration:none;}

/* HTML 5 Overrides
----------------------------------------------------------------------------- */
address, article, aside, figcaption, figure, main, nav, section{
    display:block;
    margin:0;
    padding:0;
}
/*ol, ul {list-style: none;}*/
nav ol, nav ul {list-style: none;}
header ol, header ul {list-style: none;}
footer ol, footer ul {list-style: none;}
.events-content ol, .events-content ul{
  list-style: none;
}
.timeline ol, .timeline ul{
  list-style: none;
}
/* Fonts
----------------------------------------------------------------------------- */
/*Font family*/
body, input, textarea, select, figcaption, p, .btn {
  font-family: 'Muli', sans-serif;
}
strong {
  font-family: 'Poppins', sans-serif;
  font-weight:500; 
} 
h1, h2, h3, h4, h5, h6{
  font-family: 'Poppins', sans-serif;
  font-weight:500; 
  text-transform: initial;
  margin: 0 0 15px 0;
  padding: 0;
}

.card-title {
  font-family: 'Poppins', sans-serif;
  font-weight:400; 
}
.card-subtitle {
  font-family: 'Poppins', sans-serif;
  font-weight:300;
}
.subtitle {
  font-family: 'Poppins', sans-serif;
  font-weight:300;
  margin: -8px 0 25px 0; 
}
.heading{
  font-family: 'Poppins', sans-serif;
  font-weight:400;
  margin: 0 0 10px 0; 
}

thead, tbody h6{
  font-family: 'Poppins', sans-serif;
}
thead{font-weight:500;}
tbody h6{font-weight:400;}
tbody strong{font-weight:400;}

/*Size*/
html{font-size: 1rem;}
h1{font-size: 2.2rem;}
h2{font-size: 2rem;} 
h3{font-size: 1.7rem;}
h4{font-size: 1.4rem;}
h5{font-size: 1.2rem;}
h6{font-size: 1rem;}
thead{font-size: 1rem;}
tbody h6{font-size: 0.7rem;}
.heading{font-size:1rem;}
.subtitle{font-size:.85rem;}
.font-xs{font-size:1rem;}
.font-sm{font-size:1rem;}
.font-md{font-size:1.25rem;}
.block-sidebar h6, .block-cta h6{
  font-size:.7rem;
  font-weight:600; 
}
.card-title {
  font-size:1.1rem;
  line-height:1.5rem; 
}
.card-subtitle {font-size:.6rem;}

.lead{
  font-size: 0.8rem;
  line-height: 1.2rem;
}
.academic-areas h6{
  font-size: 0.8rem;
  line-height: 1.1rem;
}

tbody{
      border-collapse: collapse;
      font-size: 14px;
}
tr{
  border-bottom: 1px solid #e6e6e6;
}
th{
  padding: 5px;
  font-size: 13px;
  letter-spacing: 0.03em;
  border: 1px solid #e6e6e6;
}
td{
  padding: 5px;
  border: 1px solid #e6e6e6;
}
table{
  margin: 40px 0px;
  border: 1px solid #e6e6e6;;
}


.col-12 > table{

}

/*Search text*/
.search-header .txt {
  font-family: 'Poppins', sans-serif;
  font-size:0.52rem;
  font-weight:500;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

/*Links header*/
.h-links li a {
  font-family: 'Poppins', sans-serif;
  font-size:0.52rem;
  font-weight:500;
  letter-spacing: 0.05rem;
  text-transform: capitalize;
  line-height:30px;
}

/*Links btn header*/
.h-links li .dropdown button, .h-links li .btn-header {
  font-family: 'Poppins', sans-serif;
  font-size:0.7rem;
  font-weight:500;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  line-height:30px; 
}  

.carousel-caption h1 {
  font-family: 'Poppins', sans-serif;
  font-weight:900; 
}

/*Tabs*/
#tabs .nav-tabs .nav-link {
  font-family: 'Poppins', sans-serif;
  font-weight:400; 
}

/* Generalise
----------------------------------------------------------------------------- */
address{font-style:normal; font-weight:normal;}
hr{display:block; width:100%; height:1px; border:solid; border-width:1px 0 0 0;}
hr.light {
  max-width: 50px;
  border-width: 3px;
  border-color: #fff;
}

.bold{font-weight:bold;}
.uppercase{text-transform:uppercase;}
.capitalise{text-transform:capitalize;}
.hidden{display:none;}
.center{text-align:center;}
.right{text-align:right;}

.nospace {margin:0; padding:0; list-style:none;}

.initial{text-transform: initial;}

/* Display properties
----------------------------------------------------------------------------- */
/*Inline elements*/
.block{display:block;}
/*Elementos de línea */
.inline *{display:inline-block;}
.inline *:last-child{margin-right:0;}
.hidden{display:none;}

/* Image styles
----------------------------------------------------------------------------- */
img, object, embed, video {max-width: 100%;}
img{
    width:auto;
    max-width:100%;
    height:auto;
    margin:0;
    padding:0;
    border:none;
    line-height:normal;
    vertical-align:middle;
}

.fl_left{
  display:block;
  float:none;
}
.fl_right{
  display:block;
  float:none;
}

/* IE 6 no admite max-width (anchura máxima),por lo que usa de manera
predeterminada una anchura del 100% */
.ie6 img {width:100%;}
.img-hover:hover {opacity: 0.8;}

/* Container filter with background image
----------------------------------------------------------------------------- */
.overlay{position:relative; z-index:1;}
.overlay::after{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    z-index:-1;
}

/* Background styles
----------------------------------------------------------------------------- */
.bkgnd{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.attach{background-attachment: fixed;}

/* Button styles
----------------------------------------------------------------------------- */
.btn {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border:1px solid;
  padding: 0.55rem 1.1rem;
  font-size: 0.6rem;
  letter-spacing:0.02rem;
  line-height: 0.8rem;
  border-radius: 5rem;
  transition: color 0.15s ease-in-out, 
  background-color 0.15s ease-in-out, 
  border-color 0.15s ease-in-out, 
  box-shadow 0.15s ease-in-out;
  text-decoration: none;
  color:#fff;
}

.btn:hover {transition:1s;}
.btn:active, .btn:focus {box-shadow:none;}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow:none;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.45rem 1rem;
  font-size: 0.55rem;
  line-height: 1.5;
  border-radius: 1rem;
}

.dropdown-toggle::after {
    margin-left:-0.10rem;
}

/*--------------------------------------------------------------
# Line text
--------------------------------------------------------------*/
/*Line text one*/
.line-text {
  display:table;
}
.line-text.text-center {
  margin:0 auto;
}
.line-text:after {
  content:''; 
  display:block; 
  width:80px; 
  height:2px; 
  background:#0d4c91; 
  margin:0 auto 50px; 
  margin-top:15px; 
  border-radius:0px;
}
/*Line text two*/
.line-text-two {
  display:table;
}
.line-text-two:after {
  content:''; 
  display:block; 
  width:80px; 
  height:2px; 
  background:#0d4c91; 
  margin-top:15px; 
  margin-bottom: 0.2rem;
  border-radius:0px;
}

.float-center{
  background-color: blue;
  display: inline-block;
  max-width: 300px;
}

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.form-control-sm {
    height: 34px;
    padding: 0.2rem 0.5rem;
    font-size: 0.6rem;
    line-height: 34px;
    border-radius: 0;
}

.form-control:focus {box-shadow: none;}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* Colours
----------------------------------------------------------------------------- */
body{color:#262626; background-color:#ffffff;}
input, textarea, select, .table{
  color:#262626;
}
h1, h2, h3, h4, h5, h6{color:#000000;}
.heading{color:#000000;}
.subtitle{color:#0d4c91;}
strong, .lead{color:#0d4c91;} 
thead{
  background-color:#f9f8f8;
  color:#0d4c91;
}
a{color:#000000;}
a:active, a:focus{color:#0d4c91;}/* IE10 + 11 Bugfix - prevents grey background */

hr {border-color: #337ab7;}
hr.light {border-color: #fff;}

.primary-color {color:#0d4c91;}
.text-secondary {color:#1E90D8;}
.text-tertiary {color:#003362;}
.text-inverted {color: #fff;}
.text-muted {color: #1E90D8 !important;}
.text-muted strong{color: #1E90D8;}

.bg-default {background-color:#ffffff; color:#262626; }
.bg-primary {background-color:#e3e3e3; color:gray;}
.bg-secondary {background-color:#dff0d8; color:;}
.bg-tertiary {background-color:#d9edf7; color:;}
.bg-inverted {background-color:#000; color:#fff;}
.bg-blue {background-color:#006CB1;}

.card-subtitle {color:#0d4c91;}
tbody h6{color:#0d4c91;}
tbody strong{color:#000000;}
/* Btn
----------------------------------------------------------------------------- */
/* Btn-primary */
.btn-primary {
  background-color:#ffffff;
  color: #0d4c91;
  border-color:#0d4c91; 
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #0d4c91;
  color: #fff;
}
/* Btn-light */
.btn-light {
  background-color: #ffffff;
  color: #0d4c91;
  border-color:#0d4c91; 
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
  background-color: #0d4c91;
  color: #fff;
}
/* Btn-header */
.btn-header {
  background-color: #ffffff;
  color: #0d4c91;
  border-color:#ffffff; 
}
.btn-header:hover,
.btn-header:focus,
.btn-header:active {
  background-color: #ffffff ;
}

/* Academic areas
----------------------------------------------------------------------------- */
/* Btn-areas */
.btn-areas:hover {
  color: #fff;
  transition: none !important;
}

/* Others
----------------------------------------------------------------------------- */
.show-grid{margin-bottom:15px}
 .show-grid [class^=col-]{
  padding-top:10px;
  padding-bottom:10px;
  background-color:#eee;
  background-color:rgba(86,61,124,.15);
  border:1px solid #ddd;border:1px solid rgba(86,61,124,.2)
 }

.container-fluid {
  max-width: 1400px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/*UL*/
ul.custom_list:nth-of-type(1) {list-style-type: disc;}
ul.custom_list li {margin-bottom: 0.5rem;}

/*==============================================================
=======================  LAYOUT. ===============================
==============================================================*/

/*--------------------------------------------------------------
# 1.- Bg relative
--------------------------------------------------------------*/
.bg_relative{
  width: 100%;
  min-height: 100vh;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

/*--------------------------------------------------------------
# 2.- Top Bar
--------------------------------------------------------------*/  
#topbar{
  padding:5px 0;  
  color:#000000;
  font-size:13.5px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
#topbar strong{color:#000000;}
#topbar .fl_left{margin-top:4px;}
#topbar .fl_left .inline > li i{margin:0 5px 0 0; line-height:normal;}
#topbar .faico li{margin:0;}

#topbar{text-align:center;}
#topbar *{margin:0;}
#topbar .fl_left ul{margin:0 0 10px 0; line-height:normal;}
#topbar .fl_left ul li{display:inline-block; margin-right:20px;}
#topbar .fl_left ul li:last-child{margin-right:0;}
#topbar .faico li{float:none;}

/* Pushright */
.pushright li{margin-right:20px;}
.pushright li:last-child{margin-right:0;}

/*--------------------------------------------------------------
# 3.- Faico
--------------------------------------------------------------*/
.faico{
  margin:0; 
  padding:0; 
  list-style:none;
}
.faico li{
  display:inline-block; 
  float:left; 
  margin:0 4px 0 0; 
  padding:0; 
  line-height:normal;
}
.faico li:last-child{
  margin-right:0;
}
.faico a{
  display:inline-block;
  width:30px; 
  height:30px; 
  line-height:30px; 
  text-align:center;
  font-size:14px; 
  color:#000000; 
  background-color:transparent;
  transition: all .5s ease;
}

.faico a:hover{color:#0d4c91;}

.faico.share li{margin:0 8px 0 0;}
.faico.share a{font-size:18px;}

/*--------------------------------------------------------------
# 4.- Header
--------------------------------------------------------------*/
header{
  background-color:#ffffff;
  display:block;
  width:100%;
  margin:0;
  padding:20px 0 0px;
  position: relative;
  z-index: 11;
}

/* Brand */
header .brand{
  width:120px;
  margin-bottom:0.5rem; 
}

/* Links */
.h-links{
  margin:0; 
  padding:0; 
  list-style:none;
}
.h-links li{
  display:inline-block;  
  margin:0 17px 0 0; 
  padding:0 ; 
  line-height:normal; 
}
.h-links.h-links-left li{float:none;}
.h-links.h-links-right li{float:none;}
.h-links li:last-child{margin-right:0;}
/*Links header*/
.h-links li a{
  display:block; 
  height:30px; 
  color:#0d4c91;  
  text-align:center;
  text-decoration: none;
  padding:0;
}
/*Links header*/
.h-links li a.l-h{color:#0d4c91;}
.h-links li a.l-h:hover{color:#022146;}
/*Links btn header*/
.h-links li .dropdown button {
  display:block; 
  height:30px; 
  color:#0d4c91;  
  text-align:center;
  text-decoration: none;
  padding:0;
}
.h-links li .dropdown button:hover {color: #022146;}

/*Dropdown menú*/
.h-links .dropdown-menu {
  min-width: 6rem;
  padding: 0;
  margin: -1px 0 0;
  font-size: 1rem;
  background-color:#1E90D8;
  color: #ffffff;
  border:none;
  border-radius:0;
  text-transform: capitalize;
}
.h-links .dropdown-menu a {color:red;}
.h-links .dropdown-menu a:hover {
  background-color:#0d4c91;
  color:#ffffff;
}
.h-links .dropdown-menu.lenguage {min-width: 6rem;}
.h-links .dropdown:hover .dropdown-menu {display: block; }
.h-links .dropdown .dropdown-menu .dropdown-item a{color:#ffffff;}
.h-links .dropdown .dropdown-menu .dropdown-item.hebrew a{font-family: "open sans hebrew";}
/*Dropdown md*/
.h-links .dropdown-menu.dropdown-menu-right {min-width: 5rem;}

/*--------------------------------------------------------------
# 5.- Carousel
--------------------------------------------------------------*/
.carousel{
  background-color:#0d4c91;
}
.carousel-caption {
  left: 12%;
  text-align: left;
  line-height: 1;
  top: 35%;
  margin-top: -60px;
  max-width: 60%;
}

.carousel-caption h1 {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.7rem;
}

.carousel-caption h2 {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1rem;
}

.carousel-caption p {
  font-size: 10px;
  text-transform: initial;
}

.carousel-caption img {
  width:120px;
  margin-top: 0;
  margin-bottom: 10px;
}
.carousel-control-next,
.carousel-control-prev{
  height:40px; 
  width:40px; 
  padding:12px; 
  top:50%; 
  bottom:auto; 
  transform:translateY(-50%); 
  background-color: #1E90D8; 
}
.carousel-item .view img{
  margin-bottom: 5.5px;
}
.carousel-indicators {bottom: 15px;}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 5px 7px;
}

/*--------------------------------------------------------------
# 6.- Relativeblock
--------------------------------------------------------------*/
#relativeblock{
  position:relative; 
  z-index:1; 
  margin:-30px 0 0px; 
  padding:25px 10px 20px;
  box-shadow: 0 3px 6px rgba(0,0,0,0154);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  background-color:#fff; 
}

#relativeblock ul{
  margin:0; 
  padding:0; 
  list-style:none;
}

#relativeblock ul .col-lg-3{
  padding-right: 5px;
  padding-left: 5px;
}

/*--------------------------------------------------------------
# 7.- Cuadros oferta académica
--------------------------------------------------------------*/
.subjects {
  display:block; 
  padding:25px 15px; 
  background-color:inherit;
  border:1px solid #e3e3e3;
  color:#343434;
  text-align:center;
  height: 100%;
  background-image: url('../img/home/figura_geometrica_one.png');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 150px;
  position: relative;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}

.subjects:hover{
  color:#FFFFFF; 
  background-color:#0d4c91; 
  border-color:#0d4c91; 
  transition:all .4s ease-in-out;
  cursor:pointer;
}
.subjects:hover .heading{color:#FFFFFF;}

.subjects a{
  text-transform: uppercase;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
    margin-left: -40px;
}
.subjects p{
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 30px;
}

.subjects .heading{margin-bottom:15px;}

.subjects:hover a {color:#ffffff; letter-spacing: 2px;}

/*--------------------------------------------------------------
# 8.- Academic_areas articles home
--------------------------------------------------------------*/
article.academic_areas{
  text-align: center;
  display:inline-block; 
  position:relative;
  text-align:center; 
  height: 100%;
  max-height: 500px;
  max-width: 500px; 
  display: block;
}
article.academic_areas p{
  margin-bottom: 40px;
}
article.academic_areas .academic_content{ 
  display: block;
  width: 110px;
  height: 110px;
  background-color:#ffffff;
  margin:0 auto 40px;
  border-radius:50%;
  transition:all .3s ease-in-out;
}

article.academic_areas .academic_content p{ 
  line-height: 95px;
  font-size: 85px;
  margin:0;
  padding:0; 
  display:inline-block;   
}

article.academic_areas:hover{
  transition:all .4s ease-in-out;
  cursor:pointer; 
}

/*Elements hover*/
/*.elements-hover{cursor:pointer;  }
article.academic_areas:hover .element-one{display:block;}
article.academic_areas:hover .element-two{
  display:none;
  color:#fff; 
}

.elements-hover:hover{}
article.academic_areas:hover .element-one{display:none;}
article.academic_areas:hover .element-two{display:block;}
*/
/*--------------------------------------------------------------
# 9.- News
--------------------------------------------------------------*/
#news-carousel .card {
  background-color:#F3F3F3;
  border:none;
  border-radius: none;
}
#news-carousel .card-img-top {
    border-top-left-radius:0;
    border-top-right-radius:0;
}

#news-carousel .card-footer {
  padding: 0.75rem 1.25rem;
  background-color:#F3F3F3;
  border-top:none;
  border-bottom: 2px solid #1E90D8;
  border-radius:0;
}

#news-carousel .card-footer .card-link {text-transform: uppercase;}

#news-carousel.news-carousel .card-body{
  height:50vh;
  max-height:350px !important;
  background-color:#F3F3F3;
  display: block; 
}   

#news-carousel.courses-carousel .card-body{
  height:45vh;
  max-height:320px !important;
  background-color:#F3F3F3;
  display: block;
  overflow: hidden;
}   

/*--------------------------------------------------------------
# 10.- Owl Carousel - News and brands -  Bullets design
--------------------------------------------------------------*/
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; 
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

/*Default theme - Owl Carousel CSS File*/
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
    zoom: 1;
    *display: inline; 
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #e4e4e4;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background:#0d4c91;
}

 .owl-theme .owl-dots .owl-dot { outline: none; } 

/*--------------------------------------------------------------
# 11.- Showcase
--------------------------------------------------------------*/
.showcase .showcase-img {
  min-height: 15rem;
  background-size: cover; }

.showcase .showcase-text {
  padding: 2rem;
  color:#ffffff;
  background-color:#0d4c91;
  background-image: url('../img/home/figura_geometrica_one.png');
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

/*--------------------------------------------------------------
# 12.- Eventos
--------------------------------------------------------------*/
figure.latest{
  display:inline-block; 
  position:relative; 
}

figure.latest .card-img-top {
    border-top-left-radius:0;
    border-top-right-radius:0;
}

figure.latest figcaption{
  display:block; 
  position:absolute; 
  bottom:0; 
  left:0; 
  text-align:center;
  background-color:#ffffff;
  color:#1A1A1A; 
  font-size:1.5rem;
  padding:0.3rem 1rem;  
}

figure.latest figcaption *{
  display:block; 
  margin:0; 
  padding:0;
}

figure.latest figcaption strong{
  display:inline-block;
  color:#1A1A1A;
  font-size:2.5rem;
  font-weight: 600;
}
.events{border-radius: none;}

.card.events {border:none;}

.events .card-body {
  background-color:#ffffff;
  height:100%;
  max-height:380px; 
  min-height: 13rem;
  position: relative;
  padding:1rem 0;
  overflow: hidden;

}
.events .card-link {
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
}

.card.events .card-link{
  background-color: #fff;
  width: 100%;
}

/*--------------------------------------------------------------
# 13.- Intro
--------------------------------------------------------------*/
.intro-single {
  padding: 2rem 0 0;
  background-color: #ffffff;
}
/*Title*/
.intro-single .title-single-box {
  padding: 1rem 0 1rem 2rem;
  border-left: 3px solid #0d4c91;
}

.intro-single .title-single-box .title-single {
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom:10px; 
}
.subtitle-single {
  color: #555555;
}
/*Breadcrumb*/
.intro-single .breadcrumb-box {
  padding: 1rem 0 0 .5rem;
}
.intro-single .breadcrumb {
  background-color: transparent;
  padding-right: 0;
  padding-left: 0;
}

/*--------------------------------------------------------------
# 14.- Nav tabs
--------------------------------------------------------------*/
/*4078*/
.nav-tabs {
    border-bottom:none; 
}

/*4086 Links*/
#tabs .nav-tabs .nav-link {
  border: 1px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom:1px solid #dee2e6; 
    /*border-bottom: 1px solid blue;*/
    color: #0d4c91;
    font-size: 0.7rem;
}

/*4102 Links active*/
#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: pink;
    background-color: transparent;
    border-color: transparent transparent pink;
    border-bottom: 3px solid !important;
    font-weight: bold;
    text-transform: initial;
}

/*4139 Contenido*/
.tab-content{padding-top:0px;}

.nav-item .nav-link{
  text-transform: initial;
}

/*--------------------------------------------------------------
# 15.- Accordion
--------------------------------------------------------------*/

#faq {
  padding: 60px 0;
}

#faq #faq-list {
  padding: 0;
  list-style: none;
}

#faq #faq-list li {
  border-bottom: 1px solid #ddd;
}

#faq #faq-list a {
  padding: 18px 0;
  display: block;
  position: relative;
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  padding-right: 20px;
  color: #0d4c91;
}

#faq #faq-list i {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 13px;
}

#faq #faq-list p {
  margin-bottom: 20px;
}

#faq #faq-list a.collapsed {
  color: #000;
}

#faq #faq-list a.collapsed i::before {
  content: "\f055" !important;
}

/*--------------------------------------------------------------
# 16.- Block sidebar
--------------------------------------------------------------*/
.block-sidebar{
  display: block;
  padding: 20px;
  background-color: #ffffff;
  margin:0 0 30px; 
  border:1px solid #d7d7d7;
  border-top: 2px solid #0d4c91;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
}

.block-sidebar ul {
  margin:0;
  padding:0;
  list-style:none;
}

.block-sidebar ul li {
  margin-bottom: 5px;
}

/*Block sidebar line*/
.block-sidebar .line{
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.block-sidebar .line::before,
.block-sidebar .line::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}

.block-sidebar .line::before {
  right: 0;
  background: #d7d7d7;
  height: 1px;
}

.block-sidebar .line::after {
  background: #0d4c91;
  width: 60px;
}

.block-sidebar strong,
.block-sidebar i,
.block-sidebar h6
{
  color:#0d4c91;
}
.block-cta .block-cta-header{ background-color:#0d4c91;}

/*--------------------------------------------------------------
# 17.- Block-cta
--------------------------------------------------------------*/
.block-cta{
  display: block;
  background-color: #ffffff;
  margin:0 0 30px; 
  border:1px solid #d7d7d7;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
  position: sticky;
  position: -webkit-sticky;
  top: 90px;
}

.block-cta .btn{
  font-size: 0.5rem;
}

.block-cta .block-cta-header{
  /*background-color:#0d4c91;*/
  color:#ffffff;
  padding: 20px 20px 15px;
  text-align: center;
}

.block-cta .block-cta-content{
  display: block;
  padding: 10px 20px 15px;
}

/*--------------------------------------------------------------
# 18.- Footer
--------------------------------------------------------------*/
/* Espacio footer*/
.espacio_footer{
  height:0;
  position:static;
}

/* Footer container */
footer {
  left:none;
  bottom:none;
  position: static;
    z-index: 1;
    width: 100%;
}
footer p {margin-bottom: 6px;}

.footer {
  color:#343434;
  padding: 1.5rem 0 1rem;
  background-color: #F3F3F3; 
}

.footer .brand {width: 120px;}

.footer .heading{
  font-size:0.8rem;
  text-transform:uppercase;
}

.f-mb{
  margin-bottom: 1rem;
  display: inline-block;
}

/*legal*/
.legal {
  background-color:#F3F3F3; 
  color:#343434;
  padding: 15px 0 5px;
}
.legal p{
  font-size: 12px;
  line-height: 14px;
}

/*--------------------------------------------------------------
# 19.- Newsletter form
--------------------------------------------------------------*/

.footer-newsletter input[type="email"] {
  border: 0;
  padding: 6px 8px;
  width: 65%;
}

.footer-newsletter input[type="button"] {
  background: #0d4c91;
  border: 0;
  width: 35%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

.footer-newsletter input[type="submit"]:hover {
  background: #0062cc;
}

/*--------------------------------------------------------------
# 20.- Search
--------------------------------------------------------------*/
/* Icon search */
#search-mobile .btn{
  padding:0;
  margin:0 10px;
  border:none;
  font-size: 1rem;  
  color:#ffffff;
}
#search-mobile .btn:hover{
  color:#ffffff;
}

/* Title */
.title-box-d {
  padding-bottom: 1.2rem;
  position: relative;
}

.title-box-d .title-d:after {
  content: '';
  position: absolute;
  width: 70px;
  height: 4px;
  background-color: #0d4c91;
  bottom: 20px;
  left: 0;
}

.search-header.btn {padding: 0;}

.search-header span.fa {
  background-color:#F3F3F3;
  color: #0d4c91;
  border-radius: 0;
  padding:9px 10px 9px;
  transition: 1s;
}

.search-header span:hover {
  background-color:#0d4c91;
  color: #ffffff;
}

.search-header .txt {
  background-color:#ffffff;
  color: #0d4c91;
  padding: 0;
}

.search-header .fa {
  font-size: 12px;
}
.search-header .txt:hover {
  background-color: #ffffff;
  color: #0d4c91;
}
/* Box colapse */
.box-collapse {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1040;
  background-color: rgba(255,255,255,0.95);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.6s ease;
  overflow-y:scroll;
  overflow-x:hidden;
}
.box-coll{overflow-y:hidden;}
.box-collapse .title-box-d {
  top: 50px;
  left: 6%;
  opacity: 0;
  transition: all 1s ease;
  transition-delay: .3s;
}

.box-collapse-wrap {
  opacity: 0;
  position: absolute;
  top: 6.5rem;
  padding-left: 5%;
  padding-right: 5%;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  -webkit-transform: translateY(3rem);
  transform: translateY(3rem);
  transition: opacity 0.5s 0.5s ease, -webkit-transform 0.5s 0.5s ease;
  transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease;
  transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease, -webkit-transform 0.5s 0.5s ease;
}

.box-collapse-open .click-closed {
  visibility: visible;
}

.box-collapse-open .box-collapse {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
  opacity: 1;
}

.box-collapse-open .box-collapse .title-box-d {
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
  width: 74%;
}

.box-collapse-open .box-collapse-wrap {
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

.box-collapse-closed .box-collapse {
  opacity: .7;
  transition-delay: 0s;
}

.box-collapse-closed .box-collapse .title-box-d {
  opacity: 0;
  transition-delay: 0s;
}

.box-collapse-closed .box-collapse .form-a {
  opacity: 0;
  transition-delay: 0s;
}

.click-closed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 1035;
  background-color: #000000;
  opacity: .4;
}

.close-box-collapse {
  position: absolute;
  z-index: 1050;
  top: 1.2rem;
  font-size: 1rem;
  line-height: 1;
  color:#0d4c91;
  cursor: pointer;
  transition: all 0.3s ease;
}

.right-boxed {right: 1.5rem;}

.box-form{padding: 2rem 0 1rem;}
.box-form .form-control{
  height: 50px;
}

/*--------------------------------------------------------------
# 21.- Areas academicas - Interior
--------------------------------------------------------------*/
.academic article {
  display:block; 
  position:relative; 
  min-height:60px; 
  padding:0 0 0 50px; 
}

/*Eliminar esta clase, y agregar de 1065 al 1076
.academic article i{
  display:block; 
  position:absolute; 
  top:0; 
  left:0; 
  text-align:center; 
  font-size: 2.3rem; 
}
*/

.academic article .hebrew-icon{
  display:block; 
  position:absolute; 
  top:0; 
  left:0; 
  font-size:2.8rem; 
}

.academic article .hebrew-icon p{
  margin-top:-20px;
  margin-bottom:0;
}

/*--------------------------------------------------------------
# 23.- Image overlay box
--------------------------------------------------------------*/
.img-overlay-box {
  position: relative;
  width: 100%;
}

.image-overlay {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
}

.img-overlay-box:hover .overlay {opacity: 1;}

.text-overlay {
  color: white;
  position: absolute;
  width: 100%;
  height:100%; 
  display: flex;
  justify-content: center;
  align-items:center;
  padding:20px;
}

.text-overlay h4,
.text-overlay h5,
.text-overlay strong,
.text-overlay a {color: white;}

.text-overlay small{
  font-size:60%; 
}

.overlay-center{
  display:block;
  text-align: center;
  padding-top: 15px;
}

/*--------------------------------------------------------------
# 24.- Líneas estratégicas
--------------------------------------------------------------*/
.guides{
  padding: 2rem 0 1rem;
  border-bottom: 1px solid #e3e3e3;
}

.guides.guides-last:last-child {border-bottom:none;}

.guides .number{
  font-size: 55px;
  line-height:50px;
  display: inline;
  width: auto;
  height: auto;
  font-weight: 700;
  margin-right: 15px;
  color:#1E90D8;
}

.guides h6.title-guide{
  display: inline-block;
  text-transform:initial; 
}

/*--------------------------------------------------------------
# 25.- Values
--------------------------------------------------------------*/
.values article {
  display:block; 
  position:relative; 
  min-height:100px; 
  padding:0 0 0 80px; 
  background-color:#ffffff;
  margin-bottom: 25px;
}

.values article img{
  display:block; 
  position:absolute; 
  top:0; 
  left:0; 
  width:65px; 
  height:65px; 
  line-height:60px; 
  text-align:center; 
}

.values article h6{
  margin:0 0 1.2rem; 
  text-transform:initial;
}

.values article p{margin-bottom:10px;}

/*--------------------------------------------------------------
# 26.- Date
--------------------------------------------------------------*/
.date{
  margin:0;
  padding: 0;
  list-style: none;
  margin-bottom: 0.8rem; 
}
.date li{
  display: inline-block;
  color:#262626;
  margin-right: 0.8rem;
  font-size: 80%;
}
.date li:last-child{margin-right: 0;}
.date li i{
  font-weight: bold;
  color:#0d4c91; 
}

/*--------------------------------------------------------------
# 27.- Card_academic_offer
--------------------------------------------------------------*/
.card_academic_offer{
  margin-bottom: 2.5rem;
}

/*--------------------------------------------------------------
# 28.- Card-gray
--------------------------------------------------------------*/
.card-gray {
  background-color:#F3F3F3;
  border:none;
  border-radius: none;
  border-bottom:2px solid #0d4c91;
  border-radius:0;
  margin-bottom:1.5rem;
  height: 100%;
  max-height: 600px;
  overflow: hidden;
} 
.card-gray-image{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  display: block;
  padding-bottom: 56.6%;
} 

.card-gray .card-body {
  padding:1rem 1rem 0;
}

.card-gray.card-title {margin-bottom:1.2rem;}

.card-gray .card-subtitle {
  margin-bottom:0.5rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid lightgray; 
}

.card-gray .card-footer{
  padding:0.7rem 1.2rem;
  background-color:#F3F3F3;
  border-top: none;
  position: absolute;
    bottom: 0;
    width: 100%;
}
.card-gray .card-footer .card-link{
  text-transform:uppercase;
  width: 100%;
  display: block;
}

.card-img {border-radius:0;}

/*--------------------------------------------------------------
# 29.- Brands carousel
--------------------------------------------------------------*/
#brands-carousel img{
  width: 140px;
  margin:0 auto; 
}

/*--------------------------------------------------------------
# 30.- Chatbox
--------------------------------------------------------------*/
div.chatbox {
  position: fixed;
  bottom: 0px;
  right: 20px;
  width: 220px;
  background-color: #ff9700;
  color:#fff;
  padding:5px;
  text-align: center;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  z-index: 999;
} 

div.chatbox .float-right{
  padding: 0 5px;
  font-size:16px; 
} 

/*--------------------------------------------------------------
# 31.- Brand appear
--------------------------------------------------------------*/
.pagination {border-radius: none;}

.page-link {
  padding: 0.5rem 0.75rem;
  margin-left: 5px;
  line-height: 1.25;
  color: #0d4c91;
  background-color: #fff;
  border: 1px solid #fff;
}

.page-link:hover {
  color: #fff;
  background-color: #0d4c91;
  border-color: #0d4c91;
}

.page-link:focus {box-shadow:none;}

.page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #0d4c91;
  border-color: #0d4c91;
}

/*Video*/
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------------------
# 32.- Sidebar students
--------------------------------------------------------------*/
.sidebar-students .nav-link[data-toggle].collapsed:after {content: "▾";}
.sidebar-students .nav-link[data-toggle]:not(.collapsed):after {content: "▴";}

.sidebar-students{
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
}

/*
.sidebar-students .nav-link.active,
.sidebar-students .nav-link:hover{color:red;}
*/

.sidebar-students .nav-link.active,
.sidebar-students .nav-link:hover{color:#006CB1;}

.sidebar-students .nav .nav-link{padding: .5rem 0rem .5rem 0.5rem;}

/*Falseando la posición del ancla*/
.row{
  position: relative;
  align-items: flex-start;
}
.ancla-sidebar{
  width: 40px;
  height: 40px;
  position: absolute;
  top:-100px;
}
/*--------------------------------------------------------------
# 33.- Card Rvoe
--------------------------------------------------------------*/ 
.rvoe{
  background-color:#e2f4ff; 
  font-size: 0.5rem;
  line-height: 1rem;
  color:#0d4c91;
  padding:0.5rem;
  border-left:1px solid #0d4c91; 
  -webkit-box-shadow: 1px 1px 3px 0.5px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 3px 0.5px rgba(0,0,0,0.2);
}

/*--------------------------------------------------------------
# 34.- img-areas
--------------------------------------------------------------*/
figure.areas-thumnail figcaption strong,
figure.areas-detail figcaption strong{
  font-weight: 700;
  color:#ffffff; 
}

figure.areas-thumnail figcaption,
figure.areas-detail figcaption{
  display:block; 
  position:absolute;
  top:0; 
  right:0; 
  padding:0.3rem 0.5rem 0.2rem; 
  color:#fff;
}

/*Thumbnail*/ 
figure.areas-thumnail{
  max-width:700px;
  position:relative;
}

.areas-thumnail .img-areas{
  display:block;
  background-position:top left;
  background-repeat:no-repeat;
  background-size:cover; 
  width: 100%;
  height: 0px;
  padding-bottom:64.2%;
}

/*detail*/ 
figure.areas-detail{
  max-width:1054px;
  position:relative;
}

.areas-detail .img-areas{
  display:block;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover; 
  width: 100%;
  height: 0px;
  padding-bottom:42.6%;
}

/*--------------------------------------------------------------
# 35.- Table
--------------------------------------------------------------*/
.table-sm thead td {padding: .5rem;}
.table-sm tbody td {padding: .6rem 0rem .1rem;}
.table-sm tbody td p{padding:0; margin:0;
  font-size: 16px;}

.table-md thead td {padding: .5rem;}
.table-md tbody td {padding: 1rem;}
.table-md tbody td p{padding:0; margin:0;}
.table.table-sm td, .table.table-sm th{
    vertical-align: baseline;
    border-top: none;
}
.table.table-sm{
}
.col-12 > .table.table-sm{
      border: none;
    border-top: 1px solid #e6e6e6;
    margin: 0px;
  }
.table.table-sm td, .table.table-sm th{
  border: none;
}
/*--------------------------------------------------------------
# 36.- Portfolio
--------------------------------------------------------------*/
#portfolio .portfolio-list {
  margin-bottom: 70px;
  text-align: center;
}

#portfolio .portfolio-list .nav {
  display: inline-block;
  margin: 0;
  border-bottom: 2px solid #989898;
  height: 38px;
}

#portfolio .portfolio-list .nav li {
  padding: 3px;
  float: none;
  display: inline-block;
  margin-bottom:-2px; 
}

#portfolio .portfolio-list .nav a {
  padding: 10px 8px;
  color:#676767; 
  font-size: 0.8rem;
  line-height: 16px;
  cursor: pointer;
  font-family: 'Poppins', helvetica;
  font-weight:normal;
  letter-spacing: 0.02em;
}

#portfolio .portfolio-list .nav a:hover {
  color:#0d4c91;  
  border-bottom: 2px solid #0d4c91;

}

#portfolio .portfolio-list .nav .portfolio-active a {
  color:#0d4c91;  
  border-bottom: 2px solid #0d4c91;
}

.mission, .vision{max-width:400px;}

/*--------------------------------------------------------------
# 37.- Oferta académica
--------------------------------------------------------------*/
.oferta_academica{
  display: block;
  background-color: #ffffff;
  color:#006CB1;
  border:1px solid #006CB1;
  width: 7rem;
  height:7rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
  font-size: 0.8rem;
  transition: color 0.8s;
  margin:0 auto 15px;
}
.oferta_academica:hover{
  background-color: #006CB1;
  color:#ffffff;
}

/*Elements hover*/
.elements-hover{cursor:pointer;}
.elements-hover .element-one a{    
  background: linear-gradient(45deg, white,white);
  color: inherit;
  border-color: initial;
}
.elements-hover .element-one .academic_content{    
  background: linear-gradient(45deg, white,white);
  color: inherit;
  border-color: initial;
  border:1px solid;
}
.elements-hover .element-two{
  display:none;
  color:#fff; 
}
.elements-hover:hover .element-one{
  color: #fff;
}
.elements-hover:hover .element-one a{
  background: initial;
  color: #fff;
}

.elements-hover:hover .element-one .academic_content{
  background: initial;
  color: #fff;
}
.elements-hover:hover .element-one .academic_content > p{
  background: initial;
  color: #fff;
}
/*.elements-hover:hover{}
.elements-hover:hover .element-one{display:none;}
.elements-hover:hover .element-two{display:block;}*/

/*--------------------------------------------------------------
# 38.- Navbar
--------------------------------------------------------------*/
.nav-menu{top:0;}

/*dropdown-menu*/
.navbar-blue .dropdown-menu {
  border-radius: 0;
  margin: 0;
  min-width: 9rem;
  padding:0;
  font-size: 0.8rem;
  color:#212529;
  background-color:#fff;
  border: 1px solid rgba(0, 0, 0, 0.15); 
}
/*dropdown-item*/
.navbar-blue .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.4rem 1rem;
  font-weight: 400;
  color: #555;
  background-color: transparent;
  border-bottom:1px solid #e6e6e6; 
}
.navbar-blue .dropdown-item:last-child {border-bottom:none; }
.navbar-blue .dropdown-item:hover, 
.navbar-blue .dropdown-item:focus {
  color: rgba(255, 255, 255, 0.75);
  background-color:#006CB1;
}
/*navbar*/
.navbar {
  font-family: 'Poppins', sans-serif;
  z-index:10; 
}
/*nav-link*/
.navbar-blue .navbar-nav .nav-link {
  color: #fff;
  font-weight: 500;
  text-transform: initial;
  letter-spacing: 0.02em;
}
.nav-link {padding: 0.8rem 1rem;}

.navbar-blue .navbar-nav .nav-link:hover, 
.navbar-blue .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-blue .navbar-nav .show > .nav-link,
.navbar-blue .navbar-nav .active > .nav-link,
.navbar-blue .navbar-nav .nav-link.show,
.navbar-blue .navbar-nav .nav-link.active {
  color: #fff;
}
/*navbar-toggler*/
.navbar-blue .navbar-toggler {
  color:#fff;
  border-color:#006CB1;
}
.navbar-blue .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/*navbar-search*/
.navbar-search i{color:#fff;}

/*--------------------------------------------------------------
# 39.- Affix navbar
--------------------------------------------------------------*/
.sticky_navbar {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky_navbar + .content {
  padding-top: 60px;
}

/*--------------------------------------------------------------
# 40.- Mini-logo
--------------------------------------------------------------*/
.navbar{top:0;}
.navbar li#mini-logo{display:none;}
.navbar li#mini-logo a{padding:9px 5px 5px;}









form{}
form input,
form textarea,
form select{
    display: block;
    width: calc(100% - 40px);
    font-weight: 400;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.2rem 0.5rem;
    font-size: 0.6rem;
    line-height: 1.5;
    border-radius: 0;
    resize: none;
    margin-bottom: 40px;
}

.pros_Boton{
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid;
    padding: 0.55rem 1.1rem;
    font-size: 0.6rem;
    letter-spacing: 0.02rem;
    line-height: 0.8rem;
    border-radius: 5rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-decoration: none;
    background-color: #ffffff;
    color: #0d4c91;
    border-color: #0d4c91;
    width: fit-content;
    height: auto;
}


.pros_Boton:hover{
  background-color: #0d4c91;
  color: #fff;
}

input[type=checkbox], input[type=radio]{
display: inline-block;
    width: auto;
    vertical-align: middle;
    margin: 0px;
    height: auto;
    margin-left: 40px;
    margin-right: 5px;
    position: relative;
}

.pros_EtiquetaInfoP > .pros_EtiquetaInfoP{
  display: flex;
    align-items: center;
}



.nav-link-img{
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
}
.nav-link-img img{
  max-width: 20px;
  max-height: 20px;
  width: auto;
  height: auto;
  display: block;
}

.owl-carousel-img{
  display: block;
}

.contenedor-galeria{
    display: flex;
    flex-wrap: wrap;
}

.contenedor-galeria .col-md-12 > *{
  margin-bottom: 1.5rem;
}

.contenedor-galeria .col-md-6{
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}


.carousel.slide.carousel-fade .carousel-inner{
    height: -o-calc(100vh - 65px);
    height: -ms-calc(100vh - 65px);
    height: -moz-calc(100vh - 65px);
    height: -webkit-calc(100vh - 65px);
    height: calc(100vh - 65px);
}
.carousel.slide.carousel-fade .carousel-inner .carousel-item{
  height: 100%;
}
.carousel.slide.carousel-fade .carousel-inner .view{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.view_int_img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.navbar{
  position: sticky;
  top: 0;
}

.carousel.slide.carousel-fade .carousel-inner .w-100.video-fluid{
width: 110vw;
    height: 66.25vw;
    min-height: 110vh;
    min-width: 187.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: -webkit-translate(-50%, -50%);
    transform: translate(-50%, -50%);  
}

.inactivo{
  opacity: 0.5;
  position: relative;
}
.inactivo::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
    /*width: 110vw;
    height: 66.25vw;
    min-height: 110vh;
    min-width: 187.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: -webkit-translate(-50%, -50%);
    transform: translate(-50%, -50%);*/

/*--------------------------------------------------------------
# nuevos formularios
--------------------------------------------------------------*/

.formulario_interiores{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 3em;
}
.area{
    width: calc(50% - 20px);
}
.area_int{
    margin-bottom: 30px;
}
.area_int label{
  display: block;
}
.area_int input{
  width: 100%;
  padding: 0px 10px;
  margin: 0px;
  border: 1px solid #ced4da;
  background-color: #fff;
  height: 34px;
  line-height: 34px;
  border-radius: 0px;
}
.area_int select{
  width: 100%;
  padding: 0px 10px;
  margin: 0px;
  border: 1px solid #ced4da;
  background-color: #fff;
  height: 34px;
  line-height: 34px;
  border-radius: 0px;
}
.area_int input[type="radio"]{
    width: auto;
    margin-right: 10px;
    vertical-align: middle;
}
.area_int input[type="checkbox"]{}

.area_int > .area{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.area_int > .area .area_int{
  width: calc(50% - 10px);
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.area_int > .area .area_int input{
  display: inline-block;
  vertical-align: middle;
}
.area_int > .area .area_int label{
  display: inline-block;
  margin: 0px;
}


.boton_confirmacion{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
    text-align: right;
}
.boton_confirmacion_int{
    color: #0e4c91;
}

.boton_confirmacion_int.btn:hover{
  background-color: #0e4c91;
  color: #fff;
}

/*filosofia*/
.row_filosofia{}
.row_filosofia .col-md-6.col_filosofia_imagen{
  position: -webkit-sticky;
  position: sticky;
  top: 64px;
  height: ms-fit-content;
  height: fit-content;
}

/*buscador over*/
.form_buscador{
  width: 100%;
}
.box-formulario_buscador{
  width: 100%;
  margin: 0;
  margin-bottom: 30px;
}
.box-formulario_buscador > .col-md-10{
  padding: 0px;
}
.box-formulario_buscador form{
  width: 100%;
}
.box-formulario_buscador form .col-sm-10{
  width: 100%;
  max-width: initial;
}
.alert{
    position: relative;
    padding: 5px 20px 7px;
    display: block;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin: 5px 15px 5px;
}

.alert.success{
    background-color: #0d6110;
    color: #fff;
    font-size: 0.8rem;
}
.alert.error{
    background-color: #bd2419;
    color: #fff;
    font-size: 0.8rem;
}
.alert.warning{
    background-color: #f19205;
    color: #fff;
    font-size: 0.8rem;
}
.alert.info{
    background-color: #1a426e;
    color: #fff;
    font-size: 0.8rem;
}



/*timeline*/
.cd-horizontal-timeline{
  width: 100%;
}
.cd-horizontal-timeline .events{
  min-width: 100%;
  white-space: nowrap;
}
.cd-horizontal-timeline .events ol{
    width: max-content;
}
.cd-horizontal-timeline .events li{
    /*display: inline-block;*/
    margin: 0px 50px;
    white-space: normal;
    position: relative;
}
.cd-horizontal-timeline .events li > a{
    /*left: 0!important;*/
    bottom: 15px;
}

.cd-horizontal-timeline .events-content{
  height: auto!important;
  overflow: initial;
}
.cd-horizontal-timeline .events-content ol{
  padding: 0;
}

.block-sidebar.block-sidebar-download{
  position: -webkit-sticky;
  position: sticky;
  top: 69px;
}


.carousel_principal{
  margin-bottom: 60px;
}

/*directorio*/
.col_texto h1{}
.col_texto h1{}
.col_texto h1{}
.col_texto h1{}
.col_texto h1{}

.col_texto img{
  margin: 30px 0px;
}
.col_texto ol{
    padding-left: 30px;
    list-style: decimal;
}
.col_texto ol li{
    margin-bottom: 5px;
}
.col_texto ul{
    padding-left: 30px;
    list-style: disc;
}
.col_texto ul li{
    margin-bottom: 5px;
}

img.alignleft, .alignleft, .wp-caption.alignleft{
    max-width: calc(50% - 30px);
    float: left;
    margin: 0px 30px 30px 0px;
}
img.alignright, .alignright, .wp-caption.alignright{    
    max-width: calc(50% - 30px);
    float: right;
    margin: 0px 0px 30px 30px;
}
img.aligncenter, .aligncenter, .wp-caption.aligncenter{
    max-width: 100%;
    margin: 30px auto;
    display: block;
}
.wp-caption{
    margin: 30px 0px;
    width: -ms-fit-content;
    width: fit-content;
}
.wp-caption img{
  margin: 0px;
}
.wp-caption p{
    margin: 4px 0px 0px;
    font-size: 12px;
    text-align: center;
    color: #262626;
    font-family: 'Poppins', sans-serif;
}
.col_texto::after{
  content: '';
  display: block;
  position: relative;
  clear: both;
}

/*hebreo*/
.flip .sidebar-students .nav .nav-link{
  display: flex;
  flex-direction: row-reverse;
}
.flip .nav-link-img{
      margin-right: 0;
    margin-left: 10px;
}
.flip .nav.flex-column.flex-nowrap.overflow-hidden{
  width: 100%;
}
.flip .sidebar-students .nav-link[data-toggle].collapsed:after{
  padding-right: 5px;
}
.flip .contenedor-galeria{
  flex-direction: row-reverse;
}
.flip .dropdown-menu{
  left: initial;
  right: 0;
}
.flip .rvoe{
  border: none;
  border-right: 1px solid #0d4c91;
}

.flip figure.areas-thumnail figcaption, .flip figure.areas-detail figcaption{
      right: initial;
    left: 0;
}
.flip .legal .col-md-2 .text-right{
  text-align: left!important;
}
.navbar_superior_responsive{
  display: none;
}

.col_sidebar .form-control-sm{
  margin-bottom: 0px;
}
.col_sidebar {
  margin-bottom: 0px;
}
.col_sidebar .form-group{
  margin-bottom: 10px;
}
.col_sidebar .controls label{
  margin-bottom: 0px;
}

.col_sidebar .btn.btn-primary.btn-block{
  margin-top: 20px;
}

.nav-link .nav-link-img{
  position: relative;
  background-color: #fff;
}
.nav-link .nav-link-img::before{
  content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.nav-link:hover .nav-link-img::before{
    content: '';
    background-color: #006cb1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: lighten;
}

.nav-link.active .nav-link-img::before{
    content: '';
    background-color: #006cb1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: lighten;
}
.table.table-sm td, .table.table-sm th{
  width: 50%;
}

/*error 404*/
.error_404{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.error_404_int{
    text-align: center;
}
.error_404_int h2{
    color: #006cb1;
    font-size: 98px;
    line-height: 98px;
    margin: 0px;
}
.error_404_int p{
    margin: 0px;
}
.link_footer{
  text-decoration: underline;
    font-size: 14px;
    display: block;
}

.fijar_area{
  top: 80px;
  position: -webkit-sticky;
  position: sticky;
}

/*--------------------------------------------------------------
# D o n a t i v o
--------------------------------------------------------------*/
.txt_page{
    font-size: 0.8rem;
}
.txt_page p{
    line-height: 1.2rem;
}
.txt_page b,
.txt_page strong{}
.txt_page i{}
.txt_page ul{
      padding: 0;
    list-style-position: inside;
}
.txt_page ol{
      padding: 0;
    list-style-position: inside;
}
.txt_page li{}
.txt_page h1{}
.txt_page h2{}
.txt_page h3{
  font-size: 1.2rem;
  margin-top: 40px;
}
.txt_page h4{}
.txt_page h5{}
.txt_page h6{
  display: inline-block;
  vertical-align: middle;
  font-size: 0.6rem;
  margin: 0 2px 5px 0;
  font-weight: 300;
}
.txt_page h6 a{
  background-color: #0f6cb1;
  color: #fff;
  padding: 11px 15px;
  border-radius: 8px;
  display: block;
}

.txt_page form{
    padding: 30px 0px 40px 40px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    margin: 40px 0px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.txt_page fieldset{
    width: 50%;
    margin-bottom: 20px;
}
.txt_page label{}
.txt_page fieldset.fila input{
    margin: 0 0 10px;
    width: 230px;
}
.txt_page fieldset.doble{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.txt_page fieldset.doble.doble_c{
    justify-content: flex-start;
}

.txt_page fieldset.doble.doble_c label{
    margin-right: 10px;
}

.txt_page fieldset.doble input{
    width: calc(50% - 25px);
}
.txt_page fieldset.doble > *:last-child{
    margin-right: 40px;
}
.txt_page .btn{
    color: #0f6cb1;
    box-sizing: border-box;
}

.txt_page fieldset:last-child{
  width: 100%;
}
.txt_page fieldset.fila{
  width: calc(100% - 40px);
}
.txt_page fieldset ul{
  list-style: none;
  padding: none;
}
.txt_page fieldset ul li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.txt_page fieldset ul li a,
.txt_page fieldset ul li button,
.txt_page fieldset.fila.f_dedicatoria button{
  background-color: #0f6cb1;
  color: #fff;
  padding: 11px 17px;
  border-radius: 8px;
  border: 0;
  display: block;
  font-size: 0.6rem;
  margin: 0 10px 10px 0;
}

.txt_page .alert{
    margin: 0;
    padding: 0;
}
.txt_page .alert.success{
  background-color: transparent;
    color: #4caf50;
    font-size: 0.8rem;
}
.txt_page .alert.error{
  background-color: transparent;
    color: #bd2419;
    font-size: 0.8rem;
}
.txt_page .alert.warning{
  background-color: transparent;
    color: #f19205;
    font-size: 0.8rem;
}
.txt_page .alert.info{
  background-color: transparent;
    color: #0f6cb1;
    font-size: 0.8rem;
}


.f_radio input[type="radio"] {
    display:none;
}

.f_radio input[type="radio"] + label {
    color:#000;
    font-family: 'Muli', sans-serif;
    font-size: 0.7rem;
    vertical-align: middle;
}

.f_radio input[type="radio"] + label span {
    border-radius: 50%;
    display:inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px 4px 0;
    vertical-align:middle;
    background-color: #fff;
    cursor:pointer;
    border: 2px solid #0f6cb1;
}

.f_radio input[type="radio"]:checked + label span {
    background-color: #0f6cb1;
}

.btn_donativo{
    position: fixed;
    z-index: 1000000;
    bottom: 40px;
    right: 20px;
    padding: 10px 28px;
    background-color: #041b34;
    color: #fff;
    border-radius: 22px;
    box-shadow: 0 0 5px 5px rgb(255 255 255 / 40%);
    font-size: 18px;

    
}

.txt_page fieldset.fila.f_dedicatoria input{
  width: 100%;
}








.check_cont {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 0.7rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0.8rem;
    color: #262626;
    font-weight: 300;
    line-height: 18px;
}
.check_cont input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 1px solid #0f6cb1;
}

.check_cont input:checked ~ .checkmark {}
.check_cont input:checked ~ .checkmark::before{
    content: '';
    display: block;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background-color: #0f6cb1;
    position: absolute;
}.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check_cont .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fila.fila_txt{
  width: 100%;
}
.fila.fila_txt p{
  margin-bottom: 20px;
}
.fila.fila_txt a{
  text-decoration: underline;
}

/*.donationButton:before{
  content: '〇';
  margin-right: 5px;
}

.donationButton.active:before{
  content: '⦿';
  margin-right: 5px;
}
*/
.donationButton.active {
  outline: 0;
  background-color: #404040;
}

.onceOtherButton{
  position: relative;
}
.onceOtherButton::after{
  content: ':';
    color: #000;
    right: -7px;
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    line-height: 20px;

}



.d_pago .f_radio{
  width: calc(100% - 40px);
  height: calc(1.5em + 0.5rem + 2px);
  position: relative;
  background-color: transparent;
  line-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.2rem 0.5rem;
  text-align: center;
  margin-bottom: 40px;
  box-sizing: border-box;
  z-index: 2;
  text-transform: uppercase;
}
.d_pago .f_radio::before{
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: #ced4da; */
  /* z-index: -2; */
}
.d_pago input[type="radio"] {
    display:none;
}

.d_pago input[type="radio"] + label {color: #fff;font-family: 'Syne', sans-serif;font-size: 14px;background-color: transparent;display: block;margin: 0;display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

.d_pago input[type="radio"] + label span {
    border-radius: 0%;
    display:block;
    width:100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    vertical-align:middle;
    background-color: #ced4da;
    cursor:pointer;
    border: 0;
    z-index: -1;
}

.d_pago input[type="radio"]:checked + label span {
    /* width: 0.4vw; */
    /* height: 0.4vw; */
    background-color: #0f6cb1;
    /* border: 0.2vw solid #fff; */
}