/* =======================
    TYPOPGRAPHY 
======================== */ 

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100italic,300italic,400italic,500,500italic,700,900);

/* =======================
    RESERVATIONS PLUGIN
======================== */

/* calendar */
table.calendar		{ border-left:1px solid #999; width: 100%;}
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day.festive{ background:#ffdddd; }
td.calendar-day:hover	{ background:#ecffe5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }


#toggle-dummy{display: none;}

.d-none {display: none;}

/* =======================
    TEMPLATE TICKETS   
======================== */
.page-template-template-tickets #buy_tickets_header,
.page-template-template-tickets #book_now {
    display: none;
}
.page-template-template-tickets #calendar_leyend {
    float: right;
}
.page-template-template-tickets #calendar_leyend li { 
    font-size: 15px;
    position: relative;
    margin-top: 5px;
}
.page-template-template-tickets #calendar_leyend li:before{
    width: 12px;
    height: 12px;
}
.page-template-template-tickets #calendar_leyend li.low:before {
    height: 6px;
    border-radius: 0 0 12px 12px;
}
.page-template-template-tickets #calendar_leyend li.unavailable:before {
    border: 2px solid #FE2D12;
    background: #fff;
    width: 12px;
    height: 12px;
    margin-left: 0px;
}
#print-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    border: 1px solid #FE2D12;
    padding: 0 5px;
    border-radius: 5px;
}
@media print{
	.noprint{
		display: none !important;
	}
}
#stripe-card-element {
    border: 1px solid #c5c4c4;
    padding: 20px;
    margin: 20px 0;
    max-width: 500px;
}
/*
.page-template-template-tickets #calendar_leyend li.unavailable:after {
	    content: '';
    display: block;
    background-color: #ffffff;
    position: absolute;
    top: 8px;
    left: -1px;
    width: 14px;
    height: 0;
    transform: rotate(45deg);
    border: 1px solid #ffffff;
}
*/
.subheading strong.error {
    color: #fe2d12;
}
.notice_wrapper, #warning_wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(60, 69, 74, 0.75);
}
.notice_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    width: 90%;
    height: auto;
    max-width: 960px; 
    height: auto;
    background-color: #ffffff;
    text-align: left;
    padding: 0;
    box-shadow: 0px 4px 20px #323638;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    border-radius: 6px;
    
    overflow: auto;
    max-height: 80vh;
}
.notice_box .responsive_image {
    width: 55%;
    float: left;
}
.notice_box .notice_content.dinner_card {
    width: 45%;
    float: left;
}
#warning {
	color: #fe2d12;
    background-color: #e6e6e6;
    text-align: center;    
    border-radius: 0;
    max-width: 470px;
    padding: 40px 80px;
} 
.notice_close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 44px;
    cursor: pointer;
    text-shadow: #FFFFFF 0px 0px 4px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ffffff91;
    line-height: 30px;
    text-align: center;
}
#warning_close {
    top: 2px;
    right: 12px;
}
#warning_icon {
    font-size: 40px;
    margin-bottom: 10px; 
}
.notice_content {
    padding: 40px;
}
.notice_content h3 {
    font-weight: 500;
    margin: 0;
}

body.page-template-template-tickets main {
    min-height: calc(100vh - 600px);
    -webkit-transition: all 0.7s ease-in-out;
            transition: all 0.7s ease-in-out;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
}
body.page-template-template-tickets main.calendar_height {
    min-height: calc(100vh - 280px);
}
main.calendar_height #toggle_shows .container {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
}
main #toggle_shows .container {
    opacity: 1;
}

span.dinner-mandatory {
  font-size: 13px;
  display: block;
  top: -29px;
  position: relative;
}
/* =======================
    TOGGLE SHOWS
======================== */
#ticket_day {
    padding: 22px 0;
    font-size: 20px;
    color: #4A5459;
}
#toggle_shows {
    z-index: 999;
}
#toggle_shows .calendar_weekdays div:hover,
#toggle_shows .calendar_weekdays div.active { 
    color: #4A5459;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
#toggle_shows .calendar_header {
    border-bottom: 0;
}
#toggle_shows .calendar_header {
    text-align: left;
    margin-top: 12px;
    min-height: 280px;
}
.toggle_card {
    padding: 10px 0;
    float: left;
    width: 100%;
    color: #4A5459;
} 
.toggle_card .heading_bar {
    background-color: #EBEBEB;
    border-radius: 6px;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.toggle_card .heading_bar button.toggle_button,
.toggle_card .heading_bar ul.heading_descriptions,
.toggle_card .heading_bar ul.heading_descriptions li {
    float: left;
    height: 47px;
    line-height: 43px;
}
.toggle_card button.toggle_button {
    background-color: transparent;
    padding: 0;
    outline: none;
    border: none;
    width: 40px;
}
.toggle_card button.toggle_button:before {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #95989a;
}
.toggle_card.open .heading_bar button.toggle_button:before {
    content: "\f078"; 
}
.toggle_card .heading_bar ul.heading_descriptions {
    width: calc(85% - 40px);
}
.toggle_card .heading_bar ul.heading_descriptions li {
    padding-left: 6px;
}
.toggle_card .heading_bar ul.heading_descriptions li.hour_show {
    padding-left: 0;
}
.toggle_card .heading_bar .the_button.gray.show-show-details{
    /*background-color: #FE2D12;*/
}
.toggle_card .heading_bar .the_button.gray.show-show-details.open{
    /*background-color: #95989A;*/
	
}

.content_bar .white_select ul li.first-kids-ticket {
    border-top: 6px solid #e6e6e6;
}

.toggle_card .heading_bar .the_button.gray {
    float: left;
    width: 15%;
    padding: 12px 7px;
    text-align: center;
    margin: 0;
    border-radius: 0;
    background-color: #95989A;
    font-size: 18px!important;
    min-height: 47px;
    line-height: 1.1;
}
.toggle_card .heading_bar .the_button.gray:hover {
    background-color: #FE2D12;
}
.content_bar {
    display: none;
    background-color: #fff;
    margin-top: 15px;
    float: left;
    width: 100%;
    height: auto;
    min-height: 86px;
}
.heading_descriptions li.hour_show {
    font-weight: 700; 
} 
.heading_descriptions li.hour_show div {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #D5D5D5;
    vertical-align: middle;
    position: relative;
    margin-top: -4px;
    margin-right: 3px;
}
.heading_descriptions li.hour_show div:before {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -6px;
    background-color: #cccccc; 
}
.heading_descriptions li.hour_show.high div:before {
    background-color: #5bd104;
}
.heading_descriptions li.hour_show.low div:before {
    background-color: #F29E00;
    height: 6px;
    border-radius: 0 0 12px 12px;
    top: 50%;
    margin-top: 0px;
}
.heading_descriptions li.hour_show.unavailable div:before {
    border: 2px solid #FE2D12;
	background: #fff;
}
/*
.heading_descriptions li.hour_show.unavailable div:after {
	    content: '';
    display: block;
    background-color: #ffffff;
    position: absolute;
    top: 42%;
    left: 9%;
    width: 77%;
    height: 0;
    transform: rotate(45deg);
    border: 1px solid #ffffff;
}
*/
.heading_descriptions .icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: -6px;
}
.heading_descriptions span.bold {
    font-weight: 700;
}

.heading_descriptions .hour_show {
    width: 13%;
} 
.heading_descriptions .show_time {
    width: 22%;
}
.heading_descriptions .show_artist { 
    width: 34%; 
} 
.heading_descriptions .show_ticket {
    width: 30%;
}
.content_bar .wrapper_select {
    width: 85%;
    float: left;
}
.content_bar .buy_button {
    width: 15%;
    float: left;
    padding: 0 11px;
    text-align: center;
    height: 86px;
    line-height: 86px;
}
.content_bar .buy_button.active {
    background-color: #FE2D12;
}
.content_bar .buy_button.active:hover,
.content_bar .buy_button.active:focus { 
    background-color: #3C454A;
}
.content_bar .white_select {
    border: 1px solid #95989A;
    float: left;
    margin-right: 15px;
    min-height: 85px;
    padding: 15px 0 0 0;
    background-color: #ffffff;
    z-index: 99;
    position: relative;
    box-shadow: 0px 3px 8px rgba(65, 65, 65, 0.35);
}
.content_bar .white_select.open {
    border: 1px solid #fe2d12;
} 
.content_bar .white_select.open .heading div,
.content_bar .white_select.active .heading div {
    color: #fe2d12;
}
.content_bar .white_select.asistentes {
    width: calc(40% - 15px);
}

.content_bar .white_select.menus {
    width: calc(46% - 15px);
}

.content_bar .white_select.total {
    width: calc(14% - 15px);
}
.content_bar .white_select .subheading,
.content_bar .white_select .heading div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content_bar .white_select .select_overlay {
    float: left;
    width: 100%;
}
.white_select .subheading {
    font-size: 14px;
    color: #95989A;
    margin-bottom: 2px;
    padding: 0 15px;
}
.white_select .heading {
    font-size: 22px;
    color: #95989A;
    font-weight: 500;
    padding: 0 15px;
    margin-bottom: 13px;
    
    cursor: pointer;
}
.content_bar .white_select .heading div {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: middle;
}
.content_bar .white_select .heading button {
    width: 34px;
    font-size: 19px;
    text-align: right;
}
.toggle_card .white_select button.toggle_button:before {
    content: "\f078";
}
.toggle_card .white_select.open button.toggle_button:before {
    content: "\f077";
    color: #FE2D12;
}


.kids-ticket .ticket-name.zone-info strong {
  margin-left: 0px;
}

.kids-icon {
  background:url(../img/icons/kids-icon.svg) no-repeat;
  background-size: contain;
  background-position: center center;
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 12px;
  filter: grayscale(1);
  opacity: .9;
}

.content_bar .white_select ul {
    display: none;
    float: left;
    width: 100%;
}
.content_bar .white_select ul li {
    padding: 12px 15px;
    border-top: 1px solid #e6e6e6;
    width: 100%;
    position: relative;
    color: #787a7b;
        line-height: 1;
} 
.content_bar .white_select ul li .ticket-price {
    display: block;
    margin-top: 7px;
    float: right;
    margin-right: 11px;
    font-weight: bold;
}
.content_bar .white_select ul li .ticket-price del {
    font-size: 0.8em;
    margin-right: 10px;
}
.content_bar .white_select ul li .ticket-price ins {
    font-weight: bold;
    text-decoration: none;
}
.content_bar .white_select.asistentes ul li, .content_bar .white_select.menus ul li {
    padding-right: 80px;
}
.content_bar .white_select.asistentes ul li.note {
    padding-right: 10px;
}
.content_bar .white_select ul li,
.white_select .number_control {
    display: inline-block;
}
.content_bar .white_select.asistentes ul li[data-qselected="1"] .number{
	color: #FE2D12;
}
.content_bar .white_select.asistentes ul li .number{
	color: #bfbfbf;
}
.content_bar .white_select.asistentes ul li[data-zone-available="0"]{
	color: #bfbfbf;
}
.content_bar .white_select.asistentes ul li[data-zone-available="0"] .kids-icon{
  opacity: .4;
}
.content_bar .white_select ul li .number {
    font-weight: 700;
    /*border: 1px solid #bfbfbf;*/
    border-radius: 50%;
    width: auto;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 27px;
    margin-right: 0px;
}
.ticket-name.zone-info strong{
	margin-left: 10px;
}
.fa.ticket-info {
/*     display: none; */
    color: #cacaca;
    
    cursor: pointer;
}
.white_select.menus .fa.ticket-info {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 16px;
    cursor: pointer;
}
.white_select.menus .ticket-name {
    cursor: pointer;
}
.white_select.menus .fa.ticket-info:hover {
    color: #95989a;
}
.white_select.menus .note .fa.ticket-info {
    display: none;
}
.asistentes .note,
.menus .note{
    background: #ebebeb;
    font-size: 15px;
    font-style: italic;    
}
.white_select .number_control {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100px;
    padding-right: 15px;
    padding-left: 12px;
    vertical-align: middle;
    line-height: 50px;
}
.number_control button, .number_control div {
    border: 1px solid #c4c4c4;
    border-radius: 28px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 26px;
    display: inline-block;
    margin-left: 6px;
    color: #fe2d12;
    background: #ffffff;
    outline: 0;
    cursor: pointer;
    overflow: hidden;
	padding: 0;
	display: inline-block;
	margin: 13px 3px;
}
.number_control button:focus,
.number_control button:hover,
.number_control div:focus,
.number_control div:hover {
    border: 1px solid #5d5d5d;
}
.content_bar .white_select a {
    color: #95989A;
    font-size: 13px;
}
#toggle_shows button.switch-month,
#toggle_shows button.switch-day {
    width: 20px;
    height: 34px;
    color: #D1D1D1;
}
#toggle_shows button.switch-month:hover,
#toggle_shows button.switch-day:hover {
    color: #4A5459;
}
#toggle_shows button.switch-month .fa,
#toggle_shows button.switch-day .fa {

}
#toggle_shows .calendar_weekdays {
    width: calc(100% - 40px);
    float: left;
}
.heading_bar{
	cursor: pointer;
}
.gray_bg_card{
	background-color: #F0F0F0;
	padding-right: 15px;
}
#toggle-container {
    /*-webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;*/
    opacity: 0;

}
#toggle-container.hello {
    opacity: 1;
}
span.extra-zone-info {
    font-size: 10px;
    position: absolute;
    bottom: 4px;
    left: 16px;
}

/* =======================
    CARDAMOMO TV
======================== */
#fc-video-grid, #fc-single-video {
	padding-top: 107px;
}
#fc-single-video{
	margin-top: 20px;
}
@media (max-width: 1200px) { 
    #fc-video-grid {
        padding-top: 10px;
    }
     #fc-single-video{
        padding-top: 30px;
    }    
}

/* =======================
    PASARELA DE PAGO
======================== */
#pasarela_pago {
    margin-bottom: 20px;
}
#pasarela_pago h2, 
#pasarela_pago h3 {
    color: #95989A;
    font-weight: 100;
    margin: 5px 0px;
}
#pasarela_pago h2 {
    font-size: 26px;
}
#pasarela_pago h3 {
    font-size: 20px;
    display: block;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 6px;
    margin-top: 30px;
}
#tickets_description {
    margin: 8px 0 20px;
    color: #4A5459;
    font-size: 17px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e0e0e0;
}
#tickets_description span {
    font-weight: 600;
}
#tickets_description .icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: -6px;
    margin-left: 5px;
}
#pasarela_pago .white_select .heading {
    color: #fe2d12;
}
#pasarela_pago .white_select .price {
    text-align: right;
}
#total, #total-discount {
    padding-top: 0;
}
#total #hr_total, #total-discount #hr_total-discount {
    padding: 0 15px;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
