.links_mosaico_container {width: 100%; background-color: rgba(0,0,0,0.9); height: 100vh; position: fixed; z-index: 20000; top:0; left: 0; padding: 20vh 15vw;}
h2.links-admision-titulo-admision {text-transform: uppercase; color:#FFF; width: 88%; display: inline-block; font-family: 'garaje_0503black';}
a.links-admision-btn-cerrar {text-transform: uppercase; color:#FFF; width: 10%; display: inline-block; text-align: right;}
a.links-admision-btn-cerrar:hover {color:#FFF;}
div.link-admision {float: left; padding: 30px; margin-right: 10px; margin-bottom: 10px;}
div.link-admision a {display: block; width: 100%; height: 100%; color:#FFF;}
div.link-admision.ancho-simple {width: calc(25% - 10px)}
div.link-admision.ancho-doble {width: calc(50% - 10px)}
div.link-admision.alto-simple {height: 200px}
div.link-admision.alto-doble {height: 410px}
div.link-admision a h3 {text-transform: uppercase; margin-bottom: 10px; font-size: 24px; line-height: 120%; font-family: 'garaje_0503black';}
div.link-admision a p {margin-bottom: 10px; font-size: 14px; font-family: 'internacional';}
div.link-admision.ancho-doble.alto-doble h3 {font-size: 36px;}
.slick-dots li button:before{
font-size:15px;
}
.slick-dots {
bottom: -45px;
width: 100%;
width: 800px;
max-width: 80vw;
left: 50%;
transform: translateX(-50%);
}
.slider_principal .slick-dots{
display: block;
bottom: 10px;
filter: invert(1);
}
.slider_principal .arrow_left,.slider_principal  .arrow_right {
width: 25px;
height: 30px;
position: absolute;
bottom: 11px;
cursor: pointer;
z-index: 10;
filter: invert(1);
}
h1, h2, h3, .classic{
font-family:"garamond-premier-pro";
}
div.container-table-mobile {width: 100%; overflow-x: auto;}
h4.classic {font-size: 24px;}
.row{
display: flex;
flex-wrap: wrap;
width: calc(100% + 1.5rem);
margin-left: -0.75rem;
}
.row .col{
margin-left:0!important;
}
html, body{
max-width:100vw;
width:100vw;
overflow-x:hidden;
}
body{
font-family: 'Work Sans', sans-serif;
font-size:15px;
line-height:24px;
font-weight: 300;
background: #FFFEF7;
overflow-x:hidden;
}
a, a:hover, a:focus, a:active{
color:inherit;
outline:none;
}
body, body *{
margin:0;
padding:0;
}
.slide_home h1{
font-size: 54px;
line-height: 110%;
text-transform: none;
width: 100%;;
}
h1{
font-size:40px;
line-height: 45px;
margin-bottom:30px;
font-weight: bold;
text-transform: uppercase;
}
h2{
font-size:30px;
line-height: 35px;
margin-bottom:30px;
font-weight: bold;
}
h3{
font-size:23px;
line-height: 28px;
font-weight: 500;
}
h4{
font-size:20px;
line-height: 25px;
}
.page-destacada h4 {font-family:"garamond-premier-pro"; font-size: 26px;}
.academico-card h4 { font-size: 26px;}
h5{
font-size: 18px;
line-height: 24px;
}
.whitesmoke{
background-color: whitesmoke;
}
.noscroll{
overflow:hidden;
}
.hidden{
display:none!important;
}
img{
max-width: 100%;
}
.container_div, .container_fluid{
padding-left:6vw;
padding-right:6vw;
}
.container_small{
padding-left: 12vw;
padding-right: 12vw;
}
@media(max-width:1200px){
.container_div, .container_fluid{
padding-left:3vw;
padding-right:3vw;
}
}
.small_space{
padding-top:30px;
padding-bottom:30px;
}
.with_space{
padding-top:90px;
padding-bottom:90px;
}
.with_big_space{
padding-top:120px;
padding-bottom:120px;
}
.separated{
margin-bottom:30px;
}
.alignleft {float: left; margin-right: 30px; margin-bottom: 30px;}
.mobile{
display: none;
}
.opacity_in{
transition:all 0.66s ease;
opacity:1;
filter:blur(0px);
}
.release_effect .opacity_in{
opacity:0;
filter:blur(15px);
}
.bottom_in{
transition:all 0.66s ease;
opacity:1;
filter:blur(0px);
transform:translateY(0px);
}
.from_up{
transition:all 0.66s ease;
opacity:1;
filter:blur(0px);
transform:translateY(0px);
}
.release_effect .bottom_in, .release_effect.bottom_in{
opacity:0;
filter:blur(15px);
transform:translateY(50px);
}
.release_effect .from_up{
opacity:0;
filter:blur(15px);
transform:translateY(-20px);
}
.loader{
position: fixed;
z-index:1000;
top:0;
left:0;
width:100vw;
height:100vh;
background-color:white;
display:flex;
justify-content: center;
align-items: center;
transition:all 0.66s ease;
}
.loader-logo-container {
position: relative;
width: 100px;
height: 60px;
}
.loader img{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
object-position:top left;
}
.loader .background-loading{
filter:grayscale(100%);
z-index:0;
}
.loader .color-loading{
z-index:1;
opacity:0;
}
.loader.start-loading .color-loading{
opacity:1;
animation-name: loader-animation;
animation-duration: 1s;
transition:all 0.25s ease;
}
.loader.finish-loading{
filter: blur(15px);
opacity:0;
}
@keyframes loader-animation {
0%   {width: 0%;}
25%  {width: 25%;}
50%  {width: 50%;}
75%  {width: 75%;}
100% {width: 100%;}
}
header{
position: fixed;
top: 0;
left: 0;
width: 100%;
color:white;
z-index: 100;
padding-top: 44px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.25) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.25) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }
body:not(.home):not(.sticky) .branding img{ }
body:not(.home):not(.sticky) .lower{
color:black;
} section.redes-sociales {background-color: #E6E4D9; padding: 60px 0;}
section.redes-sociales p.p-link {margin: 10px 0; font-size: 12px; font-weight: normal;}
section.redes-sociales p.p-link a {opacity: 0.6;}
div.cff-wrapper-fixed-height {background-color: #FFF; padding: 10px; height: 480px!important}
div#ctf {padding: 10px!important; overflow: hidden!important; height: 480px!important}
div.sb_youtube {padding: 10px!important;overflow: hidden!important; height: 480px!important}
div#sb_instagram {padding: 10px!important;overflow: hidden!important; height: 480px!important}
.upper{
display: flex;
align-items: center;
justify-content: flex-end;
padding-top: 10px;
padding-bottom: 10px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 101;
padding-left:3vw;
padding-right:3vw;
}
.lower{
padding-left:3vw;
padding-right:3vw;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
}
ul.menu{
display: flex;
align-items: center;
position: relative;
}
ul.menu li{
margin:0 15px;
font-size: 13px;
}
ul.menu li ul li{
font-size: 20px;
}
div.upper ul.menu li ul li a:hover{
font-weight: normal;
}
a.main_link:hover {text-decoration: underline;}
footer ul.menu li ul li{
font-size: 14px;
}
.color-logo{
display: none;
}
.social-icons{
display: flex;
justify-content: space-between;
width:124px;
margin-right: 40px;
margin-left: 40px;
font-size: 17px;
}
header .social-icons img{
height: 16px;
filter: invert(1);
transform: translateY(1px);
}
header.sticky .social-icons img, header .submenu-open .social-icons img{
filter:none;
}
footer .social-icons img{
height: 27px;
transform: translateY(2px);
width: auto;
}
.js-start-search{
font-size: 20px;
cursor: pointer;
}
.main_menu{
display: flex;
position: relative;
}
.menu_group_title{
margin: 0 15px;
font-weight: 700;
font-size: 14px;
}
.submenu-container{
opacity: 0;
height: 100vh;
max-height: none;
top: 100%;
left: 0;
width: 100%;
display: none;
padding-top: 80px;
padding-left:40px;
position: absolute;
transition:opacity 0.33s ease;
}
.menu_group:hover .submenu-container{
opacity:1;
display: block;
}
.links_externos{
display: flex;
flex-flow: column;
}
.links_externos img{
display: block;
width:100%;
height:auto;
margin-bottom:40px;
}
.submenu{
display: flex;
flex-flow: column;
font-size: 25px;
line-height: 45px;
}
header::before{
content: "";
opacity:0;
width:0;
height:0;
transition:opacity 0.33s ease;
z-index:-1;
}
header.submenu-open::before{
content:"";
background: #FFFEF7;
position: fixed;
right: 0;
top: 0;
height: 100vh;
opacity:1;
width: calc(6vw + 1060px);
-webkit-box-shadow: -6px 15px 15px 1px rgba(0,0,0,0.18);
box-shadow: -6px 15px 15px 1px rgba(0,0,0,0.18);
}
header.submenu-open .fa{
color:black;
}
header.submenu-open{
color:black;
}
.group_title{
font-weight: bold;
font-size: 27px;
}
header.secondary-submenu-open .upper{
color:black;
}
header.secondary-submenu-open .upper .fa{
color:black;
}
header .sub-menu{
opacity:0;
height:0;
width:0;
padding:0;
overflow:hidden;
transition:opacity 0.33s ease;
font-size: 20px;
line-height: 30px;
}
header ul li{
cursor:pointer;
}
header .menu li:hover .sub-menu{
position: absolute;
left: -20px;
width: calc(100% + 50vw);
background: #FFFEF7;
color: black;
padding: 80px 20px 40px!important;
top: -10px;
z-index: -1;
opacity:1;
height: auto;
}
header .menu li:hover a{
text-decoration:underline;
font-weight: bold;
}
header .menu li:hover .sub-menu a{
text-decoration:none;
font-weight:normal;
}
.branding img, .branding{
height:55px;
}
.slide_home{
height: 90vh;
}
.slide_home img{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}
.text-overlay{
position: absolute;
z-index:2;
top:0;
left:0;
width:100%;
height:100%;
padding:60px 6vw;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-end;
color:white;
transition:all 0.33s ease 0.66s;
filter:blur(10px);
opacity:0;
transform:translateY(40px);
text-shadow: 0 0 30px rgb(0 0 0 / 30%), 10px 0 30px rgb(0 0 0 / 30%), 0 10px 30px rgb(0 0 0 / 30%), 10px 10px 30px rgb(0 0 0 / 30%);
}
.slick-current .text-overlay{
filter:none;
opacity:1;
transform:none;
}
.text-overlay *{
max-width:100%;
}
.text-overlay h1{
margin:30px 0;
}
.button-like{
display: inline-block;
padding: 10px 35px;
font-weight: bold;
letter-spacing:1px;
border: 2px solid white;
color:white;
font-weight: 500;
transition:all 0.33s ease;
cursor:pointer;
font-size: 18px;
}
.button-like:hover{
background: white;
color:black;
}
.button-like.black-version{
border:2px solid black;
color:black;
}
.canceler{
display: inline-block;
cursor:pointer;
background: black;
color:white;
margin:5px;
padding:1px 8px;
}
.canceler .fa{
margin-left:5px;
}
.button-like.black-version:hover{
background: black;
color:white;
}
.bigger{
font-size:20px;
}
.loading-mask{
display: none;
}
.row.archive{
position: relative;
}
.loading.loading-mask{
display: flex;
justify-content: center;
align-items: center;
font-size: 40px;
color: black;
background: rgba(150, 146, 97,0.8);
position: absolute;
top: 0;
left: 0;
z-index: 1106;
width: 100%;
height: 100%;
}
header.special_case:not(.sticky):not(.submenu-open) .lower{
color:white;
background:transparent;
}
header.sticky .upper{
color:black;
background: #E6E4D9;
}
header.sticky .upper .fa{
color:black;
}
header.sticky .lower, .menu_open header .lower{
color:black;
background:#FFFEF7;
}
header.sticky .white-logo, .menu_open header .white-logo{
display:none;
}
header.sticky .color-logo, .menu_open header .color-logo{
display:block;
}
.destacados_slider_wrap h1{
text-align: center;
width: 88vw;
margin-bottom: 45px;
}
.destacados_slider_wrap{
position: relative;
padding-left: 6vw;
}
.gallery-wrap{
position: relative;
}
.destacados_slider_wrap .center-align{
margin-top:45px;
width: 100%;
}
.destacados_slider_wrap .center-align .button-like{
transform: translateY(30px);
}
.post-card{
background: grey;
width: calc(22vw - 30px);
height: 400px;
margin-right: 30px;
position: relative;
}
.post-card h3 {
font-family: 'Work Sans', sans-serif;
font-size: 22px;
padding-right: 20px;
line-height: 25px;
}
.numero_slide{
width: calc(22vw - 30px);
margin-right: 30px;
}
.post-card img{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.text-part{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 10px;
display: flex;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
color: white!important;
transition:all 0.33s ease;
}
.post-card.with_image .text-part{
text-shadow: 0px 0px 5px rgb(0 0 0);
background: linear-gradient(207deg, rgba(234,234,234,0) 0%, rgba(0,0,0,1) 100%); }
.post-card:not(.with_image){
height: 340px;
}
.post-card:not(.with_image) .text-part{
color:black!important;
}
.plus{
position: absolute;
top:20px;
right:20px;
font-size:30px;
width:35px;
height:35px;
}
.col .post-card{
width: 100%;
margin:0;
margin-bottom:1.5rem;
}
.plus::before{
content:"";
position: absolute;
width: 30px;
height: 2px;
background: black;
transform: rotate(90deg);
top: 17px;
left: 3px;
}
.plus::after{
content:"";
content: "";
position: absolute;
width: 30px;
height: 2px;
background: black;
top: 17px;
left: 3px;
}
.destacados_slider_wrap:not(.with_space) .arrow_left, .destacados_slider_wrap:not(.with_space)  .arrow_right{
bottom:-50px;
}
.arrow_left, .arrow_right{
width:25px;
height:30px;
position: absolute;
bottom: 60px;
cursor: pointer;
}
.arrow_left::before, .arrow_right::after{
content:"";
position: absolute;
width: 100%;
height:2px;
background: black;
top: 14px;
}
.arrow_left{
left:6vw;
}
.arrow_right{
right:6vw;
}
.arrow_left span:first-child{
position: absolute;
top: 18px;
left: -1px;
width: 13px;
height: 2px;
background: black;
transform: rotate(45deg);
}
.arrow_left span:last-child{
position: absolute;
top: 9px;
left: -1px;
width: 13px;
height: 2px;
background: black;
transform: rotate(-45deg);
}
.slick-disabled{
opacity:0.3;
cursor:not-allowed;
}
.arrow_right span:first-child{
position: absolute;
top: 9px;
right: -1px;
width: 13px;
height: 2px;
background: black;
transform: rotate(45deg);
}
.arrow_right span:last-child{
position: absolute;
top: 18px;
right: -1px;
width: 13px;
height: 2px;
background: black;
transform: rotate(-45deg);
}
.numero_slide h1{
text-align: left;
margin: 0;
font-size: 100px;
line-height: 110px;
}
.numero_slide{
padding-bottom:40px;
}
.numero_slide h4{
margin:15px 0;
font-weight: bold;
}
.numero_slide h5{
opacity:0.5;
}
.post-card:hover .text-part{
padding-bottom:40px;
}
footer{
background: #F2F0E6;
padding-bottom:30px!important;
}
footer ul.menu{
display: flex;
align-items: flex-start;
position: relative;
width: 100%;
justify-content: space-between;
}
footer ul.menu .menu-item-has-children{
width:25%;
}
footer ul.menu li{
margin:0;
font-size: 14px;
}
footer ul.menu .menu-item-has-children a{
font-weight: bold;
margin-bottom:20px;
display: block;
}
footer ul.menu .menu-item-has-children .sub-menu a{
font-weight: normal;
margin:0;
}
footer .flex-between{
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid rgba(0,0,0,0.2);
display: flex;
justify-content: space-between;
align-items: center;
}
footer .social-icons{
width: 210px;
margin-right: 0;
font-size: 30px;
}
footer img{
height:60px;
width:350px;
object-fit: contain;
object-position:left;
}
footer img:last-child{
object-position:right;
}
footer .acreditacion_footer {
width: 330px;
}
.title-section{
padding-top: 190px!important;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.title-section .text-side{
max-width:50%;
}
body.single .title-section .text-side{
max-width:80%;
}
.title-section h1{
margin:0;
}
.title-section .breadcrumbs{
margin-bottom:30px;
font-size: 12px;
}
.for_icons .fa{
width: 35px;
height: 35px;
background: rgba(255,255,255,0.3);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 10px;
}
.for_icons .fa:hover{
background: white;
}
.for_icons{
display: flex;
}
.volver_link .fa{
font-size: 22px;
margin-right: 4px;
transform: translateY(2px);
}
.volver_link{
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.collapsible{
box-shadow: none;
border: none;
margin-bottom:60px;
}
.collapsible-header{
position: relative;
font-weight: bold;
background: transparent;
padding-right: 45px;
}
.active .collapsible-header, .collapsible-header:hover{
}
.plus_minus{
position: absolute;
top: 50%;
right: 15px;
}
.plus_minus::before{
content: "";
position: absolute;
width: 20px;
height: 2px;
background: black;
left: -20px;
}
.plus_minus::after{
content:"";
position: absolute;
width: 20px;
height: 2px;
background: black;
left: -20px;
transform: rotate(90deg);
transition:all 0.66s ease;
opacity:1;
}
.active .plus_minus::after{
transform:rotate(0deg);
opacity:0;
}
.wswig ul {margin-bottom: 30px;}
.wswig ul li{
position: relative;
padding-left: 40px;
margin-bottom: 20px;
}
.wswig ul li::before{
position: absolute;
content:"";
top: 8px;
left: 10px;
width: 10px;
height: 10px;
border-radius: 50%;
background:black;
}
.title-section.with_links{
flex-flow: column;
align-items: center;
}
.title-section.with_links .text-side{
width: 100%;
max-width: 100%;
}
.links_title_section{
margin: 60px 0;
width: 100%;
}
.link_destacado{
display: block;
padding: 10px 20px;
border-top: 2px solid rgba(255,255,255,0.3);
font-size: 30px;
line-height: 35px;
font-weight: 500;
transition:all 0.33s ease;
}
.link_destacado:hover{
background: rgba(255,255,255,0.3);
}
.link_destacado:last-child{
border-bottom:2px solid rgba(255,255,255,0.3);
}
.link_destacado .fa{
font-size:18px;
transform:translateY(-10px);
margin-left:10px;
}
.link_cuadrado{
position: relative;
padding:20px;
display: flex;
align-items: flex-end;
transition:all 0.33s ease;
background: rgba(0,0,0,0.2);
margin-bottom: 20px;
}
.link_cuadrado:hover{
padding-bottom:40px;
}
.atributo{
padding: 20px;
border-top: 2px solid rgba(0,0,0,0.1);
}
.atributo:last-child{
border-bottom: 2px solid rgba(0,0,0,0.1);
}
.small-uppercase{
font-size: 12px;
text-transform: uppercase;
margin: 10px 0;
letter-spacing: 1px;
font-weight: 500;
}
.small-faded{
font-size: 12px;
opacity: 0.7;
}
.wswig{
margin-bottom:60px;
}
.collapsible .wswig{
margin-bottom:0;
}
.wswig p{
margin-bottom:20px;
line-height: 200%;
}
.wswig table{
margin-bottom:20px;
width: 100%;
}
.wswig table tr td{
padding:10px;
border: 1px solid #666;
}
.wswig a:not(.button-like){
font-weight: bold;
text-decoration:underline;
}
.botones_externos{
display: flex;
flex-flow: column;
align-items: center;
}
.botones_externos .button-like{
margin-bottom:15px;
}
.page-destacada{
margin:20px;
margin-bottom:calc(1.5rem + 20px);
}
.page-destacada img{
display: block;
margin-bottom: 20px;
height: 27vw;
object-fit: cover;
}
body.page-id-12790 .page-destacada img{
display: block;
margin-bottom: 20px;
width: 100%;
height: auto;
object-fit: cover;
}
body.page-id-12790 .destacados_slider_wrap h1 {width: 100%;}
.row .col{
margin-left:0!important;
}
.atributos-small{
margin-bottom: 60px;
}
.atributo-small{
display: flex;
padding: 15px 20px;
border-top: 2px solid rgba(0,0,0,0.1);
font-size: 14px;
}
.atributo-small:last-child{
border-bottom:2px solid rgba(0,0,0,0.1);
}
.atributo-small .bold{
margin-left:10px;
}
.bold{
font-weight: bold;
}
.term-holder{
position: absolute;
transform: rotate(-90deg) translateX(100%);
transform-origin: bottom right;
padding: 2px 15px;
bottom: 0;
right: 0;
font-size: 14px;
text-shadow: none;
color: #000;
white-space:nowrap;
}
.side-menu{
position: fixed;
top: 0;
left: 0;
height: 100vh;
background: black;
color: white;
padding: 0 13px;
font-size: 20px;
z-index: 101;
display: flex;
flex-flow: column;
justify-content: center;
}
.side-menu .first{
margin-bottom:90px!important;
}
.side-menu .first::after{
content: "agenda";
position: absolute;
transform: rotate(-90deg);
transform-origin: top left;
left: 4px;
bottom: -72px;
letter-spacing: 1px;
font-size: 11px;
text-transform: uppercase;
font-family:'Work Sans', sans-serif;
}
.side-menu .second{
margin-bottom:140px!important;
}
.side-menu .second::after{
content: "internacional";
position: absolute;
transform: rotate(-90deg);
transform-origin: top left;
left: 4px;
bottom: -121px;
letter-spacing: 1px;
font-size: 11px;
text-transform: uppercase;
font-family:'Work Sans', sans-serif;
}
.side-menu .third::after{
content: "bibliotecas";
position: absolute;
transform: rotate(-90deg);
transform-origin: top left;
left: 4px;
bottom: -102px;
letter-spacing: 1px;
font-size: 11px;
text-transform: uppercase;
font-family: 'Work Sans', sans-serif;
}
.side-menu .fa{
cursor: pointer;    margin-bottom: 40px;
position: relative;
}
.side-menu .fa::after{
font-weight: bold;
}
.popup{
position: fixed;
top: 0;
left: 0;
z-index: -10;
opacity: 0;
width: 100vw;
height: 100vh;
padding-top: 80px;
padding-bottom: 80px;
transform:translateX(-100%);
transition:all 0.66s ease;
overflow-y:scroll;
}
.popup.active{
opacity:1;
z-index:102;
transform:none;
}
.closer{
position: absolute;
right: 60px;
top: 60px;
cursor: pointer;
width: 40px;
height: 40px;
z-index:10;
}
.closer::before{
content:"";
width: 25px;
height: 1px;
background: black;
position: absolute;
top: 20px;
left: 8px;
transform: rotate(45deg);
}
.closer::after{
content:"";
width: 25px;
height: 1px;
background: black;
position: absolute;
top: 20px;
left: 8px;
transform: rotate( -45deg);
}
.popup img{
position: absolute;
bottom: 60px;
right: 60px;
filter: grayscale(1);
height: 50px;
width: auto;
}
.centered{
text-align: center;
}
.popup-title{
position: absolute;
left: 12px;
transform: rotate(-90deg);
letter-spacing:1px;
font-size: 13px;
font-weight: bold;
transform-origin: top left;
top: 40%;
}
.popup-title .fa{
font-size:18px;
margin-left:10px;
}
header {}
header, footer, main{ width: calc(100vw); }
.agenda-block{
display: flex;
margin:0 40px 70px;
}
.fecha-holder{
width: 120px;
min-width: 120px;
background: white;
margin-right: 20px;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
height: 100px;
}
.fecha-holder h1{
margin: 0;
}
.uppercase{
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
font-size: 13px;
}
.text-side-event h5{
font-weight: 500;
padding-bottom: 10px;
border-bottom: 2px solid rgba(255,255,255,0.5);
margin-bottom: 10px;
}
.breadcrumbs span{
display: inline-block;
margin:0 5px;
}
.agenda_container .fecha-holder{
background: #E6E4D9;
}
.agenda_container .text-side-event h5{
border-bottom: 2px solid #E6E4D9;
}
.agenda-thumbnail{
width: 500px;
max-width: 100%;
margin: 40px auto;
}
.atribute{
display: flex;
padding: 10px 15px;
border-top: 2px solid #E6E4D9;
font-weight: bold;
}
.atribute:last-child{
border-bottom: 2px solid #E6E4D9;
}
.atribute span{
font-weight: 400;
opacity:0.5;
margin-right:10px;
}
.wswig a{
font-weight: bold;
}
.centered-flex{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.tag-holder{
display: inline-block;
margin: 10px;
background: black;
color: white!important;
padding: 3px 15px;
font-size: 14px;
letter-spacing: 1px;
}
.agenda-content .for_icons{
justify-content: center;
margin:40px 0;
}
.agenda-content .for_icons .fa{
background: #E6E4D9;
}
.academico-card{
margin: 0 15px 60px;
display: block;
}
.image-holder{
position: relative;
width: 100%;
padding-bottom: 123%;
margin-bottom:15px;
}
.image-holder img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.initial{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 150px;
font-family: 'garamond-premier-pro';
color: rgba(255,255,255,0.5);
}
.faded{
opacity: 0.5;
}
.uppercase.faded{
font-size:12px;
margin-top:10px;
}
.title-section .atributes{
margin-top:60px;
margin-right: 60px;
}
.page-destacada h4{
margin-bottom:20px;
}
.atributos{
margin-bottom:60px;
}
.tab-selector{
display: flex;
margin: 0 0.75rem 60px;
border: 1px solid black;
flex-wrap:wrap;
}
.tab-opener{
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
font-size: 32px;
cursor: pointer;
font-family: 'garamond-premier-pro';
transition:all 0.33s ease;
}
.tab-opener.active{
background: black;
color:white;
}
.tab-opener:not(.active):hover{
background: rgba(0,0,0,0.4);
}
.select-wrapper svg.caret{
position: absolute;
top: 10px;
right: 12px;
opacity: 0.3;
}
.dropdown-content {
background-color: #FFFEF7;
max-height: 250px;
}
.select-wrapper input{
border-bottom: 2px solid rgba(0,0,0,0.5)!important;
opacity: 0.6!important;
font-weight: bold!important;
box-shadow: none!important;
outline: none!important;
}
.dropdown-content li>a, .dropdown-content li>span {
font-size: 15px;
color: black;
display: block;
line-height: 22px;
padding: 5px 13px;
}
.search-current{
display: flex;
align-items: center;
position: relative;
}
.search-current input{
margin: 0!important;
border-bottom: 2px solid rgba(0,0,0,0.5)!important;
opacity: 0.6!important;
font-weight: bold!important;
box-shadow: none!important;
outline: none!important;
}
.search-current .fa{
position: absolute;
top: 15px;
right: 18px;
opacity: 0.3;
font-size: 19px;
}
@media(min-width:550px){
.select-wrapper {
margin-bottom: 90px;
}
}
.input-field{
margin-left: 15px;
margin-right: 15px;
}
input:focus{
opacity:0.6;
}
.highlight{
background: #CCA843;
}
.filter-values-on{
text-align: center;
}
.term-holder{
background: white;
}
.active_filters{
transform: translateY(-40px);
padding: 0 20px;
}
.bajada{
padding-bottom:15px;
margin-bottom:30px;
border-bottom:2px solid rgba(0,0,0,0.2);
padding-top: 15px;
font-weight: 500;
}
.logo-holder{
background: white;
height:200px;
}
.logo-holder img{
position: static;
height:100px;
width:auto;
} ::-webkit-scrollbar {
width: 5px;
} ::-webkit-scrollbar-track {
background: #f1f1f1;
} ::-webkit-scrollbar-thumb {
background: #888;
border-radius :5px;
} ::-webkit-scrollbar-thumb:hover {
background: #555;
}
.search_content{
position: fixed;
z-index: -120;
opacity:0;
transition:opacity 0.33s ease;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.search_content.active{
z-index: 120;
opacity:1;
}
.search_content .underlay{
position: absolute;
cursor: pointer;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
}
.search_form{
z-index: 10;
background: white;
display: flex;
padding-top: 30px;
padding-bottom: 30px;
font-size: 35px;
position: absolute;
top: 0;
left: 0;
width: 100%;
transition:all 0.33s ease;
transform:translateY(-100%);
}
.search_content.active .search_form{
transform:none;
}
.search_form .fa{
color:black!important;
margin-left:30px;
}
.search_form input{
outline: none!important;
box-shadow: none!important;
border: none!important;
font-size: 35px!important;
margin: 0!important;
}
.search_results{
display: none;
}
.search_results.active{
display: block;
background: white;
z-index: 10;
position: absolute;
top: 105px;
left: 0;
width: 100%;
height: calc(100vh - 105px);
overflow-y: scroll;
padding-top: 40px;
padding-bottom: 40px;
}
.spinner_wrap{
display: none;
}
.spinner_wrap.active{
position: absolute;
background: white;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 60px;
}
.search_content h1{
margin-bottom:30px;
}
.no-results{
display: none;
}
.zero_results .no-results{
display: block;
}
.search_content .academico-card {
margin: 15px 15px 40px 0;
display: block;
border-left: 5px solid black;
padding: 10px;
background: #E6E4D9;
}
#nav-icon {
transform: scale(0.8) translateY(-3px);
width: 34px;
min-width:34px;
height: 25px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
transition:0s!important;
cursor: pointer;
}
#nav-icon.open{
width: 25px;
min-width: 25px;
}
.sticky #nav-icon span, .menu_open #nav-icon span{
background: black;
}
#nav-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: white;
border-radius: 5px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon span:nth-child(2) {
top: 12px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon span:nth-child(3) {
top: 24px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 0px;
width:35px;
}
#nav-icon.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
#nav-icon.open  span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 24px;
left: 0px;
width:35px;
}
.third{
margin-bottom: 110px!important;
}
.fourth{
position: relative;
}
.fa.fourth::after{
content: "contacto";
position: absolute;
transform: rotate(-90deg);
transform-origin: top left;
left: 4px;
bottom: -85px;
letter-spacing: 1px;
font-size: 11px;
text-transform: uppercase;
font-family: 'Work Sans', sans-serif;
}
.contact_form{
width: 700px;
max-width: 100%;
margin: 40px auto;
}
.contact_form h1{
text-transform:none;
margin-bottom:60px;
text-align: center;
}
.contact_form input{
border-bottom: 2px solid rgba(0,0,0,0.2)!important;
padding-left: 15px!important;
width: calc(100% - 15px)!important;
margin-top: 5px!important;
box-shadow:none!important;
}
.contact_form .msg{
color: red;
font-size: 12px;
display: block;
text-align: center;
margin: 20px;
}
.contact_form textarea{
padding-left: 15px!important;
margin-top: 5px!important;
min-height: 120px;
box-shadow:none!important;
border: none;
border-bottom: 2px solid rgba(0,0,0,0.2);
}
.error{
background: rgb(252, 181, 181);
}
body.page-id-16 {background-color: #E6E4D9}
body.page-id-16 .logo-holder {margin-bottom: 10px; overflow: hidden;}
body.page-id-16 .logo-holder img {width: 100%; height: auto;}
@media(max-width:1270px){
.upper, .lower {
padding-left: 15px;
padding-right: 15px;
}
.menu_group_title {
margin: 0px 10px;
}
.branding img, .branding {
height: 45px;
max-width: calc(94vw - 200px);
object-fit: contain;
}
}
@media(min-width:1230px){
.mobile, .menu_mobile{
display: none!important;
}
}
@media(max-width:1230px){
.desktop{
display: none!important;
}
.mobile{
display: block;
}
header, footer, main {
transform: none;
width:100vw;
}
header{
padding-top:0;
}
.mobile-menu-buttons{
display: flex!important;
font-size: 20px;
justify-content: space-between;
width: 180px;
}
.menu_open .mobile-menu-buttons{
width:200px;
}
.menu_mobile{
position: fixed;
display: block;
left: 0;
z-index: 1000;
top: 65px;
height: calc(100vh - 65px);
background: inherit;
overflow-y: scroll;
width: 100vw;
opacity:0;
transform:translateX(100%);
transition:all 0.33s ease;
}
.menu_open .menu_mobile{
opacity: 1;
transform: none;
}
.main_menu {
display: flex;
position: relative;
flex-flow: column;
padding: 30px 15px;
}
.menu_group{
border-top: 1px solid rgba(0,0,0,0.2);
padding-top: 10px;
padding-bottom: 10px;
}
.menu_group:last-child{
border-bottom: 1px solid rgba(0,0,0,0.2);
}
.menu_group_title {
font-weight: 500;
}
.submenu-container , .sub-menu{
opacity: 0;
height: 0;
max-height: 0;
top: auto;
left: auto;
padding: 0;
position: static;
transition: all 0s ease;
}
.menu_group:hover .menu_group_title{
font-weight: bold;
}
.menu_group:hover .submenu-container {
opacity: 1;
display: block;
height: auto;
max-height: none;
padding: 15px 10px;
}
.menu-item:hover .sub-menu {
opacity: 1;
display: block;
height: auto;
max-height: none;
padding: 15px 0;
}
ul.menu .sub-menu .menu-item{
border:none;
padding:0;
font-size: 14px;
line-height: 18px;
}
.submenu_link{
font-size: 14px;
line-height: 18px;
}
.links_externos{
margin-top:20px;
}
.links_externos .submenu_link{
font-size:12px;
line-height: 16px;
}
.menu_mobile .secondary_menu{
background: #f2f0e6;
padding: 30px 15px;
}
ul.menu {
display: flex;
align-items: center;
position: relative;
flex-flow: column;
align-items: stretch;
}
ul.menu .menu-item{
border-top: 1px solid rgba(0,0,0,0.2);
padding: 10px;
}
.menu_mobile .social-icons{
margin: 40px auto;
}
.english{
display: block;
text-align: center;
font-weight: bold;
}
ul.menu li {
margin: 0;
}
.slide_home {
height: 80vh;
}
.post-card {
background: grey;
width: 94vw;
height: 400px;
position: relative;
margin-right: 3vw;
}
.text-part {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 10px;
padding-left: 10px;
}
.post-card h3 {
font-family: 'Work Sans', sans-serif;
font-size: 19px;
padding-right: 30px;
}
.arrow_left, .arrow_right {
bottom: 95px;
}
.destacados_slider_wrap {
position: relative;
padding-left: 3vw;
}
footer .flex-between {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid rgba(0,0,0,0.2);
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: column;
align-items: center;
}
footer img {
height: 60px;
width: 70vw;
object-fit: contain;
object-position: center;
margin-bottom: 60px;
}
footer img:last-child {
object-position: center;
margin-top: 60px;
height: auto;
}
footer ul.menu .menu-item-has-children {
width: 100%;
border: none;
padding: 0;
margin-top: 30px;
}
footer ul.menu .menu-item-has-children  ul.sub-menu{
position: static;
height: auto;
max-height: none;
opacity: 1;
}
.numero_slide {
width: 94vw;
margin-right: 3vw;
padding-bottom: 60px!important;
padding-left: 40px;
padding-right: 40px;
}
h1 {
font-size: 33px;
line-height: 39px;
}
h2{
font-size:27px;
line-height: 33px;
}
.js-start-search{
display: none;
}
.menu_open .js-start-search{
display: inline-block;
}
.menu_open .branding img{
object-fit: cover;
object-position: left;
width: 69px;
}
.search_form input {
font-size: 19px!important;
}
.title-section {
padding-top: 190px!important;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.title-section .text-side {
max-width: 100%;
}
.title-section .for_icons{
margin-top:40px;
}
.search-current {
margin-bottom: 60px;
}
}
.revista_changer{
padding-left: 50px;
margin-left: 30px;
border-left: 1px solid rgba(0,0,0,0.2);
}
.strong-underlined{
display: block;
font-weight: bold;
text-decoration: underline;
font-size: 16px;
margin: 10px 0;
}
.revista_changer .input-field{
margin:20px 0!important;
}
.page .text-overlay{
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0.4990371148459384) 25%, rgba(0,0,0,0) 100%);
}
@media(min-width:992px){
.lfifth{
width:20%!important;
}
}
@media(max-width:992px){
.slide_home h1 {font-size:36px;}
ul.slick-dots {display:none!important}
a.img-tiktok-link img {margin-top: 10px;
display: block;
transform: scale3d(1.9, 1.9, 1.9);}
.destacados_slider_wrap h1 {width:100%}
.destacados_slider_wrap {margin-bottom:120px!important;}
footer .social-icons a {display:inline-block; width: 50px; height: 50px; margin: 6px;}
footer .social-icons a img {}
.links_mosaico_container {position: absolute; height: auto; padding-top: 10vh; }
div.link-admision.ancho-simple {width: 100%}
div.link-admision.ancho-doble {width: 100%}
div.link-admision.alto-simple {height: 200px}
div.link-admision.alto-doble {height: 200px}
}
@media(max-width:1350px){
.container_small{
padding-left:3vw;
padding-right:3vw;
}
}
@media(max-width:1000px){
.popup img {
position: static;
filter: grayscale(1);
height: 50px;
width: auto;
display: block;
margin: 20px auto;
}
.closer {
right: 15px;
top: 15px;
}
.mobile{
display: inline-block;
}
.desktop{
display: none!important;
}
}
.wswig.small_space{
padding-bottom:0;
}
.covid-message{
background: #D69173;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
text-align: center;
}
.covid-message a{
font-weight: bold;
text-decoration: underline;
}
.covid-message .closer{
top: 0px;
}
@media(max-width:1000px){
.covid-message{
padding-right: 50px;
}
}
.custom-tab-selector{
padding: 10px;
font-size: 20px;
border-bottom: 1px solid rgba(0,0,0,0.1);
cursor: pointer;
transition:all 0.33s ease;
}
.custom-tab-selector:last-child{
border:none;
}
.custom-tab-selector:hover{
padding-left:20px;
}
.custom-tab-selector.active{
background: white;
padding-left: 20px;
}
.single-unidad{
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 10px;
}
.single-unidad .titulo{
width: 300px;
max-width: 100%;
}
.flex-redes{
font-size:20px;
display: flex;
}
.flex-redes .fa{
margin-right: 20px;
width:30px;
height:30px;
display: flex;
align-items: center;
justify-content: center;
color:white;
}
.flex-redes .fa-facebook{
background: #3b5998;
}
.flex-redes .fa-twitter{
background: #1DA1F2;
}
.flex-redes .fa-instagram{
background: #f09433;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.flex-redes .fa-linkedin{
background: #0072b1;
}
.flex-redes .fa-youtube{
background: #c4302b;
}
.custom-tab{
display: none;
}
.custom-tab.active{
display: block;
}
.material-tooltip{
background: black;
}
.arrow_right.scroller_down{
bottom: 15px;
left: calc(50% - 15px);
right: auto;
top: auto;
z-index: 10;
transform: rotate(90deg);
cursor: pointer;
transform-origin:top left;
animation-duration: 2s;
animation-iteration-count: infinite;
}
.carusel_home_wrap{
position: relative;
}
.arrow_right.scroller_down span{
background: white;
}
.arrow_right.scroller_down::after{
background: white;
}
.bounce-1 {
animation-name: bounce-1;
animation-timing-function: linear;
}
@keyframes bounce-1 {
0%   { transform: rotate(90deg) translateX(0); }
50%  { transform: rotate(90deg) translateX(-10px); }
100% { transform: rotate(90deg) translateX(0); }
}
.submenu .wswig{
font-size: 16px;
line-height: 20px;
margin: 0;
}
.slick-track{
display: flex;
align-items: center;
}
.gallery-item{
display: block;
margin: 20px;
}
.gallery-wrap .arrow_left{
left: 0;
bottom: -20px;
}
.gallery-wrap .arrow_right{
right:0;
bottom:-20px;
}
.table-of-contents a.active {
font-weight: 500;
padding-left: 14px;
border-left: none;
background: #DA2A35;
color: white;
font-weight: bold;
}
.table-of-contents a{
display: block;
}
.table-of-contents a:hover{
color: #000;
}
.calendario-display h5{
border-bottom: 5px solid #DA2A35;
display: inline-block;
margin-bottom:20px;
}
.calendario-header{
background: #F6F6F6;
padding: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.calendario-content{
padding:15px;
}
.faded{
opacity: 0.5;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 15px;
font-size: 12px;
}
.calendario-card{
margin-bottom:20px;
}
.calendario-card h4{
margin-bottom: 15px;
font-weight: bold;
line-height: 130%;
}
.destacado-display{
background: #DA2A35;
color: white;
display: inline-block;
padding: 4px 10px;
font-size: 11px;
line-height: 11px;
}
.table-of-contents h6{
font-weight: bold;
margin-bottom: 10px;
margin-top: 20px;
}
.calendario-side{
position: absolute;
width: 200px;
}
.sidebar .calendario-side{
position: fixed;
top: 115px;
}
.static-sidebar .calendario-wrap{
position: relative;
}
.static-sidebar .calendario-wrap .calendario-side{
position: absolute;
bottom: 0;
top: auto;
left: 0;
}
.calendario-display{
margin-left: 220px;
}
.abs{
position: absolute;
top:16px;
right:10px;
}
.row .col input[name="search_by_word"]{
border-bottom: 2px solid rgba(0,0,0,0.5)!important;
box-shadow: none!important;
outline: none!important;
margin: 0!important;
color:#000!important;
}
.row .col input[name="search_by_word"]:focus {color:#000!important; opacity:1;}
@media(max-width:992px){
.calendario-side{
display: none!important;
}
.calendario-display{
margin-left: 0px;
}
}
.slider-gallery-wrap{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: -10;
opacity: 0;
transition: opacity 0.66s ease;
background: rgba(0,0,0,0.8);
padding: 5vh 2vw;
display: none;
}
.slider-gallery-wrap.active{
z-index: 1000;
opacity: 1;
display: block;
}
.slider-gallery-wrap .arrow-left{
display: block;
position: absolute;
top: 50%;
left: 1vw;
color: white;
transform: none;
font-size: 40px;
}
.slider-gallery-wrap .arrow-right{
display: block;
position: absolute;
top: 50%;
right: 1vw;
color: white;
transform: none;
font-size: 40px;
cursor: pointer;
}
.slider-gallery img, .slider-gallery embed {
max-width: 90vw;
max-height: 90vh!important;
display: block;
margin: 0 auto;
object-fit: contain;
}
.images-of-post{
display: flex;
flex-wrap: wrap;
}
.images-of-post img, .images-of-post video{
cursor: pointer;
width: calc(50% - 10px);
object-fit: cover;
flex: 1 auto;
margin: 5px;
}
.closer-look{
position: absolute;
top: 40px;
right: 40px;
width: 40px;
height: 40px;
cursor: pointer;
z-index:20;
}
.closer-look::before{
content: "";
position: absolute;
background: white;
width: 30px;
height: 3px;
top: 17px;
left: 5px;
transform: rotate(45deg);
}
.closer-look::after{
content: "";
position: absolute;
background: white;
width: 30px;
height: 3px;
top: 17px;
left: 5px;
transform: rotate(-45deg);
}
.auto-activable.custom-modal-wrap{
display: none;
}
.auto-activable.custom-modal-wrap.active{
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 1000;
}
.custom-modal-wrap .underlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 0;
cursor: pointer;
}
.custom-modal{
z-index: 1;
position: relative;
display: block;
width: 900px;
margin: 120px auto 30px;
max-height: calc(100vh - 100px);
overflow-y: scroll;
max-width: 90vw;
height: auto;
}
.custom-modal .fa-times{
position: absolute;
top: 20px;
right: 20px;
color: black;
background: white;
width: 25px;
height: 25px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 15px;
}
.custom-modal img{
width: 100%;
height: auto;
}
.custom-modal::-webkit-scrollbar {
display: none;
}