/* Code tidied up by ScrapBook */
@font-face {
    font-family: "uoc-sans";
    font-weight: 400;
    src: url("UOCSans-Regular.otf");
}
@font-face {
    font-family: "uoc-sans";
    font-style: italic;
    font-weight: 400;
    src: url("UOCSans-Italic.otf");
}
@font-face {
    font-family: "uoc-sans";
    font-weight: 600;
    src: url("UOCSans-Bold.otf");
}
@font-face {
    font-family: "uoc-serif";
    font-weight: 400;
    src: url("UOCSerif-Regular.otf");
}
.sidr { display: block; position: fixed; top: 0px; height: 100%; z-index: 99; width: 95%; overflow-x: visible; overflow-y: auto; font-size: 15px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; color: rgb(255, 255, 255); box-shadow: 0px 0px 5px 5px rgb(34, 34, 34) inset; }
.sidr .sidr-inner { padding: 0px 0px 15px; }
.sidr.right { left: auto; right: -95%; }
.sidr.left { left: -95%; right: auto; }
#uoc_avui .flex-item.panel { background-color: rgb(213, 250, 255); }
#uoc_video #cos, #uoc_video #video-principal { padding: 0px; position: relative; height: 370px; width: 69%; }
#uoc_video #cos div { height: 370px; opacity: 0.6; }
#uoc_video .containerInterior #imatge_video { margin-top: 145px; margin-left: 45%; }
.img-fluid.destacat { border: 10px solid rgb(2, 117, 216); margin-left: auto; margin-right: auto; max-width: 900px; width: 100%; }
.destacat .inside h4 { padding-bottom: 15px; }
.inside .img-fluid { height: 100%; }
.containerInterior.m-x-auto.m-t-2.m-b-2 .row-height .col-xs-12.col-sm-6.col-md-height.col-top.enllasDestacat { padding: 0px; }
.containerInterior.m-x-auto.m-t-2.m-b-2 .row-height .tabla.inside div.fila.imatgeDocument { width: 55px; float: right; margin-right: 5px; }
.containerInterior.m-x-auto.m-t-2.m-b-2 .row-height .tabla.inside .fila .celda p { margin-top: 8px; font-size: 1.75rem; color: rgb(0, 0, 120); padding-left: 15px; }
.containerInterior.m-x-auto.m-t-2.m-b-2 .row-height .tabla.inside .fila .celda p:hover { color: rgb(112, 111, 111); }
.row-height .tabla.inside .celda.icona img { width: 25px; padding-top: 10px; }
.row.contingut .containerInterior .col-xs-12 li a, .row.destacat .containerInterior .col-xs-12.pad-special a, .row.contingut .containerInterior .col-xs-12 a { color: rgb(0, 0, 120); }
.row.contingut .containerInterior .col-xs-12 li a:hover, .row.destacat .containerInterior .col-xs-12.pad-special a:hover, .row.contingut .containerInterior .col-xs-12 a:hover { color: rgb(112, 111, 111); background: transparent none repeat scroll 0% 0%; }
body { font-family: uoc-sans,"Helvetica Neue",Helvetica,Arial,sans-serif; color: rgb(0, 0, 120); font-size: 1.2rem; line-height: 1.3; }
body a { text-decoration: underline; }
body a.linkPuntets { border-bottom: 1px dotted white; display: inline !important; height: inherit !important; width: auto !important; position: relative !important; }
body a.linkPuntets:hover { border-bottom: 1px solid white !important; text-decoration: none !important; }
body a.linkPuntets.size14 { font-size: 0.875rem; }
body a.linkBlanc { text-decoration: underline; }
body a.linkBlanc:hover { text-decoration: underline; color: rgb(112, 111, 111); }
body > .container-fluid { padding-left: 0px; padding-right: 0px; }
body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 { font-weight: bold; }
.row.destacat .pad-special ul { padding-left: 20px; }
.row.destacat .pad-special ul li { padding: 5px 0px; }
.row.bg-gris { background-color: rgb(240, 240, 240); }
.row.bg-blau { background-color: rgb(213, 250, 255); }
.bg-gris, .bg-amarillo, .bg-azul { background: rgb(115, 237, 255) none repeat scroll 0% 0%; }
.bg-gris a, .bg-amarillo a, .bg-azul a { color: rgb(0, 0, 120); }
.bg-gris a:hover, .bg-amarillo a:hover, .bg-azul a:hover { background-color: rgb(255, 255, 255); text-decoration: none; border-color: rgb(0, 0, 120); }
.bg-blanco245 { background: rgb(245, 245, 245) none repeat scroll 0% 0%; }
h1 .logo { width: 350px; }
.logoPeu { width: 350px; }
@media (min-width: 544px) {
    .container { max-width: 1280px; }
}
.inBlock { display: inline-block; }
@media (max-width: 543px) {
    h1 .logo { margin: 0.625rem 0rem; width: 150px; }
}
h3 { color: rgb(51, 51, 51); }
h4 { font-size: 1.375rem; line-height: 1.2; font-weight: normal; margin-bottom: 0px; }
@media (min-width: 768px) {
    .containerInterior { color: rgb(0, 0, 120); max-width: 940px; }
    .containerInterior.nouLogo { max-width: 100%; padding-right: 20px; }
}
.containerInterior h3 { font-size: 2.5rem; margin-bottom: 2.5rem; }
.containerInterior .col-md-3 { padding: 0px; color: white; }
.containerInterior .col-md-3 p { font-size: 0.9375rem; line-height: 1.5; margin-bottom: 0px; }
.containerInterior .col-md-3 p span { font-size: 3.75rem; font-weight: 300; }
.row.bg-blau #dades_xarxes { padding-bottom: 0.125rem; }
.row.bg-blau #dades_xarxes h3 { width: 100%; text-align: left; margin-bottom: 0.5rem; }
.row.bg-blau #dades_xarxes .xarxes h3 { padding-top: 0px; }
.row.bg-blau #dades_xarxes ul.redes { text-align: left; padding-top: 0px; margin-bottom: 0px; }
#dades_xarxes { padding-bottom: 3.125rem; }
#dades_xarxes h3 { float: left; width: 25%; padding-top: 3.125rem; text-align: initial; }
#dades_xarxes img { width: 65%; margin-left: 80px; padding-top: 3.125rem; }
#headingOne { overflow: hidden; display: table; width: 100%; }
#headingOne [class*="col-"] { display: table-cell; float: none; vertical-align: middle; }
@media (max-width: 768px) {
    #uoc_video #cos, #uoc_video #video-principal { width: 100%; height: 350px; }
    #uoc_video #cos div { height: 350px; }
    #uoc_video #imatge_video { margin-top: 155px; }
    #uoc_video .containerInterior .contingut_video { width: 100%; }
    .inici .flex-container div.flex-item.panel .card { height: 175px; }
}
@media (max-width: 750px) {
    .destacat .pad-special { float: left; }
    .destacat .infoVideo { display: block; float: left; width: 100%; }
    .enllasDestacat .inside { position: relative; min-height: auto; }
}
@media (max-width: 543px) {
    body:not(.inici) #headingTwo { display: none; }
}
.principal {  }
#uoc_video .flex-container { justify-content: left; background-color: rgb(240, 240, 240); }
#uoc_video .contingut_video { width: 31%; padding: 10px; line-height: 1.1; color: rgb(0, 0, 120); }
#uoc_video .titol_video { font-size: 2.5rem; }
#uoc_video .text_video { margin-top: 15px; font-size: 1.2rem; }
.flex-container { padding: 0px; margin: 0px; list-style: outside none none; display: flex; flex-flow: row wrap; justify-content: space-around; }
.flex-item { width: 100%; }
.inici .flex-container div.panel { padding: 0px; }
@media (min-width: 544px) {
    .inici .flex-container div.panel { display: block; width: 49%; float: left; margin-top: 4px; }
    .inici .flex-container div.panel .card { height: 165px; }
    .destacat .col-xs-12.col-sm-5.col-md-height.col-top { float: left; width: 100%; }
}
@media (max-width: 544px) {
    .destacat #foto-destacada { margin-left: auto; margin-right: auto; }
    .destacat .inside h4 { padding-bottom: 15px; }
    .destacat .col-xs-12.col-sm-7.col-md-height.col-middle { float: left; width: 100%; }
}
@media (min-width: 768px) {
    .inici .flex-container div.panel { width: 25%; margin: 0px; }
}
.inici .flex-container div.panel .card { border: medium none; background: rgb(213, 250, 255) none repeat scroll 0% 0%; margin: 0px; padding: 0px 25px 45px 10px; height: auto; }
.inici .flex-container div.panel .card h4 { color: white; }
.inici .flex-container .contingut_video:hover { background: transparent none repeat scroll 0% 0%; }
@media (max-width: 991px) {
    #uoc_avui, #uoc_video, #dades_xarxes, #mapa_web { padding-left: 2%; padding-right: 2%; }
    #dades_xarxes img { margin-left: 50px; }
    .destacat .inside h3 { margin-bottom: 0.65rem; margin-top: 10px; font-weight: normal; color: rgb(0, 0, 120); }
    .destacat .col-xs-12.col-sm-7.col-md-height.col-middle { background-color: rgb(240, 240, 240); vertical-align: top; }
    .destacat.row .col-top { padding: 0px; }
    .destacat.row { margin-bottom: 1.25rem; background: white none repeat scroll 0% 0%; max-width: 940px; width: 96%; margin-left: auto; margin-right: auto; }
}
@media (max-width: 767px) {
    #uoc_avui .flex-container { display: block; }
}
@media (max-width: 543px) {
    #uoc_avui { margin-top: -196px; padding-bottom: 10px; }
    #uoc_avui h3 { margin-top: 20px; }
    #uoc_video.bloques { padding-top: 0px; margin-top: 0px; padding-bottom: 35px; }
    #mapa_web { display: none; }
    .row.bg-gris { margin-bottom: 15px; }
}
#uoc_video { margin-top: 10px; padding-bottom: 60px; }
.bloques { padding: 1.25rem 0rem; }
@media (max-width: 543px) {
    .bloques { padding: 1.875rem 1.25rem; }
}
.bloques h3 { font-size: 2.5rem; }
.bloques h3.uoc_avui { border-top: 5px solid rgb(0, 0, 120); padding-top: 3px; margin-top: 70px; margin-bottom: 15px; text-align: left; color: rgb(0, 0, 120); }
.bloques h3.uoc_video { border-top: 5px solid rgb(0, 0, 120); padding-top: 3px; margin-top: 15px; margin-bottom: 15px; text-align: left; color: rgb(0, 0, 120); }
.bloques .panel { width: 100%; color: rgb(0, 0, 120); }
.bloques .panel + panel { border-left: 2px solid white; }
.bloques .panel p { line-height: 1.1; font-size: 1.25rem; margin-bottom: 0px; }
.bloques .panel p span { line-height: 1.1; font-size: 3.75rem; font-weight: bold; }
.card-group { border: medium none; }
.card-group .card { border-radius: 0px; background: rgb(56, 115, 216) none repeat scroll 0% 0%; border-width: medium 2px medium medium; border-style: none solid none none; border-color: currentcolor rgb(255, 255, 255) currentcolor currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.card-group .card .panel { border: medium none; }
#barra { background: rgb(240, 240, 240) none repeat scroll 0% 0%; text-transform: uppercase; text-align: center; color: rgb(0, 0, 120); }
#barra h2 { margin: 0px; padding-top: 0.75rem; padding-bottom: 0.5625rem; font-size: 1.5rem; font-weight: 300; text-align: left; }
#barra h2 span { color: rgb(0, 0, 120); font-weight: bold; }
@media (max-width: 543px) {
    #barra h2 { font-size: 1.25rem; }
}
#idiomes { padding-right: 0px; }
@media (max-width: 991px) {
    #idiomes { padding-right: 2%; }
}
@media (max-width: 543px) {
    #idiomes { padding-left: 0px; }
}
#idiomes ul { list-style: outside none none; margin: 0px; padding: 0px; line-height: 3.1; text-align: center; }
@media (max-width: 767px) {
    #idiomes ul { line-height: 2; }
}
#idiomes ul li { display: inline; }
#idiomes ul li + li::before { content: " / "; color: rgb(51, 51, 51); }
#idiomes ul li a { text-decoration: none; color: rgb(51, 51, 51); }
#idiomes ul li a:hover { text-decoration: underline; color: rgb(56, 115, 216); }
#idiomes ul li a.actiu { font-weight: bold; }
#idiomes ul li a.actiu:hover { text-decoration: none; color: rgb(51, 51, 51); cursor: default; }
.foto-principal { max-height: 600px; }
.foto-principal .containerInterior { position: absolute; bottom: 15rem; left: 0px; right: 0px; }
.foto-principal .containerInterior.subtitle { margin-left: auto; margin-right: auto; margin-top: 70px; position: initial; font-size: 55px; font-weight: bold; color: rgb(255, 255, 255); line-height: 1.1; }
.foto-principal .containerInterior.subtitle .subText { font-family: uoc-serif,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 30px; font-weight: normal; }
.foto-principal h2.containerInterior { font-weight: bold; position: relative; color: white; font-size: 3.44rem; }
@media (max-width: 991px) {
    .foto-principal .containerInterior.subtitle { margin-top: 30px; padding: 0px 2%; font-size: 2.5rem; }
}
@media (max-width: 767px) {
    .foto-principal .containerInterior.subtitle { font-size: 2.25rem; margin-top: 0px; padding-top: 20px; }
    .foto-principal .containerInterior.subtitle .subText { font-size: 21px; width: 255px; }
}
@media (max-width: 543px) {
    .foto-principal h2.containerInterior { bottom: 100%; position: absolute; }
    /*#barra { margin: 0px 2%; }*/
    #headingTwo { margin: 0px 2%; }
    /*#barra .containerInterior h2 { text-align: center; }*/
}
.foto-principal::before { box-shadow: 0px -150px 150px -50px rgba(0, 0, 0, 0.8) inset; content: ""; display: block; height: 100%; left: 0px; position: absolute; bottom: 0px; width: 100%; }
@media (max-width: 767px) {
    .foto-principal { min-height: 300px; }
}
#nav-main { position: absolute; bottom: 1px; width: 100%; }
@media (max-width: 991px) {
    #nav-main { width: 96%; max-width: 902px; }
}
@media (max-width: 767px) {
    #nav-main { font-size: 1.875rem; }
}
@media (max-width: 543px) {
    #nav-main { top: 100%; position: initial; margin-top: 20px; }
}
@media (max-width: 543px) {
    .foto-principal { min-height: 390px; }
}
ul.nav { position: relative; display: flex; justify-content: space-between; z-index: 3; border: medium none; font-weight: bold; }
@media (max-width: 543px) {
    ul.nav { display: block; }
}
ul.nav .nav-link { border-radius: 0px; border-width: 5px medium; border-style: solid none; border-color: rgb(0, 0, 120) currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; font-size: 1.5rem; text-decoration: none; }
@media (max-width: 767px) {
    ul.nav .nav-link { font-size: 1.0625rem; }
}
ul.nav .nav-link:hover { text-decoration: none; border-color: rgb(0, 0, 120); }
ul.nav .nav-item { width: 32.7%; margin-bottom: 25px; }
ul.nav .nav-item + .nav-item { margin-left: 0px; }
@media (min-width: 544px) {
    ul.nav .nav-item + .nav-item { margin-left: 1%; }
}
@media (max-width: 543px) {
    ul.nav .nav-item { display: block; width: 100%; margin-bottom: 7px; }
}
@media (max-width: 543px) {
    ul.nav .nav-item.bg-gris .nav-link { background: rgb(56, 115, 216) none repeat scroll 0% 0%; color: white; }
}
@media (max-width: 543px) {
    ul.nav .nav-item.lauoc .nav-link { background: rgb(115, 237, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 120); padding-bottom: 22px; }
    ul.nav .nav-item.lauoc .nav-link:hover { background: white none repeat scroll 0% 0%; text-decoration: none; border-color: rgb(0, 0, 120); }
}
@media (max-width: 543px) {
    ul.nav .nav-item.cis .nav-link { background: rgb(115, 237, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 120); padding-bottom: 22px; }
    ul.nav .nav-item.cis .nav-link:hover { background: white none repeat scroll 0% 0%; text-decoration: none; border-color: rgb(0, 0, 120); }
}
@media (max-width: 543px) {
    ul.nav .nav-item.of .nav-link { background: rgb(115, 237, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 120); padding-bottom: 22px; }
    ul.nav .nav-item.of .nav-link:hover { background: white none repeat scroll 0% 0%; text-decoration: none; border-color: rgb(0, 0, 120); }
}
@media (max-width: 543px) {
    .inici .flex-container div.panel .card { margin-bottom: 10px; }
    .bloques .panel p { line-height: 1.1; }
}
@media (max-width: 543px) {
    #uoc_video #cos, #uoc_video #video-principal { height: 300px; width: 100%; }
    #uoc_video #cos div { height: 300px; }
    #uoc_video .contingut_video { width: 100%; }
    #uoc_video .containerInterior #imatge_video { margin-left: 43%; margin-top: 130px; }
}
@media (max-width: 543px) {
    #dades_xarxes h3 { width: 100%; padding-top: 2.125rem; }
    #dades_xarxes img { width: 100%; margin-left: 0px; padding-top: 0px; }
}
@media (max-width: 768px) {
    #dades_xarxes h3 { color: rgb(0, 0, 120); }
    div.col-xs-12.col-md-6.xarxes { float: left; padding-bottom: 60px; font-size: 17px; border-top: 4px solid rgb(115, 237, 255); padding-top: 5px; }
    div.col-xs-12.col-md-6.xarxes h3 { font-size: 17px; color: rgb(0, 0, 120); }
    div.col-xs-12.col-md-6.xarxes li.plus { margin-left: 50px; }
    #dades_xarxes div.col-xs-12.col-md-6.guia { float: right; position: absolute; margin-top: 100px; border-top: 1px solid rgb(115, 237, 255); font-size: 17px; }
    #dades_xarxes div.col-xs-12.col-md-6.guia h3 { padding: 5px 0px 0px 10px; font-size: 15px; font-weight: normal; color: rgb(0, 0, 120); }
}
ul.redes { padding-left: 0px; text-align: center; padding-top: 6.25rem; }
@media (max-width: 543px) {
    ul.redes { padding: 0.625rem; }
}
ul.redes li { display: inline-block; margin-right: 5px; text-align: left; }
ul.redes li.plus { margin-right: 0px; margin-left: 13px; }
ul.redes li a { display: table-cell; vertical-align: middle; width: 29px; height: 50px; border-radius: 50%; border: medium none; background: transparent none repeat scroll 0% 0%; color: rgb(0, 0, 120); font-size: 1.5625rem; }
@media (max-width: 543px) {
    .row.bg-gris { margin: 0px 2% 25px; }
    .row.bg-blau { margin: 0px 2%; }
    .row.bg-blau #dades_xarxes { padding: 0px; }
    .row.bg-blau #dades_xarxes .xarxes h3 { padding-left: 10px; }
    .row.bg-blau #dades_xarxes ul.redes { padding: 0px 0px 15px 10px; border-bottom: 1px solid rgb(115, 237, 255); }
    .row.bg-blau #dades_xarxes ul.redes span.fa { font-size: 25px; }
    #dades_xarxes div.col-xs-12.col-md-6.guia { border-top: medium none; }
    ul.redes li a { width: 30px; height: 40px; font-size: 1.125rem; }
}
#tab-menu-central { position: relative; }
#tab-menu-central .tab-pane { box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); width: 100%; background: white none repeat scroll 0% 0%; padding-top: 1.25rem; padding-bottom: 0.625rem; }
@media (max-width: 991px) {
    #tab-menu-central .tab-pane { width: 96%; margin: 0px auto; }
}
#tab-menu-central .sub-nav { color: rgb(56, 115, 216); display: flex; justify-content: space-between; width: 96%; margin-left: 2%; margin-right: 2%; margin-bottom: 0.625rem; padding: 0px 0px 0px 0.625rem; list-style: outside none none; }
@media (max-width: 767px) {
    #tab-menu-central .sub-nav { display: block; padding-left: 1.25rem; }
}
#tab-menu-central .sub-nav a { color: rgb(128, 128, 128); text-decoration: none; font-size: 0.875rem; }
#tab-menu-central .sub-nav a:hover { text-decoration: underline; }
#tab-menu-central .sub-nav a.actiu { font-weight: bold; color: rgb(56, 115, 216); }
#tab-menu-central .sub-nav li { line-height: 1; }
@media (max-width: 767px) {
    #tab-menu-central .sub-nav li { display: inline-block; width: 32%; vertical-align: top; }
}
#tab-menu-central .sub-nav li::before { content: "• "; color: rgb(56, 115, 216); font-weight: bold; margin-left: -11px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #tab-menu-central .sub-nav { display: table; }
    #tab-menu-central .sub-nav li { display: table-cell; padding-left: 10px; }
}
#tab-menu-central .especial { display: table; }
#tab-menu-central .especial li { display: table-cell; width: 20%; padding-right: 20px; }
#tab-menu-central .especial li.doble { width: 40%; }
#tab-menu-central .especial + .especial { border-top: 1px solid rgb(241, 241, 241); padding-top: 0.625rem; }
.panel { background: rgb(56, 115, 216) none repeat scroll 0% 0%; border-left: 4px solid rgb(255, 255, 255); padding: 1.25rem; }
.form-campus-container { padding-top: 0.5rem; padding-bottom: 0.3125rem; }
@media (max-width: 991px) {
    .form-campus-container { padding-right: 4%; }
}
@media (max-width: 543px) {
    .form-campus-container { padding-right: 0px; }
}
.form-campus-container .form-campus-title { text-transform: uppercase; font-size: 0.875rem; color: rgb(77, 77, 77); }
.form-campus-container a { color: rgb(77, 77, 77); font-size: 0.75rem; text-decoration: none; }
@media (max-width: 543px) {
    .form-campus-container a { font-size: 0.9375rem; }
}
.form-campus-container a:hover { text-decoration: underline; color: rgb(56, 115, 216); }
.form-campus-container .form-group { margin-bottom: 0.5rem; }
.form-campus-container .form-group input { font-size: 0.875rem; border-radius: 0px; }
.form-campus-container .form-group button.button { border: medium none; background: transparent none repeat scroll 0% 0%; color: white; }
.form-campus-container .form-group .input-group { width: 100%; }
@media (max-width: 543px) {
    .form-campus-container .form-group .input-group { display: block; }
}
.form-campus-container .form-group .input-group-addon { border-radius: 0px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; padding: 0.25rem 0.4375rem; }
@media (max-width: 543px) {
    .form-campus-container .form-group .input-group-addon { display: block; width: 100%; clear: both; background: transparent none repeat scroll 0% 0%; border: medium none; padding: 0px; }
}
.form-campus-container .form-control { padding: 0.25rem 0.4375rem; }
#trackingCookie {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10000;
    background-color: #f0f0f0;
    color: #000078;
}
#trackingCookie .alert-text {
    width: 90%;
    max-width: 1204px;
    float: none;
    line-height: 1.1875rem;
    margin: 0 auto;
    text-shadow: none;
    color: #000078;
}
#trackingCookie .alert-text .alert-text-center {
    float: left;
    padding: 24px 0;
}
#trackingCookie .alert-text .alert-text-left {
    width: 83%;
    float: left;
    font-size: 1.0625rem;
}
#trackingCookie .alert-text .alert-text-right {
    width: 16%;
    float: right;
    text-align: right;
}
#trackingCookie p {
    margin: 0;
}
#trackingCookie a {
    color: #000078;
    text-decoration: underline;
    font-weight: normal;
}
#trackingCookie .btn {
    display: inline-block;
    padding: 10px 36px;
    background-color: #000078;
    text-align: center;
    font-size: .875rem;
    color: #fff;
    text-decoration: none;
}
b, strong {
    font-weight: bold;
}
@media (max-width: 47.99em){
    #trackingCookie .btn {
        width: 100%;
        margin-top: 24px;
    }
}
@media (max-width: 47.99em){
    #trackingCookie .alert-text .alert-text-left, #trackingCookie .alert-text .alert-text-right {width: 100%;}}
@media (max-width: 47.99em){
    #trackingCookie .btn {
        font-size: 1rem;
    }
}