#total #hr_total:after, #total-discount #hr_total-discount:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #95989a;
}
#pasarela_pago #total.white_select .heading {
    color: #4a5459;
}
#pasarela_pago #total.white_select .heading.price {
    color: #fe2d12;
}
#pasarela_pago .form-group {
    margin-top: 0;
}
#pasarela_pago .radio-inline,
#pasarela_pago .radio-inline+.radio-inline {
    margin-top: 20px; 
}
#pasarela_pago #pago_tarjeta,
#pasarela_pago #pago_paypal,
#pasarela_pago #pago_redsys {
    display: none;
}
#pasarela_pago h4 {
    font-size: 14px;
    margin-top: 14px;
    margin-bottom: 22px;
}
.form-control {
    border-radius: 0;
    margin-bottom: 15px;
    border: 2px solid #E4E4E4;
    height: 40px;
    padding: 8px 16px;
    float: left;
}
.form-control:focus {
    border-color: #95989a;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-group input[type=checkbox], .form-group ul {
    display: inline-block;
    vertical-align: top;
}
.form-group ul {
    margin-left: 3px;
    font-size: 14px;
    margin-top: 1px;
}
.form-group .radio-inline {
    margin-top: 14px;
    margin-bottom: 14px;
}
.radio-inline input[type=radio], 
.radio-inline img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.radio-inline img {
    width: 54px;
    margin-left: 5px;
}
.form-group input[type=submit] {
    width: 100%;
}
#confirm-paypal-order {
    font-size: 23px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#pago_paypal span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin-top: 3px;
    margin-left: 3px;
}
#pasarela_pago #pago_paypal h4 {
    font-size: 17px;
    color: #808080;
}
#pasarela_pago, #toggle_shows, .the_button.date-change-btn {
    display: none;
}
#pago_tarjeta .stripe-button-el{
	background: #FE2D12;
    display: inline-block;
    padding: 15px 30px;
    color: #ffffff;
    text-shadow: none;
    font-size: 20px!important;
    border-radius: 4px;
    margin-bottom: 16px;
    border: 0;
}
#pasarela_pago label {
    margin-bottom: 0;
    font-weight: 500;
}
label[for="legal-terms-accepted"].nok,
label[for="consent-terms-accepted"].nok {
    border-bottom: 3px solid red;
}
#pago_tarjeta .stripe-button-el span{
	
    background: transparent;
    border: none;
    box-shadow: none;
    font-size: 19px;
    font-weight: 400;
    text-shadow: none;
    padding: 0;
}
#cart_summary #pasarela_pago {
    display: block;
}
#reservation_code pre {
    display: block;
    padding: 15px 0;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: #4a5459;
    word-break: break-all;
    word-wrap: break-word;
    background-color: transparent;
    border: 0;
    border-radius: 0; 
}
#cart_summary #tickets_description ul {
    margin-top: 16px;
}
#cart_summary #tickets_description {
    border-bottom: 0;
}
#cart_summary #tickets_description .icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -10px;
    margin-right: -6px;
    margin-left: 5px;
    margin-bottom: -5px;
}
#qr_reservation {
    margin-bottom: 20px;
}
#qr_reservation img {
    
}
#buyer_information {
    margin: 20px 0;
}

























/* =======================
    GENERAL STYLES
======================== */
html, body {
	position: relative;
	height: 100%;
	width: 100%;
}
body {
	color: #757879;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
	padding-top: 0;
	overflow-x: hidden; 
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 16px;
    position: relative;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-weight: 400; 
	font-family: 'Roboto', Helvetica, sans-serif;
}
h1, .h1 {
    color: #757879;
    font-size: 40px;
    font-weight: 100;
    margin-bottom: 30px;
    margin-top: 5px;
}
#home_slider h1,
#home_slider p.h1{
	font-size: 30px;
}
#home_slider p.h1 {
    display: block;
}
.slide_content .nyt_column h2{
	font-size: 30px;
	line-height: 32px;
}
.slide_content .nyt_column h2 span{
	font-size: 36px;
}
h2, .h2 {
    font-weight: 100;
    font-size: 32px;
    margin-bottom: 16px;
}
h2, h3, .h2, .h3 {
	color: #FE2D12;
}
h4, h5, h6, .h4, .h5, .h6 {
	color: #5d5d5d;
}
a{
	text-decoration: none;
	color: #FE2D12;
}
a:hover{
	color: #FE2D12;
	text-decoration: none;
}
a:focus {
	outline: 0;
	outline-offset: -2px;
	text-decoration: none;
}
p {
    font-size: 16px;
    color: #757879;
}
ul, li{
	padding: 0;
	margin: 0;
	list-style: none;
}
blockquote {
    border-left: 4px solid #FE2D12;
    margin-top: 18px;
    padding: 0 14px;
}
blockquote * {
    font-size: 19px;
    line-height: 1.4;
    font-weight: 300;
}
/*main { 
	min-height: calc(100vh - 74px);
}*/
.clear{
  	clear: both;
}
.only_mobile{
  	display: none;
}
.element_invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    left: 0;
    top: 0;
    opacity: 0;
    max-width: 200px;
    max-height: 200px;
}
.kensei_02 {
	-webkit-transition: all 0.2s ease-in-out;
	      	transition: all 0.2s ease-in-out;
}
.kensei_03 {
	-webkit-transition: all 0.35s ease-in-out;
	      	transition: all 0.35s ease-in-out;
}
.mouse {
    cursor: pointer;
}
.responsive_image,
.responsive_image img{
	width: 100%;
	height: auto;
}
section,
.section {
    padding: 25px 0 0;
    background-color: #ffffff;
    z-index: 9;
    position: relative;
}
main {
    background-color: #ffffff;
    min-height: calc(100vh - 630px);
    z-index: 9;
    position: relative;
    padding-bottom: 15px;
}
.the_button {
    background-color: #FE2D12;
    display: inline-block;
    padding: 15px 30px;
    color: #ffffff;
    text-shadow: none;
    font-size: 20px!important;
    border-radius: 4px;
    margin-bottom: 16px;
    border: 0;
    text-align: center;
}
span.wpcf7-not-valid-tip{
	margin-top: 30px;
}
.the_button:hover, 
.the_button:focus {
    background-color: #3C454A;
    color: #ffffff;
}
.the_button.inverse {
	background-color: transparent;
	border: 1px solid #3C454A;
    padding: 13px 28px;
    color: #3C454A;
}
.the_button.inverse.white {
    background-color: transparent;
    border: 1px solid #ffffff;
    padding: 5px 20px;
    color: #ffffff;
    width: 100%;
}
.the_button.inverse:hover,
.the_button.inverse:focus, {
	border: 1px solid #3C454A;
    background-color: #3C454A;
    color: #ffffff; 
}
/*.the_button.inverse.white:hover,
.the_button.inverse.white:focus {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #4a5459; 
}*/
.the_button.little_button {
    padding: 9px 20px;
    font-size: 14px!important; 
    font-weight: 400;
    margin: 0;
    width: 100%;
    text-align: center;
} 
.form-control:focus,
.form-control.nok {
    border-color: #fe2d12;
    outline: 0;
    box-shadow: 1px 1px 10px #bcbcbc;
} 
.form-control.nok {
    border: 2px solid #fe2d12;
}
#buy_tickets_mobile {
    display: none;
}
/* =======================
    HEADER
======================== */
header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    height: auto;
    overflow: hidden;
    min-height: 107px;
}
header.open{
    min-height: 500px;
} 
header.sticky {
    top: -37px;
}
#preheader {
    background-color: #3C454A;
    color: #757879;
    padding: 10px 0;
    font-size: 12px;
    text-align: right;
}
#preheader a {
    color: #c5c5c5;
}
#preheader a.phone {
	color: #ffffff;
}
#preheader a:hover,
#preheader a.phone:hover {
	color: #ffffff;
}
#preheader .preheader_text {
    display: inline-block;
    margin-left: 20px;
    margin-right: 5px;
}
#preheader #preheader_location img {
	width: 12px;
	margin-right: 3px;
}
#preheader #preheader_contact img {
	width: 18px;
	margin-right: 3px;
}
#logo_wrapper {
    height: 100%;
    float: left;
    margin: 0;
    width: 260px;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 13px;
}
#logo_wrapper a {
	float: left;
}
#logo_wrapper span {
display: none;
}
#logo_wrapper a img {
    width: 290px;
}
#cardamomo_mobile {
    display: none;
}
header.sticky #logo_wrapper a img{
    
}
#header_principal {
    background-color: transparent;
    /*height: 75px;*/
}
header.sticky #header_principal {
    /*height: 128px;*/
}
header.sticky #sub_header {
    background-color: #3C454A;
    min-height: 90px;
    padding-top: 14px;
}
#sub_header {
    background-color: rgba(31, 35, 38, 0.75);
    color: #ffffff;
    padding: 5px 0;
    min-height: 70px;
}
#sub_header .container {
    position: relative;
}
#buy_tickets_header {
    position: absolute;
    right: 12px;
    top: -100px;
    background-color: #fe2d12;
    padding: 7px 30px;
    z-index: 99;
    color: #ffffff;
    border-radius: 0 0 3px 3px;
    min-width: 290px;
    text-align: center;
    font-size: 18px;
}
#full_calendar #calendar_content .promo-anticipation span{
    height: auto;
    line-height: normal;
	font-size: 20px;
	font-weight: bold;
	display: block;
}
#full_calendar #calendar_content .promo-anticipation{
    width: 112px;
    padding: 15px;
    background-color: #f00;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    font-size: 12px;
    text-align: center;
    display: none;
    
    z-index: 1;
    margin-top: -118px;
    line-height: 14px;
}
#full_calendar #calendar_content .promo-anticipation .main-figure:before{
	content: '';
	display: none;
}
#full_calendar #calendar_content .promo-anticipation:after{
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #ff0000 transparent transparent transparent;
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -19px;
}

#full_calendar #calendar_content .promo-anticipation.down:after{
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 20px 20px 20px;
    border-color: transparent transparent red transparent;
	position: absolute;
	left: 50%;
	top: -10px;
	margin-left: -19px;
}
.area_slider .tool-tip {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.4);
    z-index: 10;
    width: 100%;
    font-size: 13px;
    color: #fff;
    padding: 3px 8px;
    font-style: italic;
    text-shadow: 1px 1px 4px #3c3c3c;
}

#promo-code-wr{
    padding-left: 0;
}

#promo-code-wr input#promo-code {
    width: 100%;
}

.coupon-code-wrapper .invalid-coupon{
    padding-left: 0;
    margin-top: 5px;
}
#payment-method {
    padding: 0;
    margin-top: 5px;
    margin-bottom: -20px;
}
#payment_methods_wr,
#buy_button_wr,
#pago_tarjeta,
#pago_paypal{
    padding: 0;
}
#termscond input[type="checkbox"],
#contactok input[type="checkbox"]{
    display: inline-block;
    margin-right: 5px;
}
#buy_tickets_header img {
    display: inline-block;
    height: 24px;
    width: auto;
    margin-right: 6px;
}
#buy_tickets_header div {
    display: inline-block;
}
#buy_tickets_header.sticky {
    top: -15px;
}
#header_principal .container, 
#header_principal .row{
	height: 100%;
}
.menu-principal-navigation-container {
    float: left;
    width: calc(100% - 140px);
}
nav#navigation, 
nav#navigation .menu > ul,
nav#navigation #principal_navigation{
	display: inline-block;
	vertical-align: bottom; 
	text-transform: none;
	float: left;
	height: auto;
	text-align: right;
}
nav#navigation .menu > ul, 
nav#navigation #principal_navigation {
    width: 100%;
    padding-right: 12px;
}
nav#navigation {
    margin-left: -10px;
    margin-top: 4px;
    width: calc(100% - 280px);
    float: right;
}
header.sticky nav#navigation {
    margin-top: 20px;
}
nav#navigation .menu > ul li,
nav#navigation #principal_navigation li{
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	font-size: 13px;
}
nav#navigation .menu > ul li a, 
nav#navigation #principal_navigation > li a {
    color: #ffffff;
    display: block;
    padding: 18px 12px; 
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    		transition: all 0.2s ease-in-out;
}
nav#navigation .menu > ul li a, nav#navigation #principal_navigation > li a {
    padding-bottom: 12px;
}
nav#navigation .menu > ul >li a:after,
nav#navigation #principal_navigation > li a:after{ 
	content: " ";
	display: block;
	height: 1px;
	width: 0;
	background-color: #FE2D12;
	margin-top: 2px;
	margin-bottom: -2px;
	left: calc(50% + 1px);	
	position: relative;
    -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
    		transform: translateX(-50%) translateY(0);
	-webkit-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
nav#navigation .menu > ul > li:hover > a, 
nav#navigation .menu > ul > li > ul > li a,
nav#navigation #principal_navigation > li:hover > a, 
nav#navigation #principal_navigation > li > ul > li a{
  	text-decoration: none;
}
nav#navigation .menu > ul > li.current-menu-item > a:after,
nav#navigation .menu > ul > li.current-menu-parent > a:after,
nav#navigation .menu > ul > li:hover > a:after, 
nav#navigation .menu > ul > li > ul > li:hover a:after,
nav#navigation #principal_navigation > li.current-menu-item > a:after,
nav#navigation #principal_navigation > li.current-menu-parent > a:after,
nav#navigation #principal_navigation > li:hover > a:after, 
nav#navigation #principal_navigation > li > ul > li:hover a:after{
	background-color: #FE2D12;
	width: calc(100% + 12px);
}
nav#navigation .menu > ul > li > ul, 
nav#navigation #principal_navigation > li > ul {
    visibility: hidden;
    display: block;
    position: absolute;
    background-color: rgb(60, 69, 74);
    width: 170px;
    left: 50%;
    margin-left: -85px;
    margin-top: 0px;
    padding: 4px 14px 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-top: 0;
}
nav#navigation .menu > ul > li > ul.active,
nav#navigation #principal_navigation > li > ul.active{
	visibility: visible; 
	opacity: 1;
}
nav#navigation .menu > ul > li > ul > li,
nav#navigation #principal_navigation > li > ul > li{
	display: flex;
	margin: 14px 0;
}
nav#navigation .menu > ul > li > ul > li a,
nav#navigation #principal_navigation > li > ul > li a{
	color: #b9bbbd;
	display: block;
	padding: 0;
}
nav#navigation .menu > ul > li > ul > li a:hover,
nav#navigation #principal_navigation > li > ul > li a:hover{
  	color: #ffffff; 
}
#app_burguer {
  	display: none;
}
nav#navigation .menu .sub-menu.active li a:after,
nav#navigation #principal_navigation .sub-menu.active li a:after {
    display: none;
}

/* =======================
    LANGUAGES SELECTOR
======================== */
#language_switch {
    position: relative;
    float: right;
    margin: 6px 0 0;
    text-align: left;
    font-size: 13px;
    width: 140px;
}
#language_wrapper {
    position: absolute;
    padding: 0;
    background-color: transparent;
    border-radius: 5px;
    width: 100%;
}
#language_wrapper.open {
    background-color: #3C454A;
}

#language_selector {
    padding: 12px 12px;
    cursor: pointer;
    text-align: left;
}
#language_selector:hover {
	/*background-color: #283439;*/
}
#language_selector:before {
    content: '\f078';
    margin-right: 4px;
}
#language_selector.open:before {
    content: '\f077';
}
#language_switch ul li a:before {
    content: '\f054';
    margin-right: 2px;
    margin-left: -4px;
    background-color: transparent;
    color: transparent;
    padding: 6px 0;
}
#language_switch ul li:hover a:before {
    background-color: #283439;
    color: #ffffff;
}
#language_switch ul li a:before,
#language_selector:before { 
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
}
#language_switch img {
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
#language_switch ul {
	display: none;
    padding: 0;
    padding-bottom: 12px;
}
#language_switch ul li {
    padding: 0;
    padding-left: 16px;
    padding-right: 14px;
}
#language_switch ul li:hover {
	background-color: #283439;
}
#language_switch ul li a {
    color: #ffffff;
    display: block;
    border-left: 2px solid #4A5459;
    padding: 11px 0;
}
.flag_icon {
    display: inline-block;
    width: 30px;
    height: 19px;
    vertical-align: middle;
    margin-right: 5px;
    background-image: url(../img/lang/sprite-flags.png);
    background-size: 300px;
}
.flag_icon.es { background-position: 0 0; }
.flag_icon.en { background-position: -30px 0; }
.flag_icon.de { background-position: -60px 0; }
.flag_icon.fr { background-position: -90px 0; }
.flag_icon.it { background-position: -120px 0; }
.flag_icon.pt { background-position: -150px 0; }
.flag_icon.zh { background-position: -180px 0; }
.flag_icon.ru { background-position: -210px 0; }
.flag_icon.ja { background-position: -240px 0; }
/* =======================
    SLIDER
======================== */
.slider_container, 
#home_slider {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.slider_container {
	height: 100%;
}
#home_slider {
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	-webkit-justify-content: center;
	      	justify-content: center;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	-webkit-align-items: center;
	      	align-items: center;
}
.swiper-slide{ 
	background-size: cover!important; 
	background-position: center!important;
	background: transparent;
}
.swiper-button-prev, 
.swiper-button-next {
    height: 100px;
    margin-top: -50px;
    width: 60px;
    opacity: 1;
    filter: alpha(opacity=100);
    background: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer; 
}
.swiper-button-prev:before, 
.swiper-button-next:before{
    content: " ";
    display: block;
    background-image: url(../img/arrows/arrows_white.png);
    background-size: 120px;
    background-position-y: -2px;
    width: 50px; 
    height: 100px;
    top: 50%;
    position: relative;
    margin-top: -50px; 
}
.swiper-button-prev{
	left: 0;
}
.swiper-button-prev:before {
	left: 0;
}
.swiper-button-next{
	right: 0;
}
.swiper-button-next:before {
    left: 0px;
    background-position: 54px 0px;
}
.swiper-pagination-bullet{
	background-color: transparent;
	width: 12px;
	height: 12px; 
	opacity: 1;
	filter: alpha(opacity=100);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.swiper-pagination.swiper-pagination-clickable {
    bottom: 20px;
}
.swiper-pagination-bullet {
    background-color: #ffffff;
    width: 40px;
    height: 1px;
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 0;
}
.swiper-pagination-bullet {
    border: 2px solid #FFFFFF;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FE2D12;
    border-color: #FE2D12;
}
.slide_content .container{
    position: relative;
    top: 50%;

    -webkit-transform: translateX(0) translateY(-50%);
        -ms-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
}
.slide_content .inside{
    position: relative;
    top: 50%;

    -webkit-transform: translateX(0) translateY(-50%);
        -ms-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
}
.slide_content,
.slide_content p,
.slide_content span,
.slide_content blockquote,
.slide_content li {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    text-shadow: 0 0 15px rgba(66, 66, 66, 0.5);
}
.slide_content p {
    margin-top: 10px;
}
.slide_content blockquote {
    padding: 12px 20px;
    margin: 0 0 20px;
    border-left: 1px solid #FE2D12;
}
.slide_content h2 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 0 0 15px rgba(66, 66, 66, 0.3);
    line-height: 48px;
    margin-bottom: 30px; 
}
.slide_content h2 span {
    font-size: 47px;
    text-transform: uppercase;
    font-weight: 100;
}

