html {
scroll-behavior: smooth;
}
a {
color: #e63429;
}
.iframe-wrapper iframe {
background-image: url('/static/img/bgvideo.jpg');
background-position: center center;
background-repeat: no-repeat;
/*background-attachment: fixed;*/
background-size: cover;
}
body {
background-color: #fff;
position: relative;
overflow-x: hidden;
}
body p {
font-family: 'Apercu';
}
body p:last-child {
margin-bottom: 0;
}
.pr-relative {
position: relative;
}
.container {
/*max-width: 1680px;*/
}
.bg-light {
background-color: #fff !important;
}
.vert-c {
display: flex;
justify-content: center;
align-items: center;
}
.align-v {
right: 0;
top: 50%;
transform: translateY(-50%)
}
b, strong {
font-weight: bold !important
}
header {
position: relative;
background-color: black;
width: 100%;
overflow: hidden;
}
header video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
header .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.3;
z-index: 1;
}
header .content-header {
position: relative;
z-index: 2;
}
header .content-header-ficha {
position: relative;
z-index: 2;
}
header .direction p {
margin-bottom: 3px;
line-height: 120%;
color: #fff;
}
header .direction p:last-child {
margin-bottom: 0px;
}
header .direction a {
color: #fff;
text-decoration: underline;
}
header .direction a:hover {
color: #e73029;
}
header .direction p small {
font-weight: 300;
}
header .direction p strong {
font-weight: bold;
}
/*Direction-Mobile*/
header .direction-mobile p {
margin-bottom: 0;
line-height: 120%;
color: #fff;
font-size: 0.8rem;
}
header .direction-mobile a {
color: #fff;
text-decoration: underline;
}
header .direction-mobile a:hover {
color: #e73029;
}
header .direction-mobile p small {
font-weight: 300;
}
header .direction-mobile p strong {
font-weight: bold;
}
/**/
header .tools ul {
margin: 0;
padding: 0;
list-style: none;
}
header .tools ul li {
float: left;
display: inline-block;
}
header .tools ul li a {
border: 2px solid #fff;
margin-left: -3px;
display: block;
text-align: center;
}
header .tools ul li a i {
color: #fff;
position: relative;
transform: translateY(-50%);
top: 50%;
font-size: 1.6rem;
}
header .tools ul li a:hover i {
color: #e63429;
}
header .tools ul li.menu-mobile .menu-nav i {
color: #fff;
font-size: 2.0rem;
}
header .tools ul li.menu-mobile .menu-nav button {
background-color: transparent;
border: 0;
}
header .tools ul li.search a {
display: block;
border: 0;
margin-left: 5px;
}
header .form-control {
width: 100%
}
header .my-navbar-nav > li > a {
border-right: 1px solid #ddd;
padding-bottom: 15px;
padding-top: 15px;
}
header .my-navbar-nav:last-child {
border-right: 0
}
header .round-btn {
/*height: 35px;
width: 35px;
padding: 3px;*/
}
header .flip-icon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
header .hidden-search-box {
display: none;
position: relative;
float: right;
background-color: transparent;
width: 100%;
z-index: 3;
margin-top: 10px;
color: #fff;
}
header .addon-btn {
width: 50px;
height: 50px;
background-color: rgb(37, 51, 66);
border: 0 none;
margin-top: -5px;
color: #ffffff;
}
header .addon-text-box, addon-text-box:active {
border-bottom: 1px #fff solid;
background-color: transparent;
color: #fff;
opacity: 1;
}
header .nav-menu-desk {
position: absolute !important;
right: 0;
top: 50%;
transform: translateY(-50%)
}
header .nav-menu-desk ul {
margin: 0;
padding: 0;
list-style: none;
}
header .nav-menu-desk ul li {
position: relative;
}
header .nav-menu-desk ul li a {
color: #fff;
font-family: 'Space Grotesk';
font-weight: 800;
}
header .bottom-header {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
header .bottom-header .msg {
position: relative;
/*border: 2px solid #000;*/
background-color: #ffee67;
display: block;
}
header .bottom-header .msg p {
margin-bottom: 0;
font-weight: 300;
font-size: 0.8rem;
color: #000;
}
header .bottom-header .msg p a {
font-weight: 300;
color: #000;
text-decoration: none;
border-bottom: 2px solid #000;
padding-bottom: 3px;
}
header .bottom-header .msg p a:hover {
color: #e73029;
text-decoration: none;
border-bottom: 2px solid #e73029;
}
header .bottom-header .msg .arrow {
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
}
header .bottom-header .msg .close {
position: absolute;
top: 2px;
right: 5px;
opacity: 1;
/*border: 2px solid #000;*/
width: 10px;
height: 10px;
background-color: #feee67;
}
header .bottom-header .msg .close a {
font-weight: 800;
font-size: 1.0rem;
color: #000;
display: block;
text-align: center;
}
header .bottom-header .msg .close:hover a {
color: #e73029;
opacity: 1;
}
header .bottom-header .msg .close a:hover img {
fill: #303 !important;
}
header .bottom-header .msg .close:hover {
color: #e73029;
/*background-color: #000;*/
opacity: 1;
}
header .bottom-header .logo-gam {
position: relative;
top: 50%;
transform: translateY(-50%);
}
header .home-position {
top: 5px !important;
transform: none !important;
}
/*MSG Movile*/
#mobile .msg {
position: relative;
/*border: 2px solid #000;*/
background-color: #ffee67;
display: block;
}
#mobile .msg p {
margin-bottom: 0;
font-weight: 300;
font-size: 0.8rem;
color: #000;
}
#mobile .msg p a {
font-weight: 300;
color: #000;
text-decoration: none;
border-bottom: 2px solid #000;
padding-bottom: 3px;
}
#mobile .msg .close {
position: absolute;
top: 2px;
right: 5px;
opacity: 1;
/*border: 2px solid #000;*/
width: 10px;
height: 10px;
background-color: #feee67;
}
#mobile .msg p a:hover {
color: #e73029;
border-bottom: 2px solid #e73029;
}
#mobile .msg .close a {
font-weight: 800;
font-size: 1.0rem;
color: #000;
display: block;
text-align: center;
}
#mobile .msg .close:hover a {
color: #fff;
opacity: 1;
}
#mobile .msg .close:hover {
/*color: #fff;
background-color: #000;*/
opacity: 1;
}
/* Calendar */
#calendar .carousel {
background: #fff;
border: 2px solid #000;
}
#calendar .carousel.carousel-main {
margin-top: -2px;
}
#calendar .carousel-cell {
width: 100%;
background: #fff;
border-radius: 0px;
counter-increment: carousel-cell;
border-left: 2px solid #000;
border-right: 2px solid #000;
}
#calendar .carousel-nav .carousel-cell {
padding: 0 20px;
margin-right: -2px;
margin-bottom: 2px solid transparent;
}
#calendar .carousel-nav .carousel-cell p {
margin-bottom: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
line-height: 120%;
text-align: center;
text-transform: uppercase;
}
#calendar .carousel-nav .carousel-cell.is-selected {
background-color: #000;
}
#calendar .carousel-nav .carousel-cell.is-selected p {
color: #fff;
}
#calendar .carousel-nav .carousel-cell p {
border-bottom: 2px solid transparent;
}
#calendar .carousel-nav .carousel-cell:hover p {
border-bottom: 2px solid transparent;
}
#calendar .carousel-nav .carousel-cell.is-nav-selected {
background: #ED2;
}
#calendar .carousel-nav .carousel-cell.is-selected:hover {
background: #000;
}
#calendar .carousel-nav .carousel-cell:hover {
background-color: #efede1;
}
#calendar .carousel-main .carousel-cell {
border: 0;
}
#calendar .carousel-nav .flickity-prev-next-button {
top: 50%;
width: 26px;
height: 100%;
border-radius: 0%;
transform: translateY(-50%);
}
#calendar .carousel-nav .flickity-button {
position: absolute;
background: #000;
border: none;
color: #fff;
}
#calendar .carousel-nav .flickity-prev-next-button.previous {
left: 0px;
margin-left: -1px;
min-height: 51px;
}
#calendar .carousel-nav .flickity-prev-next-button.next {
right: 0px;
margin-right: -1px;
min-height: 51px;
}
#calendar .carousel-nav .flickity-button:disabled {
opacity: 1;
}
#calendar .carousel-nav .flickity-button:hover {
opacity: 1;
background-color: #efede1;
}
#calendar .carousel-nav .flickity-button:hover {
background-color: #efede1;
}
#calendar .carousel-nav .flickity-button:hover {
background: #e73029;
}
#calendar .carousel-nav .flickity-slider {
/*margin: 0 32px;*/
}
#calendar .carousel-main .info-event {
position: relative;
top: 50%;
transform: translateY(-50%);
}
#calendar .carousel-main a {
display: block;
}
#calendar .carousel-main a:hover {
background-color: #efede1;
text-decoration: none;
}
#calendar .carousel-main a .info-event p {
line-height: 120%;
color: #000;
text-decoration: none;
}
#calendar .carousel-main .info-event .title p {
font-weight: 800;
text-transform: uppercase;
margin-bottom: 0;
font-size: 0.8rem;
}
#calendar .carousel-main a .info-event .hour p {
font-weight: 800;
margin-bottom: 0;
font-size: 0.8rem;
}
#calendar .carousel-main a .info-event .place p {
font-weight: 400;
margin-bottom: 0;
font-size: 0.75rem;
}
#calendar .carousel-main a .info-event .event p {
font-weight: 800;
margin-bottom: 0;
font-size: 0.7rem;
color: #e63429;
}
#calendar .carousel-main .capture {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#activities .carousel-cell a {
width: 100%;
background: #3e7971;
border-radius: 0px;
padding: 15px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: block;
}
#activities .carousel-cell a .title {
position: absolute;
top: 20px;
right: 20px;
}
#activities .carousel-cell a .title p {
line-height: 120%;
color: #fff;
font-family: 'Space Grotesk';
font-weight: 800;
font-size: 1.4rem;
line-height: 100%;
writing-mode: vertical-rl;
text-align: left;
margin: 0;
text-transform: uppercase;
}
/*hover*/
#activities .flickity-viewport {
overflow: visible;
}
#activities .carousel-cell {
transition: transform 0.4s;
transform: scale(1);
z-index: 999;
}
#activities .carousel-cell:hover {
transform: scale(1.1);
z-index: 1000;
}
#activities .carousel:hover a {
filter: grayscale(100%);
cursor: pointer;
}
#activities .carousel-cell:hover a {
filter: grayscale(0%);
}
/*hover*/
#sentence {
background-color: #000000;
}
#sentence .sentence-text p {
margin-bottom: 0;
font-weight: 400;
line-height: 120%;
}
#sentence .sentence-text p .color-a a {
color: #f3d43f;
text-decoration: none;
}
#sentence .sentence-text p .color-b a {
color: #ed9aad;
text-decoration: none;
}
#sentence .sentence-text p .color-c a {
color: #4e958b;
text-decoration: none;
}
/*Frases*/
#sentence.bg-frase {
background-color: #000000;
}
#sentence.bg-frase.active-01 {
background-image: url(../img/bg-00.jpg);
background-size: cover;
min-height: 100%;
/*transition: all 0.3s;*/
background-position: center center;
background-repeat: no-repeat;
height: 100%;
}
#sentence.bg-frase .hover-01 {
color: #f3d43f;
}
#sentence.bg-frase.active-01 a {
color: #555555;
text-decoration: line-through;
}
#sentence.bg-frase.active-01 a:hover {
color: #fff;
text-decoration: underline;
font-weight: 400;
}
/*--*/
#sentence.bg-frase.active-02 {
background-image: url(../img/bg-01.jpg);
background-size: cover;
min-height: 100%;
/*transition: all 0.3s;*/
background-position: center center;
background-repeat: no-repeat;
height: 100%;
}
#sentence.bg-frase .hover-02 {
color: #ed9aad;
}
#sentence.bg-frase.active-02 a {
color: #555555;
text-decoration: line-through;
}
#sentence.bg-frase.active-02 a:hover {
color: #fff;
text-decoration: underline;
font-weight: 400;
}
/*--*/
#sentence.bg-frase.active-03 {
background-image: url(../img/bg-03.jpg);
background-size: cover;
min-height: 100%;
/*transition: all 0.3s;*/
background-position: center center;
background-repeat: no-repeat;
height: 100%;
}
#sentence.bg-frase .hover-03 {
color: #4e958b;
}
#sentence.bg-frase.active-03 a {
color: #555555;
text-decoration: line-through;
}
#sentence.bg-frase.active-03 a:hover {
color: #fff;
text-decoration: underline;
font-weight: 400;
}
/*---*/
#social-news .hashtag p {
font-family: 'Space Grotesk';
margin-bottom: 0;
}
#social-news .card {
margin-bottom: 1.7rem;
border-radius: 0;
}
#social-news a .medio p {
color: #000;
font-weight: 300;
margin-bottom: 0;
line-height: 100%;
}
#social-news .prensa {
background-color: #000;
}
#social-news a:hover .prensa {
background-color: #3e7971;
}
#social-news a .prensa p {
color: #fff;
font-size: 1.3rem;
font-weight: 300;
font-style: italic;
}
#social-news .prensa p:last-child {
margin-bottom: 0;
}
#social-news .card-columns .card a {
display: block;
text-decoration: none;
}
#social-news .load a {
background-color: #000;
display: inline-block;
color: #fff;
padding: 10px 20px;
font-weight: 300;
text-transform: uppercase;
font-size: 1.2rem;
text-decoration: none;
font-family: 'Apercu Pro';
}
#social-news .load a:hover {
background-color: #e63429;
}
#social-news .bg-noticia {
background-color: #3e7971;
z-index: 3;
position: relative;
}
#social-news a {
text-decoration: none;
display: block;
overflow: hidden;
}
#social-news a:hover .bg-noticia {
background-color: #000;
text-decoration: none;
}
#social-news a .card-img-top {
transform: scale(1);
transition: transform 0.4s;
}
#social-news a:hover .card-img-top {
transform: scale(1.1);
z-index: 999;
}
#social-news .bg-noticia p {
color: #fff;
}
#social-news .card-body .type p {
font-weight: 300;
text-transform: uppercase;
font-family: 'Apercu';
}
#social-news .card-body .title h5 {
font-weight: 300;
color: #fff;
}
#social-news .card {
border: 2px solid #000;
}
#social-news .card.no_border {
border: none;
}
#social-news p:empty {
display: none;
}
.panel .info-menu a.nocursor {
cursor: default;
}
.panel .info-menu a.nocursor:hover {
color: #000;
text-decoration: none;
}
#social-news .img-social {
border: 3px solid #fff;
overflow: hidden;
}
footer {
background-color: #000;
}
footer p {
font-family: 'Space Grotesk';
color: #fff;
font-weight: 800;
}
footer hr {
border-top: 1px solid #fff;
}
footer .direction-footer p {
font-family: 'Space Grotesk';
color: #fff;
font-size: 0.9rem;
font-weight: 300;
margin-bottom: 0;
line-height: 140%;
}
footer .social ul {
margin-bottom: 0;
padding: 0;
}
footer .social ul li {
display: inline-block;
}
footer .social ul li a {
color: #000;
background: #fff;
border-radius: 50%;
text-align: center;
vertical-align: middle;
font-weight: 300;
display: inline-block;
width: 30px;
height: 30px;
font-size: 1.1rem;
padding: 3px;
margin-left: 3px;
}
footer .social ul li a:hover {
color: #fff;
background: #e63429;
}
footer .footer-title p {
font-size: 1.2rem;
color: #fff;
font-weight: 800;
margin-bottom: 0;
font-family: 'Space Grotesk';
}
footer .footer-links ul {
list-style: none;
padding-left: 20px;
}
footer .footer-links ul li {
list-style: none;
margin-bottom: 2px;
line-height: 110%;
}
footer .footer-links ul li a {
text-decoration: none;
color: #fff;
border-bottom: 2px solid transparent;
font-size: 0.7rem;
display: inline-block;
font-family: 'Space Grotesk';
}
footer .footer-links ul li a:hover {
border-bottom: 2px solid #fff;
}
footer .footer-linksul li.active > a, footer .footer-links ul li a[aria-expanded="true"] {
background: transparent !important;
border-bottom: 2px solid #fff;
}
footer .footer-links ul li ul {
list-style: none;
padding-left: 20px;
}
footer .footer-links ul li ul li {
list-style: none;
margin-bottom: 2px;
line-height: 110%;
}
footer .footer-links ul li ul li a {
text-decoration: none;
color: #fff;
border-bottom: 2px solid transparent;
font-size: 0.7rem !important;
padding: 0;
display: inline-block;
padding-left: 0px !important;
background-color: transparent;
font-family: 'Space Grotesk';
}
footer .footer-links ul li ul li a:hover {
border-bottom: 2px solid #fff;
background-color: transparent;
}
@media (min-width: 576px) {
.card-columns {
column-count: 1;
}
}
@media (min-width: 768px) {
.card-columns {
column-count: 2;
}
}
@media (min-width: 992px) {
.card-columns {
column-count: 3;
}
}
@media (min-width: 1200px) {
.card-columns {
column-count: 4;
}
}
/*Efecto*/
.wrapper {
width: 100%;
height: 100%;
display: grid;
}
.wrapper .item {
width: calc(100% / 9);
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
position: relative;
}
.wrapper .item::before {
content: "";
width: 100%;
height: 100%;
opacity: 1;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(transparent));
background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
-webkit-transition: 0.4s;
transition: 0.4s;
}
.wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.wrapper .item.animation {
background-image: url(../img/5oe1.jpg)
}
.wrapper .item.animation:hover {
background-image: url(../img/5oe1.gif)
}
.wrapper .item.sec07 {
background-color: #3e7971;
}
.wrapper:hover .item:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.wrapper:hover .item:hover::before {
opacity: 1;
}
.wrapper a {
width: 100%;
border-radius: 0px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: inline-table;
}
.wrapper a .title {
z-index: 2;
}
.wrapper a .title p {
line-height: 120%;
color: #fff;
font-family: 'Space Grotesk';
font-weight: 800;
font-size: 1.4rem;
line-height: 100%;
text-align: left;
margin: 0;
text-transform: uppercase;
}
.wrapper .list-item {
background-color: #fff;
overflow: hidden;
}
.wrapper .item .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.3;
z-index: 1;
}
.wrapper .item:hover .overlay {
opacity: 0;
}
/*Menu*/
header .inside-menu {
right: 290px;
top: 13px;
position: absolute;
width: auto;
}
header .inside-menu ul {
float: left;
display: -webkit-inline-box;
padding-top: 7px;
}
header .inside-menu ul li {
list-style: none;
float: left;
display: inline-block;
}
header .inside-menu ul li a {
color: #fff;
font-family: 'Apercu';
font-weight: 800;
text-transform: uppercase;
}
header .inside-menu ul li .dropdown-menu a {
display: inline-block;
text-align: center;
color: #fff;
font-family: 'Apercu';
font-weight: 300;
text-decoration: none;
border-bottom: 2px solid transparent;
text-transform: capitalize;
padding-left: 0;
padding-right: 0;
}
header .inside-menu ul li .dropdown-menu a:hover {
background-color: transparent;
text-decoration: none;
}
header .inside-menu ul li .dropdown-menu a:hover span {
border-bottom: 2px solid #fff;
}
header .inside-menu ul li .dropdown-menu {
background-color: transparent;
border: 0;
left: 50% !important;
transform: translateX(-50%) !important;
top: 20px !important;
}
header .inside-menu ul li .dropdown-toggle::after {
display: none;
}
/*Header interior*/
#banner-ficha {
position: relative;
}
#banner-ficha .bg-ficha-video {
/*height: 55vh;*/
/*min-height: 300px;*/
/*height: 530px;*/
min-height: 100%;
/*background: no-repeat center center scroll;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;*/
/* Set a specific height */
/*min-height: 530px;*/
/* Create the parallax scrolling effect */
/*background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;*/
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
/*background-size: 110%;*/
/*background-position: top center;*/
}
#banner-ficha .link-ficha a {
font-family: 'Apercu';
font-weight: 700;
color: #fff;
font-size: 1.2rem;
text-decoration: none;
position: relative;
}
#banner-ficha .link-ficha a:hover {
color: #e63429;
}
#banner-ficha .link-ficha a:hover img {
-webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}
#banner-ficha #close-video {
position: absolute;
right: 20px;
top: 0px;
width: 40px;
}
#banner-ficha #close-video a {
font-size: 3.5rem;
color: #FF7017;
}
#banner-ficha #close-video a:hover img {
-webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}
#banner-ficha .on-video {
display: inline-grid;
}
#banner-ficha .off-video {
display: none;
}
#header-ficha {
background-color: #000;
}
#header-ficha .content-header-ficha {
position: relative;
z-index: 2;
}
#header-ficha .tools ul {
margin: 0;
padding: 0;
list-style: none;
}
#header-ficha .tools ul li {
float: left;
display: inline-block;
}
#header-ficha .tools ul li a {
border: 2px solid #fff;
margin-left: -2px;
display: block;
text-align: center;
}
#header-ficha .tools ul li a i {
color: #fff;
position: relative;
transform: translateY(-50%);
top: 50%;
}
#header-ficha .tools ul li a:hover i {
color: #e63429;
}
#header-ficha .tools ul li.menu-mobile .menu-nav i {
color: #fff;
font-size: 2.0rem;
}
#header-ficha .tools ul li.menu-mobile .menu-nav button {
background-color: transparent;
border: 0;
}
#header-ficha .tools ul li.search a {
display: block;
border: 0;
margin-left: 5px;
}
#header-ficha .form-control {
width: 100%
}
#header-ficha .my-navbar-nav > li > a {
border-right: 1px solid #ddd;
padding-bottom: 15px;
padding-top: 15px;
}
#header-ficha .my-navbar-nav:last-child {
border-right: 0
}
#header-ficha .flip-icon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
#header-ficha .hidden-search-box {
display: none;
position: relative;
float: right;
background-color: transparent;
width: 100%;
z-index: 1000;
margin-top: 10px;
color: #fff;
}
#header-ficha .addon-btn {
width: 50px;
height: 50px;
background-color: rgb(37, 51, 66);
border: 0 none;
margin-top: -5px;
color: #ffffff;
}
#header-ficha .addon-text-box, addon-text-box:active {
border-bottom: 1px #fff solid;
background-color: transparent;
color: #fff;
opacity: 1;
}
#header-ficha .nav-menu-desk {
position: absolute !important;
right: 0;
/*top: 50%;
transform: translateY(-50%);*/
left: 0;
}
#header-ficha .nav-menu-desk ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
#header-ficha .nav-menu-desk ul li {
position: relative;
float: left;
display: inline-block;
}
#header-ficha .nav-menu-desk ul li a {
color: #fff;
font-family: 'Space Grotesk';
font-weight: 800;
margin: 0 15px;
}
#banner-ficha .title {
position: relative;
bottom: 0;
left: 0;
}
#banner-ficha .title h1 {
font-family: 'Space Grotesk';
font-weight: 800;
color: #000000;
margin: 0;
}
#banner-ficha .title .box-title {
background-color: #fff;
position: relative;
}
/*#banner-ficha .title .box-title .type {
display: inline-block;
padding: 5px 10px;
position: absolute;
top: 0;
left: 0;
}*/
#banner-ficha .title .box-title .type p {
margin-bottom: 0;
color: #fff;
font-size: 0.9rem;
font-weight: 300;
text-transform: uppercase;
}
#banner-ficha .title .box-title .type.bc-danza {
background-color: #4e958b;
}
#banner-ficha .title .sticker {
position: absolute;
right: 5px;
top: 0;
min-width: 120px;
}
#gallery {
background: #000;
}
#gallery .carousel {
background: #000;
}
#gallery .carousel-cell {
width: 100%;
height: 450px;
margin-right: 10px;
/* center images in cells with flexbox */
display: flex;
align-items: center;
justify-content: center;
}
#gallery .carousel.is-fullscreen .carousel-cell {
height: 100%;
}
#gallery .carousel-cell-image {
display: block;
max-height: 100%;
}
#gallery .carousel.is-fullscreen .carousel-cell-image {
max-width: 100%;
}
#ficha .description p {
font-weight: 800;
}
#ficha p {
margin-bottom: 15px;
}
#ficha p:last-child {
margin-bottom: 0px;
}
#ficha .sentence p {
font-family: 'Apercu mono';
line-height: 150%;
margin-bottom: 0;
}
#ficha p a {
text-decoration: underline;
color: #000;
font-weight: 800;
}
#ficha p a:hover {
color: #e63429;
}
#ficha .sentence .name p {
font-family: 'Apercu';
font-weight: 800;
}
#ficha .tags ul {
margin: 0;
padding: 0;
list-style: none;
}
#ficha .tags ul li {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
#ficha .tags ul li a {
display: inline-block;
padding: 5px 10px;
color: #000;
border-radius: 0;
border: 1px solid #000;
font-weight: 300;
text-transform: uppercase;
font-size: 0.8rem;
text-decoration: none;
}
#ficha .tags ul li a:hover {
background-color: #000;
color: #fff;
}
#ficha .tags ul li:last-child {
margin-right: 0px;
}
#ficha .flickity-fullscreen-button {
right: 20px;
bottom: 25px;
top: auto;
}
#ficha .flickity-fullscreen-button.flickity-button {
background: transparent;
color: #fff;
border: 2px solid #fff;
padding: 3px;
height: 28px;
width: 28px;
}
#ficha .flickity-button {
background: transparent;
color: #fff;
}
#ficha .flickity-prev-next-button.next {
right: 0px;
}
#ficha .flickity-prev-next-button.prev {
left: 0px;
}
#ficha button {
font-family: 'Apercu';
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: #000;
padding: 0;
}
#ficha .card button {
display: inline-block;
width: 100%;
text-align: left;
}
#ficha .card {
border: 0px;
border-bottom: 2px solid #000;
border-radius: 0;
}
#ficha .card .card-header {
background-color: #fff;
border-radius: 0;
border: 2px solid #000;
border-bottom: 0;
}
#ficha .card .card-body {
background-color: #fff;
border-radius: 0;
border-left: 2px solid #000;
border-right: 2px solid #000;
}
#ficha .flickity-page-dots {
bottom: 25px;
}
#ficha .flickity-page-dots .dot {
display: inline-block;
width: 13px;
height: 13px;
margin: 0 8px;
background: #4d4d4d;
border-radius: 50%;
opacity: 1;
cursor: pointer;
}
#ficha .flickity-page-dots .dot.is-selected {
background: #fff;
}
#ficha .card i {
float: right;
padding: 5px 0 0 0;
}
#ficha .card [data-toggle="collapse"] .fa:before {
content: url(../img/close-btn.png);
}
#ficha .card [aria-expanded="true"] .fa:before {
content: url(../img/open-btn.png);
}
#ficha .card [data-toggle="collapse"].collapsed .fa:before {
content: url(../img/close-btn.png);
}
#ficha .press-doc a {
text-decoration: none;
color: #000;
background-color: #fff;
display: block;
}
#ficha .press-doc a:hover {
background-color: #efede1;
}
#ficha .press-doc a p {
margin-bottom: 0;
font-weight: 300;
line-height: 120%;
}
#ficha .press-doc a .media p {
font-weight: 700;
}
#ficha .press-doc a .date p, #ficha .press-doc a .info p {
font-size: 0.9rem;
}
#ficha .carousel-indicators li {
width: 15px;
height: 15px;
background-color: #b2b2b2;
border-radius: 50%;
}
#ficha .carousel-indicators .active {
background-color: #000000;
}
#ficha .carousel-indicators {
position: relative;
margin-bottom: 0;
}
#ficha .info-doc a {
text-decoration: none;
color: #000;
background-color: #fff;
display: block;
}
#ficha .info-doc a:hover {
background-color: #efede1;
}
#ficha .info-doc a p {
margin-bottom: 0;
font-weight: 300;
line-height: 120%;
}
#ficha .info-doc a .media p {
font-weight: 700;
}
#ficha .info-doc a .date p, #ficha .info-doc a .info p {
font-size: 0.9rem;
}
.principal-text p a {
text-decoration: underline;
color: #000;
}
.principal-text p a:hover {
color: #e63429;
}
.interesting {
border-top: 2px solid #000;
}
.interesting .title p {
font-family: 'Apercu';
font-weight: 600;
text-transform: uppercase;
}
.interesting a {
display: block;
min-height: 360px;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: 150%;
color: #fff;
z-index: 2;
position: relative;
padding: 15px;
text-decoration: none;
transition: 0.4s;
}
.interesting a .overlay {
position: absolute;
top: 0;
left: 0px;
right: 0px;
height: 100%;
background-color: black;
opacity: 0.3;
z-index: 1;
}
.interesting a:hover {
background-size: 160%;
transition: 0.4s;
}
.interesting a:hover .overlay {
opacity: 0;
}
.interesting a .type p {
font-size: 0.9rem;
font-weight: 300;
text-transform: uppercase;
z-index: 2;
position: relative;
}
.interesting a .title {
position: relative;
top: 50%;
transform: translateY(-50%);
z-index: 2;
left: 0;
right: 0;
/* margin: 0 20px;*/
}
.interesting a .title p {
font-weight: 600;
text-transform: uppercase;
font-family: 'Space Grotesk';
}
.interesting a .date {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
z-index: 2;
}
.interesting .sticker {
width: 120px;
}
#side-bar {
background-color: #efede1;
}
#side-bar .top-date p {
font-size: 1.6rem;
font-weight: 800;
font-family: 'Space Grotesk';
}
/**/
#calendar-side {
margin-left: auto;
margin-right: auto;
width: 100% !important;;
}
#calendar_weekdays div {
display: inline-block;
vertical-align: top;
color: #000 !important;
font-weight: 700;
text-transform: uppercase;
font-size: 0.8rem;
}
#calendar_content {
border: 1px solid #000;
border-top: 0;
border-radius: 0 !important;
padding: 0 10px 10px 10px;
background-color: #fff;
}
#calendar_content div {
font-size: 0.8rem;
}
#calendar_weekdays {
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 10px;
background-color: #fff;
}
#calendar_weekdays {
font-size: 0.9rem;
}
#calendar_content, #calendar_weekdays, #calendar_header {
position: relative;
width: 100% !important;
overflow: hidden;
float: left;
z-index: 10;
}
#calendar_weekdays div, #calendar_content div {
width: calc(100% / 7) !important;
height: 25px !important;
overflow: hidden;
text-align: center;
background-color: #FFFFFF;
color: #787878;
line-height: 30px !important;
}
#calendar_content {
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
border-radius: 0px 0px 12px 12px;
}
#calendar_content div {
float: left;
}
#calendar_content div:hover {
background-color: #fff;
}
#calendar_content div.blank {
background-color: #fff;
}
#calendar_header, #calendar_content div.today {
zoom: 1;
filter: alpha(opacity=70);
opacity: 1;
}
#calendar_content div.today {
color: #FFFFFF;
}
#calendar_header {
width: 100% !important;
height: 50px !important;
text-align: center;
background-color: #000;
padding: 10px 0;
border-radius: 0px;
}
#calendar_header h1 {
font-size: 1.2em;
color: #FFFFFF;
float: left;
width: 70%;
font-family: 'Apercu';
font-weight: 600;
text-transform: uppercase;
line-height: 30px;
}
#calendar_content div.today .check {
width: 25px !important;
height: 25px !important;
background-color: #000;
border-radius: 50%;
color: #fff;
position: relative;
left: 50%;
text-align: center;
transform: translateX(-50%);
}
#calendar-side i[class^=fa] {
color: #FFFFFF;
float: left;
width: 15%;
border-radius: 50%;
line-height: 30px !important;
}
#calendar-info {
background-color: #000;
display: flow-root;
}
#calendar-info p {
color: #fff;
margin-bottom: 0;
font-weight: 300;
}
#tickets .info p {
margin-bottom: 20px;
font-size: 0.9rem;
}
#tickets .button a {
font-size: 1.4rem;
font-weight: 800;
color: #000;
background-color: #fff;
border: 2px solid #000;
display: block;
vertical-align: middle;
height: 72px;
position: relative;
}
#tickets .button a:hover {
color: #fff;
background-color: #000;
}
#tickets .button a .text {
display: inline-block;
position: relative;
text-align: left;
transform: translateY(-50%);
top: 50%;
}
#tickets .button a .icon {
background-color: #000;
display: inline-block;
float: right;
}
#interesting .title p {
font-size: 1.8rem;
font-weight: 800;
font-family: 'Space Grotesk';
line-height: 100%;
}
/*fullscreen Search*/
.search-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
background-color: #fff;
transition: all .5s;
display: none;
z-index: 10001;
}
.search-wrapper.hide {
opacity: 0;
}
.search-wrapper .search-input-wrapper {
flex: 1;
margin: 0 10%;
display: flex;
justify-content: center;
background-color: transparent;
padding: 10px;
min-width: 10px;
border-radius: 0px;
border: 1px solid #000;
transition: all .4s;
}
.search-wrapper .search-info {
margin: 0 10%;
}
.search-wrapper .search-info a {
color: #000;
display: block;
line-height: 110%;
min-height: 100%;
height: 100%;
text-decoration: none;
}
.search-wrapper .search-info a .type, .search-wrapper .search-info a .date, .search-wrapper .search-info a .info {
font-size: 0.85rem;
}
.search-wrapper .search-info a .title {
font-weight: 700;
line-height: 130%;
font-size: 0.9rem;
}
.search-wrapper .search-info a:hover {
background-color: #efede1;
}
@media screen and (max-width: 576px) {
.search-wrapper .search-input-wrapper {
margin: 0 20px;
}
}
.search-wrapper .search-input-wrapper .search-input {
flex: 1;
}
.search-wrapper .search-input-wrapper .search-input::placeholder {
color: rgba(189, 189, 189, 0.7);
}
.search-wrapper .search-input-wrapper .search-submit {
flex-basis: 40px;
cursor: pointer;
}
.search-wrapper .search-input-wrapper input, .search-wrapper .search-input-wrapper button {
background-color: transparent;
border: none;
font-size: 25px;
padding: 3px;
color: #000;
min-width: 10px;
}
.search-wrapper .search-input-wrapper input:focus, .search-wrapper .search-input-wrapper button:focus {
outline: none;
}
.search-wrapper .search-close {
position: fixed;
padding: 5px;
top: 0;
right: 10px;
font-size: 40px;
color: rgba(238, 238, 238, 0.8);
background-color: transparent;
border: none;
cursor: pointer;
transition: all .4s;
width: 40px;
height: 40px;
}
.search-wrapper .search-close:focus {
outline: none;
}
.search-wrapper .search-close:hover {
color: #eee;
}
/*Sentences carousel*/
.bg-frase .carousel-item {
min-height: 450px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-box-shadow: inset 750px 460px 600px 350px rgba(0, 0, 0, 0.6);
-moz-box-shadow: inset 750px 460px 600px 350px rgba(0, 0, 0, 0.6);
box-shadow: inset 750px 460px 600px 350px rgba(0, 0, 0, 0.6);
}
.bg-frase #slide-sentences .sentence-text {
left: 0;
right: 0;
z-index: 1;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-55%);
transform: translateY(-55%);
}
.bg-frase #slide-sentences .carousel-indicators .active {
background-color: transparent;
}
.bg-frase #slide-sentences .active {
color: #fff;
}
.bg-frase #slide-sentences .active {
color: #fff;
text-decoration: underline;
font-weight: 400;
}
.bg-frase #slide-sentences a {
color: #555555;
/*text-decoration: line-through;*/
font-weight: 400;
cursor: pointer;
}
.bg-frase .carousel-indicators {
display: inline-block;
bottom: 0;
}
.bg-frase .carousel-indicators li {
text-indent: inherit;
width: auto;
height: auto;
display: inline-block;
float: left;
background-color: transparent;
}
.bg-frase #slide-sentences a span {
}
/*Vimeo Iframe*/
/* Makes a fixed background wrapper
which the user cannot interact with */
.iframe-wrapper {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
/* Make the iframe keep an aspect ratio, and
position it in the middle of its parent wrapper*/
.iframe-wrapper iframe {
width: 100vw;
height: 56.25vw;
/* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh;
/* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*In Gallery*/
#in-gallery .description {
line-height: 100%;
}
#in-gallery .navegation .carousel-control-next, #in-gallery .navegation .carousel-control-prev {
position: relative;
width: 100%;
}
#in-gallery .navegation .num p {
font-weight: 800;
font-family: 'Apercu';
font-size: 80%;
}
#gallery-info .carousel-cell {
width: 49%;
margin-right: 15px;
opacity: 0.4;
}
#gallery-info .carousel-cell.is-selected {
opacity: 1;
}
#gallery-info .carousel-cell:last-child {
margin-right: 0px;
}
#gallery-info .carousel-cell a {
position: relative;
display: block;
height: 100%;
}
#gallery-info .carousel-cell a .icon {
position: absolute;
bottom: 15px;
right: 15px;
}
.information p {
margin-bottom: 0 !important;
}
.columns .table-bordered td, .table-bordered th {
border: 2px solid #000;
}
.columns .table {
font-size: 0.9rem;
font-family: 'Apercu';
line-height: 120%;
}
.columns .table thead {
background-color: #000000;
}
.columns .table thead th {
color: #fff;
font-weight: 400;
vertical-align: middle;
}
.columns td, .columns th {
vertical-align: middle;
padding: 1.0rem .50rem;
font-weight: 400;
}
.columns .table thead th {
border-bottom: 0;
}
.charts .card {
border-radius: 0;
border: 0;
border-bottom: 0 !important;
}
.chart-info {
}
.section-title p {
font-weight: 800;
font-family: 'Space Grotesk';
text-transform: uppercase;
}
.sub-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.sub-menu ul li {
display: inline-block;
float: left;
padding: 0 8px 0 8px;
border-right: 1px solid #000;
}
.sub-menu ul li:first-child {
border-left: 0;
padding-left: 0;
}
.sub-menu ul li:last-child {
border-right: 0;
padding-right: 0;
}
.sub-menu ul li a {
font-size: 0.75rem;
font-family: 'Apercu';
display: block;
color: #000;
text-decoration: none;
}
.sub-menu ul li a:hover {
border-bottom: 2px solid #000;
}
.sub-menu ul li a.active {
border-bottom: 2px solid #000;
}
.section-subtitle p {
font-family: 'Apercu';
font-weight: 800;
line-height: 120%;
}
.text-sub-title p {
font-size: 1.2rem;
font-family: 'Apercu';
font-weight: 700;
}
.info-photo p {
line-height: 140%;
font-size: 0.7rem;
margin-bottom: 0;
}
.info-photo a {
color: #000;
text-decoration: underline;
}
.downloads a {
color: #000;
text-decoration: none;
display: block;
padding: 5px 10px;
}
.downloads a i {
font-size: 2.2rem;
}
.downloads.downloadsl a i {
font-size: unset;
}
.downloads a .fa-file-download:before {
content: "\f15b";
}
.downloads a:hover .fa-file-download:before {
content: "\f56d";
}
.downloads a p {
border-bottom: 2px solid transparent;
line-height: 120%;
font-size: 1rem;
letter-spacing: -0.8px;
display: inline-block;
}
.downloads a .downloads-icon {
background-image: url(../img/downloads-icon.png);
background-size: contain;
background-position: center;
height: 100%;
background-repeat: no-repeat;
}
.downloads a:hover .downloads-icon {
background-image: url(../img/downloads-icon-hover.png);
}
.downloads a:hover p {
/*background-color: #efede1;*/
text-decoration: none;
border-bottom: 2px solid #ff2619;
color: #ff2619;
}
.info-label {
font-weight: 800;
font-size: 1.1rem;
line-height: 120%;
}
.msg-info {
background-color: #fff394;
position: relative;
}
.msg-info .title-msg p {
font-weight: 800;
font-size: 1.1rem;
}
.msg-info .icon-alert {
position: absolute;
right: 10px;
top: 10px;
}
.form select {
text-indent: 1px;
text-overflow: '';
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 2px 2px 2px 2px;
background: transparent url("../img/bg-select-close-b.png") no-repeat right center;
}
.form select:hover {
background: transparent url("../img/bg-select.png") no-repeat right center;
}
.form .form-control {
border-radius: 0;
border: 2px solid #000;
}
.form legend {
font-size: 1.0rem;
font-family: 'Apercu';
font-weight: 800;
}
.form label {
font-size: 1.4rem;
font-family: 'Apercu';
font-weight: 400;
}
.form .form-date p {
font-size: 1.8rem;
font-weight: 800;
}
.form .form-title p {
font-size: 1.8rem;
font-weight: 800;
}
.form .send button {
color: #fff !important;
background-color: #000;
font-family: 'Apercu' !important;
border: 0;
border-radius: 0;
font-size: 1.1rem !important;
padding: 10px 30px !important;
}
.form .send button:hover {
background-color: #e73029;
}
.social .social-box {
overflow: hidden;
border-radius: 5px;
height: 100%;
}
.social-xl .social-box {
overflow: hidden;
border-radius: 5px;
height: 100%;
}
.art {
border: 2px solid #000;
}
.info-web ul {
margin: 0;
padding: 0;
list-style: none;
}
.info-web ul li {
display: inline-block;
}
.info-web ul li a {
display: block;
color: #fff;
background-color: #000;
width: 25px;
height: 25px;
padding: 3px;
text-align: center;
font-size: 0.9rem;
}
.info-web ul li a:hover {
background-color: #e73029;
}
.persona-info .name p {
font-weight: 800;
font-size: 1.6rem;
line-height: 140%;
}
.persona-info .country p {
font-weight: 400;
font-size: 1.1rem;
line-height: 140%;
}
.persona-info .position p {
font-weight: 300;
font-size: 1.0rem;
line-height: 140%;
}
.link a {
background-color: #000;
color: #fff;
padding: 10px 15px;
font-family: 'Apercu';
font-weight: 300;
display: inline-block;
text-decoration: none;
}
.link a:hover {
background-color: #e73029;
}
.art p {
margin-bottom: 0 !important;
}
#banner-ficha .bg-ficha-interior {
background: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 110%;
background-position: center;
}
#banner-ficha .bg-ficha-interior.festival {;
width: 100%;
height: auto
}
#banner-ficha .full-width-image {
width: 100vw;
position: relative;
left: 50%;
margin-left: -50vw;
}
#banner-ficha .full-width-image img {
width: 100%;
}
div.scrollmenu {
/*overflow: auto;
white-space: nowrap;*/
}
div.scrollmenu a {
font-size: 0.8rem;
font-family: 'Apercu';
display: inline-block;
text-align: center;
color: #000;
text-decoration: none;
padding: 0 8px 0 8px;
/*border-right: 1px solid #000;*/
}
div.scrollmenu a:last-child {
border-right: 0;
}
div.scrollmenu a:hover span {
border-bottom: 2px solid #000;
}
div.scrollmenu a.active span {
border-bottom: 2px solid #000;
}
.map iframe {
border: 0;
}
.gallery-body a {
display: block;
height: 100%;
overflow: hidden;
position: relative;
cursor: pointer;
}
.gallery-body a .overlay {
background-color: #000;
opacity: 0.3;
position: absolute;
height: 100%;
width: 100%;
}
.gallery-body a:hover .overlay {
opacity: 0;
}
.carousel--next, .carousel--prev {
cursor: pointer;
}
.body-noticia {
background-color: #efede1;
}
.news-banner .section-title-news h1 {
font-weight: 800;
font-family: 'Space Grotesk';
color: #000;
}
#side-bar .tags ul li a {
background-color: #fff;
border: 2px solid #000;
}
.info-sidebar p {
font-size: 0.9rem;
font-weight: 300;
font-family: 'Apercu';
margin-bottom: 0;
color: #6d6d6d;
}
.info-sidebar .date p {
font-weight: 800;
text-transform: uppercase;
color: #000;
}
.info-sidebar .author p span {
color: #000;
font-weight: 400;
}
.info-sidebar .category p a {
color: #000;
font-weight: 800;
text-decoration: underline;
}
.info-sidebar .category p a:hover {
color: #e63429;
}
.other-info a {
text-decoration: none;
}
.other-info .photo-info {
min-height: 175px;
background-repeat: no-repeat;
transition: 0.4s;
background-position: center;
}
.other-info a:hover .photo-info {
background-size: 128%;
}
.other-info .date small {
font-size: 70%;
font-weight: 800;
color: #000;
}
.other-info .title p {
font-weight: 800;
color: #000;
line-height: 120%;
margin-bottom: 0;
}
.other-info a:hover .title p {
text-decoration: underline;
}
.columns.columns-news .table-dark-light, .table-dark-light > td, .table-dark-light > th {
background-color: #e3e1d6;
}
.columns.columns-news .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(215, 213, 202, 1);
}
.columns.columns-news .table-bordered td, .columns.columns-news .table-bordered th {
border-right: 10px solid #efede1;
border-left: 0;
border-top: 0;
border-bottom: 0;
}
.columns.columns-news .table-bordered td:last-child, .columns.columns-news .table-bordered th:last-child {
border-right: 0;
}
/*Slide menu*/
.panel {
display: none;
}
.panel .info-menu {
background-color: #fff;
position: fixed;
width: 100%;
z-index: 3;
top: 60px;
transition: height 0.4s;
left: 0;
right: 0;
border-bottom: 2px solid #efe7dc;
}
.panel .info-menu a {
font-family: 'Apercu';
font-weight: 800;
color: #000;
cursor: pointer;
text-decoration: none;
display: block;
font-size: 1.2rem;
background: #fff;
border-bottom: transparent;
}
.panel .info-menu a:hover {
color: #e63429;
text-decoration: underline;
}
.panel .info-menu .link {
font-family: 'Apercu';
font-weight: 300;
font-size: 1.0rem;
display: block;
}
.collapseable.collapsed i {
transform: rotate(0deg)
}
.collapseable i {
transform: rotate(90deg);
transition: all 0.3s;
animation-duration: 1s;
}
.dropdown .dropdown-toggle i {
transform: rotate(0deg)
}
.dropdown.show .dropdown-toggle i {
transform: rotate(90deg);
transition: all 0.3s;
animation-duration: 1s;
}
/*Categorias*/
.teatro-header {
position: relative;
overflow: hidden;
min-height: 65px;
}
.teatro-header h1 {
font-family: 'Space Grotesk';
font-weight: 800;
display: inline;
position: relative;
z-index: 1;
background-color: #fff;
padding: 0 10px;
}
.teatro-header h1 span {
font-size: 1.1rem;
}
#category .box-cat a {
display: block;
height: 360px;
width: 100%;
min-height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
z-index: 2;
position: relative;
text-decoration: none;
transition: 0.4s;
overflow: hidden;
}
#category .box-cat a .overlay {
position: absolute;
top: 0;
left: 0px;
right: 0px;
height: 100%;
background-color: black;
opacity: 0.7;
z-index: 1;
}
#category .box-cat a:hover {
background-size: cover;
}
#category .box-cat a:hover .overlay {
opacity: 0.3;
}
#category .box-cat a .type p {
font-size: 0.9rem;
font-weight: 300;
text-transform: uppercase;
z-index: 2;
position: relative;
text-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4);
}
#category .box-cat a .title {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
left: 0;
right: 0;
margin: 0 0px;
text-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4);
transition: 0.4s;
}
#category .box-cat a .title p {
font-weight: 600;
text-transform: uppercase;
font-family: 'Space Grotesk';
font-size: 1rem;
text-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4);
}
#category .box-cat a .date {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
z-index: 2;
}
#category .box-cat a .time {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
z-index: 2;
}
#category .box-cat a .time p {
font-size: 0.9rem;
}
#category .box-cat a .sticker {
width: 120px;
}
#category .box-cat a .stars {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
z-index: 2;
}
#category .box-cat a .stars span {
font-size: 0.5rem;
}
#category .box-cat a .stars span.checked {
color: #ded712;
}
#category .box-cat a::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
transition: inherit;
}
#category .box-cat a:hover::before {
transform: scale(1.1);
}
#category .box-cat.side-box-stickers .mh-sticker {
height: 360px;
}
#category .box-cat.side-box-stickers .sticker-free {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 40px;
height: 40px;
z-index: 2;
position: relative;
}
#category .box-cat.side-box-stickers .sticker-estreno {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 40px;
height: 155px;
z-index: 2;
position: relative;
}
#category .box-cat.side-box-stickers .sticker-edad {
background-position: center;
background-repeat: no-repeat;
/*background-size: cover;*/
width: 40px;
height: 110px;
z-index: 2;
position: relative;
}
#category select {
text-indent: 1px;
text-overflow: '';
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 2px 2px 2px 2px;
background: transparent url("../img/bg-select-close-b.png") no-repeat right center;
width: 130px;
font-family: 'Apercu';
font-weight: 700;
color: #000;
font-size: 1.05rem;
}
#category select:hover option {
background-color: #000;
color: #fff;
}
#category .form-control {
border-radius: 0;
border: 0px;
}
#category .form-check-label {
font-weight: 700;
color: #000;
font-size: 1rem;
}
#category a .sticker-col {
opacity: 0;
position: absolute;
left: 10px;
}
#category a:hover .sticker-col {
opacity: 1;
}
#press .press-box a {
display: block;
color: #000;
text-decoration: none;
}
#press .press-box a p {
margin-bottom: 0;
line-height: 120%;
}
#press .press-box a .media p {
font-weight: 800;
font-size: 0.7rem;
}
#press .press-box a .date p {
font-size: 0.7rem;
}
#press .press-box a .title p {
font-size: 1.0rem;
font-weight: 300;
}
#press .press-box a .title p {
border-bottom: 2px solid transparent;
display: inline;
line-height: 20px;
}
#press .press-box a:hover .title p {
border-bottom: 2px solid #000;
}
#press .press-box a .img-press {
height: 100%;
min-height: 40px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#press .sidebar-press .section-subtitle p {
font-size: 1.1rem;
}
#press .sidebar-press ul {
list-style: none;
padding-left: 15px;
}
#press .sidebar-press ul li {
margin-bottom: 8px;
}
#press .sidebar-press ul li a {
color: #000;
font-weight: 300;
font-size: 0.9rem;
text-decoration: none;
border-bottom: 2px solid transparent;
}
#press .sidebar-press ul li a:hover {
font-weight: 800;
border-bottom: 2px solid #000;
}
#press .sidebar-press ul li a.active {
font-weight: 800;
border-bottom: 2px solid #000;
}
.rich-text {
font-family: 'Apercu';
}
.rich-text .h4, .rich-text h4 {
font-size: 1.2rem;
}
.rich-text .h2, .rich-text h2 {
font-size: 1.6rem;
}
.marquee {
width: 100vw;
max-width: 100%;
overflow-x: hidden;
}
.marquee .track {
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee 65s linear infinite;
top: 40%;
transform: translateY(-40%);
}
.marquee .track p {
font-size: 1.3rem;
font-family: 'Space Grotesk';
font-weight: 800;
}
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
#jGrowl .jGrowl-notification {
background-color: #ffee67;
color: #000;
border-radius: 0;
opacity: 1;
font-size: 200%;
font-weight: bold;
font-family: 'Apercu';
}
html {
scroll-behavior: smooth;
}
body {
background-color: #fff;
position: relative;
overflow-x: hidden;
}
body p {
font-family: 'Apercu';
}
body p:last-child {
margin-bottom: 0;
}
.pr-relative {
position: relative;
}
.container {
/*max-width: 1680px;*/
}
.bg-light {
background-color: #fff !important;
}
.vert-c {
display: flex;
justify-content: center;
align-items: center;
}
header {
position: relative;
background-color: black;
width: 100%;
overflow: hidden;
}
header video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
header .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.3;
z-index: 1;
}
header .content-header {
position: relative;
z-index: 2;
}
header .direction p {
margin-bottom: 0;
line-height: 120%;
color: #fff;
}
header .direction a {
color: #fff;
text-decoration: underline;
}
header .direction a:hover {
color: #e73029;
}
header .direction p small {
font-weight: 300;
}
header .direction p strong {
font-weight: bold;
}
/*Direction-Mobile*/
header .direction-mobile p {
margin-bottom: 0;
line-height: 120%;
color: #fff;
font-size: 0.8rem;
}
header .direction-mobile a {
color: #fff;
text-decoration: underline;
}
header .direction-mobile a:hover {
color: #e73029;
}
header .direction-mobile p small {
font-weight: 300;
}
header .direction-mobile p strong {
font-weight: bold;
}
/**/
header .tools ul {
margin: 0;
padding: 0;
list-style: none;
}
header .tools ul li {
float: left;
display: inline-block;
}
header .tools ul li a {
border: 2px solid #fff;
margin-left: -3px;
display: block;
text-align: center;
}
header .tools ul li a i {
color: #fff;
position: relative;
transform: translateY(-50%);
top: 50%;
}
header .tools ul li a:hover i {
color: #e63429;
}
header .tools ul li.menu-mobile .menu-nav i {
color: #fff;
font-size: 2.0rem;
}
header .tools ul li.menu-mobile .menu-nav button {
background-color: transparent;
border: 0;
}
header .tools ul li.search a {
display: block;
border: 0;
margin-left: 5px;
}
header .form-control {
width: 100%
}
header .my-navbar-nav > li > a {
border-right: 1px solid #ddd;
padding-bottom: 15px;
padding-top: 15px;
}
header .my-navbar-nav:last-child {
border-right: 0
}
header .round-btn {
/*height: 35px;
width: 35px;
padding: 3px;*/
}
header .flip-icon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
header .hidden-search-box {
display: none;
position: relative;
float: right;
background-color: transparent;
width: 100%;
z-index: 1000;
margin-top: 10px;
color: #fff;
}
header .addon-btn {
width: 50px;
height: 50px;
background-color: rgb(37, 51, 66);
border: 0 none;
margin-top: -5px;
color: #ffffff;
}
header .addon-text-box, addon-text-box:active {
border-bottom: 1px #fff solid;
background-color: transparent;
color: #fff;
opacity: 1;
}
header .nav-menu-desk {
position: absolute !important;
right: 0;
top: 50%;
transform: translateY(-50%)
}
header .nav-menu-desk ul {
margin: 0;
padding: 0;
list-style: none;
}
header .nav-menu-desk ul li {
position: relative;
}
header .nav-menu-desk ul li a {
color: #fff;
font-family: 'Space Grotesk';
font-weight: 800;
}
header .bottom-header {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
header .bottom-header .msg {
position: relative;
/*border: 2px solid #000;*/
background-color: #ffee67;
display: block;
}
header .bottom-header .msg p {
margin-bottom: 0;
font-weight: 300;
font-size: 0.8rem;
color: #000;
}
header .bottom-header .msg p a {
font-weight: 300;
color: #000;
text-decoration: none;
border-bottom: 2px solid #000;
padding-bottom: 3px;
}
header .bottom-header .msg p a:hover {
color: #e73029;
text-decoration: none;
border-bottom: 2px solid #e73029;
}
header .bottom-header .msg .arrow {
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
}
header .bottom-header .msg .close {
position: absolute;
top: 2px;
right: 5px;
opacity: 1;
/*border: 2px solid #000;*/
width: 10px;
height: 10px;
background-color: #feee67;
}
header .bottom-header .msg .close a {
font-weight: 800;
font-size: 1.0rem;
color: #000;
display: block;
text-align: center;
}
header .bottom-header .msg .close:hover a {
color: #e73029;
opacity: 1;
}
header .bottom-header .msg .close a:hover img {
fill: #303 !important;
}
header .bottom-header .msg .close:hover {
color: #e73029;
/*background-color: #000;*/
opacity: 1;
}
header .bottom-header .logo-gam {
position: relative;
top: 50%;
transform: translateY(-50%);
}
/*MSG Movile*/
#mobile .msg {
position: relative;
/*border: 2px solid #000;*/
background-color: #ffee67;
display: block;
}
#mobile .msg p {
margin-bottom: 0;
font-weight: 300;
font-size: 0.8rem;
color: #000;
}
#mobile .msg p a {
font-weight: 300;
color: #000;
text-decoration: none;
border-bottom: 2px solid #000;
padding-bottom: 3px;
}
#mobile .msg .close {
position: absolute;
top: 2px;
right: 5px;
opacity: 1;
/*border: 2px solid #000;*/
width: 10px;
height: 10px;
background-color: #feee67;
}
#mobile .msg p a:hover {
color: #e73029;
border-bottom: 2px solid #e73029;
}
#mobile .msg .close a {
font-weight: 800;
font-size: 1.0rem;
color: #000;
display: block;
text-align: center;
}
#mobile .msg .close:hover a {
color: #fff;
opacity: 1;
}
#mobile .msg .close:hover {
/*color: #fff;
background-color: #000;*/
opacity: 1;
}
/* Calendar */
#calendar .carousel {
background: #fff;
border: 2px solid #000;
}
#calendar .carousel.carousel-main {
margin-top: -2px;
}
#calendar .carousel-cell {
width: 100%;
background: #fff;
border-radius: 0px;
counter-increment: carousel-cell;
border-left: 2px solid #000;
border-right: 2px solid #000;
}
#calendar .carousel-nav .carousel-cell {
padding: 0 20px;
margin-right: -2px;
margin-bottom: 2px solid transparent;
}
#calendar .carousel-nav .carousel-cell p {
margin-bottom: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
line-height: 120%;
text-align: center;
text-transform: uppercase;
}
#calendar .carousel-nav .carousel-cell.is-selected {
background-color: #000;
}
#calendar .carousel-nav .carousel-cell.is-selected p {
color: #fff;
}
#calendar .carousel-nav .carousel-cell p {
border-bottom: 2px solid transparent;
}
#calendar .carousel-nav .carousel-cell:hover p {
border-bottom: 2px solid transparent;
}
#calendar .carousel-nav .carousel-cell.is-nav-selected {
background: #ED2;
}
#calendar .carousel-nav .carousel-cell.is-selected:hover {
background: #000;
}
#calendar .carousel-nav .carousel-cell:hover {
background-color: #efede1;
}
#calendar .carousel-main .carousel-cell {
border: 0;
}
#calendar .carousel-nav .flickity-prev-next-button {
top: 50%;
width: 26px;
height: 100%;
border-radius: 0%;
transform: translateY(-50%);
}
#calendar .carousel-nav .flickity-button {
position: absolute;
background: #000;
border: none;
color: #fff;
}
#calendar .carousel-nav .flickity-prev-next-button.previous {
left: 0px;
margin-left: -1px;
min-height: 51px;
}
#calendar .carousel-nav .flickity-prev-next-button.next {
right: 0px;
margin-right: -1px;
min-height: 51px;
}
#calendar .carousel-nav .flickity-button:disabled {
opacity: 1;
}
#calendar .carousel-nav .flickity-button:hover {
opacity: 1;
background-color: #efede1;
}
#calendar .carousel-nav .flickity-button:hover {
background-color: #efede1;
}
#calendar .carousel-nav .flickity-button:hover {
background: #e73029;
}
#calendar .carousel-nav .flickity-slider {
/*margin: 0 32px;*/
}
#calendar .carousel-main a {
display: block;
}
#calendar .carousel-main a:hover {
background-color: #efede1;
text-decoration: none;
}
#calendar .carousel-main a .info-event p {
line-height: 120%;
color: #000;
text-decoration: none;
}
#calendar .carousel-main .info-event .title p {
font-weight: 800;
text-transform: uppercase;
margin-bottom: 0;
font-size: 0.8rem;
}
#calendar .carousel-main a .info-event .hour p {
font-weight: 800;
margin-bottom: 0;
font-size: 0.8rem;
}
#calendar .carousel-main a .info-event .place p {
font-weight: 400;
margin-bottom: 0;
font-size: 0.75rem;
}
#calendar .carousel-main a .info-event .event p {
font-weight: 800;
margin-bottom: 0;
font-size: 0.7rem;
color: #e63429;
}
#calendar .carousel-main .capture {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#activities .carousel-cell a {
width: 100%;
background: #3e7971;
border-radius: 0px;
padding: 15px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: block;
}
#activities .carousel-cell a .title {
position: absolute;
top: 20px;
right: 20px;
}
#activities .carousel-cell a .title p {
line-height: 120%;
color: #fff;
font-family: 'Space Grotesk';
font-weight: 800;
font-size: 1.4rem;
line-height: 100%;
writing-mode: vertical-rl;
text-align: left;
margin: 0;
text-transform: uppercase;
}
/*hover*/
#activities .flickity-viewport {
overflow: visible;
}
#activities .carousel-cell {
transition: transform 0.4s;
transform: scale(1);
z-index: 999;
}
#activities .carousel-cell:hover {
transform: scale(1.1);
z-index: 1000;
}
#activities .carousel:hover a {
filter: grayscale(100%);
cursor: pointer;
}
#activities .carousel-cell:hover a {
filter: grayscale(0%);
}
/*hover*/
#sentence {
background-color: #000000;
}
#sentence .sentence-text p {
margin-bottom: 0;
font-weight: 400;
line-height: 120%;
}
#sentence .sentence-text p .color-a a {
color: #f3d43f;
text-decoration: none;
}
#sentence .sentence-text p .color-b a {
color: #ed9aad;
text-decoration: none;
}
#sentence .sentence-text p .color-c a {
color: #4e958b;
text-decoration: none;
}
/*Frases*/
#sentence.bg-frase {
background-color: #000000;
}
#sentence.bg-frase.active-01 {
background-image: url(../img/bg-00.jpg);
background-size: cover;
min-height: 100%;
/*transition: all 0.3s;*/
background-position: center center;
background-repeat: no-repeat;
height: 100%;
}
#sentence.bg-frase .hover-01 {
color: #f3d43f;
}
#sentence.bg-frase.active-01 a {
color: #555555;
text-decoration: line-through;
}
#sentence.bg-frase.active-01 a:hover {
color: #fff;
text-decoration: underline;
font-weight: 400;
}
/*--*/
#sentence.bg-frase.active-02 {
background-image: url(../img/bg-01.jpg);
background-size: cover;
min-height: 100%;
/*transition: all 0.3s;*/
background-position: center center;
background-repeat: no-repeat;
height: 100%;
}
#sentence.bg-frase .hover-02 {
color: #ed9aad;
}
#sentence.bg-frase.active-02 a {
color: #555555;
text-decoration: line-through;
}
#sentence.bg-frase.active-02 a:hover {
color: #fff;
text-decoration: underline;
font-weight: 400;
}
/*--*/
#sentence.bg-frase.active-03 {
background-image: url(../img/bg-03.jpg);
background-size: cover;
min-height: 100%;
/*transition: all 0.3s;*/
background-position: center center;
background-repeat: no-repeat;
height: 100%;
}
#sentence.bg-frase .hover-03 {
color: #4e958b;
}
#sentence.bg-frase.active-03 a {
color: #555555;
text-decoration: line-through;
}
#sentence.bg-frase.active-03 a:hover {
color: #fff;
text-decoration: underline;
font-weight: 400;
}
/*---*/
#social-news .hashtag p {
font-family: 'Space Grotesk';
margin-bottom: 0;
}
#social-news .card {
margin-bottom: 1.7rem;
border-radius: 0;
}
#social-news a .medio p {
color: #000;
font-weight: 300;
margin-bottom: 0;
line-height: 100%;
}
#social-news .prensa {
background-color: #000;
}
#social-news a:hover .prensa {
background-color: #3e7971;
}
#social-news a .prensa p {
color: #fff;
font-size: 1.3rem;
font-weight: 300;
font-style: italic;
}
#social-news .prensa p:last-child {
margin-bottom: 0;
}
#social-news .card-columns .card a {
display: block;
text-decoration: none;
}
#social-news .load a {
background-color: #000;
display: inline-block;
color: #fff;
padding: 10px 20px;
font-weight: 300;
text-transform: uppercase;
font-size: 1.2rem;
text-decoration: none;
font-family: 'Apercu Pro';
}
#social-news .load a:hover {
background-color: #e63429;
}
#social-news .bg-noticia {
background-color: #fff;
z-index: 3;
position: relative;
padding: 15px;
border-top: 2px solid #000;
}
#social-news a {
text-decoration: none;
display: block;
overflow: hidden;
}
#social-news a:hover .bg-noticia {
background-color: #000;
text-decoration: none;
}
#social-news a .card-img-top {
transform: scale(1);
transition: transform 0.4s;
}
#social-news a:hover .card-img-top {
transform: scale(1.1);
z-index: 999;
}
#social-news .bg-noticia p {
color: #000;
}
#social-news .card-body .type p {
font-weight: 300;
text-transform: uppercase;
font-family: 'Apercu';
font-size: 0.8rem;
}
#social-news .card-body .title h5 {
font-weight: 300;
color: #000;
font-size: 1.1rem;
font-weight: 800;
line-height: 120%;
font-family: 'Apercu';
}
#social-news .card-body .date p {
font-weight: 300;
text-transform: uppercase;
font-family: 'Apercu';
font-size: 0.8rem;
}
#social-news a:hover .card-body .type p {
color: #fff;
}
#social-news a:hover .card-body .title h5 {
color: #fff;
}
#social-news a:hover .card-body .date p {
color: #fff;
}
footer {
background-color: #000;
}
footer p {
font-family: 'Space Grotesk';
color: #fff;
font-weight: 700;
font-size: 0.7rem !important;
text-transform: uppercase;
}
footer hr {
border-top: 1px solid #fff;
}
footer .direction-footer p {
font-family: 'Space Grotesk';
color: #fff;
font-size: 0.8rem !important;
font-weight: 300;
margin-bottom: 0;
line-height: 140%;
text-transform: inherit;
}
footer .social ul {
margin-bottom: 0;
padding: 0;
}
footer .social ul li {
display: inline-block;
}
footer .social ul li a {
color: #000;
background: #fff;
border-radius: 50%;
text-align: center;
vertical-align: middle;
font-weight: 300;
display: inline-block;
width: 26px;
height: 26px;
font-size: 0.9rem;
padding: 3px;
margin-left: 3px;
}
footer .social ul li a:hover {
color: #fff;
background: #e63429;
}
footer .footer-title p {
font-size: 1.2rem;
color: #fff;
font-weight: 800;
margin-bottom: 0;
}
footer .footer-links ul {
list-style: none;
padding-left: 20px;
}
footer .footer-links ul li {
list-style: none;
margin-bottom: 2px;
line-height: 110%;
}
footer .footer-links ul li a {
text-decoration: none;
color: #fff;
border-bottom: 2px solid transparent;
font-size: 0.7rem;
display: inline-block;
font-family: 'Space Grotesk';
}
footer .footer-links ul li a:hover {
border-bottom: 2px solid #fff;
}
footer .footer-linksul li.active > a, footer .footer-links ul li a[aria-expanded="true"] {
background: transparent !important;
border-bottom: 2px solid #fff;
}
footer .footer-links ul li ul {
list-style: none;
padding-left: 20px;
}
footer .footer-links ul li ul li {
list-style: none;
margin-bottom: 2px;
line-height: 110%;
}
footer .footer-links ul li ul li a {
text-decoration: none;
color: #fff;
border-bottom: 2px solid transparent;
font-size: 0.7rem !important;
padding: 0;
display: inline-block;
padding-left: 0px !important;
background-color: transparent;
}
footer .footer-links ul li ul li a:hover {
border-bottom: 2px solid #fff;
background-color: transparent;
}
footer .logo-footer p {
font-family: 'Space Grotesk';
color: #fff;
font-size: 0.7rem !important;
font-weight: 300;
margin-bottom: 0;
line-height: 140%;
text-transform: inherit !important;
}
@media (min-width: 576px) {
.card-columns {
column-count: 1;
}
}
@media (min-width: 768px) {
.card-columns {
column-count: 2;
}
}
@media (min-width: 992px) {
.card-columns {
column-count: 3;
}
}
@media (min-width: 1200px) {
.card-columns {
column-count: 4;
}
}
/*Efecto*/
.wrapper {
width: 100%;
height: 100%;
display: grid;
}
.wrapper .item {
width: calc(100% / 9);
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
position: relative;
}
.wrapper .item::before {
content: "";
width: 100%;
height: 100%;
opacity: 1;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(transparent));
background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
-webkit-transition: 0.4s;
transition: 0.4s;
}
.wrapper .item.sec01, .wrapper .item.sec02, .wrapper .item.sec03, .item.sec04, .item.sec05, .item.sec06, .item.sec07 {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.wrapper .item.animation {
background-image: url(../img/5oe1.jpg)
}
.wrapper .item.animation:hover {
background-image: url(../img/5oe1.gif)
}
.wrapper .item.sec07 {
background-color: #3e7971;
}
.wrapper:hover .item:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.wrapper:hover .item:hover::before {
opacity: 1;
}
.wrapper a {
width: 100%;
border-radius: 0px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: inline-table;
}
.wrapper a .title {
z-index: 2;
}
.wrapper a .title p {
line-height: 120%;
color: #fff;
font-family: 'Space Grotesk';
font-weight: 800;
font-size: 1.4rem;
line-height: 100%;
text-align: left;
margin: 0;
text-transform: uppercase;
}
.wrapper .list-item {
background-color: #fff;
overflow: hidden;
}
.wrapper .item .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.3;
z-index: 1;
}
.wrapper .item:hover .overlay {
opacity: 0;
}
/*Menu*/
header .inside-menu {
right: 290px;
top: 13px;
position: absolute;
width: auto;
display: contents;
}
header .inside-menu ul {
float: left;
display: -webkit-inline-box;
padding-top: 7px;
}
header .inside-menu ul li {
list-style: none;
float: left;
display: inline-block;
}
header .inside-menu ul li a {
color: #fff;
font-family: 'Apercu';
font-weight: 800;
text-transform: uppercase;
}
header .inside-menu ul li .dropdown-menu a {
display: inline-block;
text-align: center;
color: #fff;
font-family: 'Apercu';
font-weight: 300;
text-decoration: none;
border-bottom: 2px solid transparent;
text-transform: capitalize;
padding-left: 0;
padding-right: 0;
}
header .inside-menu ul li .dropdown-menu a:hover {
background-color: transparent;
text-decoration: none;
}
header .inside-menu ul li .dropdown-menu a:hover span {
border-bottom: 2px solid #fff;
}
header .inside-menu ul li .dropdown-menu {
background-color: transparent;
border: 0;
left: 50% !important;
transform: translateX(-50%) !important;
top: 20px !important;
}
header .inside-menu ul li .dropdown-toggle::after {
display: none;
}
/*Header interior*/
#banner-ficha {
position: relative;
/*margin-top: 50px;*/
}
#banner-ficha .link-ficha a {
font-family: 'Apercu';
font-weight: 700;
color: #fff;
font-size: 1.2rem;
text-decoration: none;
position: relative;
}
#banner-ficha .link-ficha a:hover {
color: #e63429;
}
#banner-ficha .link-ficha a:hover img {
-webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}
#banner-ficha-m .bg-ficha-interior {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
/*height: 430px;*/
min-height :initial !important;
}
#banner-ficha #close-video {
position: absolute;
right: 20px;
top: 0px;
width: 40px;
}
#banner-ficha #close-video a {
font-size: 3.5rem;
color: #FF7017;
}
#banner-ficha #close-video a:hover img {
-webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}
#banner-ficha .on-video {
display: inline-grid;
}
#banner-ficha .off-video {
display: none;
}
#header-ficha {
background-color: #000;
}
#header-ficha .content-header-ficha {
position: relative;
z-index: 2;
}
#header-ficha .tools ul {
margin: 0;
padding: 0;
list-style: none;
}
#header-ficha .tools ul li {
float: left;
display: inline-block;
}
#header-ficha .tools ul li a {
border: 2px solid #fff;
margin-left: -3px;
display: block;
text-align: center;
}
#header-ficha .tools ul li a i {
color: #fff;
position: relative;
transform: translateY(-50%);
top: 50%;
}
#header-ficha .tools ul li a:hover i {
color: #e63429;
}
#header-ficha .tools ul li.menu-mobile .menu-nav i {
color: #fff;
font-size: 2.0rem;
}
#header-ficha .tools ul li.menu-mobile .menu-nav button {
background-color: transparent;
border: 0;
}
#header-ficha .tools ul li.search a {
display: block;
border: 0;
margin-left: 5px;
}
#header-ficha .form-control {
width: 100%
}
#header-ficha .my-navbar-nav > li > a {
border-right: 1px solid #ddd;
padding-bottom: 15px;
padding-top: 15px;
}
#header-ficha .my-navbar-nav:last-child {
border-right: 0
}
#header-ficha .flip-icon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
#header-ficha .hidden-search-box {
display: none;
position: relative;
float: right;
background-color: transparent;
width: 100%;
z-index: 1000;
margin-top: 10px;
color: #fff;
}
#header-ficha .addon-btn {
width: 50px;
height: 50px;
background-color: rgb(37, 51, 66);
border: 0 none;
margin-top: -5px;
color: #ffffff;
}
#header-ficha .addon-text-box, addon-text-box:active {
border-bottom: 1px #fff solid;
background-color: transparent;
color: #fff;
opacity: 1;
}
#header-ficha .nav-menu-desk {
position: absolute !important;
right: 0;
/*top: 50% !important;
transform: translateY(-50%) !important;*/
left: 0;
}
#header-ficha .nav-menu-desk ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
#header-ficha .nav-menu-desk ul li {
position: relative;
float: left;
display: inline-block;
}
#header-ficha .nav-menu-desk ul li a {
color: #fff;
font-family: 'Space Grotesk';
font-weight: 800;
margin: 0 15px;
}
#banner-ficha .title {
/*position: absolute;*/
bottom: 0;
left: 0;
}
#banner-ficha .title h1 {
font-family: 'Space Grotesk';
font-weight: 800;
color: #000000;
margin: 0;
}
#banner-ficha .title .box-title {
background-color: #fff;
position: relative;
margin-left: -5px;
}
#banner-ficha .title .box-title .type {
display: inline-block;
padding: 5px 10px 2px 10px;
position: absolute;
top: 10px;
left: 0;
border-radius: 30px;
}
#banner-ficha .title .box-title .type p {
font-family: 'Space Grotesk';
margin-bottom: 0;
color: #000;
font-size: 0.9rem;
font-weight: 400;
text-transform: uppercase;
}
#banner-ficha .title .box-title .type.bc-danza {
/*background-color: #4e958b;*/
background-color: #fff;
border: 2px solid #000;
}
#banner-ficha .title .sticker {
position: absolute;
right: 5px;
top: 0;
min-width: 120px;
}
#gallery {
background: #000;
}
#gallery .carousel {
background: #000;
}
#gallery .carousel-cell {
width: 100%;
height: 450px;
margin-right: 10px;
/* center images in cells with flexbox */
display: flex;
align-items: center;
justify-content: center;
}
#gallery .carousel.is-fullscreen .carousel-cell {
height: 100%;
}
#gallery .carousel-cell-image {
display: block;
max-height: 100%;
}
#gallery .carousel.is-fullscreen .carousel-cell-image {
max-width: 100%;
}
#ficha {
}
#ficha .description p {
font-weight: 800;
}
#ficha p {
margin-bottom: 15px;
}
#ficha p:last-child {
margin-bottom: 0px;
}
#ficha .sentence p {
font-family: 'Apercu mono';
line-height: 150%;
margin-bottom: 0;
}
#ficha p a {
text-decoration: underline;
color: #000;
font-weight: 800;
}
#ficha p a:hover {
color: #e63429;
}
#ficha .sentence .name p {
font-family: 'Apercu';
font-weight: 800;
}
#ficha .tags ul {
margin: 0;
padding: 0;
list-style: none;
}
#ficha .tags ul li {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
#ficha .tags ul li a {
display: inline-block;
padding: 5px 10px;
color: #000;
border-radius: 0;
border: 1px solid #000;
font-weight: 300;
text-transform: uppercase;
font-size: 0.8rem;
text-decoration: none;
}
#ficha .tags ul li a:hover {
background-color: #000;
color: #fff;
}
#ficha .tags ul li:last-child {
margin-right: 0px;
}
#ficha .flickity-fullscreen-button {
right: 20px;
bottom: 25px;
top: auto;
}
#ficha .flickity-fullscreen-button.flickity-button {
background: transparent;
color: #fff;
border: 2px solid #fff;
padding: 3px;
height: 28px;
width: 28px;
}
#ficha .flickity-button {
background: transparent;
color: #fff;
}
#ficha .flickity-prev-next-button.next {
right: 0px;
}
#ficha .flickity-prev-next-button.prev {
left: 0px;
}
#ficha button {
font-family: 'Apercu';
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: #000;
padding: 0;
}
#ficha .card button {
display: inline-block;
width: 100%;
text-align: left;
}
#ficha .card {
border: 0px;
border-bottom: 2px solid #000;
border-radius: 0;
}
#ficha .card .card-header {
background-color: #fff;
border-radius: 0;
border: 2px solid #000;
border-bottom: 0;
}
#ficha .card .card-body {
background-color: #fff;
border-radius: 0;
border-left: 2px solid #000;
border-right: 2px solid #000;
}
#ficha .flickity-page-dots {
bottom: 25px;
}
#ficha .flickity-page-dots .dot {
display: inline-block;
width: 13px;
height: 13px;
margin: 0 8px;
background: #4d4d4d;
border-radius: 50%;
opacity: 1;
cursor: pointer;
}
#ficha .flickity-page-dots .dot.is-selected {
background: #fff;
}
#ficha .card i {
float: right;
padding: 5px 0 0 0;
}
#ficha .card [data-toggle="collapse"] .fa:before {
content: url(../img/close-btn.png);
}
#ficha .card [aria-expanded="true"] .fa:before {
content: url(../img/open-btn.png);
}
#ficha .card [data-toggle="collapse"].collapsed .fa:before {
content: url(../img/close-btn.png);
}
#ficha .press-doc a {
text-decoration: none;
color: #000;
background-color: #fff;
display: block;
}
#ficha .press-doc a:hover {
background-color: #efede1;
}
#ficha .press-doc a p {
margin-bottom: 0;
font-weight: 300;
line-height: 120%;
}
#ficha .press-doc a .media p {
font-weight: 700;
}
#ficha .press-doc a .date p, #ficha .press-doc a .info p {
font-size: 0.9rem;
}
#ficha .carousel-indicators li {
width: 15px;
height: 15px;
background-color: #b2b2b2;
border-radius: 50%;
}
#ficha .carousel-indicators .active {
background-color: #000000;
}
#ficha .carousel-indicators {
position: relative;
margin-bottom: 0;
}
#ficha .info-doc a {
text-decoration: none;
color: #000;
background-color: #fff;
display: block;
}
#ficha .info-doc a:hover {
background-color: #efede1;
}
#ficha .info-doc a p {
margin-bottom: 0;
font-weight: 300;
line-height: 120%;
}
#ficha .info-doc a .media p {
font-weight: 700;
}
#ficha .info-doc a .date p, #ficha .info-doc a .info p {
font-size: 0.9rem;
}
.principal-text p a {
text-decoration: underline;
color: #000;
}
.principal-text p a:hover {
color: #e63429;
}
.interesting {
border-top: 2px solid #000;
}
.interesting .title p {
font-family: 'Apercu';
font-weight: 600;
text-transform: uppercase;
}
.interesting a {
display: block;
min-height: 360px;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: 150%;
color: #fff;
z-index: 2;
position: relative;
padding: 15px;
text-decoration: none;
transition: 0.4s;
}
.interesting a .overlay {
position: absolute;
top: 0;
left: 0px;
right: 0px;
height: 100%;
background-color: black;
opacity: 0.3;
z-index: 1;
}
.interesting a:hover {
background-size: 160%;
transition: 0.4s;
}
.interesting a:hover .overlay {
opacity: 0;
}
.interesting a .type p {
font-size: 0.9rem;
font-weight: 300;
text-transform: uppercase;
z-index: 2;
position: relative;
}
.interesting a .title p {
font-weight: 600;
text-transform: uppercase;
font-family: 'Space Grotesk';
}
.interesting a .date {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
z-index: 2;
}
.interesting .sticker {
width: 120px;
}
#side-bar {
background-color: #efede1;
}
#side-bar .top-date p {
font-size: 1.6rem;
font-weight: 800;
font-family: 'Space Grotesk';
}
/**/
#calendar-side {
margin-left: auto;
margin-right: auto;
width: 100% !important;;
}
#calendar_weekdays div {
display: inline-block;
vertical-align: top;
color: #000 !important;
font-weight: 700;
text-transform: uppercase;
font-size: 0.8rem;
}
#calendar_content {
border: 1px solid #000;
border-top: 0;
border-radius: 0 !important;
padding: 0 10px 10px 10px;
background-color: #fff;
}
#calendar_content div {
font-size: 0.8rem;
}
#calendar_weekdays {
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 10px;
background-color: #fff;
}
#calendar_weekdays {
font-size: 0.9rem;
}
#calendar_content, #calendar_weekdays, #calendar_header {
position: relative;
width: 100% !important;
overflow: hidden;
float: left;
z-index: 10;
}
#calendar_weekdays div, #calendar_content div {
width: calc(100% / 7) !important;
height: 25px !important;
overflow: hidden;
text-align: center;
background-color: #FFFFFF;
color: #787878;
line-height: 30px !important;
}
#calendar_content {
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
border-radius: 0px 0px 12px 12px;
}
#calendar_content div {
float: left;
}
#calendar_content div:hover {
background-color: #fff;
}
#calendar_content div.blank {
background-color: #fff;
}
#calendar_header, #calendar_content div.today {
zoom: 1;
filter: alpha(opacity=70);
opacity: 1;
}
#calendar_content div.today {
color: #FFFFFF;
}
#calendar_header {
width: 100% !important;
height: 50px !important;
text-align: center;
background-color: #000;
padding: 10px 0;
border-radius: 0px;
}
#calendar_header h1 {
font-size: 1.2em;
color: #FFFFFF;
float: left;
width: 70%;
font-family: 'Apercu';
font-weight: 600;
text-transform: uppercase;
line-height: 30px;
}
#calendar_content div.today .check {
width: 25px !important;
height: 25px !important;
background-color: #000;
border-radius: 50%;
color: #fff;
position: relative;
left: 50%;
text-align: center;
transform: translateX(-50%);
}
#calendar-side i[class^=fa] {
color: #FFFFFF;
float: left;
width: 15%;
border-radius: 50%;
line-height: 30px !important;
}
#calendar-info {
background-color: #000;
display: flow-root;
}
#calendar-info p {
color: #fff;
margin-bottom: 0;
font-weight: 300;
}
#tickets .info p {
margin-bottom: 20px;
font-size: 1rem;
}
#tickets .button a {
font-size: 1.2rem;
font-weight: 800;
color: #000;
background-color: #fff;
border: 2px solid #000;
display: block;
vertical-align: middle;
height: 72px;
position: relative;
}
#tickets .button a:hover {
color: #fff;
background-color: #000;
}
#tickets .button a .text {
display: inline-block;
position: relative;
text-align: left;
transform: translateY(-50%);
top: 50%;
}
#tickets .button a .icon {
background-color: #000;
display: inline-block;
float: right;
}
#interesting .title p {
font-size: 1.8rem;
font-weight: 800;
font-family: 'Space Grotesk';
line-height: 100%;
}
/*fullscreen Search*/
.search-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
background-color: #fff;
transition: all .5s;
display: none;
z-index: 10001;
}
.search-wrapper.hide {
opacity: 0;
}
.search-wrapper .search-input-wrapper {
flex: 1;
margin: 0 10%;
display: flex;
justify-content: center;
background-color: transparent;
padding: 10px;
min-width: 10px;
border-radius: 0px;
border: 1px solid #000;
transition: all .4s;
}
.search-wrapper .search-info {
margin: 0 10%;
}
.search-wrapper .search-info a {
color: #000;
display: block;
line-height: 110%;
min-height: 100%;
height: 100%;
text-decoration: none;
}
.search-wrapper .search-info a .type, .search-wrapper .search-info a .date, .search-wrapper .search-info a .info {
font-size: 0.85rem;
}
.search-wrapper .search-info a .title {
font-weight: 700;
line-height: 130%;
font-size: 0.9rem;
}
.search-wrapper .search-info a:hover {
background-color: #efede1;
}
@media screen and (max-width: 576px) {
.search-wrapper .search-input-wrapper {
margin: 0 20px;
}
}
.search-wrapper .search-input-wrapper .search-input {
flex: 1;
}
.search-wrapper .search-input-wrapper .search-input::placeholder {
color: rgba(189, 189, 189, 0.7);
}
.search-wrapper .search-input-wrapper .search-submit {
flex-basis: 40px;
cursor: pointer;
}
.search-wrapper .search-input-wrapper input, .search-wrapper .search-input-wrapper button {
background-color: transparent;
border: none;
font-size: 25px;
padding: 3px;
color: #000;
min-width: 10px;
}
.search-wrapper .search-input-wrapper input:focus, .search-wrapper .search-input-wrapper button:focus {
outline: none;
}
.search-wrapper .search-close {
position: fixed;
padding: 5px;
top: 0;
right: 10px;
font-size: 40px;
color: rgba(238, 238, 238, 0.8);
background-color: transparent;
border: none;
cursor: pointer;
transition: all .4s;
width: 40px;
height: 40px;
}
.search-wrapper .search-close:focus {
outline: none;
}
.search-wrapper .search-close:hover {
color: #eee;
}
/*Sentences carousel*/
.bg-frase .carousel-item {
min-height: 450px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/*.bg-frase #slide-sentences .sentence-text {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-55%);
z-index: 1;
}*/
.bg-frase #slide-sentences .carousel-indicators .active {
background-color: transparent;
}
.bg-frase #slide-sentences .active {
color: #fff;
}
.bg-frase #slide-sentences .active {
color: #fff;
text-decoration: underline;
font-weight: 400;
}
.bg-frase #slide-sentences a {
color: #555555;
/*text-decoration: line-through;*/
font-weight: 400;
cursor: pointer;
}
.bg-frase .carousel-indicators {
display: inline-block;
bottom: 0;
}
.bg-frase .carousel-indicators li {
text-indent: inherit;
width: auto;
height: auto;
display: inline-block;
float: left;
background-color: transparent;
}
.bg-frase #slide-sentences a span {
}
/*Vimeo Iframe*/
/* Makes a fixed background wrapper
which the user cannot interact with */
.iframe-wrapper {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
/* Make the iframe keep an aspect ratio, and
position it in the middle of its parent wrapper*/
.iframe-wrapper iframe {
width: 100vw;
height: 56.25vw;
/* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh;
/* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*In Gallery*/
#in-gallery .description {
line-height: 100%;
}
#in-gallery .navegation .carousel-control-next, #in-gallery .navegation .carousel-control-prev {
position: relative;
width: 100%;
}
#in-gallery .navegation .num p {
font-weight: 800;
font-family: 'Apercu';
font-size: 80%;
}
#gallery-info .carousel-cell {
width: 49%;
margin-right: 15px;
opacity: 1;
}
#gallery-info .carousel-cell.is-selected {
opacity: 1;
}
#gallery-info .carousel-cell:last-child {
margin-right: 0px;
}
#gallery-info .carousel-cell a {
position: relative;
display: block;
height: 100%;
}
#gallery-info .carousel-cell a .icon {
position: absolute;
bottom: 10px;
right: 15px;
}
#gallery-info .carousel-cell a .icon i {
font-size: 1.5rem;
color: #fff;
}
.information p {
margin-bottom: 0 !important;
}
.columns .table-bordered td, .table-bordered th {
border: 2px solid #000;
}
.columns .table {
font-size: 0.9rem;
font-family: 'Apercu';
line-height: 120%;
}
.columns .table thead {
background-color: #000000;
}
.columns .table thead th {
color: #fff;
font-weight: 400;
vertical-align: middle;
}
.columns td, .columns th {
vertical-align: middle;
padding: 1.0rem .50rem;
font-weight: 400;
}
.columns .table thead th {
border-bottom: 0;
}
.charts .card {
border-radius: 0;
border: 0;
border-bottom: 0 !important;
}
.chart-info {
}
.section-title p {
font-weight: 800;
font-family: 'Space Grotesk';
text-transform: uppercase;
line-height: 130%;
}
.sub-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.sub-menu ul li {
display: inline-block;
float: left;
padding: 0 8px 0 8px;
border-right: 1px solid #000;
}
.sub-menu ul li:first-child {
border-left: 0;
padding-left: 0;
}
.sub-menu ul li:last-child {
border-right: 0;
padding-right: 0;
}
.sub-menu ul li a {
font-size: 0.75rem;
font-family: 'Apercu';
display: block;
color: #000;
text-decoration: none;
}
.sub-menu ul li a:hover {
border-bottom: 2px solid #000;
}
.sub-menu ul li a.active {
border-bottom: 2px solid #000;
}
.section-subtitle p {
font-family: 'Apercu';
font-weight: 800;
line-height: 120%;
}
.text-sub-title p {
font-size: 1.2rem;
font-family: 'Apercu';
font-weight: 700;
}
.info-photo p {
line-height: 140%;
font-size: 0.7rem;
margin-bottom: 0;
}
.info-photo a {
color: #000;
text-decoration: underline;
}
.downloads a {
color: #000;
text-decoration: none;
display: block;
padding: 5px 10px;
}
.downloads a p {
border-bottom: 2px solid transparent;
line-height: 120%;
font-size: 1rem;
letter-spacing: -0.8px;
display: inline-block;
}
.downloads a .downloads-icon {
background-image: url(../img/icon-D-01.png);
background-size: contain;
background-position: center;
height: 90%;
background-repeat: no-repeat;
}
.downloads a:hover .downloads-icon {
background-image: url(../img/icon-D-02.png);
}
.downloads a:hover p {
/*background-color: #efede1;*/
text-decoration: none;
border-bottom: 2px solid #f9251a;
}
.two-cols ul {
padding: 0 0 0 20px;
}
.two-cols ul li {
font-family: 'Apercu';
}
.principal-text ul {
padding: 0 0 0 20px;
}
.principal-text ul li {
font-family: 'Apercu';
}
.info-label {
font-weight: 800;
font-size: 1.1rem;
line-height: 120%;
}
.msg-info {
background-color: #fff394;
position: relative;
}
.msg-info .title-msg p {
font-weight: 800;
font-size: 1.1rem;
}
.msg-info .icon-alert {
position: absolute;
right: 10px;
top: 10px;
}
.comuna select {
text-indent: 1px;
text-overflow: '';
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 2px 2px 2px 2px;
background: transparent url("../img/bg-select-close.png") no-repeat right center;
}
.comuna select:hover {
background: transparent url("../img/bg-select.png") no-repeat right center;
}
.form .form-control {
border-radius: 0;
border: 2px solid #000;
}
.form legend {
font-size: 1.0rem;
font-family: 'Apercu';
font-weight: 800;
}
.form label {
font-size: 1.1rem;
font-family: 'Apercu';
font-weight: 400;
}
.form .form-date p {
font-size: 1.8rem;
font-weight: 800;
}
.form .form-title p {
font-size: 1.8rem;
font-weight: 800;
}
.form .send button {
color: #fff !important;
background-color: #000;
font-family: 'Apercu' !important;
border: 0;
border-radius: 0;
font-size: 1.1rem !important;
padding: 10px 30px !important;
}
.form .send button:hover {
background-color: #e73029;
}
.form input[type="file"i] {
padding: 0;
/*overflow: hidden;*/
font-family: 'Apercu';
/*color: transparent;*/
border: none !important;
}
/*.form input[type="file"i]::before {*/
/* content: 'Seleccionar Archivo...';*/
/* width: 100%;*/
/* display: inline-block;*/
/* background: 0;*/
/* border: 0;*/
/* border-radius: 0px;*/
/* padding: 5px 8px;*/
/* outline: none;*/
/* !* white-space: nowrap; *!*/
/* -webkit-user-select: none;*/
/* cursor: pointer;*/
/* text-shadow: none;*/
/* !* font-weight: 700; *!*/
/* !* font-size: 10pt; *!*/
/* overflow: hidden;*/
/* color: #000;*/
/*}*/
.form input[type="file"i]:hover::before {
color: #fff;
background-color: #000;
}
.social .social-box {
overflow: hidden;
border-radius: 5px;
height: 100%;
}
.social-xl .social-box {
overflow: hidden;
border-radius: 5px;
height: 100%;
}
.art {
border: 2px solid #000;
}
.info-web ul {
margin: 0;
padding: 0 !important;
list-style: none;
}
.info-web ul li {
display: inline-block;
}
.info-web ul li a {
display: block;
color: #fff;
background-color: #000;
width: 25px;
height: 25px;
padding: 3px;
text-align: center;
font-size: 0.9rem;
}
.info-web ul li a:hover {
background-color: #e73029;
}
.persona-info .name p {
font-weight: 800;
font-size: 1.6rem;
line-height: 140%;
}
.persona-info .country p {
font-weight: 400;
font-size: 1.1rem;
line-height: 140%;
}
.persona-info .position p {
font-weight: 300;
font-size: 1.0rem;
line-height: 140%;
}
.link a {
background-color: #000;
color: #fff;
padding: 10px 15px;
font-family: 'Apercu';
font-weight: 300;
display: inline-block;
text-decoration: none;
}
.link a:hover {
background-color: #e73029;
}
.art p {
margin-bottom: 0 !important;
}
div.scrollmenu {
/*overflow: auto;
white-space: nowrap;*/
}
div.scrollmenu a {
font-size: 0.8rem;
font-family: 'Apercu';
display: inline-block;
text-align: center;
color: #000;
text-decoration: none;
padding: 0 8px 0 8px;
/*border-right: 1px solid #000;*/
}
div.scrollmenu a:last-child {
border-right: 0;
}
div.scrollmenu a:hover span {
border-bottom: 2px solid #000;
}
div.scrollmenu a.active span {
border-bottom: 2px solid #000;
}
.map iframe {
border: 0;
}
.gallery-body a {
display: block;
height: 100%;
overflow: hidden;
position: relative;
cursor: pointer;
}
.gallery-body a .overlay {
background-color: #000;
opacity: 0.3;
position: absolute;
height: 100%;
width: 100%;
}
.gallery-body a:hover .overlay {
opacity: 0;
}
.carousel--next, .carousel--prev {
cursor: pointer;
}
.carousel--next i, .carousel--prev i {
font-size: 1.2rem;
}
.body-noticia {
background-color: #efede1;
}
.news-banner .section-title-news h1 {
font-weight: 800;
font-family: 'Space Grotesk';
color: #000;
}
#side-bar .tags ul li a {
background-color: #fff;
border: 2px solid #000;
}
.info-sidebar p {
font-size: 0.9rem;
font-weight: 300;
font-family: 'Apercu';
margin-bottom: 0;
color: #6d6d6d;
}
.info-sidebar .date p {
font-weight: 800;
text-transform: uppercase;
color: #000;
}
.info-sidebar .author p span {
color: #000;
font-weight: 400;
}
.info-sidebar .category p a {
color: #000;
font-weight: 800;
text-decoration: underline;
}
.info-sidebar .category p a:hover {
color: #e63429;
}
.other-info a {
text-decoration: none;
}
.other-info .photo-info {
min-height: 150px;
background-repeat: no-repeat;
transition: 0.4s;
background-position: center;
}
.other-info a:hover .photo-info {
background-size: 128%;
}
.other-info .date small {
font-size: 70%;
font-weight: 800;
color: #000;
}
.other-info .title p {
font-weight: 800;
color: #000;
line-height: 120%;
margin-bottom: 0;
}
.other-info a:hover .title p {
text-decoration: underline;
}
.columns.columns-news .table-dark-light, .table-dark-light > td, .table-dark-light > th {
background-color: #e3e1d6;
}
.columns.columns-news .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(215, 213, 202, 1);
}
.columns.columns-news .table-bordered td, .columns.columns-news .table-bordered th {
border-right: 10px solid #efede1;
border-left: 0;
border-top: 0;
border-bottom: 0;
}
.columns.columns-news .table-bordered td:last-child, .columns.columns-news .table-bordered th:last-child {
border-right: 0;
}
/*Slide menu*/
.panel {
display: none;
}
.panel .info-menu a {
font-family: 'Apercu';
font-weight: 800;
color: #000;
cursor: pointer;
text-decoration: none;
display: block;
font-size: 1.2rem;
background: #fff;
border-bottom: transparent;
}
.panel .info-menu a:hover {
color: #e63429;
text-decoration: underline;
}
.panel .info-menu .link {
font-family: 'Apercu';
font-weight: 300;
font-size: 1.0rem;
display: block;
}
.collapseable.collapsed i, .collapseable .collapsed i {
transform: rotate(0deg)
}
.collapseable i {
transform: rotate(90deg);
transition: all 0.3s;
animation-duration: 1s;
}
.dropdown .dropdown-toggle i {
transform: rotate(0deg)
}
.dropdown.show .dropdown-toggle i {
transform: rotate(90deg);
transition: all 0.3s;
animation-duration: 1s;
}
ul.children li a {
/*background: rgba(239, 237, 226, .400);*/
/*font-weight: normal !important;*/
margin-left: 0.5em;
margin-right: -0.5em;
background: none !important;
opacity: 0.9;
}
ul.grandchildren li a {
/*background: rgba(239, 237, 226, .100);*/
font-weight: normal !important;
margin-left: 1em;
margin-right: -1em;
opacity: 0.8;
}
/*Categorias*/
.teatro-header {
position: relative;
overflow: hidden;
min-height: 65px;
}
.teatro-header h1 {
font-family: 'Space Grotesk';
font-weight: 800;
display: inline;
position: relative;
z-index: 1;
background-color: #fff;
padding: 0 10px;
}
.teatro-header {
background-color: #fff;
}
.teatro-header h1 span {
font-size: 1.1rem;
}
#category .box-cat a {
display: block;
height: 360px;
width: 100%;
min-height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
z-index: 2;
position: relative;
text-decoration: none;
transition: 0.4s;
overflow: hidden;
}
#category .box-cat a .overlay {
position: absolute;
top: 0;
left: 0px;
right: 0px;
height: 100%;
background-color: black;
opacity: 0.5;
z-index: 1;
}
#category .box-cat a:hover {
background-size: cover;
}
#category .box-cat a:hover .overlay {
opacity: 0.3;
}
#category .box-cat a .type p {
font-size: 0.9rem;
font-weight: 300;
text-transform: uppercase;
z-index: 2;
position: relative;
text-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4);
}
#category .box-cat a .title {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
left: 0;
right: 0;
margin: 0 0px;
text-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4);
}
#category .box-cat a .title p {
font-weight: 600;
text-transform: uppercase;
font-family: 'Space Grotesk';
font-size: 1;
text-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4);
}
#category .box-cat a:hover .title p {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1), -1px -1px 2px rgba(0, 0, 0, 0.5);
}
#category .box-cat a .date {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
z-index: 2;
}
#category .box-cat a .sticker {
width: 120px;
}
#category .box-cat a::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
transition: inherit;
}
#category .box-cat a:hover::before {
transform: scale(1.1);
}
#category .box-cat.side-box-stickers .mh-sticker {
height: 360px;
}
#category .box-cat.side-box-stickers .sticker-free {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 40px;
height: 40px;
z-index: 2;
position: relative;
}
#category .box-cat.side-box-stickers .sticker-estreno {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 40px;
height: 155px;
z-index: 2;
position: relative;
}
#category .box-cat.side-box-stickers .sticker-edad {
background-position: center;
background-repeat: no-repeat;
/*background-size: cover;*/
width: 40px;
height: 110px;
z-index: 2;
position: relative;
}
#category select {
text-indent: 1px;
text-overflow: '';
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 2px 2px 2px 2px;
background: transparent url("../img/bg-select-close-b.png") no-repeat right center;
width: 130px;
font-family: 'Apercu';
font-weight: 700;
color: #000;
font-size: 1.05rem;
}
#category select:hover option {
background-color: #000;
color: #fff;
}
#category .form-control {
border-radius: 0;
border: 0px;
}
#category .form-check-label {
font-weight: 700;
color: #000;
font-size: 1rem;
}
#category a .sticker-col {
opacity: 0;
position: absolute;
left: 10px;
}
#category a:hover .sticker-col {
opacity: 1;
}
#press .press-box a {
display: block;
color: #000;
text-decoration: none;
}
#press .press-box a p {
margin-bottom: 0;
line-height: 120%;
}
#press .press-box a .media p {
font-weight: 800;
font-size: 0.7rem;
}
#press .press-box a .date p {
font-size: 0.7rem;
}
#press .press-box a .title p {
font-size: 1.0rem;
font-weight: 300;
}
#press .press-box a .title p {
border-bottom: 2px solid transparent;
display: inline;
line-height: 20px;
}
#press .press-box a:hover .title p {
border-bottom: 2px solid #000;
}
#press .press-box a .img-press {
height: 100%;
min-height: 40px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#press .sidebar-press .section-subtitle p {
font-size: 1.3rem;
}
#press .sidebar-press ul {
list-style: none;
padding-left: 15px;
}
#press .sidebar-press ul li {
margin-bottom: 8px;
}
#press .sidebar-press ul li a {
color: #000;
font-weight: 300;
font-size: 0.9rem;
text-decoration: none;
border-bottom: 2px solid transparent;
}
#press .sidebar-press ul li a:hover {
font-weight: 800;
border-bottom: 2px solid #ff2619;
color: #ff2619;
}
#press .sidebar-press ul li a.active {
font-weight: 800;
border-bottom: 2px solid #000;
}
.rich-text {
font-family: 'Apercu';
}
.rich-text .h4, .rich-text h4 {
font-size: 1.2rem;
}
.rich-text .h2, .rich-text h2 {
font-size: 1.6rem;
}
.rich-text .h3, .rich-text h3 {
font-size: 1.5rem;
margin-bottom: 20px;
}
.marquee {
width: 100vw;
max-width: 100%;
overflow-x: hidden;
}
.marquee .track {
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee 65s linear infinite;
top: 40%;
transform: translateY(-40%);
}
.marquee .track p {
font-size: 1.3rem;
font-family: 'Space Grotesk';
font-weight: 800;
}
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
#jGrowl .jGrowl-notification {
background-color: #ffee67;
color: #000;
border-radius: 0;
opacity: 1;
font-size: 200%;
font-weight: bold;
font-family: 'Apercu';
}
.issuuembed.issuu-isrendered {
width: 100% !important;
height: 400px !important;
}
/* The only bit you need */
.highcontrast {
background-color: #000;
color: #fff;
}
.highcontrast .msg-info {
background-color: #e63429;
}
.highcontrast .msg-info p {
color: #fff;
}
.highcontrast .msg-info .icon-alert i {
color: #fff;
}
.highcontrast a {
color: white;
}
.highcontrast #ficha p a {
color: #e63429;
}
.highcontrast #ficha p a:hover {
color: #fff;
}
.highcontrast div.scrollmenu a {
color: #fff;
}
.highcontrast div.scrollmenu a:last-child {
border-right: 0;
}
.highcontrast div.scrollmenu a:hover span {
border-bottom: 2px solid #fff;
}
.highcontrast div.scrollmenu a.active span {
border-bottom: 2px solid #fff;
}
.highcontrast #calendar .carousel-nav .carousel-cell p {
color: #fff;
}
.highcontrast #calendar .carousel-nav .carousel-cell.is-selected p {
color: #fff;
}
.highcontrast .teatro-header {
background-color: #000;
}
.highcontrast .teatro-header h1 {
background-color: #000;
}
.highcontrast .marquee .track p {
color: #fff;
}
.highcontrast #category .form-check-label {
color: #fff;
}
.highcontrast #category select {
background: transparent url("../img/bg-select-close-t.png") no-repeat right center;
color: #fff;
}
.highcontrast .downloads a:hover p {
border-bottom: 2px solid #fff;
}
.highcontrast .pagination a {
color: #fff;
font-family: 'Apercu';
}
.highcontrast .info-web ul li a {
color: #000;
background-color: #fff;
}
.highcontrast .info-web ul li a:hover {
color: #fff;
background-color: #e63429;
}
.highcontrast .form .send button {
color: #fff !important;
background-color: #e63429;
}
.highcontrast .form .send button:hover {
color: #000 !important;
background-color: #fff;
}
.highcontrast .form .form-control {
border-radius: 0;
border: 2px solid #fff;
background-color: #3c3c3c;
color: #fff;
}
.highcontrast .columns .table-bordered td, .highcontrast .table-bordered th {
border: 2px solid #fff;
}
.highcontrast .columns .table thead {
background-color: #fff;
}
.highcontrast .columns .table thead th {
color: #000;
}
.highcontrast .link a {
background-color: #e63429;
color: #fff;
}
.highcontrast .link a:hover {
background-color: #fff;
color: #000;
}
.highcontrast .art {
border: 2px solid #fff;
}
.highcontrast .siblings a {
color: #fff;
/*background: #333;*/
}
.highcontrast .siblings a.active {
background: #fff;
color: #000;
}
.highcontrast .siblings a:hover {
background: #fff;
color: #000;
}
.highcontrast #banner-ficha .title .box-title {
background-color: #000;
}
.highcontrast #banner-ficha .title h1 {
color: #fff;
}
.highcontrast #side-bar {
background-color: #000;
}
.highcontrast #social-news .card {
border: 2px solid #fff;
}
.highcontrast #social-news .card:hover {
border: 2px solid #000;
}
.highcontrast .news-box a {
color: #fff;
background-color: #000;
}
.highcontrast .news-box a:hover {
color: #000;
background-color: #fff;
}
.highcontrast .wrapper .list-item {
background-color: #000;
}
.highcontrast #calendar .carousel {
background: #000;
border: 2px solid #fff;
}
.highcontrast #calendar .carousel-nav .carousel-cell.is-selected {
background-color: #fff;
}
.highcontrast #calendar .carousel-nav .carousel-cell.is-selected p {
color: #000;
}
.highcontrast #calendar .carousel-cell {
background: #000;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}
.highcontrast #calendar .carousel-nav .carousel-cell:hover {
background-color: #000;
}
.highcontrast #calendar .carousel-main .carousel-cell {
border: 0;
}
.highcontrast #calendar .carousel-main a .info-event p {
color: #fff;
}
.highcontrast #calendar .carousel-main a:hover {
background-color: #373737;
}
.highcontrast #calendar .carousel-nav .flickity-button {
background: #fff;
color: #000;
}
.highcontrast #calendar .carousel-main a:hover p {
color: #fff;
}
.highcontrast #calendar .carousel-nav .carousel-cell p {
border-bottom: 2px solid transparent;
}
.highcontrast #calendar .carousel-nav .carousel-cell:hover p {
color: #fff;
text-decoration: none;
border-bottom: 2px solid #fff;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages {
background-color: #000 !important;
border: 2px solid #fff;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages > .header {
background-color: #fff;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages > .header h1 {
color: #000;
}
.highcontrast #calendar-side i[class^=fa] {
color: #000;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages > .header .day-names {
background-color: #000;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages > .header h2 {
color: #fff;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages .days .day.this-month span {
color: #fff;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages .days {
background: #000;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages .days .day {
color: #969696;
}
.highcontrast .jalendar .have-event span {
background-color: #fff;
color: #000 !important;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages .days .day.today span {
color: #000;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages .days .day.this-month span:hover {
background-color: #fff;
color: #000;
text-decoration: underline;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages .add-event .events {
background-color: #fff;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a {
color: #000;
}
.highcontrast .jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a:before {
background-color: rgba(0, 0, 0, .0);
}
.highcontrast .modal-content {
background-color: #000;
}
.highcontrast .bottom-menu .close {
color: #000;
text-shadow: none;
opacity: 1;
}
.highcontrast footer {
border-top: 2px solid #fff;
}
.highcontrast .other-info .date small {
color: #fff;
}
.highcontrast .other-info .title p {
color: #fff;
}
.highcontrast #ficha .card .card-header {
background-color: #000;
border: 2px solid #fff;
}
.highcontrast #ficha button {
color: #fff;
}
.highcontrast #ficha .card {
border-bottom: 2px solid #fff;
margin-top: -1px;
}
.highcontrast #ficha .card [aria-expanded="true"] .fa:before {
filter: invert(1);
}
.highcontrast #ficha .card [data-toggle="collapse"] .fa:before {
filter: invert(1);
}
.highcontrast #ficha .card .card-body {
background-color: #000;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}
.highcontrast #ficha .press-doc a p {
color: #fff;
}
.highcontrast #ficha .press-doc a {
background-color: #000;
}
.highcontrast #ficha .press-doc a:hover {
background-color: #373737;
}
.highcontrast #press .sidebar-press ul li a {
color: #fff;
}
.highcontrast #press .press-box a p {
color: #fff;
}
.highcontrast #press .press-box a:hover .title p {
border-bottom: 2px solid #fff;
}
.highcontrast .content-body h4 a {
color: #fff;
}
.highcontrast .logo-body img {
filter: invert(1);
}
.highcontrast.festivalpage p {
color: #fff;
}
/*--*/
.pagination a {
color: #000;
font-family: 'Apercu';
}
.pagination .page-link {
border: 0;
padding: 11px .75rem;
line-height: normal;
background-color: transparent;
}
.pagination a i {
font-size: 1.3rem;
}
.pagination .page-item .page-link:hover {
color: #fff;
background-color: #000;
}
.pagination .page-item.active .page-link {
background-color: #000;
border-color: #fff;
color: #fff;
}
.pagination .page-item:first-child .page-link {
border-radius: 0;
}
.page-item:last-child .page-link {
border-radius: 0;
}
.flickity-viewport {
transition: all 0.5s;
}
/*Nuevos Componentes*/
.news-box {
height: 100%;
position: relative;
}
.news-box a {
color: #000;
background-color: #fff;
display: block;
text-decoration: none;
height: 100%;
border: 2px solid #000;
min-height: 100%;
}
.news-box a:hover {
color: #fff;
background-color: #000;
}
.news-box a .img-box {
border: 5px solid #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 170px;
}
.news-box a .info-box {
border-top: 2px solid #000;
}
.news-box a .info-box .type {
margin-top: 0px;
}
.news-box a .info-box .type p {
font-size: 0.8rem;
font-weight: 300;
text-transform: uppercase;
}
.news-box a .info-box .title p {
font-size: 1.1rem;
font-weight: 800;
line-height: 120%;
font-family: 'Apercu';
}
.news-box a .info-box .date {
/*position: absolute;*/
bottom: 10px;
left: 0;
right: 0;
}
.news-box a .info-box .date p {
font-size: 0.8rem;
font-weight: 300;
}
.tabs-section .nav-tabs {
border: 0;
}
.tabs-section .nav-fill {
display: block;
}
.tabs-section .nav-fill a {
font-size: 0.8rem;
font-family: 'Apercu';
display: inline-block;
text-align: center;
color: #000;
text-decoration: none;
/* border-right: 1px solid #000; */
border-bottom: 2px solid transparent;
margin: 0 8px 0 8px;
border: 0;
padding: 0;
}
.tabs-section .nav-tabs .nav-item.show .nav-link, .tabs-section .nav-tabs .nav-link.active {
border-color: transparent;
border: 0;
border-bottom: 2px solid #000;
padding: 0;
}
.tabs-section .nav-tabs .nav-item.show .nav-link:hover, .tabs-section .nav-tabs .nav-link:hover {
border-color: transparent;
border: 0;
border-bottom: 2px solid #000;
padding: 0;
}
.tabs-section .fade {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
#spaces .space-info p {
margin-bottom: 5px;
}
#spaces .link a {
text-transform: uppercase;
font-weight: 300;
}
#spaces .first {
background-color: #efede1;
}
.flickity-enabled.is-draggable .flickity-viewport {
transition: height 0.4s;
}
.black-border {
border: 5px solid #000;
}
.logo-title {
color: #000;
font-weight: bold;
}
.logo-no-img {
position: relative;
height: 100%;
}
.logo-no-img .logo-title {
font-size: 150%;
position: absolute;
top: 50%;
margin-top: -30px;
}
#all-news .news-box a .img-box {
min-height: 190px;
}
#all-news .news-box a .info-box {
min-height: 190px;
position: relative;
}
#all-news .news-box a .info-box .title {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
}
#all-news select {
text-indent: 1px;
text-overflow: '';
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 2px 2px 2px 2px;
background: transparent url("../img/bg-select-close-b.png") no-repeat right center;
width: 250px;
font-family: 'Apercu';
font-weight: 700;
color: #000;
font-size: 1.05rem;
}
#all-news select:focus {
outline: none;
}
#all-news .form-control {
border-radius: 0;
border: 0px;
border-bottom: 2px solid #000;
}
#all-news .search-filter .search-input-wrapper {
flex: 1;
display: flex;
justify-content: center;
background-color: transparent;
border-radius: 0px;
border: 0;
border-bottom: 2px solid #000;
padding: 3px 0;
}
#all-news .search-filter .search-input-wrapper input:focus {
outline: none;
}
#all-news .search-filter .search-input-wrapper .search-input {
flex: 1;
}
#all-news .search-filter .search-input-wrapper input, #all-news .search-filter .search-input-wrapper button {
background-color: transparent;
border: none;
padding: 3px;
color: #000;
min-width: 10px;
}
#all-news .search-filter .search-input-wrapper .search-submit {
flex-basis: 40px;
cursor: pointer;
}
.bg-events {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../img/bg-eventos.png);
}
.streaming-header {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../img/bg-eventos-top.png);
}
.streaming-header img {
max-height: 580px;
}
.bg-bottom {
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../img/bg-eventos-bottom.png);
}
/*Scroll Menu*/
.scroll-menu {
top: 0px;
transition: all 0.5s ease;
height: 63px;
overflow: hidden;
opacity: 1;
}
.scroll-menu.open {
top: -65px;
transition: all 0.5s ease;
height: 0px;
opacity: 0;
}
.nav-up {
}
.box-visible {
opacity: 0;
transition: all 0.5s ease;
}
h2 {
scroll-margin-top: 100px;
}
/*Resize Menu*/
.nav-shrink.large {
background-color: transparent;
height: auto;
}
.nav-shrink.small {
background-color: #000;
position: fixed !important;
padding-bottom: .5rem !important;
padding-top: .5rem !important;
z-index: 4;
height: auto;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
width: 100%;
}
.nav-shrink.small .content-header-ficha {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.nav-shrink.small .box-hide {
display: none !important;
}
.nav-shrink.small .logo-shrink {
display: none;
}
.nav-shrink.small .logo-shrink.box-view {
display: block !important;
}
.nav-shrink.small .logo-shrink.box-view img {
height: 40px;
}
.nav-shrink.large .info-menu {
top: auto;
margin-top: 30px;
z-index: 4;
}
.nav-shrink.small {
margin-top: 0px;
z-index: 4;
}
.close-menu {
position: absolute;
top: 10px;
right: 10px;
opacity: 1;
/*border: 2px solid #000;*/
width: 15px;
height: 15px;
background-color: transparent;
}
.close-menu a {
background: transparent !important;
background-color: transparent;
}
.info-menu .menu-section {
}
.info-menu .menu-section a {
font-weight: 700;
font-family: 'Apercu';
color: #000;
text-decoration: none;
background-color: transparent;
line-height: 110%;
margin-bottom: 10px;
}
.info-menu .menu-section a:hover {
color: #e63429;
text-decoration: none;
background-color: transparent;
}
.principal-text h4 {
font-family: 'Apercu';
}
.principal-text h4 a {
color: #000;
border-bottom: 2px solid #000;
text-decoration: none;
}
.principal-text h4 a:hover {
color: #ff2619;
border-bottom: 2px solid #ff2619;
text-decoration: none;
}
.content-body h4 a {
color: #000;
border-bottom: 2px solid #000;
text-decoration: none;
}
.content-body h4 a:hover {
color: #ff2619;
border-bottom: 2px solid #ff2619;
text-decoration: none;
}
/*Expo*/
.expo-box {
color: #000;
background-color: #fff;
display: block;
text-decoration: none;
height: 100%;
border: 2px solid #000;
min-height: 100%;
}
.expo-box .info-box {
padding: 15px;
border-top: 2px solid #000;
position: relative;
}
.expo-box .info-box p {
font-size: 0.9rem;
font-weight: 300;
}
.expo-box .title p {
font-size: 1.1rem;
font-weight: 400;
}
.expo-box .img-box {
min-height: 180px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.expo-box .info-web {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
z-index: 3;
}
.content-body ul {
padding: 0 0 0 20px;
}
.content-body ul li {
font-family: 'Apercu';
}
#languages {
position: absolute;
margin-top: -2px;
}
#languages a {
background-color: #000;
color: #fff;
}
#languages a:hover {
color: #e63429;
}
.rich-text img {
max-width: 100%;
height: auto;
}
.responsive-object {
position: relative;
}
.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#social-news .card {
padding: 0px;
}
.content-body table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.alternativo a {
text-decoration: none;
border-bottom: 2px solid #e63429;
}
.alternativo a:hover {
text-decoration: none;
color: #000;
border-bottom: 2px solid #000;
}
.info-box {
z-index: 3;
position: relative;
padding: 15px;
border-top: 2px solid #000;
}
#social-news .news-box a {
border: 0;
}
#social-news .twitter-tweet.twitter-tweet-rendered {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#social-news .news-box a .img-box {
min-height: 190px;
}
#social-news .info-post h2 {
font-size: 1.3rem;
font-family: 'Apercu';
padding: 15px 15px 10px 15px;
}
#social-news .info-post p {
padding: 0 15px 0 15px;
}
#social-news .info-post p:last-child {
padding: 0 15px 15px 15px;
}
/*Large Font*/
.largefont p {
font-size: 140%;
}
.largefont header .bottom-header .msg p {
font-size: 140%;
}
.largefont #calendar .carousel-main .info-event .title p {
font-size: 120%;
}
.largefont #calendar .carousel-main a .info-event .hour p {
font-size: 140%;
}
.largefont #calendar .carousel-nav .carousel-cell.is-selected p {
font-size: 130%;
}
.largefont #calendar .carousel-nav .carousel-cell p {
font-size: 130%;
}
.largefont .news-box a .info-box .title p {
font-size: 130%;
}
.largefont #category .box-cat a .title p {
font-size: 120%;
}
.largefont #category .form-check-label {
font-size: 140%;
}
.largefont #category select {
font-size: 140%;
}
.largefont .navegation .num p {
font-size: 115%;
}
.largefont .link a {
font-size: 140%;
}
.largefont div.scrollmenu a {
font-size: 115%;
}
.largefont .downloads a p {
font-size: 120%;
}
.largefont .content-body ul li {
font-size: 140%;
}
.largefont #ficha .sentence p {
font-size: 140%;
}
.largefont #ficha .sentence .name p {
font-size: 140%;
}
.largefont #ficha .description p {
font-size: 140%;
}
.largefont #tickets .info p {
font-size: 140%;
}
.largefont .persona-info .country p {
font-size: 140%;
}
.largefont .persona-info .position p {
font-size: 140%;
}
.largefont #social-news .info-post h2 {
font-size: 150%;
}
/*Flex Home*/
/*5 cols*/
.wrapper .item.col-flex-06 {
width: 16.6%;
}
.wrapper:hover .item.col-flex-06:hover {
width: 25%;
}
.wrapper:hover .item.col-flex-06:not(:hover) {
width: 15%;
}
/*7 cols*/
.wrapper .item.col-flex-07 {
width: 14.27%;
}
.wrapper:hover .item.col-flex-07:hover {
width: 25%;
}
.wrapper:hover .item.col-flex-07:not(:hover) {
width: 13.32%;
}
/*8 cols*/
.wrapper .item.col-flex-08 {
width: 12.5%;;
}
.wrapper:hover .item.col-flex-08:hover {
width: 18%;
}
.wrapper:hover .item.col-flex-08:not(:hover) {
width: 11.71%;
}
/*9 cols*/
.wrapper .item.col-flex-09 {
width: 11.1%;
}
.wrapper:hover .item.col-flex-09:hover {
width: 18%;
}
.wrapper:hover .item.col-flex-09:not(:hover) {
width: 10.25%;
}
/*Bottom*/
.bottom-menu .botones-bot {
background-color: #000000;
color: #fff;
position: fixed;
bottom: 0;
width: 100%;
border-top: 1px solid #fff;
z-index: 16;
}
.bottom-menu .botones-bot .list ul {
margin: 0;
padding: 0;
}
.bottom-menu .botones-bot .list ul li {
float: left;
display: inline-block;
text-align: center;
border-right: 1px solid #fff;
}
.bottom-menu .botones-bot .list ul li:last-child {
border-right: 0;
}
.bottom-menu .botones-bot .list ul li a {
display: block;
padding: 5px 0;
text-decoration: none;
}
.bottom-menu .botones-bot .list ul li a .icon-bot i {
font-size: 1.5rem;
color: #fff;
}
.bottom-menu .botones-bot .list ul li a:hover {
background-color: #e63428;
}
.bottom-menu .botones-bot .list ul li a p {
margin-bottom: 0;
font-weight: 800;
color: #fff;
font-family: 'Apercu';
font-size: 0.9rem;
line-height: 100%;
}
.bottom-menu .modal-content {
border: 0;
min-height: 450px;
}
.bottom-menu .modal-body {
padding: 0;
}
.bottom-menu .close {
color: #000;
text-shadow: none;
opacity: 1;
}
.bottom-menu .close:hover {
color: #fff;
}
.modal-xl {
max-width: 1140px;
}
#calendar-side-m .top-date p {
font-size: 1.3rem;
font-weight: 800;
font-family: 'Space Grotesk';
}
#calendar-side-m .jalendar .jalendar-container .jalendar-pages > .header .nxt-m,
#calendar-side-m .jalendar .jalendar-container .jalendar-pages > .header .prv-m {
color: #fff;
}
#calendar-side-m .jalendar .jalendar-container .jalendar-pages .add-event.selected {
min-height: auto;
}
.siblings {
position: absolute;
top: 168px;
left: 10px;
width: 15% !important;
/*opacity: 0.6;*/
font-size: 0.9em;
}
.siblings a {
/*background: #eee;*/
display: block;
color: #000;
margin: 1px 0 0 0;
padding: 0 6px;
line-height: 130%;
margin-bottom: 5px;
}
.siblings a.active {
background: #000;
color: #fff;
/*text-decoration: underline;*/
}
.siblings a:hover {
background: #000;
color: #fff;
text-decoration: none;
}
.pos-relative {
position: relative;
}
.intranet a {
color: #fff;
font-weight: 700;
display: inline-block;
border: 2px solid #fff;
padding: 5px 10px;
font-size: 0.8rem;
background-color: #000;
text-decoration: none;
font-family: 'Space Grotesk';
}
.intranet a:hover {
color: #fff;
background-color: #ff1e25;
text-decoration: none;
border: 2px solid #ff1e25;
}
.politica a {
color: #fff;
font-size: 0.8rem;
text-align: right;
text-decoration: none;
font-family: 'Space Grotesk';
}
.politica a:hover {
color: #ff1e25;
}
.desarrollo p {
color: #fff;
font-size: 0.8rem;
font-weight: 300;
text-transform: uppercase;
}
.desarrollo p a {
color: #fff;
font-weight: 700;
text-decoration: none;
}
.desarrollo p a:hover {
color: #ff1e25;
}
.stamps ul {
list-style: none;
padding: 0;
}
.stamps ul li {
float: left;
display: inline-block;
margin-right: 15px;
}
.stamps ul li:last-child {
margin-right: 0px;
}
form .optional {
position: absolute;
top: 35px;
right: 11px;
color: #999;
font-size: 0.7em;
}
form .form-group li {
list-style: none;
/*float: left;*/
text-align: left;
}
form .form-group li input {
width: 27px;
margin: -7px 0 0 0;
float: right;
}
form .form-group li label {
padding: 12px 8px 0 0;
}
.noticias-years a {
color: #000;
border-bottom: 2px solid #fff;
}
.noticias-years .active, .noticias-years a:hover {
border-bottom-color: #000;
text-decoration: none;
}
/*Videos*/
.bg-video {
background-color: #000;
}
.search-videos img {
min-width: 25px;
width: 25px;
}
.search-videos .search-input-wrapper {
flex: 1;
display: flex;
justify-content: center;
background-color: transparent;
padding: 5px;
min-width: 10px;
border-radius: 0px;
border-bottom: 1px solid #fff;
transition: all .4s;
}
.search-videos input, .search-videos button {
background-color: transparent;
border: none;
font-size: 18px;
padding: 3px;
color: #fff;
min-width: 10px;
font-weight: 300;
font-family: 'Apercu';
}
.search-videos input:focus {
background-color: #000;
color: #fff;
border: 0;
}
.video-search-sm a i {
font-size: 1.4rem !important;
}
#banner-video .info-video {
position: relative;
top: 50%;
transform: translateY(-50%);
}
#banner-video .info-video .video-title h1 {
color: #fff;
font-family: 'Space Grotesk';
font-weight: 800;
}
#banner-video .video-date p {
font-weight: 800;
color: #fff;
}
#banner-video .video-bajada p {
color: #fff;
font-weight: 300;
}
#banner-video .video-link a {
border: 2px solid #fff;
color: #fff;
padding: 10px 15px;
display: inline-block;
vertical-align: middle;
background-color: transparent;
text-decoration: none;
}
#banner-video .video-link a:hover {
border: 2px solid #e53329;
background-color: #e53329;
}
#banner-video .carousel-inner {
height: 100%;
min-height: 100%;
}
#banner-video .carousel-item {
height: 100%;
min-height: 100%;
background-position: center;
background-size: cover;
-webkit-box-shadow: inset 500px -4px 150px -53px rgba(0, 0, 0, 0.67);
-moz-box-shadow: inset 500px -4px 150px -53px rgba(0, 0, 0, 0.67);
box-shadow: inset 500px -4px 150px -53px rgba(0, 0, 0, 0.67);
}
#carousel-video {
height: 100%;
min-height: 100%;
}
#banner-video .carousel-indicators {
position: relative;
bottom: 0;
margin-bottom: 0;
margin-top: 15px;
height: 40px;
}
#banner-video .carousel-indicators li {
text-indent: inherit;
color: #4c4c4c;
background-color: transparent;
font-family: 'Apercu mono';
margin-bottom: 0;
transform: rotate(-90deg);
height: auto;
width: auto;
margin-left: 0;
margin-right: 0;
padding: 8px 0;
}
#banner-video .carousel-indicators li span {
color: #fff;
margin-left: -1px;
}
#banner-video .carousel-indicators li.active {
color: #fff;
}
#banner-video .carousel-indicators li:first-child {
background-image: url(../img/control-bg.jpg);
background-position: left bottom;
background-repeat: no-repeat;
}
#banner-video .carousel-indicators li {
background-image: url(../img/control-bg.jpg);
background-position: left center;
background-repeat: repeat-y;
}
#banner-video .carousel-indicators li:last-child {
background-image: url(../img/control-bg.jpg);
background-position: left top;
background-repeat: no-repeat;
}
#category .grid-item .box-cat a .title p {
margin-bottom: 5px;
}
#category .grid-item .box-cat a:hover .title {
transform: translateY(-60%);
transition: 0.4s;
}
#category .grid-item .box-cat a .play-icon {
transition: 0.5s;
height: 0%;
}
#category .grid-item .box-cat a:hover .play-icon {
transition: 0.5s;
height: 100%;
}
#category .grid-item .box-cat a .play-icon img {
width: 0px;
height: 0px;
opacity: 0;
transition: 0.5s;
}
#category .grid-item .box-cat a:hover .play-icon img {
width: 60px;
height: 60px;
opacity: 1;
transition: 0.5s;
}
.filtering button {
font-weight: 400;
font-family: 'Apercu';
background-color: transparent;
color: #fff;
padding: 5px;
font-size: 1.1rem;
}
.filtering .dropdown-menu {
min-width: auto;
text-align: center;
background-color: #000;
color: #fff;
}
.filtering .dropdown-item:focus, .filtering .dropdown-item:hover {
color: #e53329;
background-color: transparent;
}
.filtering .dropdown-toggle::after {
content: none;
}
.filtering .dropdown.show .dropdown-toggle i {
transform: rotate(0deg);
}
.filtering .dropdown-item.active, .dropdown-item:active {
color: unset;
text-decoration: none;
background-color: transparent;
}
.filtering span {
color: #fff;
cursor: pointer;
font-size: 1.1rem;
font-weight: 400;
letter-spacing: 1px;
display: inline-block;
margin-bottom: 0px;
font-family: 'Apercu';
}
.filtering span:last-child {
margin: 0;
}
.portfolio-wrapper {
position: relative;
overflow: hidden;
}
.portfolio-overlay {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
transition: all 500ms ease;
}
.portfolio-wrapper .portfolio-image img {
transform: scale(1.2);
will-change: transform;
transition: all 0.5s ease;
width: 100%;
}
.portfolio-wrapper:hover .portfolio-image img {
transform: none;
}
.portfolio-overlay:before {
position: absolute;
display: inline-block;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
border: 1px solid rgba(0, 0, 0, 0.36);
content: "";
opacity: 0;
transition: all 0.5s ease;
transform: scale(0.85);
}
.portfolio-overlay .portfolio-content {
position: absolute;
bottom: 50%;
left: 0;
width: 100%;
text-align: center;
opacity: 0;
padding: 0 35px;
}
.portfolio-content h4 {
color: #000;
font-weight: 600;
font-size: 20px;
text-transform: capitalize;
letter-spacing: 1px;
margin-bottom: 15px;
}
.portfolio-content p {
color: #000;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 0;
}
.portfolio-content > a {
line-height: 42px;
width: 40px;
height: 40px;
border-radius: 50%;
color: #000;
display: inline-block;
text-align: center;
margin-bottom: 15px;
font-weight: 800;
}
.portfolio-wrapper:hover .portfolio-overlay {
background-color: rgba(204, 222, 2, 0.85);
}
.portfolio-wrapper:hover .portfolio-overlay:before {
opacity: 1;
visibility: visible;
transform: none;
}
.portfolio-wrapper:hover .portfolio-overlay .portfolio-content {
transform: translateY(50%);
transition: transform 0.5s ease;
opacity: 1;
}
@media screen and (max-width: 1199px) {
.portfolio-content h4 {
font-size: 18px;
}
}
@media screen and (max-width: 991px) {
.portfolio-content h4 {
margin-bottom: 10px;
}
.portfolio-content p {
font-size: 15px;
}
.portfolio-content > a {
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.portfolio-content h4 {
font-size: 17px;
}
.portfolio-content p {
font-size: 14px;
}
}
@media screen and (max-width: 575px) {
.portfolio-content h4 {
font-size: 16px;
}
}
.grid .grid-item {
position: relative;
overflow: hidden;
}
.grid .grid-item .portfolio-wrapper {
position: relative;
overflow: hidden;
}
.grid .grid-item .portfolio-overlay {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
transition: all 500ms ease;
}
.grid .grid-item .portfolio-wrapper .portfolio-image img {
transform: none;
will-change: transform;
transition: none;
width: 100%;
}
.grid .grid-item .portfolio-wrapper:hover .portfolio-image img {
transform: none;
}
.grid .grid-item .portfolio-overlay:before {
position: absolute;
display: inline-block;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
border: 1px solid rgba(0, 0, 0, 0.36);
content: "";
opacity: 0;
transition: all 0.5s ease;
transform: scale(0.85);
}
.grid .grid-item .portfolio-overlay .portfolio-content {
position: absolute;
bottom: 50%;
left: 0;
width: 100%;
text-align: center;
opacity: 0;
}
.grid .grid-item .portfolio-content h4 {
color: #000;
font-weight: 600;
letter-spacing: 1px;
font-size: 20px;
margin-bottom: 10px;
}
.grid .grid-item .portfolio-content p {
color: #000;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 0;
}
.grid .grid-item .portfolio-content a {
line-height: 36px;
width: 36px;
height: 36px;
border-radius: 50%;
color: #000;
display: inline-block;
text-align: center;
margin-bottom: 10px;
font-weight: 800;
}
.grid .grid-item .portfolio-wrapper:hover .portfolio-overlay {
background-color: rgba(204, 222, 2, 0.85);
}
.grid .grid-item .portfolio-wrapper:hover .portfolio-overlay:before {
opacity: 1;
visibility: visible;
transform: none;
}
.grid .grid-item .portfolio-wrapper:hover .portfolio-overlay .portfolio-content {
transform: translateY(50%);
transition: transform 0.5s ease;
opacity: 1;
}
@media screen and (max-width: 1199px) {
.grid .grid-item .portfolio-content h4 {
font-size: 18px;
}
}
@media screen and (max-width: 991px) {
.grid .grid-item .portfolio-content h4 {
margin-bottom: 10px;
}
.grid .grid-item .portfolio-content p {
font-size: 15px;
}
.grid .grid-item .portfolio-content a {
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.grid .grid-item .portfolio-content h4 {
font-size: 17px;
}
.grid .grid-item .portfolio-content p {
font-size: 14px;
}
}
@media screen and (max-width: 575px) {
.grid .grid-item .portfolio-content h4 {
font-size: 16px;
}
.grid .grid-item .portfolio-overlay:before {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
}
#play-video iframe .ytp-title-text {
display: none !important;
}
.cats ul {
padding: 0;
list-style: none;
margin-bottom: 5px;
}
.cats ul li {
display: inline-block;
color: #fff;
text-transform: uppercase;
border-right: 1px solid #fff;
padding-right: 6px;
padding-left: 3px;
font-size: 1.0rem;
line-height: 100%;
}
.cats ul li:first-child {
padding-left: 0;
}
.cats ul li:last-child {
border-right: 0;
padding-right: 0;
}
.data-video .stars {
color: #fff;
font-size: 0.6rem;
}
.data-video .stars .checked {
color: #ded712;
}
.data-video .time p {
font-size: 1.1rem;
color: #fff;
}
.info-video .title-video h1 {
color: #fff;
font-weight: 600;
font-family: 'Space Grotesk';
}
.info-video .bajada p {
color: #fff;
font-weight: 300;
}
.info-video .info p {
color: #fff;
font-weight: 300;
}
input[type="checkbox"] {
float: left !important;
color: #ff0000;
margin-right: 0.7em !important;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
accent-color: #000;
}
input[type="radio"] {
float: left !important;
color: #ff0000;
margin-right: 0.7em !important;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
accent-color: #000;
}
.form-group label {
text-align: left;
}
.form-group ul, .form-group li {
margin: 0;
padding: 0;
}
.stamps-gam ul {
list-style: none;
padding: 0;
}
.stamps-gam ul li {
display: inline-block;
float: left;
padding-right: 10px;
}
.stamps-gam ul li:last-child {
padding-right: 0px;
}
.auto-h {
height: auto !important;
min-height: auto !important;
}
.streaming-iframe {
background-color: #1e1e1e;
}
.info-streaming span {
background-color: #ff2619;
color: #fff;
display: inline-block;
border-radius: 10px;
padding: 5px 10px;
text-transform: uppercase;
}
.info-streaming .info p {
font-weight: 800;
color: #fff;
}
.embed-responsive-custom::before {
padding-bottom: 45.25%; /*16:9*/
}
.mas-info a {
color: #000;
display: inline-block;
border-radius: 15px;
padding: 5px 15px;
background-color: #fff;
font-size: 0.9rem;
text-decoration: none;
}
.mas-info a:hover {
color: #fff;
background-color: #ff2619;
}
.vimeobg {
position: relative;
background-color: black;
width: 100%;
overflow: hidden;
}
.vimeobg .iframe-wrapper {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
.vimeobg .iframe-wrapper iframe {
width: 100vw;
height: 57.25vw;
min-height: 80vh;
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #000;
background-image: none;
}
.m-image {
margin-top: 50px;
}
.help-text {
display: block;
width: 100%;
color: #85827e;
/*padding-left: 10px;*/
margin-top: -16px;
}
.asterisk {
/*position: relative !;*/
}
.asterisk::after {
content: "*";
position: absolute;
top: 2px;
right: 10px;
font-size: 1.5em;
color: #ff2619;
font-weight: bolder;
}
#pop-up-modal .modal-dialog {
background-color: transparent;
border: 0;
}
#pop-up-modal .modal-content {
background-color: transparent;
border: 0;
}
#pop-up-modal .close {
position: absolute;
top: 3px;
right: 5px;
}
.accesibilidad img {
max-width: 100%;
height: auto;
}
/*Cambios Ficha*/
#tickets .cuando-ficha p {
font-size:1rem;
}
#tickets .cuando-ficha p:last-child {
margin-bottom: 0;
}
#tickets .sala-ficha p {
font-size:1rem;
}
#tickets .sala-ficha p:last-child {
margin-bottom: 0;
}
#tickets .precios-ficha p {
font-size:1rem;
}
#tickets .precios-ficha p:last-child {
margin-bottom: 0;
}
#tickets .promo-ficha p {
font-size:0.9rem;
}
#tickets .promo-ficha p:last-child {
margin-bottom: 0;
}
.accesibilidad p {
margin-bottom: 1rem;
}
.accesibilidad p:last-child {
margin-bottom: 0;
}
.anteriores-ficha p {
font-size:1rem;
}
.anteriores-ficha p:last-child {
margin-bottom: 0;
}
.accesibilidad h4:first-child {
font-size:1.2rem;
font-weight: 400;
font-family: 'Apercu';
}