#trackingCookie .alert-content strong { font-weight: normal; }
#trackingCookie .alert-content .accept { text-align: center; }
#trackingCookie .btn {
    display: inline-block;
    padding: 10px 36px;
    background-color: #000078;
    text-align: center;
    font-size: .875rem;
    color: #fff;
    border-radius: 0;
    text-decoration: none;
}
.row.bg-blanc #mapa_web .col-mapa-web { font-size: 17px; color: rgb(0, 0, 120); border-top: 4px solid rgb(115, 237, 255); margin-top: 25px; margin-bottom: 20px; }
.row.bg-blanc #mapa_web .col-item.group { border-top: 1px solid rgb(222, 222, 222); margin-top: 15px; }
.containerInterior [class*="col-"] {  }
footer { display: none; background: black none repeat scroll 0% 0%; color: white; padding-top: 2.5rem; padding-bottom: 6.25rem; text-align: center; font-size: 0.9375rem; }
.escondido { display: none; }
.navbar-toggler { color: rgb(51, 51, 51); }
#responsive-menu-button{
    line-height: inherit;
    padding: 0;
    /*margin-right: -0.9375rem;*/
}
#responsive-menu-button span{
    font-size: 40px;
}
.fancybox-opened .fancybox-skin { background: transparent none repeat scroll 0% 0%; box-shadow: none !important; }
.fancybox-opened .escondido { display: block; }
.fancybox-opened form#form-campus { border: 1px solid rgb(212, 212, 212); background: white none repeat scroll 0% 0%; padding: 1.875rem 0.875rem; border-radius: 5px; }
.fancybox-opened form#form-campus .logo { margin-bottom: 1.25rem; }
.fancybox-opened form#form-campus input { border-radius: 5px; padding: 0.625rem 0.9375rem; }
.fancybox-opened form#form-campus button { border-radius: 5px; padding: 0.625rem 0.9375rem; background: rgb(56, 115, 216) none repeat scroll 0% 0%; width: 100%; margin-top: 0.5rem; }
.fancybox-lock .fancybox-overlay { background: rgb(245, 245, 245) none repeat scroll 0% 0% !important; overflow: hidden !important; }
.fancyCampus { color: rgb(51, 51, 51); border-radius: 3px; border: 1px solid rgb(51, 51, 51); text-decoration: none; padding: 0.3125rem 0.625rem; }
#sidr-main { background: transparent none repeat scroll 0% 0%; box-shadow: none !important; }
@media (min-width: 544px) {
    .row.bg-blanc #mapa_web .col-mapa-web { font-size: 17px; color: rgb(0, 0, 120); border-top: 4px solid rgb(115, 237, 255); margin-top: 35px; margin-bottom: 30px; }
    .row.bg-blanc #mapa_web .col-item.group { border-top: 1px solid rgb(222, 222, 222); margin-top: 15px; }
    /*#sidr-main { display: none; }*/
}
#menu-mobile { position: relative; overflow: visible !important; height: 100%; }
#menu-mobile .menu-elementos { height: 100%; background: white none repeat scroll 0% 0%; margin-left: 50px; position: relative; }
#menu-mobile .menu-elementos .panel { border-width: 4px medium medium; border-style: solid none none; border-color: rgb(208, 208, 208) currentcolor currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding: 0px; background: white none repeat scroll 0% 0%; margin: 0px 9%; }
#menu-mobile .menu-elementos .panel .panel-title, #menu-mobile .menu-elementos .panel .panel-heading { padding: 0px; margin: 0px; }
#menu-mobile .menu-elementos .panel a.actiu { color: rgb(208, 208, 208); }
#menu-mobile .menu-elementos .close-button { position: absolute; right: 100%; padding: 0.625rem; background: rgb(208, 208, 208) none repeat scroll 0% 0%; display: inline-block; }
#menu-mobile .menu-elementos .close-button:hover { cursor: pointer; }
#menu-mobile .menu-elementos .menuCapsalera { display: table; width: 100%; border-bottom: 1px solid rgb(208, 208, 208); margin-bottom: 2.2rem; }
#menu-mobile .menu-elementos .menuCapsalera > div { display: table-cell; }
#menu-mobile .menu-elementos .menuCapsalera #anarInici { text-align: right; width: 2%; }
#menu-mobile .menu-elementos .menuCapsalera #anarInici a { padding: 0.8125rem 1.25rem 0.75rem; text-transform: none; }
#menu-mobile .menu-elementos p a::after { font-family: "FontAwesome"; content: ""; color: rgb(0, 0, 120); float: right; font-size: 30px; margin-top: -8px; }
#menu-mobile .menu-elementos p a.collapsed::after { font-family: "FontAwesome"; content: ""; font-size: 30px; margin-top: -8px; }
#menu-mobile .menu-elementos a { text-transform: uppercase; font-size: 1.25rem; color: rgb(0, 0, 120); text-decoration: none; font-weight: bold; display: block; padding: 0px 0px 0.938rem; }
#menu-mobile .menu-elementos ul { list-style: outside none none; padding: 0px; margin: 0px; }
#menu-mobile .menu-elementos ul li { padding: 0px; border-top: 1px solid rgb(208, 208, 208); }
#menu-mobile .menu-elementos ul li a { font-size: 1.055rem; text-transform: initial; }
#menu-mobile .menu-elementos ul li a:hover { text-decoration: none; color: rgb(112, 111, 111); }
#menu-mobile .menu-elementos ul#lang-selector { padding-left: 1.625rem; }
#menu-mobile .menu-elementos ul#lang-selector li { display: inline; border: medium none; }
#menu-mobile .menu-elementos ul#lang-selector li a { display: inline; padding: 0.625rem 0.3125rem; text-transform: uppercase; font-size: 1.25rem; }
#menu-mobile .menu-elementos ul#lang-selector li + li::before { content: " | "; color: rgb(0, 0, 120); }
.segon-nivell .foto-principal { min-height: inherit; max-height: 200px; }
@media (min-width: 544px) {
    .segon-nivell .foto-principal { min-height: inherit; max-height: 240px; }
}
@media (max-width: 543px) {
    .segon-nivell .foto-principal { min-height: 0px; height: 0px !important; visibility: hidden; }
}
@media (min-width: 544px) {
    .segon-nivell.tercer-nivell .foto-principal { max-height: 260px; }
}
@media (max-width: 543px) {
    .segon-nivell.tercer-nivell #nav-main { visibility: hidden; height: 0px; }
}
@media (max-width: 991px) {
    .segon-nivell.tercer-nivell #bloques-portada { padding-left: 0px; padding-right: 0px; }
    .segon-nivell.tercer-nivell #bloques-portada [class^="col-"] { padding-left: 0px; padding-right: 0px; }
}
.segon-nivell.tercer-nivell #bloques-portada h3 { text-align: left; margin-bottom: 0rem; }
@media (max-width: 543px) {
    .segon-nivell.tercer-nivell #bloques-portada h3 { margin-bottom: 1.25rem; }
}
.segon-nivell.distribuidora #bloques-portada .flex-container a.panel { width: 100%; background: rgb(242, 242, 242) none repeat scroll 0% 0%; padding: 0px; }
@media (min-width: 544px) {
    .segon-nivell.distribuidora #bloques-portada .flex-container a.panel { display: block; width: 50%; }
}
@media (min-width: 768px) {
    .segon-nivell.distribuidora #bloques-portada .flex-container a.panel { width: 25%; }
}
.segon-nivell.distribuidora #bloques-portada .flex-container a.panel .card { border: medium none; }
.segon-nivell.distribuidora #bloques-portada .flex-container a.panel .card h4 { color: rgb(0, 0, 120); line-height: 1.1; }
.segon-nivell.distribuidora #bloques-portada .flex-container a:hover { background: rgba(0, 0, 120, 0.25) none repeat scroll 0% 0%; }
.segon-nivell.distribuidora #bloques-portada h3 { margin-bottom: 1.25rem; }
@media (max-width: 991px) {
    .segon-nivell #bloques-portada { width: 96%; margin: 0px auto; }
}
.segon-nivell #bloques-portada h3 { text-align: left; margin-bottom: 1.25rem; border-top: 4px solid rgb(0, 0, 120); color: rgb(0, 0, 120); }
@media (max-width: 543px) {
    .segon-nivell #bloques-portada h3 { margin-bottom: 1.25rem; }
}
.segon-nivell #bloques-portada .flex-container { margin: 0px 0px 2.5rem -15px; justify-content: flex-start; }
@media (max-width: 543px) {
    .segon-nivell #bloques-portada .flex-container { display: block; }
}
.segon-nivell #bloques-portada .flex-container a { text-decoration: none; }
.segon-nivell #bloques-portada .flex-container a.panel { display: block; border-width: medium medium medium 15px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor white; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding: 0px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; margin-bottom: 1.25rem; width: 100%; }
.segon-nivell #bloques-portada .flex-container a.panel .img-fluid { width: 100%; height: 100%; }
.segon-nivell #bloques-portada .flex-container a.panel .img-fluid:hover {  }
@media (min-width: 544px) {
    .segon-nivell #bloques-portada .flex-container a.panel { display: block; width: 50%; }
}
@media (min-width: 768px) {
    .segon-nivell #bloques-portada .flex-container a.panel { width: 33.3%; }
}
.segon-nivell #bloques-portada .flex-container a.panel h4, .segon-nivell #bloques-portada .flex-container a.panel p { color: rgb(0, 0, 120); text-decoration: none; }
.segon-nivell #bloques-portada .flex-container a.panel h4 { font-size: 30px; font-weight: normal; }
.segon-nivell #bloques-portada .flex-container a.panel p { font-size: 20px; }
.segon-nivell #bloques-portada .flex-container a.panel .card { border-radius: 0px; border: medium none; margin-bottom: 0px; background: transparent none repeat scroll 0% 0%; }
.segon-nivell #bloques-portada .flex-container a:hover { background: rgba(0, 0, 120, 0.25) none repeat scroll 0% 0%; }
.segon-nivell #bloques-portada .flex-container a:hover h4, .segon-nivell #bloques-portada .flex-container a:hover p { opacity: 1; }
.breadcrumb { padding: 0px; font-size: 0.9375rem; background: transparent none repeat scroll 0% 0%; margin-top: 30px; }
#bloques-portada .breadcrumb a { color: rgb(0, 0, 120); text-decoration: none; display: inline-block; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb a:visited { color: rgb(56, 115, 216); }
.destacat.row { margin-bottom: 1.25rem; background: white none repeat scroll 0% 0%; }
.destacat.doble .col-sm-6 { padding: 0px; }
.destacat.doble .infoVideo p { color: rgb(0, 0, 120); font-size: 1.2rem; }
@media (max-width: 543px) {
    .destacat.doble .infoVideo { margin-top: 0px; padding-bottom: 0.9375rem; }
    .destacat .bg-azul { background: transparent none repeat scroll 0% 0%; }
}
.destacat.doble .absBottom { position: absolute; bottom: 16px; height: auto; }
.destacat.doble .absBottom p { font-size: 0.875rem; }
@media (max-width: 1199px) {
    .destacat h4 { font-size: 1.25rem; }
}
@media (max-width: 991px) {
    .destacat h4 { font-size: 1.25rem; font-weight: normal; padding-top: 10px; }
}
@media (min-width: 992px) {
    .destacat .col-md-height.col-sm-7 { padding-left: 20px; background-color: rgb(240, 240, 240); vertical-align: initial; }
    .destacat .col-md-height.col-sm-7.col-middle { vertical-align: top; }
    .destacat .col-md-height.col-sm-7 .inside h4 { font-weight: normal; font-size: 1.25rem; color: rgb(0, 0, 120); padding-top: 10px; }
    .destacat .col-md-height.col-sm-7 .inside h3 { margin-bottom: 0.65rem; margin-top: 0.9rem; font-weight: normal; color: rgb(0, 0, 120); }
}
@media (min-width: 992px) {
    .destacat .col-md-height.col-sm-5 { padding-right: 0px; padding-left: 0px; }
}
@media (max-width: 992px) {
    .destacat .col-xs-12.pad-special.bg-azul { width: 100%; height: 370px; }
    .destacat .col-xs-12.pad-special #cos, .destacat .col-xs-12.pad-special #cos div, .destacat .col-xs-12.pad-special .video { height: 370px; }
    .destacat .col-xs-12.pad-special .video { padding: 0px; }
    .destacat .col-xs-12.pad-special #cos div { opacity: 0.6; }
    .destacat .col-xs-12.pad-special #cos img { margin-top: 145px; margin-left: 45%; }
}
@media (min-width: 992px) {
    .destacat .col-xs-12.pad-special { padding-left: 0px; }
    .destacat .col-xs-12.pad-special.bg-azul { width: 69%; height: 370px; background: transparent none repeat scroll 0% 0%; }
    .destacat .col-xs-12.pad-special #cos, .destacat .col-xs-12.pad-special #cos div, .destacat .col-xs-12.pad-special .video { height: 370px; }
    .destacat .col-xs-12.pad-special .video { padding: 0px; }
    .destacat .col-xs-12.pad-special #cos div { opacity: 0.6; }
    .destacat .col-xs-12.pad-special #cos img { margin-top: 145px; margin-left: 45%; }
    .col-xs-12.col-sm-6.col-md-height.enllasDestacat.infoVideo { width: 31%; }
    .col-xs-12.col-sm-6.col-md-height.enllasDestacat.infoVideo p { color: rgb(0, 0, 120); }
}
.destacat .text-blau { color: rgb(56, 115, 216); }
ul.puntsBlaus { margin-bottom: 0px; padding-left: 1rem; }
ul.puntsBlaus li { color: rgb(56, 115, 216); }
ul.puntsBlaus li span { color: rgb(54, 54, 54); }
.llistat { margin-top: 0.625rem; margin-bottom: 1.25rem; }
.llistat p { margin: 0px; color: rgb(56, 115, 216); text-align: left; }
.llistat p a { color: rgb(56, 115, 216); text-decoration: none; }
.llistat p a:hover { text-decoration: underline; }
.text-blau { color: rgb(56, 115, 216); }
.enllasDestacat { position: relative; }
.enllasDestacat > a.linkBlanc { display: block; width: 100%; }
@media (max-width: 543px) {
    .enllasDestacat { padding: 0px; margin-top: 1.875rem; }
}
.enllasDestacat .inside { background: rgb(240, 240, 240) none repeat scroll 0% 0%; position: absolute; height: 100%; width: 96%; top: 0px; padding: 10px; line-height: 1.1; }
.doble .enllasDestacat .inside { width: 100%; }
.enllasDestacat .inside h3 { color: rgb(0, 0, 120); font-weight: normal; font-size: 2.5rem; margin-bottom: 15px; }
.enllasDestacat .inside p { color: rgb(0, 0, 120); font-size: 1.2rem; }
@media (max-width: 543px) {
    .enllasDestacat .inside p { width: 100%; }
}
@media (max-width: 543px) {
}
.enllasDestacat .inside p a { color: white; position: absolute; width: 90%; height: 100%; text-align: left; text-decoration: none; }
.enllasDestacat .inside p a:hover { text-decoration: underline; }
.enllasDestacat .inside .tabla { display: table; width: 100%; }
.enllasDestacat .inside .tabla.inside { position: relative; height: inherit; width: inherit; min-height: inherit; }
.enllasDestacat .inside .tabla .fila { display: table-row; }
.enllasDestacat .inside .tabla .celda { display: table-cell; }
.enllasDestacat .inside .tabla .celda.icona p { text-align: right; }
@media (max-width: 991px) {
    .enllasDestacat .inside { width: 92%; }
}
@media (max-width: 767px) {
    .enllasDestacat .inside { width: 90%; }
}
@media (max-width: 750px) {
    .enllasDestacat .inside { position: relative; }
}
@media (max-width: 543px) {
    .enllasDestacat .inside { position: relative; display: table; height: auto; width: 100%; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-bottom: 0.9375rem; }
}
.enllasDestacat .tabla { display: table; }
.enllasDestacat .tabla.inside { position: relative; height: inherit; width: inherit; min-height: inherit; background: rgb(213, 250, 255) none repeat scroll 0% 0%; }
.enllasDestacat .tabla .celda.icona p { text-align: right; width: inherit; padding-top: 0px; }
.contingut { margin-bottom: 1.875rem; }
.contingut p { color: rgb(0, 0, 120); }
.contingut span { color: rgb(56, 115, 216); }
.contingut .bold { font-weight: bold; }
.contingut .containerInterior .col-xs-12 { font-size: 1.2rem; }
@media (min-width: 992px) {
    .contingut .col-xs-12 { padding-right: 0px; padding-left: 0px; }
}
.titol-pag { padding-left: 0px; }
.bloques.redes-sociales { padding-top: 0px; }
#pag-redes-sociales { text-align: right; }
#pag-redes-sociales.col-md-4 { width: 100%; }
#pag-redes-sociales-mobile { padding-top: 1.25rem; padding-bottom: 0.625rem; }
#foto-destacada-dsktop .img-fluid { padding: 0px; }
#foto-destacada-mobile .img-fluid { width: 100%; }
.inside-full-height { height: 100%; margin-top: 0px; margin-bottom: 0px; }
.containerInterior .row-height.destacat { background-color: rgb(240, 240, 240); }
.row-height { display: table; table-layout: fixed; width: 100%; }
.col-height { display: table-cell; float: none; height: 100%; }
.col-top { vertical-align: top; }
.col-middle { vertical-align: middle; }
.col-bottom { vertical-align: bottom; }
.row-md-height { display: table; table-layout: fixed; height: 100%; width: 100%; }
.col-md-height { display: table-cell; float: none; height: 100%; }
@media (max-width: 543px) {
    .col-md-height { height: auto; display: block; }
}
.col-md-top { vertical-align: top; }
.col-md-middle { vertical-align: middle; }
.col-md-bottom { vertical-align: bottom; }
.no-pad-right { padding-right: 0px; }
.no-pad-left { padding-left: 0px; }
#redes-share .fa { font-size: 23px; }
.sharer { border-radius: 50%; border: medium none; height: 37px; width: 28px; text-align: center; line-height: 37px; display: inline-block; }
.sharer:hover { cursor: pointer; color: black; }
.sharer.whatsapp { display: none; }
@media (max-width: 543px) {
    .sharer.whatsapp { display: inline-block; }
}
@media (max-width: 543px) {
    #dsktop-navtabs { width: 70%; }
}
.video { width: 100%; margin-bottom: -7px; height: 275px; padding: 0.625rem; }
@media (max-width: 543px) {
    .video { height: 275px; }
}
#back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 1; width: 55px; height: 55px; padding: 0.625rem; text-align: center; background: rgb(56, 115, 216) none repeat scroll 0% 0%; color: white; cursor: pointer; border: 0px none; border-radius: 50%; text-decoration: none; transition: opacity 0.2s ease-out 0s; opacity: 0; font-size: 0.8125rem; }
#back-to-top span { font-size: 1.25rem; display: block; }
#back-to-top:hover { background: rgb(54, 54, 54) none repeat scroll 0% 0%; }
#back-to-top.show { opacity: 1; background: rgb(56, 115, 216) none repeat scroll 0% 0%; }