.link-ticket:hover {
    color: #fe2d12;
}

/* =======================
  SPECIAL HOME SLIDER
======================== */

.slide_text a {
    font-weight: 400;
}
.slide-text-left {
    text-align: left;
    float: left;
}
.slide-text-right {
    text-align: right;
    float: right;
}
.slide-text-left,
.slide-text-right {
    width: 45%;
    font-size: 20px;
}

/* =======================
  GENERIC SLIDER
======================== */
#generic_slider{
	height: 70%;
	overflow-x: hidden;
}
#hero_section_page, #hero_section_page_default{
	height: 70%;
	background-position: center;
	background-size: cover;
	overflow-x: hidden;
	width: 100%; 
}
#hero_section_page_default{
	background-image: url(../img/default/featured_default.png);
	background-size: 50px;
	background-color: #E4E1DE;
}
.hero_frame {
	position: relative;
    padding: 0;
}
#parallax_image_home.hero_frame,
#parallax_image_home.hero_frame .swiper-wrapper
 {
    width: 100%;
    height: 100%;
}
#parallax_image_home.hero_frame .swiper-slide {
    width: 100vw!important;
}
.hero_frame #book_now {
    position: absolute; 
    background-color: #FE2D12;
    bottom: 0;
    left: 50%;
    width: auto;
    text-align: center;
    padding: 40px 50px 18px;
    border-radius: 7px 7px 0 0;
    z-index: 9;
    -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
    		transform: translateX(-50%) translateY(0);
}
.hero_frame #book_now * {
    color: #ffffff;
}
.hero_frame #book_now h3, .hero_frame #book_now .h3 {
    font-size: 23px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 7px;
}
.hero_frame #book_now h4, .hero_frame #book_now .h4 {
    font-size: 17px;
    margin: 0;
    font-weight: 300; 
}
.hero_frame #book_now img {
    position: absolute;
    top: -27px;
    height: 57px;
    left: 50%;
    margin-left: -18px;
}

span.wheel{
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../img/wheelchair.png);
	background-size: contain;
	background-repeat: no-repeat;
    vertical-align: bottom;
    margin-right: 10px;
}

/* ============================
    SKROLLR PARALLAX STYLES
============================= */
#parallax_image.container-fluid {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
.parallax-image-wrapper {
position: fixed;
left: 0;
width: 100%;
overflow: hidden; 
}
.parallax-image-wrapper-100 {
	height: 110%;
	top: -110%;
	overflow: hidden;
}
.parallax-image {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; 
}
.featured_image {
	position: relative;
}
.parallax-image-100 {
	height: 100%;
}
.single-post .parallax-image-100 {
	height: 68%;
}
.featured_image.parallax-image-wrapper-100 {
	height: 400px;
	top: calc(-100% + 400px);
}
.parallax-image.skrollable-between {
	display: block; 
}
.no-skrollr .parallax-image-wrapper {
	display: none !important; 
}
#skrollr-body {
	height: 100%;
	overflow: visible;
	position: relative; 
}
.gap {
	background: transparent center no-repeat;
	background-size: cover;
	overflow: hidden; 
}
.skrollr .gap {
	/*background: transparent !important;*/     
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.gap-50 {
	height: 50%; 
}
.gap-fixed-height-large {
	height: 100vh; 
}
.featured_image.gap-fixed-height-large {
    height: 280px;
}
#parallax_image_home .featured_image.gap-fixed-height-large {
    height: 100vh;
}
.gap-100 {
	height: 100vh; 
} 
/* =======================
    PAGE
======================== */
#breadcrumbs {
	color: #757879; 
}
#breadcrumbs span {
	color: #FE2D12;
}
#breadcrumbs a {
	color: #757879;
}
#breadcrumbs a#go_home {
	color: #757879;
} 
#page_default ul,
#page_default ul li {
    list-style: inherit;
}
#page_default ul {
    padding-left: 18px; 
}
/* ============================
    PAGE SIDEBAR FUNDACIÓN
============================= */
#page_sidebar {​
​
}
#page_sidebar img {
	width: 100%;
	height: 100%;
	margin: 10px 0;
}
.layout_gray {
    background-color: #F0F0F0;
    padding: 0;
}
.layout_gray h4 {
    margin-bottom: 4px;
    margin-top: 0;
    font-weight: 600;
}
.layout_gray p {
	
}
.page-template-template-sidebar-fundacion h1, 
.page-template-template-sidebar-fundacion .h1 {
	margin-bottom: 0;
}
#sidebar_foundation {
    margin-top: 25px;
}
/* =======================
    STANDARD PAGE 
======================= */
div.standard {
    margin-top: 106px;
}
.page-template-template-standard main {
    padding-bottom: 0px;
    min-height: 0px;
}
.page-template-template-standard section#quote_slider {
    padding-top: 0px;
}

/* =======================
    EXTRA CONTENT
======================== */
#extra_gallery {

}
#extra_gallery figure {
    margin-bottom: 10px;
    margin-top: 10px;
}
#extra_gallery figcaption {
    margin-top: 9px;
    font-size: 16px;
    min-height: 22px;
}
#additional_content {
	
}
#additional_content h2 {
	margin-top: 10px;
}
.pre_footer_text{
	font-size: 13px;
}


/* =======================
    SHORTCODES
======================== */ 
.shortcode_cenas_y_tapas .dinner_card {
    margin-bottom: 20px;
    box-shadow: 0px 3px 8px #DAD8D8;
    overflow: hidden;
    border-radius: 8px;
    background-color: #F0F0F0;
}
.dinner_card {
    margin-bottom: 0;
    background-color: transparent;
}
.dinner_card .dinner_card_title,
.dinner_card .dinner_card_price {
	float: left;
}
.shortcode_cenas_y_tapas .dinner_card .dinner_card_title {
    width: calc(100% - 30px);
    color: #757879;
    font-weight: 600;
    font-size: 30px;
    margin: 0;
    position: absolute;
    /* text-shadow: 0px 0px 6px rgba(43, 43, 43, 0.82); */
    padding: 6px 20px;
    margin-top: 18px;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: none;
    border-radius: 0;
}
.dinner_card .dinner_card_price {
    text-align: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px;
    z-index: 99;
}
.dinner_card .dinner_card_price .promo-anticipation {
    display: inline-block;
    width: 320px;
    width: calc(100% - 170px);
    max-width: 310px;
    padding: 15px;
    background-color: #f00;
    color: #fff;
    border-radius: 5px;
    position: relative;
    font-size: 13px;
    text-align: left;
    bottom: 0;
    left: 8px;
    line-height: 1.2;
    opacity: 0;
}
.dinner_card .dinner_card_price:hover .promo-anticipation {
    opacity: 1;
}
.dinner_card .dinner_card_price .promo-anticipation:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: transparent #ff0000 transparent transparent;
    position: absolute;
    left: -10px;
    bottom: 13px;
}    
.dinner_card .dinner_card_price span.the_price {
    background-color: #757879;
    display: inline-block;
    margin-top: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    padding: 2px 15px;
    border-radius: 4px;
    box-shadow: 0px 3px 8px #DAD8D8;
    vertical-align: bottom;
}
.dinner_card .dinner_card_price .promo-anticipation span {
    display: inline-block;
    width: calc(100% - 56px);
    vertical-align: middle;
    border-left: 1px solid #fff;
    padding-left: 8px;
}
.dinner_card .dinner_card_price .promo-anticipation span strong {
    
}
.dinner_card .dinner_card_price .promo-anticipation span.main-figure {
    width: 33px;
    font-weight: 900;
    font-size: 18px;
    border-left: 0;
    margin-right: 8px;
    padding-left: 0;
}
.dinner_card_price i.fa {
    display: inline-block;
    vertical-align: bottom;
    font-size: 20px;
    margin-bottom: 8px;
    margin-left: 5px;
}
.card_dinner_head {

}
.text_card * {
	font-size: 14px;
}
.text_card.font_13px *,
.font_13px * {
	font-size: 13px;
}
.card_toggle_content .text_card {
    padding-left: 0;
    padding: 20px 0;
    padding-right: 30px;
}
.text_card .the_button {
    margin-top: 20px;
    margin-bottom: 0;
}
.dinner_card h4,
.dinner_card .h4 {
    margin-top: 20px;
    margin-bottom: 1px;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 2px;
}
.dinner_card ul {
    margin-bottom: 10px;
    font-weight: 500;
}
.shortcode_cenas_y_tapas .dinner_card .text_card {
    padding: 0;
    overflow: scroll;
    max-height: 310px;
    padding-right: 30px;
    padding-top: 10px;
}
#menu_card {
	
}
.list-tables {
  max-width: 90%;
  margin: 0 auto;
  margin-top: 20px;
}

#drink_card ul {
	margin-bottom: 20px;
}
.show_card {
	margin-bottom: 20px;
}
.show_card .layout_gray {
    padding: 40px;
    min-height: 300px;
}
.show_card .layout_gray h2 {
    margin: 0 0 10px;
    color: #5D5D5D;
    font-size: 24px;
    font-weight: 300;
}
.show_card .layout_gray h4 {
    font-size: 19px;
}
.show_card .layout_gray a {
    text-align: center;
    width: calc(100% - 80px);
    margin: auto;
    margin-top: 20px;
    margin-bottom: 0;
    position: absolute;
    left: 40px;
    bottom: 24px; 
}
.show_card a.the_button {
    text-align: center;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 0;
    float:right; 
}
p.show-header{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	margin-bottom: -6px;
}
.show-excerpt{
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 17px;
}
.artist_big_image, 
.artist_big_description,
.artist_big_read_more {
	float: left;
}
.artist_big_card {
    float: left;
    border: 0;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 3px 14px rgba(43, 43, 43, 0.16);
    margin-bottom: 30px;
    position: relative;
    height: 344px;
}
.artist_big_card .icon.inverse {
    position: absolute;
    opacity: 0.7;
}
.artist_big_image {
    width: 40%;
}
.artist_big_description {
    width: 60%;
    padding: 20px;
}
.artist_big_read_more {
    width: 60%;
    position: absolute;
    right: 0;
    padding: 20px 20px;
    bottom: 0;
}
.artist_big_description h2,
.artist_big_description .h2 {
    color: #666666;
    font-weight: 500;
    font-size: 24px;
    margin: 0 0 22px;
}
.artist_big_description .icon {
    position: absolute;
    right: 10px;
    top: 6px;
}
.artist_big_description p {
    font-size: 14px;
}
.artist_big_description p.artist_type {
    font-size: 15px;
    font-weight: 500;
}
#page_default #shortcode_artistas ul li {
    list-style: none; 
}
#shortcode_artistas {
    margin-left: -15px;
    margin-right: 0px;
}
.dinner_card_title {
    background-color: #F0F0F0;
    width: 100%;
    padding: 15px 18px;
    border-radius: 8px;
    box-shadow: 0px 3px 14px rgba(43, 43, 43, 0.16);
    position: relative;
    z-index: 9;
}
.dinner_card_title h2 {
    color: #757879;
    font-weight: 600;
    font-size: 26px;
    margin: 0;
}
.toggle_card .dinner_card_title button.toggle_button {
    position: absolute;
    right: 25px;
    height: 100%;
    top: 0;
    font-size: 20px;
}
.toggle_card.dinner_card button.toggle_button:before {
    content: "\f078";
}
.toggle_card.dinner_card.open button.toggle_button:before {
    content: "\f077";
}
.card_toggle_content {
    display: none;
    border: 1px solid #f0f0f0;
    width: calc(100% - 30px);
    left: 15px;
    position: relative;
    box-shadow: 0px 3px 14px rgba(43, 43, 43, 0.16);
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
#menu_card .card_toggle_content {
    display: block;
}
.custom_card {
    /*padding: 0;*/
    padding-right: 0;
}
.custom_text {
    padding-right: 5px;
}
.custom_text h5,
.custom_text .h5 {
    line-height: 1.5;
    font-weight: 600;
}
#shortcode_espectaculos .show_card a.the_button {
    text-align: center;
    margin: auto;
    margin-top: 0;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
#shortcode_espectaculos .show_card {
    float: left;
    border: 0;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 3px 14px rgba(43, 43, 43, 0.16);
    margin-bottom: 30px;
    position: relative;
    background-color: #F0F0F0;
}

.shortcode_cenas_y_tapas .slider_container {
    width: 100%;
    height: 100%;
}
.shortcode_cenas_y_tapas .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.shortcode_cenas_y_tapas .swiper-button-prev, 
.shortcode_cenas_y_tapas .swiper-button-next {
    background-color: rgba(172, 174, 174, 0.85);
    height: 58px;
    width: 28px;
    margin: 0;
    top: initial;
    top: inherit;
    z-index: 999;
}
.shortcode_cenas_y_tapas .swiper-button-prev {
    right: 0;
    left: initial;
    left: inherit;
    bottom: 20px; 
}
.shortcode_cenas_y_tapas .swiper-button-next {
    background-color: rgba(130, 133, 134, 0.85);
    bottom: 78px;
}
.shortcode_cenas_y_tapas .swiper-button-prev:before, 
.shortcode_cenas_y_tapas .swiper-button-next:before {
    width: 100%;
    height: 100%;
    background-size: 60px;
    margin-top: -35px;
    background-repeat: no-repeat;
}
.shortcode_cenas_y_tapas .swiper-button-next:before {
    background-position: -32px 9px; 
}
.shortcode_cenas_y_tapas .swiper-button-prev:before {
    background-position: 1px 9px; 
}
span.creditcards{
	font-size: 32px;
    color: #4a5358;
}
span.creditcards .fa-cc-visa{
    color: rgb(31, 37, 130);
}
span.creditcards .fa-cc-mastercard{
    color: #e35205;
}
span.creditcards .fa-cc-amex{
    color: #08c2ff;
}
span.creditcards .fa-cc-stripe{
    color: #6772e5;
}
span.creditcards .fa-cc-paypal{
    color: #0070ba;
}
.toggle_other_payment_methods{
	margin-left: 0;
	margin-right: 20px;
	font-size: 13px;
    color: #4a5358;
    text-decoration: underline;
    display: block;
    margin-top: 20px;
}
/* =======================
    CENA & TAPAS
======================== */
/*#wine_card img {
	margin-top: 20px;
}*/
/*.dinner_card table {
	margin-bottom: 20px;
}*/
.dinner_card table {
	width: 100%;
}
.dinner_card .first_row table {
    margin-top: -24px;
}
.dinner_card table .icon {
    margin: 0;
    display: block;
    margin: auto;
    position: relative;
    right: 0;
}
.dinner_card table ul li {
    line-height: 1.2;
}
.dinner_card table tr {

}
.dinner_card table th {
    vertical-align: bottom;
    padding-bottom: 10px;
    padding: 0 4px 15px;
    font-size: 13px;
    text-transform: uppercase;
}
.dinner_card table td {
    padding: 0 4px 0;
    vertical-align: top;
}
.dinner_card table th.description {
	text-align: left;
}
.dinner_card table th.price {
	text-align: center;
}
.dinner_card table td.description {
    text-align: left;
    width: 76%;
}
.dinner_card table td.price {
	text-align: right;
    width: 12%;
}
.dinner_card table td.price.null {
	text-align: center;
}
.second_row {
	margin-top: 30px; 
}
#wine_card .card_toggle_content, 
#products_card .card_toggle_content,
#drink_card .card_toggle_content {
    padding-bottom: 10px;
}  

/* =======================
    ICONS
======================== */
.icon {
    height: 40px;
    width: 40px;
    background-image: url(../img/icons/sprite.png);
    background-repeat: no-repeat;
    background-size: 200px;
}
.icon.inverse {
    /*background-image: url(../img/icons/sprite_inverse.png);*/
    background-image: url(../img/icons/sprite.png);
}
.icon.bailaora,
 {
	background-position: 0 0;
}
.icon.bailaor {
    background-position: -120px 0px;
}
.icon.cantaora,
.icon.cantaor {
    background-position: -40px 0;
}
.icon.guitarrista {
	background-position: -80px 0;
}
.icon.otros {
    background-position: -158px -8px;
}
.icon.percusion {
    background-position: -151px -81px;
}
.icon.copa_vino {
    background-position: 0 -80px;
}
.icon.botella_vino {
    background-position: -40px -80px;
}
.icon.clock {
    background-position: -80px -80px;
}
.icon.star {
    background-position: -120px -80px;
}
.artist_big_description .icon {
    display: none;
}
.wa-icon {
    margin-right: 4px;
    width: 16px;
    height: 16px;
}
/* =======================
    EL TABLAO
======================== */
#panoramic_fullwidth {
    width: 100%;
    padding: 130px 0;
    z-index: 9;
    position: relative;
    background-color: #ffffff;
    background-position: center;
    background-size: cover;
}
#panoramic_fullwidth * {
    color: #ffffff;
    font-weight: 100;
    font-size: 32px;
}
#page_content {
	padding-top: 50px;
}
.full_padding {
	padding: 25px 0;
}
.full_padding h1, 
.full_padding .h1 {
    margin-bottom: 0;
}
#tablao_slider .swiper-pagination-fraction {
    color: #ffffff;
    font-size: 18px;
    bottom: 34px;
    background-color: rgba(74, 84, 89, 0.85);
    padding: 5px;
    position: relative;
}
#tablao_slider {
    margin-bottom: 20px;
}

/* =======================
    CENAS Y TAPAS
======================== */
#cenas_y_tapas,
.page-template-template-cenas .shortcode_cenas_y_tapas {
	padding-top: 0;
}

/* =======================
    BLOG SIDEBAR
======================== */
#blog_sidebar h3 {
    border-bottom: 1px solid #DDDDDD;
    padding: 9px 0;
    color: #4A5459;
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0px 8px;
}
#blog_sidebar a{
	color: #707070;
}
#blog_sidebar a:hover{
	color: #FE2D12;
} 
#blog_sidebar .widget_search {
    padding-bottom: 12px;
}
#blog_sidebar > div {
    margin-bottom: 15px;
}
#blog_sidebar .search {
    position: relative;
}
#blog_sidebar .search input {
    background-color: #FFFFFF;
    border: 1px solid #A7A7A7;
    padding: 8px;
    width: 100%;
    padding-right: 50px;
    color: #B4B4B4;
    outline: 0!important;
}
#blog_sidebar .search button[role="button"] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-left: 0;
    height: 100%;
    width: 40px;
    text-indent: -999999px;
    background-image: url(../img/form/search-icon.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    outline: 0!important;
}
#single_content img {
    width: 100%; 
    height: auto;
}
#pagination {
    margin-top: 20px;
}
#pagination a {
    text-decoration: none;
    color: #757879;
}
.page-numbers.current {
    font-weight: 800;
}
/* =======================
    SINGLE
======================== */
.links-bottom{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;

    height: 45px;
    line-height: 42px;
}
.links-bottom a {
    color: #797c7d;
    /* text-transform: uppercase; */
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}
.single-post #date {
    text-transform: uppercase;
    display: block;
    margin-top: 20px;
    font-weight: 700;
    font-size: 15px;
}
.single-post h1 {
    margin: 15px 0 25px;
}
.single-post h2 {
    font-size: 28px;
    font-weight: 300;
    color: #777a7b;
}
.single-post h3 {
    color: #777a7b;
}
.single-post iframe {
    width: 100%!important;
    margin-top: 20px;
    margin-bottom: 10px;
}
/* =======================
    SINGLE SHOW
======================== */
.single-show nav#navigation #principal_navigation > li#menu-item-414 a:after {
    background-color: #FE2D12;
    width: calc(100% + 12px); 
}
.single-show strong {
    color: #757879;
    margin: 20px 0 16px;
    display: block;
}
.single-show .card_toggle_content strong {
    display: inline;
    margin: inherit;
}
.single-show .the-content strong {
    display: inline;
}
.artist_card {
    border: 0;
    float: left;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 3px 14px rgba(43, 43, 43, 0.16);
    margin-bottom: 30px;
}
.artist_image,
.artist_description,
.artist_read_more {
	float: left;
}
.artist_image {
    width: 80px;
    height: auto;
    margin: 0;
}
.artist_description {
    width: calc(75% - 90px);
    padding: 18px 20px 14px;
}
.artist_read_more {
    width: 25%;
    padding: 20px;
    text-align: right;
}
.artist_read_more .the_button.little_button {
    margin: 0;
    width: 100%;
}
.artist_card h2 {
    color: #666666;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px;
}
.artist_card p {
    margin-bottom: 0;
}
#event_location {
    margin-top: 24px;
    border-top: 1px solid #757879;
    padding-top: 12px;
} 
#event_location h4, 
#event_location li, 
#event_location li a {
    color: #97999a;
    font-size: 14px;
}
#event_location h4,
#event_location .h4 {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 500;
}
#event_location li {
    line-height: 1.3;
}
#event_location li a:hover {
    color: #5d5d5d;
}
#session_cards {
    padding-top: 20px;
}
#session_cards .dinner_card_title h3 {
    color: #757879;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    display: inline-block;
}
.session_card .card_toggle_content {
    padding: 5px 20px;
}
.dinner_card.session_card h4 {
    letter-spacing: 0;
    font-size: 17px;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 5px;
    font-weight: 500;
    margin-bottom: 8px;
}
.dinner_card.session_card ul {
    font-weight: 100;
    font-size: 14px;
}
.dinner_card.session_card ul li {
    margin-bottom: 2px;
}
.dinner_card.session_card ul strong {
    font-weight: 400;
}
.floating_heading {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}
/* =======================
    SINGLE ARTIST
======================== */
#artist_image {
	margin: 20px 0;
}
.single-artist h2 {
    margin-top: -4px;
}
.single-artist .the_button.little_button {
    margin-bottom: 20px;
    padding: 13px 20px;
    font-size: 16px!important;
}
.single-artist .the_button .fa {
    vertical-align: middle;
    font-size: 18px!important;
    margin-left: 3px;
}
.featured_quote {
    border-left: 0;
    padding: 0;
}
blockquote.featured_quote * {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
}
.single-artist #menu-item-91,
.single-artist #menu-item-413 {

} 
.single-artist nav#navigation #principal_navigation > li#menu-item-91 a:after,
.single-artist nav#navigation #principal_navigation > li#menu-item-413 a:after {
    content: " ";
    display: block;
    height: 1px;
    width: calc(100% + 12px);
    background-color: #FE2D12;
    margin-top: 2px;
    margin-bottom: -2px;
    left: calc(50% + 1px);
    position: relative;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#select_artist {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
#select_artist .dinner_card_title {
    padding: 9px 15px;
}
#select_artist .toggle_card {
    padding: 0;
    width: calc(50% - 15px);
    position: relative;
    z-index: 9999;
}
#select_artist .dinner_card_title {
    padding: 9px 15px;
}
#select_artist .toggle_card .dinner_card_title button.toggle_button {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    font-size: 13px;
    height: 100%;
    width: 40px;
}
#select_artist .card_toggle_content .text_card {
    width: 100%;
    padding: 15px;
}
#select_artist .card_toggle_content {
    position: absolute;
    background-color: #ffffff;
}
#page_default #select_artist .text_card ul {
    padding: 0 15px;
    margin: 0;
    cursor: pointer;
}
#page_default #select_artist .text_card ul li {
    font-weight: 400;
    margin-top: 4px;
}
#page_default #select_artist .text_card a{
    color: #989a9b;
    margin: 0;
    display: block;
}
/* =======================
    CALENDAR
======================== */
.calendar, 
.calendar_weekdays,
#calendar_content {
	position: relative;
}
#calendar_content {
	padding-bottom: 16px; 
}
.calendar-container {
  background-color: #FAFAFA;
  padding: 5px 20px;
}
.calendar_header {
    width: 100%;
    text-align: center;
    border-top: 1px solid #757879;
    border-bottom: 1px solid #757879;
    margin-bottom: 20px;
}
.calendar_header #calendar_month {
    padding: 0 10px;
    font-weight: 500;
    font-size: 20px;
    color: #FE2D12;
    float: left;
    width: 60%;
    height: 45px;
    line-height: 45px;
}
.single-post #calendar_month {
    font-size: 18px;
}
button.switch-month,
button.switch-day {
    background-color: transparent;
    padding: 0;
    outline: none;
    border: none;
    line-height: 1;
    height: 45px;
    color: #FE2D12;
    float: left;
    width: 20%;
    transition: color .2s;
    font-size: 18px;
    font-weight: 100;
}
button.switch-month:hover,
button.switch-day:hover {
    color: #4a5459;
}
button.switch-month:active,
button.switch-day:active {
    background-color: transparent;
}
.switch-left {
	text-align: right;
}
.switch-right {
	text-align: left;
}
.calendar_weekdays {
    margin-bottom: 0;
    padding: 6px 0;
}
#calendar_content, 
.calendar_weekdays, 
.calendar_header {
	position: relative;
}
#calendar_content:after, 
.calendar_weekdays:after, 
.calendar_header:after {
	content: ' ';
	display: table;
	clear: both;
} 
.calendar_weekdays div.shortdate, 
.calendar_weekdays div.wkday, 
#calendar_content div.day {
    border: 0;
    width: 14.28571%;
    overflow: hidden;
    text-align: center;
    background-color: transparent;
}
.calendar_weekdays div.shortdate,
.calendar_weekdays div.wkday {
    color: #b5b5b5;
    float: left;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    text-transform: uppercase;
    border-right: 1px solid #adadad;
    font-weight: 900;
}
.calendar_weekdays div.shortdate:last-child,
.calendar_weekdays div.wkday:last-child {
    border-right: 0;
}
#calendar_content div.day {
    padding: 5px;
}
#calendar_content div.day span {
    display: block;
    height: 50px;
    line-height: 50px;
    background-color: #F0F0F0;
/*     border: 1px solid #757879; */
    position: relative;
    outline: transparent solid 2px;
}
#calendar_content div.day.weekend span{
    border: 1px solid #ff2a25;
}
#calendar_content div.day span:hover,
#calendar_content div.day.today span:hover,
#calendar_content div.day.selected span {
    border: 1px solid #fe2d12;
    color: #fe2d12;
    outline: #fe2d12 solid 2px;
}


#calendar_content div.day.today span {
    border: 1px solid #5d5d5d;
    color: #5d5d5d;
    outline: #5d5d5d solid 2px;
} 
#calendar_content div.day.disallow span:hover {
    border: 1px solid #757879;
    color: #757879;
    outline: transparent solid 2px;
}
#calendar_content div span:before {
    content: ' ';
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: #d9dada;
    border-radius: 50%;
}
#calendar_content div.wk-row{
	width: 100%;
}
#calendar_content div.day {
    float: left;
    cursor: pointer;
    color: #979A9C;
    font-weight: 100;
}
#calendar_content div.day.disallow {
    opacity: 0.35;
    cursor: default;
} 
#calendar_content div.day.disallow span:before {
    background-color: transparent;
}
#calendar_content div.day.high span:before {
    background-color: #5BD104;
}
#calendar_content div.day.low span:before {
    background-color: #F29E00;
    height: 4px;
    border-radius: 0 0 8px 8px;
} 
#calendar_content div.day:hover{
	border: 0;
}
#calendar_content div.day.today{
	font-weight: bold;
	color: #5d5d5d;
}
#calendar_content div.day.today.selected span {
    border: 1px solid #fe2d12;
    color: #fe2d12;
    outline: #fe2d12 solid 2px; 
}
#calendar_leyend {
/* 	background-color: #ffffff; */
}
#calendar_leyend li {
    display: block;
    font-size: 13px;
}
#calendar_leyend li:before {
    content: ' ';
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #d9dada; 
    border-radius: 50%;
    margin-right: 5px;
}
#calendar_leyend li.high:before {
    background-color: #5BD104;
}
#calendar_leyend li.low:before {
    background-color: #F29E00;
    height: 4px;
    border-radius: 0 0 8px 8px;
}
#calendar_leyend li.unavailable:before {
    border: 1px solid #FE2D12;
    background: #fff;
    width: 9px;
    height: 9px;
    margin-left: -1px;
}
#calendar_description {
    text-align: center;
    margin-bottom: 20px; 
}
#calendar_description h2 {
    font-size: 30px;
}
#full_calendar .the_button:focus {
    background-color: #FE2D12; 
    color: #ffffff;
}
.calendar_height #problems_message .col-xs-12 {
    padding-left: 10%;
}
/* =======================
    FULL CALENDAR
======================== */
#full_calendar.section {
    padding-top: 0;
    padding-bottom: 40px;
}
#full_calendar #calendar_content div span {
    height: 110px;
    line-height: 110px;
    font-size: 44px;
    font-weight: 100;
}
#full_calendar #calendar_content div span:before {
    width: 12px;
    height: 12px;
    bottom: 9px;
    right: 9px;
}
#full_calendar #calendar_content div.low span:before {
    height: 6px;
    border-radius: 0 0 12px 12px;
}
#full_calendar #calendar_content div.none span:before{
	border: 2px solid #FE2D12;
    background: #fff;
    width: 12px;
    height: 12px;
    margin-left: 0px;
}
#full_calendar .switch-left {
    text-align: left;
    padding-left: 10px;
} 
#full_calendar .switch-right {
    text-align: right;
    padding-right: 10px;
}
#full_calendar .calendar_header {
    padding: 6px 0;
}
#full_calendar .the_button{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
#full_calendar #calendar { 
    margin-bottom: 30px;
}
.supplement-title{
	position: relative;
  padding: 12px 10px 12px 0px;
}
.supplement-title:after{    
	content: "?";
    font-size: 10px;
    width: 14px;
    height: 14px;
    background-color: #ababab;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: block;
    position: absolute;
    top: 14px;
    right: -16px;
}
.supplement-title:hover + .supplement-explanation,
.supplement-explanation:hover {
	display: block;
}