/* overriding the gef styles */

ul.nav .nav-item{padding: 0px;}
ul.redes li{padding: 0px; margin-bottom: 0px;}
ul.redes li:before{content:none;}
.menu-elementos .close-button img{ max-width: initial; }
.row .containerInterior ul li{margin-bottom: initial;}

@media (max-width: 543px){
    .bloques {
        padding: 1.25rem 0rem;
    }
}

/*Mobile fixes*/
/*@media (max-width: 543px){*/
/*#barra {*/
/*margin: 2% 12px;*/
/*}*/
/*}*/
.breadcrumb{
    max-width: 83%;
    width:83%;
    margin-top: 0px;
    margin-bottom: 0px;
}
.breadcrumb li{
    margin-bottom: 0px;
    line-height: 39px;
}
.breadcrumb-wrapper .breadcrumb{
    float: left;
}
.breadcrumb-wrapper .navbar-toggler{
    float: left;
}
.menu-elementos .sub-nav li{
    margin-bottom: 0;
    margin-left: 2px;
}
#menu-mobile .menu-elementos ul#lang-selector li:before {
    content: none;
    position: initial;
    margin-left: initial;
}
#menu-mobile .menu-elementos ul#lang-selector li + li::before {
    content: " | ";
    color: rgb(0, 0, 120);
}
.breadcrumb-wrapper .navbar-toggler{
    padding-right:0px;
    float: right;
}
#menu-mobile .menu-elementos ul#lang-selector{
    padding-left:9.2%;
}