.supplement-explanation{
	display: none;
	position: absolute;
    background: #aaa;
    color: #fff;
    padding: 10px;
    margin: 0 10px;
    z-index: 1;
    font-size: 14px;
    min-width: 350px;
}
/* =======================
    AFFILIATES
======================== */
.affi span {
    display: block;
    margin: 20px;
}
.af h2{
    font-size: 16px;
}
.affi h2 {
        display: inline-block;
        width: 90%;
}
.affi button {
    display: inline-block;
    width: 10%;
}
.if_is_logged {
    width: 100%;
    border-top: 10px solid #f0f0f0;
    display: block;
}
.logged-in .if_is_logged {
    display: none;
}
.affwp-form .button {
    background-color: #FE2D12;
    display: inline-block;
    padding: 15px 30px;
    color: #ffffff;
    text-shadow: none;
    font-size: 20px!important;
    border-radius: 4px;
    margin-bottom: 16px;
    border: 0;
    float: right;

}
.affwp-form input[type=text], .affwp-form input[type=password], .affwp-form input[type=email], .affwp-form input[type=url], .affwp-form textarea {
    
    padding: 8px;
}
/* =======================
    BLOG
======================== */
.page-template-template-blog h1, 
.category h1 {
    /*margin-top: 4px;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 26px;
    text-transform: uppercase;
	margin-bottom: 30px; */
}
.blog_card {
    cursor: pointer; 
}
.blog_card div.card_container {
    width: 100%;
    min-height: 350px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 30px;
}
.blog_card h2, .blog_card .h2 {
    color: #ffffff;
    font-size: 26px;
    font-weight: 400;
}
.blog_card a {
    display: block;
    background-color: rgba(31, 35, 38, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
}
.text-link {
    text-align: center;
    position: absolute;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.6);
    top: 50px;
    width: 100%;
    color: #ff2d11;
}
.text-link span {
    position: relative;
    z-index: 10;
    transition: color 200ms ease-in;
}
.text-link span:hover {
    color: #fff;
    transition: color 400ms ease-out;
}
.blog_card a:hover {
    background-color: rgba(31, 35, 38, 0.9);
}
.vertical_align {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    padding: 20px;
}
#minicard_list h2,
#minicard_list h3 {
    color: #4A5459;
    font-size: 20px;
    font-weight: 500; 
}
#minicard_list h2{
    font-size: 20px;
}
#minicard_list h3 {
    font-size: 16px;
    margin: 0;
}
#minicard_list a.post_minicard {
    color: #4A5459;
    border-bottom: 1px solid #dddddd;
    display: block;
    padding: 12px 0px;
}
#minicard_list a.post_minicard .fa {
    color: #fe2d12;
    margin-left: 4px;
    font-size: 11px;
    vertical-align: middle;
}
.post_minicard h3 {
    display: inline-block;
    width: calc(100% - 110px);
}
.post_minicard span {
    display: inline-block;
    font-size: 14px;
    text-align: right!important;
    width: 105px;
}
a.post_minicard:hover span {
    color: #fe2d12;
}
#minicard_list a.post_minicard:hover h3 {
    color: #949b9e;
}

/* Modal ticket */
.row.ticket-details{
    display: flex;
}
.ticket_card h3 {
    margin: 10px 0;
}
.stripe3-error{
  color: red;
  font-weight: bold;
}
/* =======================
    AFFILIATE AREA
======================== */ 


/* =======================
    TEMP IBÉRICO EXPERIENCE PROMO (UNTIL SEPT 2019)
======================== */ 

li#extra-iberico {
    display: initial;
}
li#extra-iberico .blog_card a {
    background-color: rgba(31, 35, 38, 0.0);
}
li#extra-iberico .vertical_align{
    width: 100%!important;
    height: 100%!important;
}
li#extra-iberico h2 {
    font-size: 20px;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 6px;
}
li#extra-iberico .the_button {
    position: fixed;
    bottom: 3%;
    left: 25%;
    width: 50%;
    padding: 8px 5px;
    font-size: 18px!important;
}


/* =======================
    FOOTER
======================== */ 
footer {
    background-color: #4A5459;
    color: #ffffff;
    padding: 40px 0 0;
    position: relative;
    z-index: 0;
}
#footer_menu_list {
    padding-bottom: 30px;
    color: #ffffff;
}
#footer_menu_list h3, 
#footer_menu_list p, 
#footer_menu_list a {
    color: #D1D1D1;
}
#footer_menu_list .h4 {
    color: #ffffff;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
}
#footer_menu_list a:hover {
	color: #ffffff;
}
#footer_nav li {
    font-size: 14px;
    margin-bottom: 1px;
}
#footer_nav img {
    width: 100%;
    height: auto;
    max-width: 300px;
    margin-bottom: 32px;
    opacity: 0.7;
}
#footer_nav img:hover {
    opacity: 0.9;
}
.info_block {
    margin-bottom: 10px;
}
#footer_info img,
#footer_info ul {
    display: inline-block;
    vertical-align: middle;
    color: #757879;
}
#footer_info img {
    width: 25px;
    margin-right: 4px;
    height: auto;
}
#footer_info img.wa-icon {
    width: 12px;
    height: 12px;
}
#footer_info a.responsive_image img {
    display: block;
    width: 100%;
    max-width: 290px;
    margin-top: 10px;
    margin-bottom: 18px;
}
#footer_info ul p {
    color: #757879;
    margin-bottom: 0;
}
.grecaptcha-badge {
display: none !important;
}
.wasup{
	margin-bottom: 10px;
	display: block;
}
.wasup i{
	font-size: 24px;
	color: #ffffff;
	background-color: #1ebea5;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	text-align: center;
	line-height: 19px;
    margin-right: 8px;
}
#footer_info ul.social_menu li {
    display: inline-block;
    font-size: 23px;
    margin: 0 5px;
}
#footer_info a {
    color: #c8cbcd;
}
#footer_info a.address {
    font-weight: 700;
    font-size: 17px;
}
#footer_info ul.social_menu li span {
    text-indent: -99999px;
    display: inline-block;
    overflow: hidden;
}
#footer_menu_list #footer_reviews p, 
#footer_menu_list #footer_reviews li {
    color: #bbbbbb;
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 8px;
}
#footer_reviews a {
	font-weight: 500;
    color: #D1D1D1;
}
#footer_reviews a:hover {
	color: #ffffff;
}
#footer_reviews img {
    width: 80%;
    max-width: 250px;
}
#sub_footer {
    background-color: #3C454A;
    padding: 15px 0;
    font-size: 11px;
    color: #D1D1D1;
}
#sub_footer .menu-legal-menu-container,
#sub_footer ul,
#sub_footer ul li {
	display: inline-block;
	color: #D1D1D1;
}
#sub_footer ul li:before {
	content: '|';
	display: inline-block;
	margin: 0 6px;
}
#sub_footer a {
	color: #D1D1D1;
}
#footer_reviews img {
    opacity: 0.7;
}

#footer_reviews a img {
    margin-bottom: 0;
}

#footer_reviews a:hover img {
    opacity: 0.9;
}

#UE_footer {
    /* background-color: #3C454A; */
    background-color: #fff;
    padding: 24px 0;
    overflow: hidden;
    text-align: center;
}
#UE_footer a {
    display: inline-block;
    vertical-align: middle;
    margin: 24px;
}
#UE_footer img {  
    height: 54px;
    width: auto;
    margin: 0;
}
#UE_footer img#comunidad_de_madrid {
    height: 42px;
} 

/* =======================
    YOUTUBE SLIDER 
======================== */

#frame_youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    width: 90%;
    height: auto;
    max-width: 1200px;
    /* height: 480px; */
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 9999;
}
#youtube_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #3C454A;
    z-index: -1;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
#youtube_overlay.open {
  visibility: visible;
  z-index: 999;
}
#close_video {
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: #CFCFCF;
    font-size: 80px;
    font-weight: 100;
    position: absolute;
    top: 0;
    right: 40px;
    text-shadow: 0 0 8px #6A6A6A;
        z-index: 99999;

}
/* =======================
    JUSTIFIED GALLERY
======================== */
@-webkit-keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@-moz-keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@-o-keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@-webkit-keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@-moz-keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@-o-keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: 300;
  font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
  display: initial;
  opacity: 0.7;
  filter: "alpha(opacity=70)";
  /* IE8 or Earlier */
  -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
  -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
  -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* IE8 or Earlier */
  -webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;
  -moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;
  -ms-animation: justified-gallery-show-entry-animation 500ms 0 ease;
}
.photo_frame.jg-entry {
  visibility: visible;
  opacity: 1;
  -webkit-animation: all 0.3s ease-in-out;
  -moz-animation: all 0.3s ease-in-out;
  -ms-animation: all 0.3s ease-in-out;
}
.justified-gallery > .jg-filtered {
  visibility: hidden;
  opacity: 0;
  -webkit-animation: all 0.3s ease-in-out;
  -moz-animation: all 0.3s ease-in-out;
  -ms-animation: all 0.3s ease-in-out;
}
.justified-gallery > .spinner {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0 10px 0;
  left: 50%;
  opacity: initial;
  filter: initial;
  overflow: initial;
}
.justified-gallery > .spinner > span {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  /* IE8 or Earlier */
  width: 8px;
  height: 8px;
  margin: 0 4px 0 4px;
  background-color: #799296;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* =======================
  GALLERY PAGE
======================== */
.page-template-template-gallery main {
    padding-bottom: 0;
}
#generic_slider.gallery_slider{
    height: 90vh;
}
#categories_menu_gallery {
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 99;
    padding: 124px 14px 14px;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top: 0;
}
#categories_menu_gallery.sticky {
    padding-top: 104px; 
    /*background-color: #4a5459;
    color: #ffffff;*/
}
#categories_menu_gallery ul {
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}
#categories_menu_gallery ul li {
  display: inline-block;
  margin: 0 12px;
  color: #3c454a;
}
#categories_menu_gallery ul li a {
  color: #4a5459;
  border-bottom: 1px solid transparent;
  text-transform: capitalize;
}
#categories_menu_gallery ul li a:hover, 
#categories_menu_gallery ul li a.active {
    color: #ff2a25;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-bottom: 1px solid #fe2d12;
}
#gallery.the_band {
    min-height: 90vh;
    padding-top: 162px;
    padding-bottom: 0;
}
.photo_frame {
  cursor: pointer;
}
#gallery_photo .photo_frame .overlay {
    position: absolute;
    width: 100%;
    background: #4a5459;
    bottom: -46px;
    top: initial;
    height: 45px;
    padding: 11px 18px;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
#gallery_photo .photo_frame:hover .overlay {
  bottom: 0;
  opacity: 1;
}
#gallery_photo .overlay span {
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
}
.resize_image {
  background-image: url(../img/arrows/resize_image.png);
  width: 40px;
  height: 40px;
  position: absolute; 
  right: 2px;
  top: 3px;
  background-size: 40px;
}
#generic_slider_wrapper {
  position: fixed;
  background-color: rgba(60, 69, 74, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out; 
  transition: all 0.25s ease-in-out;
  -webkit-transition-delay: 0.3s; /* Safari */
  transition-delay: 0.3s;
}
#generic_slider_wrapper.open{
  z-index: 99999;
  opacity: 1;
  visibility: visible; 
}
#generic_slider_wrapper #gallery_slider {
  width: 100%;
  overflow: hidden;
  height: 100%;
}
#generic_slider_wrapper #gallery_slider .slider_container {
  width: 100%;
  height: 100%;
}
#generic_slider_wrapper #gallery_slider .swiper-slide {
  text-align: center;
  background: transparent;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
#generic_slider_wrapper #gallery_slider .swiper-slide img{
  -webkit-transition: all 0.25s ease-in-out; 
  transition: all 0.25s ease-in-out;
  max-height: calc(100vh - 150px); 
  max-width: calc(100vw - 150px);
}
#generic_slider_wrapper #gallery_slider .swiper-slide img,
#generic_slider_wrapper #gallery_slider .swiper-slide .slide-description{
  opacity: 0;
}
#generic_slider_wrapper #gallery_slider .swiper-slide.swiper-slide-active img,
#generic_slider_wrapper #gallery_slider .swiper-slide.swiper-slide-active .slide-description{
  opacity: 1; 
}
div.horizontal {
    display: flex;
    justify-content: center;
}

div.vertical {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*#generic_slider_wrapper #gallery_slider .swiper-slide:nth-child(2n) {
  width: 40%!important;
}
#generic_slider_wrapper #gallery_slider .swiper-slide:nth-child(3n) {
  width: 20%!important;
}*/
.slide-description {
  position: absolute;
  text-align: center;
  bottom: 0px; 
  left: 0;
  width: 100%;
  height: 75px;
  line-height: 75px;
}
#generic_slider_wrapper #gallery_slider .swiper-slide.swiper-slide-active .slide-description p {
  font-weight: 400;
  font-size: 15px;
  color: #ffffff;
  text-transform: uppercase;
}
#close_generic_slider_wrapper {
    cursor: pointer;
    position: absolute;
    width: 60px;
    height: 60px;
    right: 20px;
    top: 20px;
    background-image: url(../img/form/sprite-form_white.png); 
    background-size: 56px;
    background-position: 3px -4px;
    cursor: pointer;
    background-repeat: no-repeat;
    z-index: 999999;
}
/* =============================
    BUY TICKETS FINETUNING
============================== */
.number_control button {
    overflow: hidden;
    padding: 0;
}
.number_control button:hover {
}
.number_control button:focus {
    border: 1px solid #fe2d12;
    /*background-color: #ebebeb;*/
}
.number_control .fa {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 26px; 
}
#buy_tickets_page {
    padding-top: 120px;
}
#buy_tickets_page.loading {
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
}
.promo-banner {
    background: #D3D3D3;
    color: #fff;
    width: 100%;
    max-width: 300px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    float: right;
}
.promo-banner.active{
    background: #FE2D12;
}
.promo-banner .hilight{
    float: left;
    line-height: 44px;
    font-size: 31px;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
}
.promo-banner .explanation{
	line-height: 20px;
    padding: 3px;
}
.promo-banner .explanation a{
	color: #fff;
}
.promo-banner .explanation a:hover{
	text-decoration: underline;
}
/* ========================
    REVIEWS
======================== */
#review_cards li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
    margin-bottom: 50px;
}
#review_cards li:last-child {
    border-bottom: 0; 
}
#review_cards blockquote {
    border-left: 0;
    margin-top: 8px;
    padding: 0;
    margin-bottom: 10px;
}
#review_cards blockquote * {
    font-size: 16px;
    color: #757879;
}
#review_cards h3 {
    margin-bottom: 5px;
}
#review_cards h4 {
    font-size: 16px;
}
/* ========================
    CONTACT
======================== */
#map_wrapper {
    position: relative;
    padding: 20px 0 30px;
}
#map {
    position: relative;
    width: 100%;
    height: 350px;
}
#contact_section {
    width: 100%;
}
#overlay_map_wrapper {
    /*position: absolute;
    width: 35%;
    top: 0;
    height: 100%;*/
}
#overlay_map {
    width: 100%;
    float: right;
    background-color: #4a5459;
    color: #c6c9cb; 
    padding: 30px 20px;
    height: 350px;
    position: absolute;
    bottom: 0;
}
#overlay_map a {
    color: #e6e6e7; 
    font-weight: 500;
} 
#overlay_map strong {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 2px;
    display: block;
} 
#overlay_map .responsive_image img {
    margin-bottom: 20px;
    max-width: 190px;
    opacity: 0.8;
}
.contenido_horarios h2 {
    margin-top: 0;
}
.contact-left {
    padding-right: 7px;
}
.contact-right {
    padding-left: 7px;
}
.inline-block {
    display: inline-block;
}
span.wpcf7-list-item {
    margin-left: 0;
}
input[type=submit].the_button {
    margin-top: 15px; 
}
.checkwrap .wpcf7-list-item-label {
    display: none;
}
#contact_section img.wa-icon {
    width: 16px;
}
#contact_section input[type=submit].the_button {
    float: right;
}
/* #footer_nav img.esp-puede-logo{
  margin: 20px 0;
  height: 60px;
  width: auto;
} */
a#logo_PRTR{
    margin-top: 15px;
    display: block; 
}
a#logo_PRTR img, a#logo_financiacion img {
    height: auto;
    width: 100%;
    max-width: 200px;
}
/* =======================
  QUOTE SLIDER
======================== */
#quote_slider {
    height: auto;
    z-index: 0; 
}
#quote_slider .background_gray {
    padding-top: 30px;
    padding-bottom: 40px;
    min-height: 280px;    
    background-color: #f0f0f0;
}
#quote_slider .slider_container {
    height: auto;
}
#quote_slider .preview_description {
    padding: 30px 80px;
    width: 100%;
    text-align: left;
}
#quote_slider .preview_description h3, 
#quote_slider .preview_description .mini_heading, 
#quote_slider .mini_heading {
    margin: 2px 0;
}
#quote_slider blockquote {
    border: 0;
    padding: 0;
    margin: 10px 0 20px;
    padding-right: 20px;
}
#quote_slider .swiper-pagination.swiper-pagination-clickable {
    bottom: 0;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}
#quote_slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #cdcfd1;
    border: 0;
    box-shadow: none;
}
#quote_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #81878e; 
    border: 0;
} 
#quote_slider .swiper-button-prev:before, 
#quote_slider .swiper-button-next:before {
    background-image: url(../img/arrows/arrows_gray.png);
    height: 70px;
    margin-top: -50px;
    width: 40px;
    z-index: 99;
    background-size: 80px;
    width: 100%;
    height: 100%;
    top: 50%;
    margin-top: -90%;
}
#quote_slider .swiper-button-prev, 
#quote_slider .swiper-button-next {
    height: 70px;
    margin-top: -50px;
    width: 40px;
    z-index: 99;
}
#quote_slider .swiper-button-next:before {
    background-position: 38px 0px;
}
#quote_slider .swiper-button-prev:before {
    background-position: 1px 0px;
}
.review-url{
	color: #5d5d5d;
}
.review-url:hover{
	color: #FE2D12;
}


/* =======================
    INTRO SHOW
======================== */

h1.title-show{
  margin-bottom: 10px;
}
h4.date-show{
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
}
 .intro{
   color: #FE2D12;
   font-size: 22px;
   margin-top: 0px;
 }
#calendar_description h3{
  text-align: left;
  font-size: 22px;
  font-weight: 500;
}
#calendar_description p{
  text-align: left;
  font-size: 15px;
}

/* =======================
    INTERNET EXPLORER
======================== */
.esploter{

}
/* =======================
    INTERNET EXPLORER
======================== */
#content_404 h1,
#content_404 h2 {
    color: #ffffff;
    margin: 0;
}
#content_404 h1 {
    margin-bottom: 10px;
}
#content_404 h2 {
    line-height: 1.2;
    font-size: 28px;
    font-weight: 300;
    text-transform: none;
    max-width: 460px;
}
#content_404 .the_button {
    margin-top: 20px; 
}


.mobile-only-band{
	display: none;
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    background-color: #fe2d12;
    height: 48px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    font-size: 13px;
    font-weight: 100;
    z-index: 10;
}
.mobile-only-band .mobile-back-btn,
.mobile-only-band .mobile-checkout-btn{
    height: 48px;
    display: block;
    float: left;
    width: 14%;
    overflow: hidden;
    background-color: #3c454a;
    color: #fff;
    line-height: 48px;
    text-align: center;
}
.mobile-only-band .mobile-checkout-btn{
    width: 25%;
    background-color: #fe2d12;
    font-weight: bold;
    opacity: 0.5;
}
.mobile-only-band .mobile-checkout-btn.active{
	opacity: 1;
}
.mobile-only-band .mobile-block{
	float: left;
	height: 48px;
	position: relative;
	border-right: solid 1px rgba(255,255,255,0.3);
	color: #fff;
	width: 18%;
    padding-top: 0px;
    line-height: 22px;
	
}
.mobile-only-band .mobile-block.mobile-total{
	width: 25%;
}
.mobile-only-band .mobile-block .mobile-small-title,
.mobile-only-band .mobile-block .mobile-info-amount{
	width: 100%;
	text-align: center;
	display: block;
}
.mobile-only-band .mobile-block .mobile-info-amount{
	font-size: 24px;
}


/* =======================
    ASIDE BANNER
======================== */
.banner {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 0 30px;
}
.banner-content {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
}
.banner-content h3,
.banner-content h3 a,
.sin-imagen .banner-content h3 a {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-top: 0; 
}
.sin-imagen .banner-content h3 a {
    color: #666666;
}
.banner-content div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
}
aside {
    margin-top: 19px;
}
aside #custom-banners {
    margin-top: 0px;
}
aside .sin-imagen {
    /*box-shadow: 0px 0px 9px rgba(0, 3, 6, 0.2); */
}
aside .sin-imagen .banner-content {
    background-color: #F0F0F0;
}
aside .sin-imagen h3{
    color: #FAB80E; 
    margin-top: 0px;
}
aside .sin-imagen hr {
    border-top: 2px solid #fe2d12;
    algin: left;
    width: 50%;
    margin: 0;
    margin-bottom: 20px;
}
aside .sin-imagen a {
    color: #fe2d12;
    padding-left: 0px;
    font-size: 15px;
}
.sin-imagen .banner-content div {
    position: initial;
    width: 100%;
    padding: 0px;
}
aside .sin-imagen h3 {
    min-height: 220px;
    padding-bottom: 30px;
}
.sin-imagen .banner-content {
    position: initial;
    
}
aside .texto-fuera h3 {
    color: #4484E5;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
}
.banner .the_button {
    margin: 0;
    width: 100%;
    padding: 12px 30px;
}

.coupon-code-reminder{
	font-size: 16px;
}
.coupon-code-reminder p{

	color: #fe2d12;
}
.btn.promo-red-btn{
	background-color: #fe2d12;
	border-color: #fe2d12;
	color: #fff;
}
.white_select .heading .promo-description{
	font-size: 18px;
}
.white_select .heading .promo-subdescription{
	font-size: 14px;
    color: #444455;
}
.coupon-code-reminder .coupon-code-icon{
	display: inline-block;
	width: 40px;
	height: 27px;
	background-image: url(../img/coupon-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	
    background-size: contain;
    vertical-align: middle;
}

.coupon-code-reminder .bottle-icon{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url(../img/bolsa-botella.png);
	background-repeat: no-repeat;
	background-position: center center;
	
    background-size: contain;
    vertical-align: bottom;
}
.coupon-code-reminder .small{
	font-size: 14px;
	color: #757879;
}
.cookie-warning {
    display: none;
    position: absolute;
    left: 0;
    top: -73px;
    background: #fff;
    padding: 15px;
    font-size: 12px;
}
#cookie-message {
    position: fixed;
    bottom: 148px;
    left: 0;
    background-color: #e0e0e0;
    z-index: 9999;
    width: 100%;
    display: none;
    height: auto;
    padding: 12px 20px;
    /*display: block;*/
}
#cookie-message p {
    margin-bottom: 0px;
    margin-top: 8px;
}

#cookie-message #close-cookies {
    float: right;
    margin: 0;
    font-weight: bold;
    color: white;
    background: red;
    padding: 7px;
    border-radius: 3px;
    margin-left: 2px;
}

.menu-item.menu-item-32862:after{
	content:"!";
	background: #f00;
	color: #fff;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	font-weight: bold;
	font-size: 13px;
	display: inline-block;
	text-align: center;
	line-height: 15px;
	text-indent: -2px;
	margin-left: 3px;
}

/* =======================
  TEMPLATE: VIDEO PAGE
======================== */
#hero_vid {
    width: 100%;
    padding: 0;
    background: #000;    
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
    height: 0;
}
#hero_vid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#hero_vid p{
    margin:0;
    padding:0;
}
.page-template-template-video #quote_slider {
    padding-top: 0;
}	

body.page-template-template-video header{
    background: #f0f0f0;
}
body.page-template-template-video #hero_vid {
    margin-top: 0;
    padding-top: 0;
}

#hero_vid video {
    width: 99.9%;
    height: auto;
}

/* =======================
    VIDEO HOME
======================== */  
.home .videowr.blog_card:first-child {
    height: auto;
    position: relative;
}
.home .videowr.blog_card:first-child a{
    padding: 0;
    margin: 0;
    background: transparent;
    position: absolute;
    z-index: 1;
    background-color: #FE2D12;
    display: inline-block;
    width: 200px;
    height: auto;
    padding: 10px;
    left: 50%;
    margin-left: -100px;
    font-weight: 400;
    top: 50%;
    margin-top: 50px;
}
.home .videowr.blog_card:first-child a:before{
    display: inline-block;
    content: url(../img/icons/play-button-white.svg?v=2);
    width: 60px;
    height: 60px;
    left: 70px;
    position: absolute;
    top: -100px;
    z-index: 10;
}
.home .videowr #hero_vid {
    background-color: #fff;
    padding-bottom: 52.5%;
    padding-top: 0;
}
.home .videowr.blog_card:hover:first-child a:before{
    -webkit-animation: pulse 1300ms ease-in;
    -moz-animation: pulse 1300ms ease-in;
     animation: pulse 1300ms ease-in;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;    
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
 }
 25% {
    -webkit-transform: scale(1.1);
    opacity: 0.6;
 }
 50% {
    -webkit-transform: scale(1.5);
    opacity: 0.3;
 }
 75% {
    -webkit-transform: scale(1.1);
    opacity: 0.6;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 1;
 }
}
.home .blog_card.framewr #hero_vid {
    text-align: center;
    padding:0;
}
.home .blog_card.framewr a {
    display: inline-block;
    background-color: #FE2D12;
    position: static;
    width: 70%;
    padding: 0;
    line-height: 2em;
    height: auto;
    position: relative;
    top: 50%;
    margin-top: 35px;
}

.home .blog_card.framewr a:after{
    display: inline-block;
    content: url(../img/icons/play-button-white.svg?v=2);
    width: 60px;
    height: 60px;
    left: 50%;
    position: absolute;
    top: -90px;
    z-index: 10;  
    transform: translateX(-50%);
}

/* ==============================
    Google Console JP fixes
=============================== */
body.page-template-template-location.contact-location.ja ul[itemprop="location"] li {
    margin: 10px 0;
    line-height: 1.6em;
}
body.page-template-template-location.contact-location.ja #overlay_map,
body.page-template-template-location.contact-location.ja #map {
    height: auto;
}
body.page-template-template-location.contact-location.ja.contenido_horarios {
    margin-top: 30px;
}

body.page-template-template-location.contact-location.ja #map_wrapper + .container ul {
    font-size: 1.1em;
    line-height: 1.6em;
    margin-bottom: 20px;
}

/* temporary: specific 2nd card CSS when 1st card is a video
.home li:nth-child(2) .card_container {
    min-height: 394px;
}
.home #hero_vid{
    padding-top:0;
}

@media (min-width: 1200px) {
    .home .videowr.blog_card:first-child{
        width: 50%;
    }
    .home .blog_card:nth-child(2){
        width: 50%;
    }
    .home .blog_card:first-child .card_container {
        min-height: 293px;
    }  
    .home .blog_card:nth-child(2) .card_container {
        min-height: 293px;
    }    
}
@media (max-width: 1200px) {
    li:nth-child(1) .card_container {
        min-height: 396px;
    }
    li:nth-child(2) .card_container {
        min-height: 326px;
    }    
    .home .videowr.blog_card:first-child a:before {
        top: -180px;
        left: 210px;
    }    
    .blog_card div.card_container {
        width: 100%;
        min-height: 326px;
    }
}
@media (max-width: 992px) {
    #contact_section input[type=submit].the_button {
        float: none;
    } 
    .home .videowr #hero_vid{
        padding:0;
        margin:0;
    }
    li:nth-child(2) .card_container {
        min-height: 326px;
    }
    .home .videowr.blog_card:first-child a{
        left: 15px;
        top: 100%;
        margin-left: 0;
        margin-top: -50px;
        width: 470px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .home .videowr.blog_card:first-child a:before {
        top: -120px;
     }
    .home .videowr.blog_card:first-child a{
        left: 50%;
        margin-left: -235px;
        top: 50%;
        margin-top: 70px;
        width: 470px;
    } 
}
@media (max-width: 768px) {
    .home .videowr #hero_vid{
        margin-bottom: 92px;
    }
    .home .videowr.blog_card:first-child a:before {
        top: -140px;
        left: 210px;
    }
    .home .videowr.blog_card:first-child a{
        left: 50%;
        margin-left: -235px;
        top: 50%;
        margin-top: 80px;
    }       
}
@media (max-width: 760px) {
    .home .videowr.blog_card:first-child{
        display:none;
    }      
}
*/
/* =======================
    MEDIAQUERIES
======================== */

body #intercom-container .intercom-launcher-frame{
	bottom: 70px!important;
}
body #intercom-container:after{
    content: "Chat";
    color: #fff;
    font-size: 11px;
    display: block;
    position: absolute;
    bottom: 55px;
    right: 0;
    width: 102px;
    text-align: center;
    text-shadow: #000 0 0 7px;
}
iframe.intercom-launcher-discovery-frame {
    width: 60px!important;
}
.circulo img{
  max-height: 200px;
  width:auto;
  height:auto;
}