/** Login copied from the web **/
.virtual-campus-dropdown.ruler--dynamic,.virtual-campus-dropdown .border-color-dynamic {
    border-color: #73EDFF;
}

.brand-header .virtual-campus-dropdown{
    width: 293px;
    top: 55px;
    right: 12px;
    padding: 22.66667px 8px;
}

.brand-header .mobile-menu .mobile-button{
    background-color: #fff;
    color: rgb(0, 0, 120);
}

.brand-header .virtual-campus-dropdown .noscript {
    display: block;
    background: none;
    border: none;
    position: absolute;
    height: 32px;
    width: 32px;
    top: 0;
    right: 4px;
}
.hide {
    display: none !important;
}
.brand-header .virtual-campus-dropdown .btn{
    border-radius: 0px;
}
.brand-header .virtual-campus-dropdown .btn:hover{
    background-color: #000078;
    text-decoration: underline;
}
.dropdown-menu {
    position: absolute;
    z-index: 11;
    left: inherit;
    display: inline-block;
    padding: 7px;
    border-top-width: 4px;
    border-top-style: solid;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-color: #000078;
    background-color: #f0f0f0;
    font-size: 1.0625rem;
    border-radius: 0px;
}
.page-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgba(0,0,0,0.8);
}
.brand-header .header-container{
    position: relative;
}