@media (max-width: 1200px) { 
    body {
        padding-top: 69px;
    }
    header {
        overflow: inherit;
        overflow: initial;
        min-height: inherit;
        min-height: initial;
    }
	main { 
		min-height: auto;
	} 

    /* home grid card jslink */
    .text-link {
        top: 200px;
        padding: 10px 0;
    }

    #header_principal {
        height: auto;
    }
	#header_principal .row{
		text-align: center; 
	}
    #logo_wrapper {
        /* float: none; */
        margin: 0;
        width: 220px;
        margin: auto;
        margin-top: 12px;
        margin-left: 14px;
    }
    #sub_header .row{
        position: relative;
    }
	header #header_principal h1 {
		background-size: 300px;
	}
    #header_principal .container {
        width: 100%;
    }
	/* NAV APP MODE */ 
    nav#navigation {
        display: block;
        background-color: #4a5459;
        position: fixed;
        right: -280px;
        top: 70px;
        height: calc(100% - 70px);
        width: 260px;
        color: #ffffff;
        z-index: -9;
        overflow-y: scroll;
        box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);
        -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        margin-top: 0;
    }
    #preheader {
        display: none;
    }
    #sub_header {
        background-color: #3c454a;
    }
    #language_switch {
        position: relative;
        float: left;
        width: 100%;
    }
    #language_wrapper {
        position: relative;
    }
    .menu-principal-navigation-container {
        width: 100%
    }
	nav#navigation .menu > ul > li a:after,
	nav#navigation #principal_navigation > li a:after{
		display: none;
	}
	nav#navigation.open{
		right: 0;
	}
	nav#navigation .menu > ul,
	nav#navigation #principal_navigation {
		padding: 0;
		margin-top: 0;
		padding-bottom: 0;
		height: auto; 
	}
	nav#navigation .menu > ul li,
	nav#navigation #principal_navigation li {
        width: 100%;
        text-align: left;
        padding: 0;
        border-bottom: 1px solid #757879;
	}
	nav#navigation .menu > ul li.current_page_item,
	nav#navigation #principal_navigation li.current_page_item {
		background-color: #FE2D12;
	}
	nav#navigation .menu > ul > li:first-child,
	nav#navigation #principal_navigation > li:first-child{
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	nav#navigation .menu > ul > li a,
	nav#navigation #principal_navigation > li a {
		font-size: 1em;
		padding: 11px 22px;
	}
	nav#navigation .menu > ul > li a:hover,
	nav#navigation #principal_navigation > li a:hover {
		color: #ffffff;
	}
	nav#navigation .menu > ul > li.current-menu-item > a, 
	nav#navigation .menu > ul > li.current-menu-parent > a,
	nav#navigation .menu > ul > li > ul > li.current-menu-item > a,
	nav#navigation #principal_navigation > li.current-menu-item > a, 
	nav#navigation #principal_navigation > li.current-menu-parent > a,
	nav#navigation #principal_navigation > li > ul > li.current-menu-item > a {
		color: #ffffff;
	}
	nav#navigation .menu > ul > li.current-menu-item > a:after, 
	nav#navigation .menu > ul > li.current-menu-parent > a:after,
	nav#navigation #principal_navigation > li.current-menu-item > a:after, 
	nav#navigation #principal_navigation > li.current-menu-parent > a:after{
		display: none;
	}
    nav#navigation .menu > ul > li a, 
    nav#navigation #principal_navigation > li a {
        color: #f0f0f0;
        font-weight: 500;
    }
	nav#navigation .menu > ul > li.menu-item-has-children > a,
	nav#navigation #principal_navigation > li.menu-item-has-children > a{
		width: 100%;
		color: #5c5c5c;
	}
	nav#navigation .menu > ul > li.menu-item-has-children:before,
	nav#navigation #principal_navigation > li.menu-item-has-children:before{
		content: ' ';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		right: 25px; 
		top: 16px;
		border: 6px solid transparent;
		border-top: 6px solid #FE2D12;
		border-bottom: 0;
	}
	nav#navigation .menu > ul > li.menu-item-has-children.open:before,
	nav#navigation #principal_navigation > li.menu-item-has-children.open:before{
		border-bottom: 6px solid #FE2D12; 
		border-top: 0;
		top: 15px;
	}
	nav#navigation .menu > ul > li > ul,
	nav#navigation #principal_navigation > li > ul {
		display: none;
		visibility: visible;
		position: relative;
		opacity: 1;
		background-color: #333333; 
		width: 100%;
		left: 0;
		margin: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.12);
		padding: 0;
	}
	nav#navigation .menu > ul > li.current_page_parent > ul,
	nav#navigation .menu > ul > li.current-menu-item.current-menu-parent > ul,
	nav#navigation #principal_navigation > li.current_page_parent > ul,
	nav#navigation #principal_navigation > li.current-menu-item.current-menu-parent > ul {
		display: block;
	}
	nav#navigation .menu > ul > li > ul,
	nav#navigation #principal_navigation > li > ul {

	}
	nav#navigation .menu > ul > li > ul > li,
	nav#navigation #principal_navigation > li > ul > li {
		margin: 0;
		padding: 0;
	}
	nav#navigation .menu > ul > li > ul > li:last-child,
	nav#navigation #principal_navigation > li > ul > li:last-child {
		border: 0;
	}
	nav#navigation .menu > ul > li > ul > li > a,
	nav#navigation #principal_navigation > li > ul > li > a {
		padding: 11px 28px;
		color: #ffffff;
		display: block; 
		width: 100%;
	}
    #language_selector {
        padding: 12px 12px;
        text-align: left; 
    }
    /* APP BURGUER */
    #app_burguer {
        display: block;
        height: 70px;
        width: 329px;
        position: absolute;
        top: -5px;
        right: -259px;
        cursor: pointer;
        margin: 0;
        background-color: #ff2a25;
    }
    #app_burguer.open{
        right: 0;
    }
    #ticket_app {
        height: 100%;
        background-color: #ff2a25;
        width: 70px;
        border-right: 2px solid #e1221d;
        float: left;
    }
    #app_cta {
        float: left;
        width: calc( 100% - 70px);
        height: 100%;
        padding: 15px 16px;
        text-align: center;
    }
    #ticket_app img {
        height: 70%;
        width: auto;
        margin: auto;
        display: block;
        margin-top: 15%;
    }
    /* ------------ APP BURGUER------------------- */
    header #menu-icon {
        width: 40px;
        height: 40px;
        margin: auto;
        margin-top: 16px;
    }
    header #menu-icon .path {
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        top: calc(50% - 1px);
        position: relative;
        margin-top: -2px;
    }
    /* #app_burguer {
        display: block;
        height: 60px;
        width: 60px;
        position: absolute;
        top: 16px;
        right: 14px;
        cursor: pointer;
    }*/
    header #app_burguer:hover{
        text-decoration: none;
        border-bottom: 0;
    }
    #menu-icon .top{
        -webkit-transform:  rotate(0deg) translateY(-13px);
        -ms-transform:      rotate(0deg) translateY(-13px);
        transform:          rotate(0deg) translateY(-13px);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer:hover #menu-icon .top{
        -webkit-transform:  rotate(0deg) translateY(-13px);
        -ms-transform:      rotate(0deg) translateY(-13px);
        transform:          rotate(0deg) translateY(-13px);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer #menu-icon .bottom{
        -webkit-transform:  rotate(0deg) translateY(13px);
        -ms-transform:      rotate(0deg) translateY(13px);
        transform:          rotate(0deg) translateY(13px);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer:hover #menu-icon .bottom{
        -webkit-transform:  rotate(0deg) translateY(13px);
        -ms-transform:      rotate(0deg) translateY(13px);
        transform:          rotate(0deg) translateY(13px);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer #menu-icon .middle{
        -webkit-transform:  rotate(0deg);
        -ms-transform:      rotate(0deg);
        transform:          rotate(0deg);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer.open #menu-icon .middle{
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer.open #menu-icon .top{
        -ms-transform-origin:       50% 50%; 
        -webkit-transform-origin:   50% 50%;
        -webkit-transform:  rotate(-45deg);
        -ms-transform:      rotate(-45deg);
        transform:          rotate(-45deg);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer.open #menu-icon .bottom{
        -ms-transform-origin:     50% 50%; 
        -webkit-transform-origin: 50% 50%;
        -webkit-transform:  rotate(45deg);
        -ms-transform:      rotate(45deg);
        transform:          rotate(45deg);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    div.standard {
        margin-top: -6px;
    }
    /* HOME */
    #parallax_image_home .featured_image.gap-fixed-height-large {
        height: calc(100vh - 70px);
    }
    .single-artist nav#navigation #principal_navigation > li#menu-item-91, 
    .single-artist nav#navigation #principal_navigation > li#menu-item-413,
    .single-show nav#navigation #principal_navigation > li#menu-item-92, 
    .single-show nav#navigation #principal_navigation > li#menu-item-414 {
        background-color: #FE2D12;
    }
    /* ARTIST */
    .artist_big_image {
        width: 20%;
    }
    .artist_big_description {
        width: 80%;
    }
    .artist_big_read_more {
        width: auto;
        position: relative;
        right: 0;
        padding: 0 20px; 
        bottom: 0;
    }
    .artist_big_card {
        height: auto;
    }
    /* GALLERY */
    #categories_menu_gallery {
        top: 70px;
        padding-top: 14px;
    }
    #categories_menu_gallery.move_filter {
        top: 0;
    }
    #gallery.the_band {
        padding-top: 50px;
    }
    /* PARALLAX */
    .featured_image.gap-fixed-height-large {
        height: 180px; 
    }
    /* BUY TICKETS */
    .hide_768px {
        display: none;
    }
    .heading_descriptions .show_artist {
        width: 18%;
    }
    .heading_descriptions .show_ticket {
        width: 46%;
    }
    .content_bar .white_select.menus {
        width: calc(40% - 15px);
    }
    .toggle_card .heading_bar ul.heading_descriptions {
        width: calc(80% - 40px);
    }
    .content_bar .white_select.total {
        width: calc(20% - 15px);
    }
    .toggle_card .heading_bar .the_button.gray {
        float: left;
        width: 20%;
    }
    .content_bar .wrapper_select {
        width: 80%;
        float: left;
    }
    .content_bar .buy_button {
        width: 20%;
    }
    .white_select .number_control {
        width: 92px;
        padding-right: 9px;
        padding-left: 12px;
    }
    #buy_tickets_page {
        padding-top: 10px;
    }
    /* GALLERY */
    .slide_content h2 {
        font-size: 38px;
        line-height: 36px;
    }
    .slide_content h2 span {
        font-size: 36px;
    }
    /* SHOWS */
    #shortcode_espectaculos .show_card a.the_button {
        right: initial;
        right: inherit;
        left: 15px;
    }
    #cookie-message p {
        margin-top: 0px;
    } 
}
@media (max-width: 1024px) {
	header.hide_header {
		top: -100px;
	}
    #full_calendar #calendar_content div span {
        height: 100px;
        line-height: 100px;
        font-size: 33px;
    }

    #logo_wrapper {
        margin-top: 5px;
        margin-left: 9px;
    }
    #logo_wrapper a img {
        display: none;
    }
    #logo_wrapper a img#cardamomo_mobile {
        display: block;
    }
    #logo_wrapper a img {
        width: auto;
        height: 50px;
    }
    .shortcode_cenas_y_tapas .dinner_card .text_card {
        padding: 0;
        overflow: scroll;
        max-height: 260px;
    }
    /* SLIDERS */
    .swiper-button-prev, .swiper-button-next {
        height: 70px;
        margin-top: -50px;
        width: 40px;
        z-index: 99;
    }
    .swiper-button-prev:before, .swiper-button-next:before {
        background-size: 80px;
        width: 100%;
        height: 100%;
        top: 50%;
        margin-top: -90%;
    }
    .swiper-button-next:before {
        background-position: 38px 0px;
    }
    .swiper-button-prev:before {
        background-position: 1px 0px;
    }
    /* BUY TICKETS */
    .notice_box .responsive_image {
        border-radius: 6px 6px 0 0;
        display: block;
        overflow: hidden;
        width: 100%;
    } 
    .notice_box .notice_content.dinner_card {
        width: 100%; 
    }
    .notice_box {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .notice_wrapper {
        overflow: auto;
    }
    #cookie-message{
        height: 60px;
    }
    #cookie-message p{
        font-size: 13px;
        bottom: 194px;
    }
    /* TICKETS MODAL INFO & SLIDER */
    .row.ticket-details{
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }     
}
@media (max-width: 992px) {

    .content_bar .wrapper_select,
    .toggle_card .heading_bar ul.heading_descriptions {
        width: auto;
        float: none;
    }
    .toggle_card button.toggle_button {
        width: 35px;
    }
    .toggle_card .heading_bar ul.heading_descriptions li.hour_show {
        padding-left: 0;
    }
    .toggle_card .heading_bar ul.heading_descriptions li.show_ticket {
        padding-left: 64px;
        padding-right: 20px;
        width: 100%;
    }
    .heading_descriptions li.hour_show,
    .heading_descriptions li.show_time,
    .heading_descriptions li.show_artist {
        float: none;
        display: inline-block;
        width: auto;
    }
    .toggle_card .heading_bar ul.heading_descriptions {
        height: 100%;
    }
    .heading_descriptions li.show_artist {

    }
    .toggle_card .heading_bar .the_button.gray {
        width: auto;
        padding: 9px 30px;
        font-size: 17px!important;
        border-radius: 4px;
        position: absolute;
        bottom: 12px;
        right: 12px; 
        min-height: inherit; 
    }
    .content_bar .white_select.total {
        width: 20%;
        margin: 0;
    }
    .content_bar {
        height: auto;
    }
    .content_bar .buy_button {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 0;
    }
    .shortcode_cenas_y_tapas .dinner_card .text_card {
        padding: 0 30px 15px;
        overflow: scroll;
        max-height: none;
        height: auto;
        margin-top: 0;
    }
    /*.heading_descriptions li.hour_show {
        width: 25%;
    }
    .heading_descriptions li.show_time {
        width: 25%; 
    }
    .heading_descriptions li.show_ticket {
        width: 50%;
    }*/
    #full_calendar #calendar_content div span {
        height: 90px;
        line-height: 90px;
        font-size: 32px;
    }
    /* CENAS Y TAPAS */
    .text_card {
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 20px;
    }
    .card_toggle_content .text_card  {
        margin: 0;
        padding: 15px 30px 0;
    }
    .text_card em {
        display: block;
    }
    .hide_mobile {
        display: none;
    }
    .column_list {
        margin-bottom: 0;
    }
    #drink_card .dinner_card h4 {
        margin-top: 0;
    }
    #drink_card ul {
        margin-bottom: 0;
    }
    #drink_card .card_toggle_content {
        padding-bottom: 15px;
    }
    #wine_card .card_toggle_content,
    #products_card .card_toggle_content,
    #drink_card .card_toggle_content {
        padding-top: 30px;
    }
    .dinner_card .first_row table {
        margin-top: 0;
    }
    .hide_992px {
        display: none; 
    }
    .wine_list {
        margin-bottom: 20px;
    }
    .second_row {
        margin-top: 10px;
    }
    /* SHOW */
    .gray_bg_card {
        padding-right: 0;
        padding-left: 0;
    }
    .custom_card {
        padding-right: 15px;
    }
    .custom_text {
        padding: 0 15px;
    }
    #shortcode_espectaculos .show_card a.the_button {
        position: relative;
        left: inherit;
        right: inherit;
        float: none;
        margin: 15px 15px 0;
    }
    /* Footer */
    #UE_footer a {
        margin: 16px;
    }
}
@media (max-width: 768px) {
	/* HEADER */ 
	header{
		width: 100%;
		max-width: 100vw;		
	}

    /* home grid card jslink */
    .text-link {
        top: 60px;
    }

	.mobile-only-band{
		display: block;
	}
    #sub_header {
        height: 70px;
    }
	header #header_principal h1 {
		height: 60px;
	}
	#header_principal {
		height: auto;
		padding: 0;
	}
	header #header_principal h1 {
		background-size: 230px;
		display: block;
		height: 100%;
	}
    #logo_wrapper {
        margin-top: 2px;
        margin-left: 8px;
    } 
    #logo_wrapper a img {
        width: auto;
        height: 58px;
    }
    
    #parallax_image_home.hero_frame{
      max-height: 650px;
      overflow: hidden;
    }
    /* EL TABLAO */
    .calendar {
        margin-top: 20px;
    }
    #full_calendar .calendar {
        margin-top: 0;
    }
    /* BUY TICKETS */
    .the_button.kensei_03.date-change-btn {
        float: right;
    }
    .page-template-template-tickets #calendar_leyend {
        float: left;
        margin-bottom: 20px;
    }
    .calendar_height #problems_message .col-xs-12 {
        margin-left: 0;
    }
    .notice_box {
        margin-top: 0;
        margin-bottom: 0;
    }
    /* ARTISTAS */
    .artist_big_image {
        width: 30%;
    }
    .artist_big_description {
        width: 70%;
    }
    /* SLIDERS */
    #gallery_slider .swiper-button-prev, 
    #gallery_slider .swiper-button-next {
        top: inherit;
        bottom: 20px; 
    }
    /* BLOG */
    #blog_sidebar {
        margin-top: 50px;
    }
    /* REVIEWS */
    #quote_slider .preview_description {
        padding: 30px 60px; 
    }
    #cookie-message {
        font-size: 10px;
        height: auto;
    }
    /* FOOTER */
    a#logo_financiacion img{
        margin-bottom: 20px;
    }
    a#logo_PRTR img, a#logo_financiacion img {
        max-width: 180px;
    }

}
 
@media (max-width: 599px) {
    /* home grid card jslink */
    .text-link {
        top: 80px;
    }

    .content_bar .white_select.asistentes,
    .content_bar .white_select.menus,
    .content_bar .white_select.total {
        margin-bottom: 15px;
    }
    .content_bar .white_select.asistentes,
    .content_bar .white_select.menus {
        width: 100%;
    }
    .content_bar .white_select.total {
        margin-right: 15px;
        width: calc(40% - 15px);
    }
    .content_bar .buy_button {
        width: 60%;
        margin-top: 0;
    }
    .hero_frame #book_now {
        display: none;
    }
    .nyt_column {
        text-align: center;
    }
    .slide_content .nyt_column p {
        text-align: center;
    }
    /* SHOWS */
    .artist_image {
        display: none;
    }
    .artist_description {
        width: 70%;
    }
    .artist_read_more {
        width: 30%;
    }
    /* BUY TICKETS */  
    .notice_box {
        -webkit-transform: translateX(-50%) translateY(0);
            -ms-transform: translateX(-50%) translateY(0);
                transform: translateX(-50%) translateY(0);
        top: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .notice_box#warning {
      padding: 80px 20px;
    }
    
    #warning_close {
        top: 12px;
        right: 12px;
    }
    
    #home_slide #hero_vid{
        display:none;
    }    
    
    #promo-code-wr {
        padding-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    #promo-code-wr input{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    #promo-code-wr + div{
        padding-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    #promo-code-wr + div button{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;    
    }

}
@media (max-width: 565px) {
    .toggle_card .heading_bar .the_button.gray {
        position: relative;
        width: calc(100% - 30px);
        left: 15px;
        margin-top: 15px;
    }
    .toggle_card button.toggle_button {
        width: 22px;
    }
    .toggle_card .heading_bar .the_button.gray {
        position: relative;
        width: calc(100% - 30px);
        left: 15px;
        margin-top: 20px;
        height: 0;
        overflow: hidden;
        padding: 0;
    }
    /* .toggle_card.open .heading_bar .the_button.gray {
        padding: 8px;
        overflow: visible;
        height: auto; 
    }*/
    .toggle_card .heading_bar ul.heading_descriptions li.show_ticket {
        padding: 0 15px;
        height: auto;
        line-height: 1;
        text-align: center;
    }
    button.switch-month {
        width: 12%;
    }
    .calendar_header #calendar_month {
        width: 76%;
    }
}  