.dropdown-menu-arrow:after {
    top: -24px;
    border-color: transparent transparent #f0f0f0 transparent;
    border-width: 12px;
}

.dropdown-menu-arrow:after, .dropdown-menu-arrow:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    margin: auto;
    border-style: solid;
}
.dropdown-menu-arrow:before {
    border-color: transparent transparent #000078 transparent;
    border-width: 16px;
}
.dropdown-menu-arrow:after {
    top: -24px;
    border-color: transparent transparent #f0f0f0 transparent;
    border-width: 12px;
}
.virtual-campus-dropdown .dropdown-menu-arrow:before {
    margin-left: 0;
    border-bottom-color: inherit;
}
.virtual-campus-dropdown .dropdown-menu-arrow:after {
    margin-right: 4px;
    border-color: transparent transparent #fff transparent;
}
.virtual-campus-dropdown .dropdown-menu-arrow:after,
.virtual-campus-dropdown .dropdown-menu-arrow:before {
    left: auto;
    right: 12.5%;
}
.virtual-campus-dropdown .icon--close {
    font-size: .9375rem;
    text-decoration: none;
    color:#000078;
}
.dropdown-menu .icon--close {
    position: absolute;
    top: 4px;
    right: 4px;
}
.virtual-campus-dropdown a {
    float: left;
    padding-top: 12px;
    font-size: .9375rem;
    text-decoration: underline;
}
@media (max-width: 768px){
    .brand-header .virtual-campus-dropdown {
        left: 2.5%;
        top: 55px;
        width: 95%;

    }
}
/* custom style for login */
@media (max-width: 992px){
    .virtual-campus-dropdown .dropdown-menu-arrow:after,
    .virtual-campus-dropdown .dropdown-menu-arrow:before {
        left: auto;
        right: 1.5%;
    }
}
@media (max-width: 33.99em){
    .mobile-button .icon.icon--campus {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
.brand-header .nav-menu-top .top-logo-aniversario {
    height: 44px;
    max-width: 58px;
    padding-left: 0;
    margin-left: 5.6px;}

@media (max-width: 992px){
    .brand-header .nav-menu-top .top-logo-aniversario {
        margin-right: 5.6px;
    }
}

.col-sm-1-aniversario {
    width: 57px;}

.col-lg-9-aniversario { width: calc(66% - 30px); }

.brand-header .mobile-menu .menu-mobile-container .top-logo {
    position: relative;
    left: 12px;
    width: 58px;
    margin-right: 20px}

.brand-header .mobile-menu .menu-mobile-container .mobile-buttons {
    position: relative;
    margin-right: 5.6px;
    right: 0px}

.brand-header .mobile-menu {
    width: 100%; }
/* line 189, C:/wamp64/www/gef-frontend/source/assets/scss/components/_header.scss */
.brand-header .mobile-menu .menu-mobile-container {
    position: relative;
    display: flex;
    padding-left: 0px; }

.brand-header .mobile-menu .menu-mobile-container .top-slogan {
    width: calc(100% - 200px);
    margin-right: 4px; }

@media (max-width: 365px){
    .top-logo-aniversario{
        display: none;
    }
    .brand-header .mobile-menu .menu-mobile-container .top-slogan {
        width: calc(100% - 57px - 47px - 12px - 12px - 12px - 47px - 12px);
        margin-right: 5.6px; }
}

@media (max-width: 991.9px){
    header.header-1 .mobile-menu .menu-mobile-container {
        padding-right: initial;
    }
}



/* Ajustaments */

.destacat:has(#foto-destacada-dsktop:empty) .col-middle {
    width: 100%;
}

.destacat:not(:has(.col-middle h3:empty)) {
    background: none;
}