@media (max-width: 480px) {
	body {
		padding-top: 56px; 
	}
    #sub_header {
        min-height: 56px;
        height: 56px;
    }
    #app_burguer { 
        height: 55px;
        right: -229px;
    }
    #ticket_app {
        width: 60px;
    }

    #ticket_app img {
        height: 70%;
        margin-top: 11%;
    }
	nav#navigation {
		top: 78px; 
        width: 230px;
	}
	#booking_form .select_wrapper:after {
		display: none;
	}
    #buy_tickets_mobile {
        display: block;
        position: fixed;
        background-color: #ff2a25;
        z-index: 9999999;
        bottom: 0;
        width: calc(100% - 30px);
        left: 15px;
        right: 15px;
        height: auto;
        background-color: #fe2d12;
        padding: 12px;
        z-index: 102;
        color: #ffffff;
        border-radius: 3px 3px 0 0;
        min-width: 290px;
        text-align: center;
        font-size: 18px;
    }
    #buy_tickets_mobile img {
        display: inline-block;
        height: 24px;
        width: auto;
        margin-right: 6px;
    }
    #buy_tickets_mobile div {
        display: inline-block;
    }
    .page-template-template-tickets #buy_tickets_mobile{
        display: none;
    }
    /* GENERAL */
    h1, .h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    #parallax_image {
        display: none; 
    }
	/* HEADER SUPERIOR */
	#header_superior_left_wrapper{
		top: -120%;
		padding-bottom: 30px;
	}
	#header_superior_left_wrapper .brand_logo_negative{
		margin: auto;
		margin-top: 60px;
		margin-bottom: 30px; 
		width: 80%;
		text-align: center; 
	}
	#header_superior_left_ul li{
		font-size: 1em; 
	}
    .full_padding {
        padding: 18px 0;
    }
    #page_content {
        padding-top: 30px;
    }
	/* HEADER */ 
	#header_principal .row {
		text-align: left;
	}
	#logo_wrapper {
		width: 55%;
		max-width: 200px;
		display: inline-block;
		line-height: 77px;
	}
    #app_burguer {
        width: 288px; 
    }
    nav#navigation {
        right: -110%;
        top: 56px;
        height: calc(100% - 56px);
    }
    #app_cta {
        float: left;
        width: calc( 100% - 60px);
        height: 100%; 
        padding: 7px 16px;
    }
    #app_cta .the_button.inverse.white {
        padding: 5px 16px;
        font-size: 18px!important; 
    }
	#header_superior_left_wrapper .brand_logo_negative {
		margin-top: 46px;
	}
    header #menu-icon {
        width: 30px;
        height: 30px;
        margin: auto;
        margin-top: 14px;
    }
    #menu-icon .top{
        -webkit-transform:  rotate(0deg) translateY(-10px);
        -ms-transform:      rotate(0deg) translateY(-10px);
        transform:          rotate(0deg) translateY(-10px);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer:hover #menu-icon .top{
        -webkit-transform:  rotate(0deg) translateY(-10px);
        -ms-transform:      rotate(0deg) translateY(-10px);
        transform:          rotate(0deg) translateY(-10px);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer #menu-icon .bottom{
        -webkit-transform:  rotate(0deg) translateY(10px);
        -ms-transform:      rotate(0deg) translateY(10px);
        transform:          rotate(0deg) translateY(10px);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer:hover #menu-icon .bottom{
        -webkit-transform:  rotate(0deg) translateY(10px);
        -ms-transform:      rotate(0deg) translateY(10px);
        transform:          rotate(0deg) translateY(10px);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer #menu-icon .middle{
        -webkit-transform:  rotate(0deg);
        -ms-transform:      rotate(0deg);
        transform:          rotate(0deg);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer.open #menu-icon .middle{
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer.open #menu-icon .top{
        -ms-transform-origin:       50% 50%; 
        -webkit-transform-origin:   50% 50%;
        -webkit-transform:  rotate(-45deg);
        -ms-transform:      rotate(-45deg);
        transform:          rotate(-45deg);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer.open #menu-icon .bottom{
        -ms-transform-origin:     50% 50%; 
        -webkit-transform-origin: 50% 50%;
        -webkit-transform:  rotate(45deg);
        -ms-transform:      rotate(45deg);
        transform:          rotate(45deg);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    /* HOME */
    #nyt_home img {
        width: 160px;
    }
    .slide_content p {
        font-size: 15px;
    }
    .slide_content h2, 
    .slide_content h2 span {
        font-size: 34px;
        line-height: 1.1;
    }
    .tripadvisor_home {
        width: 250px;
        margin: auto;
    }
    #parallax_image_home .featured_image.gap-fixed-height-large {
        height: calc(100vh - 56px);
    }
	/* HOME SLIDER */
	#home_slider {
	    height: 100%;
	}
	.swiper-button-prev, 
    .swiper-button-next {
	    /*width: 40px;
	    height: 80px;*/
        display: none;
	}
    .area_slider .swiper-button-prev, 
    .area_slider .swiper-button-next {
        display: inline-block;
    }    
    .page-template-template-cenas .swiper-button-prev, 
    .page-template-template-cenas .swiper-button-next{
        display: block;
    }
    .shortcode_cenas_y_tapas .dinner_card .dinner_card_title {
        /*background-color: #f0f0f0;
        position: relative;*/
        margin: 0;
        border-radius: 12px;
        padding: 12px 15px 10px;
        font-weight: 600;
        font-size: 22px;
    }
    .dinner_card .dinner_card_price span {
        font-size: 20px;
        font-weight: 700;
    }
    .shortcode_cenas_y_tapas .swiper-button-prev, 
    .shortcode_cenas_y_tapas .swiper-button-next {
        width: 25px;
        height: 52px;
    }
    .shortcode_cenas_y_tapas .swiper-button-prev:before, 
    .shortcode_cenas_y_tapas .swiper-button-next:before {
        background-size: 50px;
        margin-top: -25px;
    }

    .shortcode_cenas_y_tapas .swiper-button-next {
        background-color: rgba(130, 133, 134, 0.85);
        bottom: 71px;
    }
    .shortcode_cenas_y_tapas .swiper-button-next:before {
        background-position: -26px 4px;
    }
    .shortcode_cenas_y_tapas .swiper-button-prev:before {
        background-position: 1px 5px;
    }
	/*.swiper-button-prev:before,  
	.swiper-button-next:before {
		background-size: 95px;
		width: 100%;
		height: 100%;
		margin: 0;
		top: 0;
	}*/
	.slide-text-left, .slide-text-right {
        width: 90%;
        text-align: left;
        float: left;
    }
    #home_slider .slide_content .inside .slide_text{
        padding-top: 190px;
    }
    #logo_wrapper a img#cardamomo_mobile { 
        width: 190px;
        height: auto;
    }
    /* CALENDAR */
    #full_calendar #calendar_content div span:before {
        content: ' ';
        width: 8px;
        height: 8px;
        display: block;
        position: absolute;
        bottom: 5px;
        right: 5px;
        border-radius: 50%;
    }

    #full_calendar #calendar_content div span {
        font-size: 18px;
        height: 50px;
        line-height: 48px;
    }
    #calendar_content div.day {
        padding: 2px;
    }
    /* ARTISTS */
    .artist_big_image {
        display: none;
    }
    .artist_big_description {
        width: 100%;
    }
    .artist_big_card {
        padding-bottom: 20px;
    }
    /* GALLERY */
    #categories_menu_gallery ul li:first-child{
        display: none;
    }
    #categories_menu_gallery {
        top: 55px;
        padding-top: 14px;
    }
    /* BUY TICKETS */
    .the_button.kensei_03.date-change-btn {
        float: left;
    }
    .toggle_card .heading_bar ul.heading_descriptions {
        font-size: 14px;
    }
    .white_select .number_control {
        width: 100px;
        padding-right: 6px;
        padding-left: 6px; 
        text-align: right; 
    }
    .kids-icon {
      width: 18px;
    }
    .content_bar .white_select ul li {
      padding: 12px 10px;
    }
    .kids-ticket .ticket-name.zone-info strong {
        margin-left: 4px;
    }
    .number_control button, .number_control div {
        margin: 13px 5px;
        transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
    } 
    /* CONTACTO */
    #overlay_map {
        width: 100%;
        height: auto;
        position: relative;
        padding: 30px 15px;
    }
    #map {
        height: 210px;
    }
    #overlay_map_wrapper {
        padding: 0;
    }
    #sub_footer {
        padding-bottom: 70px;
        text-align: center;
    }
    #sub_footer ul li:before {
        display: none;
    }
    #sub_footer ul {
        margin-top: 4px; 
    }
    #sub_footer ul li {
        display: block;
        line-height: 1.8;
    }
    .hide_mobile {
        display: none;
    }
    #map_wrapper {
        position: relative;
        padding: 20px 0 30px;
        left: 0;
        padding: 0;
        width: calc(100vw);
        margin-bottom: 30px; 
    }
    .contact-left {
        padding-right: 15px;
    }
    .contact-right {
        padding-left: 15px;
    }
    /* TOGGLE CARDS MENU */
    .card_toggle_content {
        width: 100%; 
        left: 0;
        border-radius: 0 0 8px 8px;
    }

    .dinner_card_title.open {
        border-radius: 8px 8px 0 0;
    }
    .dinner_card .dinner_card_price {
        padding: 14px 0;
        width: calc(100% - 30px);
    }
    .dinner_card .dinner_card_price span {
        border-radius: 0 4px 4px 0;
    }
    #generic_slider_wrapper #gallery_slider .swiper-slide img {
        max-height: calc(100vh - 30px);
        max-width: calc(100vw - 30px);
    }
    #gallery_slider .swiper-button-prev, 
    #gallery_slider .swiper-button-next {
        display: block;
    }
    .artist_big_card .icon.inverse {
        display: none;
    }
    .artist_big_description h2 {
        width: calc(100% - 30px);
    }
    .artist_big_description .icon {
        display: block;
    }
    /* REVIEWS */
    #quote_slider .preview_description {
        padding: 30px 15px;
    }
    /* SHOWS */
    .custom_text h2 {
        font-size: 26px;
    }
    .artist_description {
        width: 100%;
    }
    .artist_read_more {
        width: 100%;
        padding-top: 0;
    }
    span.floating_heading {
        display: none;
    }
    h3.floating_heading {
        width: 100%; 
    }
    .dinner_card .dinner_card_price .promo-anticipation {
        padding: 10px;
        width: calc(100% - 114px);
    }
    .dinner_card .dinner_card_price .promo-anticipation span {
        font-size: 12px;
        display: inline;
        padding: 0;
        border: 0;
    }
    .dinner_card_price i.fa {
        margin-bottom: 5px;
        margin-left: 3px;
    }
    .dinner_card .dinner_card_price .promo-anticipation span.main-figure {
        width: auto;
        font-size: 12px;
        margin-right: 0;
        display: inline;
    }
    .dinner_card .dinner_card_price span.the_price {
        font-size: 18px;
        padding: 2px 7px;
        border-radius: 0 4px 4px 0;
    }
    #cookie-message {
        bottom: 70px;
    }
    .af-area {
        float: left;
    }
    .af-area h2{
        margin-top: 40px;
    }
    #affwp-promotion-method {
        border: 1px solid #eaeaea;
    }


}
@media (max-width: 375px) {
    #cookie-message{
        height: 98px;
    }
    #cookie-message #close-cookies{
        padding: 16px;
    }
}
@media (max-width: 320px) {
    .espectaculos .show_card .layout_gray {
        padding: 26px;
        min-height: 310px;
    }
    #cookie-message{
        height: auto;
    }

}


/* ==================================================
    HOME SPECIFIC SCENARIO: WHEN VIDEO ON SLIDER
================================================== */
/*
.home .slider_video_active .videowr {
    display: none;
}
.home .slider_video_active li:nth-child(2) .card_container {
    min-height: 326px;
}

.home ul.slider_video_active li:nth-child(2),
.home ul.slider_video_active li:nth-child(3){
    width: 50%;
}
.home ul.slider_video_active li:nth-child(4) {
    width: 100%;
}

#video_caption {
    position: absolute;
    top: 40%;
    margin-top: -40px;
    left: -10vw;
}
#video_caption p {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    text-shadow: 0 0 15px rgba(66, 66, 66, 0.5);    
    margin-top: 10px;
}
#video_caption .view_video{
    font-weight: 400;
    color: #FE2D12;
}
*/

/* override slider height so it's not 100% */
@media (max-width: 479px){
    #parallax_image_home.hero_frame.slider_video_displayed,
    #parallax_image_home.hero_frame.slider_video_displayed .swiper-wrapper {
        margin-top: 0px;
        height: 200px;
    }
    #video_caption {
        top: 40%;
        margin-top: -40px;
        left: 0;
        margin-left: 0px;
        width: 90vw;
    }    
    #video_caption {
        display: none;
    }      
}
@media (min-width: 480px) and (max-width: 519px){
    #parallax_image_home.hero_frame.slider_video_displayed,
    #parallax_image_home.hero_frame.slider_video_displayed .swiper-wrapper {
        margin-top: 0px;
        height: 230px;
    }
    #video_caption {
        top: 40%;
        margin-top: -40px;
        left: -50vw;
        margin-left: 0px;
    }      
    #video_caption {
        display: none;
    }        
}
@media (min-width: 520px) and (max-width: 649px){
    #parallax_image_home.hero_frame.slider_video_displayed,
    #parallax_image_home.hero_frame.slider_video_displayed .swiper-wrapper {
        height: 255px;
        margin-top: 0;
    }
    #video_caption {
        top: 40%;
        margin-top: -40px;
        right: 10vw;
    }    
    #video_caption {
        display: none;
    }      
}
@media (min-width: 767px){
    nav#navigation #principal_navigation.contact-extra-button{
	    display: none;
    }
}
@media (min-width: 650px) and (max-width: 767px){
    #parallax_image_home.hero_frame.slider_video_displayed,
    #parallax_image_home.hero_frame.slider_video_displayed .swiper-wrapper {
        height: 320px;
    }
    #video_caption {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 959px){
    #parallax_image_home.hero_frame.slider_video_displayed,
    #parallax_image_home.hero_frame.slider_video_displayed .swiper-wrapper {
        height: 380px;
        margin-top: 0px;
    }     
    #video_caption {
        top: 40%;
        margin-top: -40px;
        left: -30vw;
        margin-left: 0px;
    }        
}
@media (min-width: 960px) and (max-width: 1024px){
    #parallax_image_home.hero_frame.slider_video_displayed,
    #parallax_image_home.hero_frame.slider_video_displayed .swiper-wrapper {
        height: 480px;
    }   
    #video_caption {
        top: 40%;
        margin-top: -20px;
        left: -25vw;
        margin-left: 0px;
    }        
}
@media (min-width: 1024px) and (max-width: 1200px){
    #parallax_image_home.hero_frame.slider_video_displayed,
    #parallax_image_home.hero_frame.slider_video_displayed .swiper-wrapper {
        height: 510px;
    }    
    #video_caption {
        top: 40%;
        margin-top: 0px;
        left: -30vw;
        margin-left: 0px;
    }             
}
@media (min-width: 1200px) and (max-width: 2200px){
    #parallax_image_home.hero_frame.slider_video_displayed,
    #parallax_image_home.hero_frame.slider_video_displayed .swiper-wrapper {
        height: 710px;
        margin-top: 50px;
    }       
    #video_caption {
        top: 40%;
        margin-top: -40px;
        left: -15vw;
        margin-left: 0px;
    }   
    .home #parallax_image_home.hero_frame .swiper-wrapper,
    .home #header_principal #sub_header{
        background-color:rgb(31, 35, 38);
    }          
}

@media (min-width: 2201px){  
    #parallax_image_home.hero_frame.slider_video_displayed,
    #parallax_image_home.hero_frame.slider_video_displayed .swiper-wrapper {
        height: 710px;
        margin-top: 50px;
    }       
    #video_caption {
        top: 42%;
        left: -10vw;
        margin-left: 0px;
    }      
    .home #parallax_image_home.hero_frame .swiper-wrapper,
    .home #header_principal #sub_header{
        background-color:rgb(31, 35, 38);
    }            
}

/* video card hidden for mobile & tablet: override grid */ 
@media (min-width: 1200px){
    .home .slider_video_active li:nth-child(2) .card_container {
        min-height: 350px;
    }   
}

@media (max-width: 768px){
    .home ul.slider_video_active li:nth-child(2),
    .home ul.slider_video_active li:nth-child(3) {
        width: 100%;
    }   
}

@media (max-width: 768px){
    .home ul.slider_video_active li:nth-child(2),
    .home ul.slider_video_active li:nth-child(3) {
        width: 100%;
    }   
}

/* hide flamenco app card for mobile devices */
@media (max-width: 767px) {
    html.no-touch .blog_card#flamenco-app,
    html.touch .blog_card#flamenco-app{
        display:none;
    }
}