/* ------------------------------------------------------------------
    Estilos personalizados | TomaTicket Base
---------------------------------------------------------------------
*Generales
---------------------------------------------------------------------

*Eventos
*Eventos Responsive
*Carousel TomaTicket Experiencias
*Buscador TomaTicket Experiences
*Organizador
*Footer
*Sorteo
*Contenido interiores TomaTicket
  *Agenda
  *Organizador

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

/* *Generales
-------------------------------------------------------------------*/
html {scroll-behavior: smooth;}
body {

    background-color: #fafafa;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #444444;
    margin: 0;
    padding: 0;
}
.colorido {color: #b91869}
.Subtitulo {color: #1a1a1a; font-size: 16px; margin-top: 5px;}

a {padding: 0 !important;}
/* ----------  Links --------------  */
a                   { color:#e21776; text-decoration: none; outline: none; padding:2px; }
a:hover             { color:#1a1a1a; text-decoration: none; outline: none; padding:2px;}
a.secundario        {color:#1a1a1a;text-decoration: none;outline: none;padding:2px;}
a.secundario:hover  {color:#ed1e79;text-decoration: none;padding:2px;}

a img, a:hover img  { border:0 none; text-decoration: none; background-color:transparent; outline: none; padding:0px;}
h1, h2, h3, h4, h5 {margin:0;padding:0;}

.Paso {padding: 25px;}
.nomargin {margin: 0 !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-justify {text-align: justify; !important;}
.font-bold {font-weight: 700;}
#mainContent {background-color: #f1f1f1;}
.general-bg-color {background-color: #f1f1f1;}
.bg-acent-color {background-color: #e21776;}
.color-white {color: #ffffff;}
.circulo {
  border-radius: 50% !important;
  border: 1px solid rgb(0, 0, 0) !important;
  width: 48px !important;
  height: 48px !important;
  position: relative !important;
  left: 50% !important; transform: translateX(-50%) !important;
  line-height: 45px !important; text-align: center !important;
  font-size: 18px !important;
  font-weight: bold !important;
  font-size:24px; color:#000000; 
  font-weight: bold;
}

#menuCliente {background-color: #e21776;}

h1, h2, h3, h4, h5, h6 {color: #1A1A1A;}
.center { text-align: center !important; }
.tright{ text-align: right !important; }
.NavSup a.logo-retina { display: none; }
.scale-with-grid {max-width: 100%; height: auto;}
.clear {clear:both;}
.br-break {display: none;}

input#book-btn,  input#book-btn2, input#btnChartAdd, input#miBusqueda, input#PurchaseBtn, input#passwordButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

object {
    width: 100%;
    display: block;
    position: relative;
    padding-top: 0;
}

/*    Fuente Slider (Teko)    */
@import url('https://fonts.googleapis.com/css?family=Teko:300,400,500,700');

/*    Container   */
#Content {max-width: 1170px;}
#Content {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}

/* CONTENEDOR PRINCIPAL */

#Contenido {max-width:1170px; width:100%; padding: 20px 0px !important;/* overflow: hidden;*/}

.TxtDestacado {
    font-size: 18px;
    font-weight: 700;
    color: #b91869;
}
h6 {
    font-size: 14px;
    line-height: 18px;
}

.CabMenu {margin-top: 25px;}
.nomargin {margin: 0 !important;}
.topmargin-md {margin-top: 35px  !important;}
.topmargin-sm {margin-top: 25px  !important;}
.topmargin-xs {margin-top: 10px  !important;}
.topmargin-xxs {margin-top: 5px  !important;}
.bottommargin-md {margin-bottom: 35px  !important;}
.bottommargin-sm {margin-bottom: 25px  !important;}
.bottommargin-xs {margin-bottom: 10px  !important;}
.bottommargin-xxs {margin-bottom: 5px  !important;}

.bottommargin-precio {margin-bottom: 5px !important;}

.nobottommargin {margin-bottom: 0px !important;}

.destacados-base .bottommargin-precio {margin-top: 49px;}

/* Ancho top bar */
.menuCliente {margin: 0 auto; max-width: 1170px; /*overflow: hidden;*/}

/* Menú Logo */
.col_one_fourth.Logo {margin-right: 3% !important;}

/* top Bar */
.client-menu-info a {color: #ffffff;}
.client-menu-info a:hover {color: #1a1a1a;}
#menuCliente {
    background-color: #e21776;
    height: 53px;
    line-height: 44px;
    font-size: 13px;
    color: #ffffff;
}

.client-menu-info {
    float: right;
    text-align: right;
    margin-top: 7px;
}
.client-menu-info img.icono-usuario {
    width: 25px;
    height: 25px;
    position: relative;
    top: 7px;
    margin-right: 10px;
}

.client-menu-info .access-user {
    position: relative;
    top: -1px;
    font-size: 14px;
    font-weight: 300;
}
.logout-icon {
  font-size: 14px;
  color: #ffffff;
  position: relative;
  top: 2px;
  padding: 0px 5px;
}

.logout-icon:hover {
  color: #444444;
  -webkit-transition: color 0.4s ease-out;
  -moz-transition: color 0.4s ease-out;
  -o-transition: color 0.4s ease-out;
  transition: color 0.4s ease-out;
}

/* Menú Móvil */
.nav-item-close {
    cursor: pointer;
    color: #ffffff;
    position: absolute;
    right: 15px;
    top: 20px;
}
.nav-item-close:hover {
    color: #e21776;
    -webkit-transition: color 0.4s ease-out;
    -moz-transition: color 0.4s ease-out;
    -o-transition: color 0.4s ease-out;
    transition: color 0.4s ease-out;
}

.nav-top {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  z-index: 101;
  padding: 10px 20px;
  width: auto;
  height: 50px;
  background-color: #fff;
}
.nav-top .icon-bar-container {
    float: left;
    margin: 4px 0 0 0;
}
.nav-top  .offcanvas-menutxt {
    font-size: 9px;
    float: none;
    text-align: center;
    letter-spacing: 0.08em;
    color: #444;
    font-weight: bold;
    display: block;
}
.nav-top .icon-bar-menu {
    background-color: #444444;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width: 28px;
    height: 2px;
    display: block;
}
.nav-top .icon-bar-menu + .icon-bar-menu {margin-top: 4px;}


.nav-top .hamburger {
  color: #e21776;
  cursor: pointer;
  position: relative;
  top: -3px;

}

.nav-drill {
  margin-top: 0px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.nav-is-toggled .nav-drill {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.nav-is-toggled::after {
  opacity: 1;
  visibility: visible;
}

.nav-drill {
  display: flex;
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: 0.45s;
  opacity: 0.99;
}
.nav-items {
  flex: 0 0 100%;
  top: 0;
  
}
.nav-item {
  padding: 5px 65px 5px 87px;
}
/*.nav-item:not(:last-child) {
  border-bottom: solid 1px #e21776;
}
.nav-item-atras {
  border-bottom: solid 1px #000;
}*/
.nav-link {
  display: block;
  padding: 0.875em 1em;
  background-color: #000;
  color: #c6c6c6;
  font-size: 1rem;
  line-height: 1.5em;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding-top: 20px;
  opacity: 1;
  letter-spacing: 0.009em;
}
.nav-link:hover {
    color: #ffffff;
    -webkit-transition: color 0.4s ease-out;
    -moz-transition: color 0.4s ease-out;
    -o-transition: color 0.4s ease-out;
    transition: color 0.4s ease-out;
}


.nav-expand-content {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 110%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #fff;
  transition: 0.3s;
  visibility: hidden;
}

.nav-expand-content .nav-item:not(:last-child) {
  border-bottom: solid 1px #e21776;
}
.nav-expand-content .nav-link {
  background-color: #fff;
}
.nav-expand-content .nav-back-link {
  display: flex;
  align-items: center;
  background-color: #000 !important;
  color: #fff;
}

.nav-expand-link {
  display: flex;
  justify-content: space-between;
  color: #BD5687;
}

.nav-expand.active > .nav-expand-content {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.nav-expand .nav-expand-content {
  background-color: #000;
}
.nav-expand .nav-expand-content .nav-link {
  background-color: #000;
}
.nav-expand .nav-expand-content .nav-expand-content {
  background-color: #000;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-link {
  background-color: #000;
}
.atras{
  font-weight: bold;
  padding-left: 30px;
}

/* Botón para estilo on (Experiencias) */
.btn-menu-on {background: #e21776 !important; color: #ffffff !important;}
.btn-menu-on a {color: #ffffff !important;}
.btn-menu-on:hover {background: #ffffff !important;}
.btn-menu-on a:hover {color: #444444 !important;}

.sf-menu li{background-color: #ffffff}
.sf-menu a:hover {background-color: #ffffff !important; color:#e21776;}
.sf-menu li:hover {background-color: #ffffff !important; color:#e21776;}
.sf-menu li li a:hover {background-color: #e21776 !important; color:#ffffff;}
.sf-menu li {right: 0px !important;}
.sf-menu li li {padding-left: 0px !important; border-bottom: 0px none #ffffff !important;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0px !important; top: 41px !important; z-index: 99 !important;}

#ContCabecera {
    width:100%;
    margin:0 auto;
    padding: 0;
    background: #FFFFFF;
    overflow:hidden;
}

#Cabecera {
    max-width:1170px;
    margin:0 auto;
    overflow:hidden;
}

.NavSup{
    width:100%;
    margin: 5px auto;
    padding: 0;
    overflow:hidden;
}

/*Publicidad
-----------------------------------------------------------------*/
#cabecera_rascacielos{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #EEEEEE;
    overflow: hidden;
    text-align:center;

}
#cabecera_rascacielos div {
    max-width: 970px;
    margin: 0 auto;
}
#cabecera_rascacielos img{width: 100%;}

/*-------Publicidad Bronze-------*/
.flex-ad-right {text-align: right; margin-top: 15%;}
.flex-ad-left {text-align: left; margin-top: 15%;}
.flex-ad-right, .flex-ad-left {position: -webkit-sticky; position: sticky; top: 20px; margin-top: 15%; margin-bottom: 7%;}

.flex-content {
    display: flex;
    flex: 1;
}
.flex-columns{
    display: flex;
    flex:1;
}
.flex-main{
    flex: 1;
    order: 2;
}
.flex-sidebar-first{
    width: 20%;
    order: 1;
}
.flex-sidebar-second{ 
    width: 20%;
    order: 3;
}
.flex-wrapper {
    width: 100%;
    order: 2;
}

@media only screen and (max-width: 1366px) {
.flex-sidebar-first{
  width: 10%;
  order: 1;
}
.flex-sidebar-second{ 
  width: 10%;
  order: 3;
}
}
@media only screen and (max-width: 1024px) {
    .flex-ad-fixed img {width: 80%;}
}

@media only screen and (max-width: 768px) {
    .flex-wrapper {order: none; width: auto;}
    .flex-sidebar-first{display: none;}
    .flex-sidebar-second{display: none;}
    .flex-columns {display: inherit; flex: none;}
    .flex-main {flex: none !important; order: none !important;}
}

/* *Whatsapp
-----------------------------------------------------------------*/
.my-float {position: relative; top: 14px;}

/* *Eventos
-----------------------------------------------------------------*/
.topmargin-sm {margin-top: 20px;}
.FechasDestacados {padding: 0;}
#Destacados > ul > li > h3 {font-size: 16px; text-align: center;}
#Destacados > ul > li {height: 410px;}

/* *Cookies
-----------------------------------------------------------------*/
.dark #cookie-notification, #cookie-notification.dark {
    background-color: rgba(0,0,0,0.85);
    color: #EEE;
}
#cookie-notification .cookie-noti-btn {
    padding: 6px 12px !important;
    line-height: 17px;
}
#cookie-notification {
    display: none;
    position: fixed;
    top: auto;
    bottom: -70px;
    left: 0;
    width: 100%;
    padding: 20px 0;
    line-height: 24px;
    background-color: #EEE;
    color: #444;
    z-index: 99;
    -webkit-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
    -webkit-transition: bottom .4s ease;
    -o-transition: bottom .4s ease;
    transition: bottom .4s ease;
}
.cookie-noti-btn {
    color: #ffffff;
    background-color: #e21776;
    border-color: transparent;
}
.cookie-noti-btn:hover {
    color: #ffffff;
    background-color: #b91869;
    border-color: transparent;
}

/*    Tamaño alto caja info de destacado    */
.InfoDestacado {min-height: 85px;}


/* *TomaTicket Web Notification
-----------------------------------------------------------------*/
.dark #tt-web-notification, #tt-web-notification.dark {
    background-color: rgba(0,0,0,0.85);
    color: #EEE;
}
#tt-web-notification .cookie-noti-btn {
    padding: 6px 12px !important;
    line-height: 17px;
}
#tt-web-notification {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    line-height: 24px;
    background-color: #EEE;
    color: #444;
    z-index: 99;
    -webkit-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
    -webkit-transition: bottom .4s ease;
    -o-transition: bottom .4s ease;
    transition: bottom .4s ease;
    height: 50px 
}
.web-noti-btn {
    color: #ffffff;
    background-color: #e21776;
    border-color: transparent;
}
.web-noti-btn:hover {
    color: #ffffff;
    background-color: #b91869;
    border-color: transparent;
}

/*    Tamaño alto caja info de destacado    */
.InfoDestacado {min-height: 85px;}

.web-box-container {
  background-color: #e21776;
    width: 250px;
    margin: 0 auto;
    padding: 10px !important;
}
.web-box {  
  color: #ffffff;
}
.web-box-container:hover {background-color: #b91869;}
.close-noti-web {
  position: relative;
  top: 10px;
}
.close-noti-web:hover {color: #ffffff;}

.col_close_notification {
  width: 2%;
  float: left;}
.col_notification_link {
  width: 96%;
  margin-right: 1%;
  float: left;
}

/* *Eventos
-----------------------------------------------------------------*/
/*  Owl Slider  */

/*  Estilos generales Owl Slider  */
#slider .owl-carousel .owl-item img,.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{position:relative;z-index:1;width:100%}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel.owl-loading{min-height:100px;/*background:url(images/preloader.gif) center center no-repeat*/}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:block;}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-hidden{opacity:0}.mega-menu-content .owl-carousel.owl-hidden{opacity:1}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#111}.owl-carousel .owl-video-play-icon{position:absolute;height:64px;width:64px;left:50%;top:50%;margin-left:-32px;margin-top:-32px;/*background:url(images/icons/play.png) no-repeat*/;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-carousel .owl-dots,.owl-carousel .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent;line-height:1}.owl-carousel .owl-nav [class*=owl-]{position:absolute;top:50%;margin-top:-18px;left:-36px;zoom:1;width:36px;height:36px;line-height:32px;color:#444;font-size:36px;border-radius:50%;opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.owl-carousel.with-carousel-dots .owl-nav [class*=owl-]{margin-top:-38px}.owl-carousel-full .owl-nav [class*=owl-]{margin-top:-30px;left:0!important;height:60px;line-height:60px;border:none;color:#EEE;background-color:rgba(0,0,0,.4);font-size:28px;border-radius:0 3px 3px 0}.owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-]{margin-top:-50px}.owl-carousel .owl-nav .owl-next{left:auto;right:-36px}.owl-carousel-full .owl-nav .owl-next{left:auto!important;right:0!important;border-radius:3px 0 0 3px}.owl-carousel:hover .owl-nav [class*=owl-]{opacity:1;left:-35px}.owl-carousel:hover .owl-nav .owl-next{left:auto;right:-35px}.owl-carousel .owl-nav [class*=owl-]:hover{text-decoration:none}.owl-carousel .owl-nav .disabled{display:none!important}.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1;margin-top:30px}.owl-carousel .owl-dots .owl-dot span{display:block;width:8px;height:8px;margin:0 4px;opacity:.5;border-radius:50%;background-color:#1ABC9C;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span{opacity:1}
.owl-carousel, .owl-carousel .owl-item {-webkit-tap-highlight-color: none !important;}
.owl-carousel:focus {outline: -webkit-focus-ring-color none 0px;}
.owl-carousel .owl-nav [class*="owl-"] {opacity: 1; left: -35px; line-height: 32px!important; color: #444!important; font-size: 36px !important;}
.owl-carousel:hover .owl-nav [class*="owl-"] {opacity: 1;}

/*  Slider para móviles (Scroll Horizontal)  */
.owl-carousel .owl-dots .owl-dot span {background-color: #e21776;}
.owl-carousel .owl-nav [class*="owl-"] {background-color: none !important; border: transparent none 0px !important;}

/*  Navegador para móviles (Scroll Horizontal)  */
.owl-carousel .owl-nav [class*="owl-"]:hover {color:#e21776 !important; text-decoration: none;}
.owl-carousel .owl-nav .owl-next {left: auto; right: -36px;}
.owl-carousel .owl-nav .owl-next {left: -36;}
.owl-carousel .owl-controls .owl-buttons .owl-prev {opacity: 1 !important;}
.owl-carousel .owl-controls .owl-buttons .owl-next {opacity: 1 !important;}
.owl-carousel .items a.span_1_of_4 {width: 100%;}

/*  Eventos destacados  */
.mobile-padding-base {padding: 25px 38px !important;}
.destacados-contenedor {background-color: #f1f1f1;}

/*  Background  */
.destacados {margin-top: 40px; text-align: center;}
.destacados h2 {font-family: 'Teko', sans-serif; font-weight: 500; font-size: 60px; letter-spacing: 8px; line-height: 0.9; margin-bottom: 5px; text-align: center;}
.destacados p {font-family: 'Teko', sans-serif; font-weight: 300; font-size: 18px; letter-spacing: 2px;}
.evento  {padding: 20px 5%; height:210px; }

/*  Evento  */
.col {display: block; float:left; margin: 1% 5px 10px 5px; background: #ffffff;}

/*- Columna -*/
.span_1_of_4 {height: 200px; width: 23.85%;}

/*- Estilos perzonalidos de las cajas de los eventos -*/
.eventos-cerca .span_1_of_4 {height: 448px;}

#movilCarouselFeatured .owl-item .evento {padding: 15px 5%;}
#movilCarouselFeatured .owl-item .evento .height-info-experiencia {
    height: 70px;
    margin-bottom: 15px !important;
}
#movilCarouselFeatured .owl-item .evento .bottommargin-precio {margin-top: 27%;}

#movilCarousel .owl-item .evento {padding: 15px 5%;}
#movilCarousel .owl-item .evento .height-info-experiencia {
    height: 70px;
    margin-bottom: 15px !important;
}
#movilCarousel .owl-item .evento .bottommargin-precio {margin-top: 27%;}
.noprice {margin-bottom: 97px;}
/* Tipografía */
.span_1_of_4 h2 {font-family: 'Roboto', sans-serif;}
.span_1_of_4 p {font-family: 'Roboto', sans-serif;}
.evento h4 {font-family: 'Roboto', sans-serif; font-weight:700; font-size: 18px; line-height: 20px; height: 40px;}
.evento span {font-family: 'Roboto', sans-serif; font-weight:500;}
.evento .info-experiencia {font-size: 12px; line-height: 16px;}
.evento .height-info-experiencia {height: 70px;}
.evento .height-info-experiencia p {margin: 0; padding: 0;}

/* Tamaño letra del precio y lugar */
.precio, .lugar {font-weight: 700 !important; font-size: 12px; line-height: 14px; color: #1A1A1A;}
.precio {color: #e21776;}
.precio {font-size: 24px;}
/* Tamaño fecha */
.fecha { float:left; color: #333333; font-weight: 700 !important;}
/* Tamaño fecha (H2) */
.fecha h2 {
    font-size: 42px;
    line-height: 0.9;
    font-weight: 700 !important;
    text-align: center;
    margin-bottom: 0px;
}
/* Tamaño fecha (P) */
.fecha p {
    margin-bottom: 15px;
    padding-bottom:5px;
    border-bottom: 6px solid #e21776;
    text-align: center;
    margin-top: 7px;
}
/* Estilo tamaño del día */
.fecha .event-day {
    border-bottom: 0px none transparent;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 0;
    letter-spacing: 0.3px;
    margin-top: 0px;
}
.eventtt:hover .fecha p {border-bottom: 6px solid #ffffff;}
.eventtt:hover .fecha p.event-day {border-bottom: none transparent!important;}

/* Estilo botón Alojamiento after EventHeadContenido */
.inner-content-alojamiento {background: #b91869; padding: 10px;}
.inner-content-alojamiento:hover {background: #1a1a1a;}
#botonAlojamiento {color: #ffffff!important; font-size: 14px!important; font-weight: 700!important;border: 0px none transparent!important;border-radius: 0px!important; padding: 0!important;}
#botonAlojamiento:hover {background-color: transparent; border: 0px none transparent;}

/* Tamaño múltiples fechas */

.fecha .mul-fechas {
    font-weight: 700;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
    text-align: center;
    margin-top: 26px;
}
.fecha .mul-container {margin-top: 10px; margin-bottom: 8px;}

/* Margin, padding (Desde...) */
.precio-lugar p {margin-bottom: 10px;}
.precio-lugar {text-align: left; padding:0;}
.precio-lugar-fecha {text-align: right; padding:0 0 0 8px;}
.separator-grid {margin-top: 10px;}
.eventtt .col_one_third {margin-right: 1%;}

/* Aviso de ofertas, destacados, etc. */

/* Descuentos, Promoción, Ticket Agotado */
.promo-container {position: absolute;z-index: 101;}

.promo-ticket-box {
    position: absolute;
    background: rgba(170, 0, 75, 0.5);
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    right: 0px;
    width: 100%;
    height: 97.5%;
}

.promo-title-ticket {
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    top: 30%;
    position: relative;
    max-width: 150px;
    margin: 0 auto;
}

.img-frame-promo {position: relative;}

/* OLD */
/*.promo-ticket-box {
    position: absolute;
    padding: 6px;
    background: rgba(170, 0, 75, 0.7);
    color: #ffffff;
    font-weight: 700;
    text-align:center;
    max-width: 253px;
    transform: translateY(521%);
    right: 0px;
    width: 100%;
}*/
/*.promo-title-ticket {font-size: 14px;letter-spacing: 0.5px; line-height: 15px; text-transform: uppercase;}*/
/*.promo-sub-ticket {font-size: 18px;text-transform: uppercase;}*/

/* On fire = Superventas */
.event-fire-scn {
    position: absolute;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0px;
    /*border-top: 55px solid  #ff0035;*/
    border-top: 55px solid #e21776;
    border-right: 55px solid transparent;
    z-index: 100;
}
.fire-scn {
    position: absolute;
    top: -48px;
    left: 8px;
}

/* Heart = Sugerencias */
.event-light-scn {
    position: absolute;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0px;
    /*border-top: 55px solid #ff0035;*/
    border-top: 55px solid #e21776;
    border-right: 55px solid transparent;
    z-index: 100;
}
.light-scn {
    position: absolute;
    top: -48px;
    left: 8px;
}

.evento-alert {position: absolute;
    width: 125px;
    padding: 5px 25px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: 0px 0px 10px 0px;
    margin: 0px;}
.color-agotado {background-color: #ff0035;}
.color-ultimas {background-color: #fcbf00;}
.color-destacado {background-color: #00c273;}

/* Enlace de Agenda y Buscador */

#infoMasEventos a {color: #e21776;}
#infoMasEventos a:hover {color: #aa004b;}
#infoMasEventosMobile {color: #1A1A1A;}
#infoMasEventosMobile a {color: #e21776; font-weight: 700;}
#infoMasEventosMobile a:hover {color: #aa004b;}

/*  Enlace eventos estilos hover  */
.col  {-webkit-transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;}
.eventtt {
-webkit-transition: color 0.1s ease-out;
-moz-transition: color 0.1s ease-out;
-o-transition: color 0.1s ease-out;
transition: color 0.1s ease-out;}
.flex-main .destacados-base .base-centradas .eventtt .span_1_of_4 {min-height: 425px;}
.span_1_of_4 {height: auto;}
.span_1_of_4 img {width: 100%;}
.eventtt {color: #404040; }
.eventtt:hover {color: #fff !important;}
.eventtt:hover h4 {color: #fff !important;}
.eventtt:hover span {color: #fff !important;}
.eventtt:hover .lugar {color: #fff !important;}
.eventtt:hover .fecha {color: #fff !important;}
.eventtt:hover .fecha h2 {color: #fff !important;}
.eventtt:hover .mul-fechas {color: #fff !important;}
.eventtt:hover .mul-fechas {color: #fff !important;}
.eventtt:hover .fecha p {border-bottom: 6px solid #fff !important;}
.col:hover {background-color: #aa004b;}

#infoMasEventos {
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 18px;
}

/* *Carousel TomaTicket
-----------------------------------------------------------------*/
/*  Estilos personalizados del Slider  */
.slider-caption:not(.white),.slider-caption:not(.white) h2{color:#ffffff;text-shadow:none}
.slider-caption:not(.white) p{color:#ffffff;}
.slider-caption:not(.white) hr {background-color:#ffffff;}
.slider-caption h2 {color: #ffffff; line-height: 28px;}
.slider-caption p { color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 18px;}
.slider-caption hr {color: #ffffff; width: 100%; border:none; height:2px; background-color:#ffffff; margin-bottom: 10px; margin-top: 10px;}

/* *Buscador TomaTicket
-----------------------------------------------------------------*/
.search-bar input {width: 59% !important;}
#grey div {padding: 10px 0;}
#Buscador-tomaticket {background-color: #000000; color: #FFF;}
#Buscador-tomaticket .search-pad {padding:10px 0;} 
#Buscador-tomaticket .search-bar #miBusqueda{font-size:16px; padding: 14px !important; border: 0px none;}
#Buscador-tomaticket .search-bar button.btn-filtro {position: initial !important; cursor: pointer; padding: 6px !important; margin: 0px !important; width: 100% !important; background-color: #e21776; color: #fff; border: 0px none; font-size: 14px;line-height: 29px;text-indent: 0px !important;}
#Buscador-tomaticket .search-bar button:hover {background-color: #f1f1f1; color: #555;}
#Buscador-tomaticket .content-wrap {padding: 10px 0;}
#Buscador-tomaticket .search-bar button .busqueda-icon {display: none;}
#Buscador-tomaticket input#miBusqueda {height: 42px!important; margin: 0px!important;}
#Buscador-tomaticket .search-bar button.btn-filtro {background-color: #e21776; color: #fff; border: 0px none; font-size: 14px; line-height: 29px;}
#Buscador-tomaticket .search-bar button.btn-filtro:hover {color: #ffffff; background-color: #B91869;}
#Buscador-tomaticket .search-bar button.btn-filtro:focus {color: #ffffff; background-color: #5a5752;}
#Buscador-tomaticket .search-bar button:hover {background-color: #f1f1f1; color: #555;}
#Buscador-tomaticket .content-wrap {padding: 10px 0;}
#Buscador-tomaticket .search-bar button.btn-filtro .busqueda-icon {display: none;}

.link-clean-search {color: #ffffff; border-bottom: 1px solid #ffffff; font-size: 12px;}
.link-clean-search:hover {color: #e21776; border-bottom: 1px solid #e21776; font-size: 12px;}
.search-events-normal .separator-grid {margin-top: 10px;}
.search-events-normal .bottommargin-precio {margin-top: 50px !important;}
.search-events-normal .evento h4 {height: 60px;}
.search-events-normal .evento {height: 186px;}

/* *Newsletter Suscripción
-----------------------------------------------------------------*/
#Newsletter .btn-news {margin-top: 10px;}
#Newsletter .btn-news {color: #ffffff; background-color: #aa004b; border: 1px solid #ffffff;}
#Newsletter .newsletter-title h4 {text-align: center; font-weight: 500; font-family: Teko, Sans serif; font-size: 38px; line-height: 34px; color: #fff; letter-spacing: 2px;}
#Newsletter .btn-news{color: #ffffff; background-color: #aa004b; border: 1px solid #ffffff; padding: 9px 8px !important;border-bottom-left-radius: 0px; border-top-left-radius: 0px;line-height: 21px;}
#Newsletter .btn:hover {color: #ffffff; background-color: #B91869; border: 1px solid #ffffff;}
#Newsletter .btn:focus {color: #ffffff; background-color: #5a5752; }
#Newsletter .btn-news a{color: #ffffff; background-color: #e21776;}
#Newsletter .btn a:hover {color: #e21776; background-color: #ffffff; }
#Newsletter .btn-news {margin-top: 0 !important; }
#Newsletter .terms {margin-top: 10px;}
#Newsletter .newsletter-icon {color: #ffffff;font-size: 48px; line-height: 48px;position: relative; top: 0px; margin-right: 10px;}
#Newsletter  .move-label-top {position: relative; top: -1px;}
#Newsletter .newsletter-title h4 {margin-bottom: 20px; margin-top:18px;}
#Newsletter .newsletter-title .news-title-mobile {display: none;}
#Newsletter .news-icon-mobile {display: none;}
#Newsletter .subscribe-newsletter {padding: 0; color: #ffffff; text-decoration: underline;}
#Newsletter .subscribe-newsletter:hover {padding: 0; color: #000000}
#Newsletter .input-group #newsletteremail2.form-control {height: 41px !important;}

#Newsletter .input-group .form-control {}
#frmNewsletterPie .col_four_fifth {width: 70.2%;}
#frmNewsletterPie .col_one_fifth {width: 23.8%;}
@media only screen and (max-width: 767px) {
#Newsletter .input-group #newsletteremail2.form-control {padding: 7px 15px;}
}

.flex-me {
  display: flex;
  flex-wrap: wrap;
}

.suscription-select {
  padding: 10px;
  border: 1px solid #f1f1f1;
}

/* Newsletter Flexbox */
.flex-suscription {
  /*min-height: 100vh;*/ /*Not sure*/
  display: grid;
  align-items: center;
}

.flex-suscription .flex-me input {
    flex: 1 1 10ch;
    margin: 0;
}
.flex-suscription .flex-me input[type="email"] {
    flex: 2 1 30ch;
}

.flex-suscription .suscription-select {
    flex: 1 1 10ch;
}
.flex-suscription .flex-me a {
    flex: 1 1 10ch;
    margin: 0;
}

/* Title */
.title-flex-wrapper {
  /*min-height: 100vh;*/ /*Not sure*/
  display: grid;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
.title-flex-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.title-flex-wrapper .icon-flex {
    margin: 0;
}
.title-flex-wrapper .title-flex {
    margin: 0;
}

/* *Modal Newsletter
-----------------------------------------------------------------*/
/*#myModal1 .btn-news {color: #ffffff; background-color: #e21776; border: 1px solid #ffffff;}
#myModal1 .btn-news {margin-top: 10px;}*/

/* *Sorteos
-----------------------------------------------------------------*/
#Sorteos {padding: 40px 0;}
#Sorteos .sorteos-title h2 {text-align: center; font-weight:500; font-family: Teko, Sans serif; font-size: 60px; letter-spacing: 8px; line-height: 62px; color: #1A1A1A; margin-top: 20px;}
#Sorteos .sorteos-title p {text-align: center; font-weight:300; font-family: Teko, Sans serif; font-size: 15px; letter-spacing: 4px; color: #1A1A1A;}
#Sorteos .plan-perfecto {text-align: center; font-weight:700; font-family: Teko, Sans serif; font-size: 20px; color: #1A1A1A;}

.module .title-event {height: 85px;}
.module .date-sorteo {margin-top: 0 !important;}

/* *Ubicación
-----------------------------------------------------------------*/
h1#DestacadoUbi {font-family:'Teko', sans-serif; font-weight: 300; font-size: 50px; letter-spacing: 3px;}
h2#MasEventosUbi {font-family:'Teko', sans-serif; font-weight: 300; font-size: 45px; letter-spacing: 3px;}
.UbiHigh {color: #e21776;}
.ChangeUbi {font-size: 16px; color: #e21776; font-family: 'Roboto', sans-serif !important; font-weight: 700; font-size: 18px; letter-spacing: 0px;}
.icon-size {font-size: 30px;}
.ChangeUbi a {font-size: 16px; color: #e21776;text-decoration: none; outline: none;cursor: pointer;}
.ChangeUbi a:hover {font-size: 16px; color: #1A1A1A;text-decoration: none; outline: none;}


/* *Contenido interiores TomaTicket
-------------------------------------------------------------------*/

/* *Evento
-------------------------------------------------------------------*/

/* Información del evento */
.fecha-info {margin-top: 5px; margin-bottom: 5px;}
.nombre-recinto {margin-top: 5px;margin-bottom: 2px;font-size: 16px;font-weight: 700;}
.detail-info {margin-top: 0px; margin-bottom: 5px; font-size: 12px;line-height: 14px;}
.place-btn {line-height: 27px;}
.btn-lp-img {width: 37px; margin-right: 10px; height: auto;vertical-align: bottom;}
.btn-place-img {width: 25px; margin-right: 10px; height: auto;vertical-align: bottom;}

/* Limpieza de estilos TomaTicket interiores (Estilos generales) */
.Sup_Main {display: none;}
.Inf_Main {display: none;}
/*#Content {max-width: 1170px;}*/
h4 {font-size: 18px; font-weight: 700;} 

/* Limpieza de estilos TomaTicket interiores (Dentro de evento) */

/*Sombra evento*/
.Paso {box-shadow: none; -webkit-box-shadow:none;-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px; border: 0px none;}
.Paso h1 {font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: 700; margin-bottom: 20px; line-height: 28px;}
#EventTabs {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}

/* Padding Pasos */
#divDescripciones.Paso {padding: 25px;}
#Organizador.Paso {padding: 25px;}
#recomendadosPromotor.Paso {padding: 25px;}
#divDescripciones h2 {margin-bottom: 15px;}

/* Información evento */
#EventHead {-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; background-color: #ffffff;}
#EventHeadContenido h1 {font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 24px; color: #444444; line-height: 29px;}
#EventHeadContenido .fecha {letter-spacing: 0px; font-weight: 400 !important; color: #444444; }
#EventHeadContenido span {color: #444444;}
.event-logo {width: 100%;}
#EventHeadContenido {padding: 43px 20px; margin: 0; background-color: #ffffff;}
#EventHeadContenido.white-space {padding: 43px 20px;}


/* Zona de compra */
.PasoCentral {background-color: #ffffff; padding: 25px;}

/* Círculo de paso a paso */
.circle-text::after {background: #e21776;}
.PasoCentral .titulopaso {color: #e21776;font-family: 'Roboto';font-size: 18px; line-height: 24px;margin: -28px 40px 20px 50px;}
#EligeTickets .price #total {color: #e21776;}

.circle-text div {float: left; width: 20%; padding-top: 10%; line-height: 1em; margin-top: -0.5em; text-align: center; color: white;}
.circle-text::after {content: ""; display: block; width: 20%; height: 0; padding-bottom: 20%; background: #e21776; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.circle-text {width: 20%; font-size: 16px; font-weight: bold;}

/* Botones de compra de entradas */
#book-btn, #book-btn2, #btnChartAdd, #PurchaseBtn  {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 46px;
    line-height: 34px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 6px solid #555;
    background-color: transparent;
    float: right;
    border-radius: 0px;
    background-color: #e21776;
}
#book-btn2:hover {
    background-color: #c92373;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#book-btn:hover {
    background-color: #c92373;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#PurchaseBtn:hover {
    background-color: #c92373;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#PurchaseBtn {margin-top: 15px;}
#btnChartAdd:hover {
    background-color: #c92373;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#BotonExterno  {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px !important;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 6px solid #555;
    background-color: #e21776;
    border-radius: 0px;
}
#BotonExterno:hover {
    background-color: #c92373;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Información sobre el evento */

#EventTabs {background-color: #1a1a1a;}
#EventTabs li {float: left;padding: 10px 25px;cursor: pointer;display: block;text-transform: uppercase; font-size: 15px; font-family: 'Roboto', sans-serif;color: #ffffff; border-bottom: 0px none transparent;}
#EventTabs li:hover {color: #c92373}
#EventTabs li.TabActive:hover {color: #ffffff;}
#EventTabs li.TabActive {background-color: #c92373;}
.Paso #TabContent1 {padding: 0px;}
.Paso #TabContent2 {padding: 0px;}

/* Organizador */
.organizado-por {font-family: 'Roboto', sans-serif; text-align: left;line-height: 28px; color: #1a1a1a; font-size: 18px; margin-top: 0px;}
.nombre-organizador {font-size: 28px !important;font-weight: 700;margin-left: 0px !important;}
.organizado-por a {color: #c92373;}
.organizado-por a:hover {color: #1a1a1a;}

/* Calendario */
div.dp-popup {margin-top: 28px;}
table.jCalendar {box-shadow: none !important;}
div.dp-popup td.disabled {cursor: default; color: #666666;}
/* Mes */
div.dp-popup h2 {color: #ffffff; background-color: #c92373;padding-top: 5px; padding-bottom: 5px;}
/* Semana */
table.jCalendar th {color: #ffffff; background-color: #1a1a1a;}


/* Selección de mes */
.redondeado {display: inline-block; width: 12px; height: 12px; margin: 0 auto; background-color: #c92373;}
a.btn2 {background-color: #c92373; border-radius: 0px; padding: 5px 30px!important;font-size: 15px; font-weight: 700; cursor: pointer;}
a.btn2:hover {background-color: #1a1a1a; border-radius: 0px; padding: 5px 30px!important;font-size: 15px;}

/* Selección de día */
table.jCalendar td { background: #c92373; color: #ffffff; padding: 7px 10px; text-align: center; border: 1px solid #BBB;}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {background-color: #1a1a1a; color: #ffffff; text-decoration: none;}
table.jCalendar td.selected {background-color: #1a1a1a !important; color: #ffffff; text-decoration: none;}
table.jCalendar td.selected.dp-hover {background-color: #1a1a1a; color: #ffffff; text-decoration: none;}

/* Selección de sesión */
    .redondeado {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 auto;
        background-color:#c92373;
    }

    #IdSesion2{color: #c92373;font-size:14px;}

    #IdSesion2 ul {
        color: #c92373;
        font-size:18px;
        cursor: pointer;
        border-bottom :1px dotted #666666;
        border-top :1px dotted #666666;
        margin:10px;
        padding:10px;
    }

    #IdSesion2 ul li {
        padding-bottom:10px;
        padding-top:10px;
        list-style: none;
    }

    #IdSesion2 ul li a {
        color: #666666;
        font-size:18px;
        font-weight:bold;
        cursor: pointer;
    }

    #IdSesion2 ul li a:hover{color:#FFF;}

    #IdSesion2 ul li:hover{
        background-color: #1a1a1a;
        color:#FFF;
        cursor: pointer;
        list-style-position:inside;
        margin-left:20px;
    }

.disabled_day {
    color:#CCC !important;
    margin-left:0px !important;
    cursor:auto !important;
}

.disabled_day:hover{
     background-color: #FFF !important;

}

#frmSelectSession a.btn2 {background-color: #c92373;color: #ffffff; padding: 10px 25px !important; margin-left: 10px;}

table.jCalendar td {background-color: #c92373 !important;color: #ffffff;}
div.dp-popup td.disabled {background-color: #f1f1f1 !important; color: #444 !important;}

#IdSesion2 {color: #c92373; font-size: 16px; margin-top: 15px;}
#IdSesion2 ul li {padding: 10px;}
#IdSesion2 ul li a {color: #1a1a1a; font-size: 18px; font-weight: 700; cursor: pointer;}
#IdSesion2 ul li:hover a{color: #ffffff;}
#IdSesion2 ul li:hover {
    background-color: #c92373;
    color: #ffffff;
    cursor: pointer;
    list-style-position: inside;
    list-style-image: none;
    list-style: none;
    margin-left:0px;
}

/* Estilos calendario */

.date-content {
  padding: 10px;
  background-color: #c92373;
  color: #ffffff;
}

.date-content:hover  {
  padding: 10px;
  background-color: #404040;
  color: #ffffff;
}

.month-btn {
  color: #ffffff;
}

/* Selección de butaca */
#entradas #carrito .titulo {font-size: 15px; color: #c92373;}
#entradas .ticket-fee {font-size: 15px; line-height: 36px;border-bottom: 1px dashed #D8D9DA; border-top: 1px dashed #D8D9DA; color: #333; text-align: center;}
#entradas .total {font-size: 18px; color: #c92373; font-weight: 700; margin-top: 10px;}
#entradas ul li {text-align: center; border: 2px solid #D8D9DA;padding: 11px; font-size: 14px; border-radius: 0px; box-shadow: none; margin: 0px 0 20px;}
#listadoentradas .tipo-entrada {cursor: pointer; text-align: center;}

/* Modal Info Butacas */
/*#ventanaInfo input {position: relative !important; width: 100px !important; bottom: 0px !important; left: -241px !important; top: 95px;}
#ventanaInfo {position: fixed;
top: 20%;
left: 30%;
height: 45vh;
width: 30vw;
box-shadow: 2px 2px 9px 1px rgba(0,0,0,0.2);
border-bottom: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
border-left: 1px solid gray;
background-color: white; padding: 15px;}
*/
/* Evento (Paso Dos) */
#divComprasin {padding: 25px;}
#divClienteLogin {padding: 25px;}

.contenedor-butaca-ticket-close {text-align: right;}
.butaca-ticket-close {color:#e21776; font-size: 20px;cursor: pointer;}

#frmReserva select, .frmReserva select {
    padding: 2px;
    width: 150px;
    height:25px;
}

#frmReserva li, .frmReserva li {
    margin-top:10px;
}

#frmReserva li.left, .frmReserva li.left {
    float:left;
    margin-right:10px;
    clear:both;
}

#frmReserva li.right, .frmReserva li.right {
    float:left;
}

.icon-ticket-list {
    position: relative;
    font-size: 20px;
    top: 3px;
    margin-right: 10px;
}

/* Evento inscripción múltiple */
#Asistentes .paso-asistente input {width: 100%;}
#Asistentes .paso-asistente select  {width: 30%;}
#Asistentes .paso-asistente .DOC  {width: 68%;}
#Asistentes .paso-asistente .titulopaso {margin-bottom: 0px;}
#divDatosComprador .datos-asistente-label {font-size: 14px;}
.check-label {display:inline !important;}
#frmReserva #Asistentes  ul {padding: 0;}

.Paso hr{border: 0px solid #D8D9DA;margin-bottom: 10px;}
hr {
    border: none;
    height: 1px;
    background-color: #D2D0CA;
    margin: 10px 0px 0px 0px;
}

#ContenedorPasos {background-color: #F1F1F1;}

#ColumnaContenedorPasos .titulopaso {color: #c92373; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 18px;}
.Paso ul {list-style-type: none; padding-left: 0px;}
#TabContent1 {list-style-type: circle !important;}
.Paso .float-l p {font-size: 16px; line-height: 24px;}
.Paso .float-l p .colorido {color: #c92373 !important; font-size: 24px; font-weight: 700;}

.resumenCompra {background-color: #1a1a1a; margin-bottom: 0px; padding: 20px}
.resumenCompra .tituloResumen {font-size: 21px; color:#ffffff;}
.resumenCompra li {color:#ffffff;}
.resumenCompra p {color:#ffffff;}
#ResumenListaEntrada, #ResumenPrecioEntrada {width: 100% !important;}
#ResumenPrecioEntrada {text-align: left;}

/* Seguridad Online */

#SeguridadOnline {background-color: #555555;}
#MetodoPago, #MetodoSeguro {margin-bottom: 0px !important;}
.metodo-pago {text-align: left; margin-left: 10px;}
.metodo-pago img {max-width: 100%;}
.metodo-pago-sm {text-align: left; margin-left: 10px; margin-top: 8px;}
.metodo-pago-sm img {max-width: 100%;}
.metodo-seguro-sm img {max-width: 100%;}
.metodo-seguro {text-align: right; margin-right: 10px}
.metodo-seguro img {max-width: 100%;}

/* Numeración pasos */
.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 16px;
    height: 16px;
    padding: 8px;
    background: #fff;
    border: 2px solid #e21776;
    color: #e21776;
    text-align: center;  
    font: 18px 'Roboto', sans-serif;
    line-height: 18px;
    font-weight: 700;
}

/* Botón acceso cliente */

#btLoginCliente  {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 46px;
    line-height: 34px;
    color: #555;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 6px solid #555;
    background-color: transparent;
    float: right;
    border-radius: 0px;
    margin-top: 15px;
}
#btLoginCliente:hover {
    background-color: #c92373;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

input, textarea, select {box-shadow: none !important;}
input, textarea {
    padding: 5px 10px;
    height: auto;
    -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;
    box-shadow: none !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    border:1px solid #CCC;
}

/* Botón de imprimir del Resumen de tickets emitidos */

/* Login de usuario */
#ClienteEmail {width: 100%;}
#ClienteClave {width: 100%;}
.fl {float: left; color: #444444;}
.fr {float: right;}
.fl a {color: #c92373;}
.fl a:hover {color: #444444;}
#frmReserva label, .frmReserva label {font-family: 'Roboto', sans-serif; font-size: 16px; color: #444444; margin-bottom: 6px;}
#frmReserva label, .frmReserva label {display: block}
#frmReserva ul, .frmReserva ul {list-style: none;padding: 10px 0 10px 0;}


#frmReserva li.left {width: 49% !important;}
#frmReserva li.right {width: 49% !important;}

#frmCliente li.left {width: 49% !important;}
#frmCliente li.right {width: 49% !important;}

/* compra sin registro */
input#Nombre {width: 100%;}
input#Apellidos {width: 100%;}
input#Email {width: 100%;}
input#Email2 {width: 100%;}
input#Telefono {width: 100%;}
input#CodigoPostal {width: 100%;}
input#Documento {width: 68%;}
#frmReserva select, .frmReserva select {height: 30px; }
#frmReserva select {font-size: 12px !important;}
#frmReserva #TipoDoc {width: 30%;}
#frmReserva #Enterado {width: 50%;}
.check-label {font-size: 14px !important;}
.check-label a {color: #c92373;}
.check-label a:hover {color: #444444;}

input[type='submit']  {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 46px;
    line-height: 34px;
    color: #555;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 6px solid #555;
    background-color: transparent;
    float: right;
    border-radius: 0px;
    margin-top: 15px;
}
input[type='submit']:hover {
    background-color: #c92373;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


/* *Agenda
-------------------------------------------------------------------*/
.list-agenda li .img-search-event {width: 300px; height: auto;}
.img-search-event {max-width: auto; max-height: auto;}

.list-agenda li .cont {float: left;}

/* Listado de actividades de la agenda */
.list-agenda li {min-height: 300px; max-height: 400px;}

/* Datos del evento */
.img-search-event {max-width: 100%; max-height: 300px;}
.list-agenda li {padding: 0px;}
.list-agenda li .img, .list-experiencias li .img {margin-top: 0px;}
.list-agenda li .cont {width: 90%; padding: 10px 5%;}
.list-agenda li .fecha, .list-experiencias li .fecha {font-style: normal; font-family: 'Roboto', sans-serif; font-weight: 400 !important; letter-spacing: 0px; font-size: 14px;}
.list-agenda li a {font-size: 21px;color: #444;font-weight: 700;margin-top: 10px;font-family: 'Roboto', sans-serif;}

/* *Filtro TomaTicket Experiencias
-----------------------------------------------------------------*/
.title-filtro-exp {padding: 25px;}
.title-filtro-exp h1 {font-size: 24px; }
#TitleResultsExp {margin-top: 20px;}
#TitleResultsExp h2 {
    font-size: 18px;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 20px;
    margin-bottom: 20px;
}
#list-search-event.event-exp .span_1_of_4 {width: 32.1%;}

.event-exp .col {background-color: #f1f1f1;}
.event-exp .col:hover {background-color: #aa004b;}
.event-exp .evento {padding: 10px 4%; height: 200px;}
.event-exp .evento h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    height: 45px;
    margin-bottom: 20px !important;
}
.event-exp .fecha p {margin-top: 2px;}
.event-exp .bottommargin-precio {margin-top: 2px;}
.event-exp .lugar {margin-top: 9px;}
.event-exp .precio-lugar-fecha {text-align: right; padding: 0 0 0 6px;}
.desde-mar {margin-bottom: 4px;}

#list-search-event .separator-grid {margin-top: 35px;}
#list-search-event .bottommargin-precio {margin-top: 31px;}
#list-search-event .evento {min-height: 182px;}
#list-search-event .evento h4 {height: 56px;}
#list-search-event .evento .fecha-no-disponible {margin-top: 25px;}


/* *Eventos Recomendados
-----------------------------------------------------------------*/

#recomendadosPromotor #Destacados .span_1_of_4 {height: 349px; width: 23.7%;}
#recomendadosPromotor #Destacados .col {background-color: #f1f1f1;}
#recomendadosPromotor #Destacados .col:hover {background-color: #aa004b;}
#recomendadosPromotor #Destacados .evento {padding: 10px 4%; height: 155px;}
#recomendadosPromotor #Destacados .evento h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    height: 45px;
    margin-bottom: 0 !important;
}
#recomendadosPromotor #Destacados .fecha p {margin-top: 2px;}
#recomendadosPromotor #Destacados .event-day {margin-top: 5px !important;}
#recomendadosPromotor #Destacados .bottommargin-precio {margin-top: 27px;}
#recomendadosPromotor #Destacados .lugar {margin-top: 9px;}
#recomendadosPromotor #Destacados .precio-lugar-fecha {text-align: right; padding: 0 0 0 6px;}
.desde-mar {margin-bottom: 4px;}
.artist-event-box {margin-top: 10px;}


/* Artistas recomendados */
.artist-event-box {margin-top: 10px;}

/* *Organizador
-----------------------------------------------------------------*/

#Organizador .org-mail {color: #1a1a1a;margin-top: 10px;text-align: left;}
#Organizador .org-mail .icon-correo-promotor {font-size: 28px;color: #b91869;margin-right: 12px;position: relative;top: 6px;}

#Organizador .org-tlf {color: #1a1a1a;margin-top: 10px;text-align: left;}
#Organizador .org-tlf .icon-tlf-promotor {font-size: 28px;color: #b91869;margin-right: 12px;position: relative;top: 6px;}

#Organizador .org-web {color: #1a1a1a;margin-top: 10px;text-align: left;}
#Organizador .org-web .icon-web-promotor {font-size: 28px;color: #b91869;margin-right: 12px;position: relative;top: 6px;}
#Organizador .org-info {color: #b91869;margin-top: 10px;}
#Organizador .logo-promotor {max-width: 60%;}
.organizador-box {padding: 25px 50px;}
.center-img-promotor {text-align: center;}

 /* Botón super */
.btn-super {
padding: 20px 25px !important;
background-color: #00B83A;
text-align: center;
color: #ffffff;}
.btn-super:hover {background-color: #318a56;color: #ffffff;}

/* *Evento No Activado
-----------------------------------------------------------------*/

.bg-white {background-color: #ffffff;}
.aviso-correo-evento {padding: 25px;}

.aviso-correo-evento .form-control {
    display: block;
    width: 98%;
    height: 41px;
    padding: 6px 0.9%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.aviso-correo-evento a.btn {margin: 0!important; padding: 9px 8px !important;margin-bottom: 0px !important; }
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.input-group .form-control {display: table-cell;}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 98%;
    margin-bottom: 0;
}

.aviso-correo-evento .input-group .form-control {display: table-cell;}
.aviso-correo-evento .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 71%;
    margin-bottom: 0;
    padding: 7px 15px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #1a1a1a;
}
.aviso-correo-evento .move-label-top {color: #444444;}

.aviso-correo-evento input[type='checkbox'] {font-size: 12px;}

.col-lg-12 {width: 100%;}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.aviso-correo-evento .btn-news {margin-top: 10px;}
.aviso-correo-evento .btn-news {
    color: #ffffff;
    background-color: #aa004b;
    border: 1px solid #aa004b;
}
.aviso-correo-evento .newsletter-title h4 {
    text-align: center;
    font-weight: 500;
    font-family: Teko, Sans serif;
    font-size: 38px;
    line-height: 34px;
    color: #fff;
    letter-spacing: 2px;
}
.aviso-correo-evento .btn-news{color: #ffffff; background-color: #aa004b; border: 1px solid #aa004b; padding: 9px 8px !important;border-bottom-left-radius: 0px; border-top-left-radius: 0px;line-height: 21px;}
.aviso-correo-evento .btn:hover {color: #ffffff; background-color: #B91869; border: 1px solid #B91869;border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
.aviso-correo-evento .btn:focus {color: #ffffff; background-color: #5a5752; border: 1px solid #5a5752;border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
.aviso-correo-evento .btn-news a{color: #ffffff; background-color: #e21776;}
.aviso-correo-evento .btn a:hover {color: #e21776; background-color: #ffffff; }
.aviso-correo-evento .btn-news {margin-top: 0 !important; }
.aviso-correo-evento .terms {margin-top: 10px;}
.aviso-correo-evento .newsletter-icon {color: #ffffff;font-size: 48px; line-height: 48px;position: relative; top: 8px; margin-right: 10px;}
.aviso-correo-evento .move-label-top {position: relative; top: -1px;}
.aviso-correo-evento .newsletter-title h4 {margin-bottom: 20px; margin-top:18px;}
.aviso-correo-evento .newsletter-title .news-title-mobile {display: none;}
.aviso-correo-evento .news-icon-mobile {display: none;}
.aviso-correo-evento .subscribe-newsletter {color: #e21776;}
.aviso-correo-evento .subscribe-newsletter:hover {color: #1a1a1a;}

/*  Media query responsive  */
@media only screen and (max-width: 767px) {
  .aviso-correo-evento .newsletter-title h4 { font-size: 28px; line-height: 28px; text-align: left;}
  .aviso-correo-evento .newsletter-icon {font-size: 36px; line-height: 36px; top: 20px; margin-top: 7px;}
  .aviso-correo-evento .input-group .form-control {width: 73%; padding: 7px 15px;}
  .aviso-correo-evento .btn-news {padding: 9px 3px !important;}
  .aviso-correo-evento .adaptive-mobile .col_one_sixth {width: 18%!important;}
  .aviso-correo-evento .adaptive-mobile .col_five_sixth {width: 82%!important;}
}


/* *Evento con contraseña
-----------------------------------------------------------------*/

.evento-password {padding: 25px;background-color: #fff;}
.text-password {margin-top: 0px; font-size: 16px;}
.event-pwd input[type="password"] {
    padding: 5px 10px;
    height: 46px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.event-pwd input[type="submit"] {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 46px;
    line-height: 34px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 6px solid #555;
    background-color:  #e21776;
    float: left;
    border-radius: 0px;
    margin-top: 0px;
}
.event-pwd input[type="submit"]:hover {background-color: #c92373;}

/* No numerado
-----------------------------------------------------------------*/

.ticket-title {font-size: 16px;color: #333; font-weight: 400;}
.Pricing {font-size: 20px;color: #555; font-weight: 700;}
.p-gastos-numeral {text-align: right; margin-right: 10px;font-size: 14px}
.span-ticket-available {font-size: 12px; color: #b91869;}
.p-gastos {font-size: 14px; font-weight: 400; text-align: left; margin-left: 45px;}
.p-finales {text-align: left;font-size: 18px; font-weight: 700;margin-top: 10px;margin-bottom: 10px; margin-left: 45px;}
div #total {margin-right: 10px; text-align: right; font-size: 18px; font-weight: 700;}
#divisionTotalSinNumerar {text-align: right; margin-top: 10px; margin-bottom: 10px;}

#EligeTickets .availability {font-size: 14px; color: #b91869;}

.info-entradas-tomaticket{font-size: 24px; color: #b91869;}
.info-text:hover {cursor:pointer;}

/* Columnas Inner de la tabla*/
.table-container .col_one_sixth {width: 5.33%; margin-right: 2%;}
.table-container .col_five_sixth {width: 90.67%;}

.table-container select.select-entradas {width: 40%; padding: 15px;margin-right: 25px;}
.table-container .select-descuento select {width: 50%; padding: 5px; margin-bottom: 5px; float: right;}

.hr-ticket {margin-top: 0px;}

.table-container {
  display: block;
  margin: 2em auto;
  width: 100%;
  max-width: 1170px;
}
.flag-icon {
  margin-right: 0.1em;
}
.flex-table {
  display: grid;
  grid-template-columns: 74% 25%;
  grid-template-rows: 100% auto;
  transition: 0.5s;
  margin-bottom: 0;
  margin-top: 10px;
}
.flex-table:first-of-type {
  border-top: solid 1px #fff;
  
  border-left: solid 1px #fff;
}
.flex-table:first-of-type .flex-row {
  background: #fff;
  color: #000000;
  border-color: #fff;
  margin-bottom: 0px;
}
.flex-row {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0.5em 0.5em;
}
.rowspan {
  display: grid;
  grid-template-columns: 25% 75%;
  grid-template-rows: 100%;
}
.column {
  width: 100%;
  padding: 0;
}
.column .flex-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, 33.3%);
  grid-template-rows: 100% 100% 100%;
  width: 100%;
  padding: 0;
  border: 0;
}
.flex-cell {
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
}

#gastosGestionSinNumerar.flex-table {border-bottom: solid 0px transparent; background-color: #f1f1f1; margin-bottom: 0px;}
#totalSinNumerar.flex-table {border-bottom: solid 0px transparent; background-color: #333333; color: #ffffff; margin-top: 0px;}
.flex-table.discounts-row {margin-bottom: 10px; margin-top: 0; border-bottom: none 0px transparent;}
.discount-col {margin-bottom: 0;}
.discounts-row {background-color: #eee;padding: 15px 25px 5px 25px;}
.icon-ticket-discount {font-size: 18px;color: #b91869;margin-right: 10px;}
.ticket-discount-title {font-size: 14px;margin-top: 6px; margin-bottom: 0px;line-height: 10px;}

.discounts-row {display: grid;
grid-template-columns: 100%;
grid-template-rows: 100% auto;
transition: 0.5s;}

#fancybox-inner input[type="button"] {
    background-color: #c92373;
    color: #ffffff;
    border-radius: 0px;
    padding: 5px 30px !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    min-height: 40px;
    height: 40px;
    text-decoration: none;
    margin: 10px;
}

#fancybox-inner input[type="button"]:hover {
    background-color: #1a1a1a;
    border-radius: 0px;
    padding: 5px 30px !important;
    font-size: 15px;
}

input[type="button"] {
    min-height:40px;
    height:40px;
}

/* *Side bar
-----------------------------------------------------------------*/

.box-100 {
    border-top: 1px solid #1a1a1a;
    margin: 5px 0 30px 0;
    padding: 12px 0;
}
.side-boxes {display: flex; align-items:center; margin-bottom: 10px;}

.sidebar-links {font-size: 16px;}
.sidebar-img {margin-right: 10px; width: 40px; height: auto;}
.sidebar-icon {font-size: 30px;margin-right: 5px;color: #b91869;}
.sidebar-icon:hover {color:#1a1a1a;}

/* Icono Artista */
ul.list_artist li, li.list_artist {background: url(https://static.tomaticket.es/img/icon-star-solid.png) no-repeat 10px 5px;}
ul.list_artist li {list-style: none;}

ul.list_artist li {
    position: relative;
    margin: 0 0 2px 0;
    padding-left: 50px;
    line-height: 38px;
    font-size: 16px;
}

/* *Filtro Precios
-----------------------------------------------------------------*/
.frmFiltroExp legend {margin-bottom: 8px; font-weight: 700;}

.frmFiltroExp .boxFiltro {
    margin: 10px 0 10px 0;
    padding: 0;
    width: 100%;
}
.frmFiltroExp input {width: 100%; height: 41px;}
.frmFiltroExp select {width: 100%; height: 35px;}

.theme-tomaticket .back-bar .pointer {border: 3px solid #b91869 !important;}
.theme-tomaticket .back-bar .selected-bar {background-image: linear-gradient(to bottom, #b91869, #c92373) !important;}

.boxFiltro input[type="submit"] {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0 22px;
    font-size: 14px;
    height: 46px;
    line-height: 34px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
}
.boxFiltro input[type="submit"]:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.boxFiltro input[type="submit"]:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* *Resultados búsqueda
-----------------------------------------------------------------*/
#TitleResults h2 {font-size: 24px; font-weight: 400; color:#1a1a1a; line-height: 30px;}
#TitleResults strong.results-text {font-size: 24px; color: #e21776;}
#TitleResultsExp strong.results-text {font-size: 24px; color: #e21776;}
#TitleResults .search-results-count {color:#1a1a1a; margin-top: 5px;margin-bottom: 5px; }
#TitleResults {margin-bottom: 25px;}
/* Container */
#list-event-container {padding: 0 25px;}
.list-event-exp-container {padding: 0 25px;}


/* *Resultados búsqueda (Experiencias)
-----------------------------------------------------------------*/
/*.list-event-exp-container #list-search-event .evento {height: 100px;}
.list-event-exp-container #list-search-event .col_full.nomargin.height-info-experiencia {display: none;}
.list-event-exp-container #list-search-event .separator-grid {display: none;}*/
.list-event-exp-container #list-search-event .evento h4 {line-height: 22px;}


/* *Artistas
-----------------------------------------------------------------*/
#Destacados .artist-event-box .span_1_of_4 {height: auto; width: 24%;}
.title-artist {line-height: 24px;}
.artist-content {padding: 25px;}
.img-artist {padding: 25px;}
.puntuacion-artist {padding: 0 25px;}
.img-position {max-width: 100%;}
.recomendados-artista .evento {
    padding: 10px 5%;
    height: 137px;
}
.recomendados-artista .evento {
    padding: 10px 5%;
    height: 166px;
}
#Destacados.recomendados-artista  .artist-event-box .span_1_of_4 {height: 360px;}
.recomendados-artista .evento .bottommargin-precio {margin-top: 7px;}
.recomendados-artista .evento h4 {
    font-size: 16px;
    height: 60px;
}
#Destacados .artist-event-box .span_1_of_4 {background-color: #f1f1f1;}
#Destacados .artist-event-box .span_1_of_4:hover {background-color: #aa004b;}

/* *Artistas recomendados
-----------------------------------------------------------------*/
#Destacados .related-artist-event-box .span_1_of_4 {height: auto; width: 23%;}
.title-artist {line-height: 24px;}
.artist-content {padding: 25px;}
.img-artist {padding: 25px;}
.puntuacion-artist {padding: 0 25px;}
.img-position {max-width: 100%;}
.related-artist-event-box .evento {
    padding: 10px 5%;
    height: 66px;
}
.related-artist-event-box .evento {
    padding: 10px 5% !important;
    height: 157px !important;
}
#Destacados.recomendados-artista  .related-artist-event-box .span_1_of_4 {height: 200px;}
.related-artist-event-box .evento .bottommargin-precio {margin-top: 7px;}
.related-artist-event-box .evento h4 {
    font-size: 16px;
    line-height: 18px;
    height: auto;
    margin-bottom: 10px !important;
}
.related-artist-event-box .evento .fecha {
  width: 100%;
  font-weight: 300 !important;
}

.related-artist-event-box .fecha p {border-bottom: 3px solid #e21776 !important;}
.related-artist-event-box .eventtt:hover .fecha p {border-bottom: 3px solid #fff !important;}
#Destacados .related-artist-event-box .span_1_of_4 {background-color: #f1f1f1;}
#Destacados .related-artist-event-box .span_1_of_4:hover {background-color: #aa004b;}


/* *Valoración de artista
-----------------------------------------------------------------*/
#pagination li.current {background-color: #b91869; color: #FFF;}
#pagination li {margin-bottom: 8px;}
#pagination li {
    display: block;
    float: left;
    border: 1px solid #CCC;
    margin-left: 5px;
    padding: 5px 10px;
    font-size: 20px;
    cursor: pointer;
    background-color: #F1F1F1;
    color: #555555;
    line-height: 18px;
}
#Valoraciones {
    padding-top:20px;
    padding-bottom:20px;
}
#Valoraciones h6 {
    margin:15px 0px;
    background-color:#EEE;
    padding:20px;
    font-size:16px;
}

#Valoraciones #sScore {
    font-size:24px;
}
#reviewList {
    list-style:none;
    margin:0px;
    padding:0px 20px 0px 20px;
}

#reviewList li .box {
    background-color:#EEE;
    padding:10px;
    font-weight:bold;
}

/*.valoracion-artist h6 {font-size: 48px; line-height: 48px;}*/

/* *Eventos recomendados
-----------------------------------------------------------------*/
#ExternoNoVenta .recomendado-desktop .span_1_of_4 {
    height: auto;
    width: 31.99%;
    background: #f1f1f1f1;
}
#ExternoNoVenta .recomendado-desktop .span_1_of_4:hover {background-color: #aa004b;}

#ExternoNoVenta .evento h4 {
    font-size: 16px;
    line-height: 18px;
    height: 65px;
}
#ExternoNoVenta .evento {
    padding: 10px 5%;
    height: 155px;
}
#ExternoNoVenta .bottommargin-precio {margin-top: 7px;}

/* *Recintos Información
-----------------------------------------------------------------*/
#Destacados .recomendado-recinto .span_1_of_4 {background-color: #f1f1f1;}
#Destacados .recinto-event-box .span_1_of_4 {height: 350px; width: 24%;}
.title-recinto {padding: 0;}
.recinto-content {padding: 25px ;}
.img-recinto {padding: 25px 25px 0 25px;}
.artist-recinto {padding: 25px;}
.info-recinto {padding: 0 25px;}
.direccion-recinto {font-weight: 700;}
.info-direccion {margin-top: 0px; margin-bottom: 5px;margin-left: 41px;font-size: 12px;line-height: 15px;}
.recinto-map {margin-bottom: 5px;}
.link-ubicacion-map {margin-left: 41px;}

.info-recinto .recinto-mail {color: #1a1a1a;margin-top: 10px;text-align: left;}
.info-recinto .recinto-mail .icon-correo-promotor {font-size: 28px;color: #b91869;margin-right: 12px;position: relative;top: 6px;}

.info-recinto .recinto-tlf {color: #1a1a1a;margin-top: 10px;text-align: left;}
.info-recinto .recinto-tlf .icon-tlf-promotor {font-size: 28px;color: #b91869;margin-right: 12px;position: relative;top: 6px;}

.info-recinto .recinto-map {color: #1a1a1a;margin-top: 10px;text-align: left;}
.info-recinto .recinto-map .icon-map-promotor {font-size: 28px;color: #b91869;margin-right: 12px;position: relative;top: 6px;}

.destacados-recinto .col {background-color: #f1f1f1;}
.destacados-recinto .col:hover {background-color: #b91869;}

/* Eventos con tres líneas de título */
.recomendado-recinto .evento {height: 163px;}
.recomendado-recinto .evento h4 {height: 56px; font-size: 15px;}
.recomendado-recinto .evento .bottommargin-precio {margin-top: 27px !important;}


/* *Select Buscador
-----------------------------------------------------------------*/
/* class applies to select element itself, not a wrapper element */
.select-css {
    display: block;
    max-width: 100%; /* useful when width is set to anything other than 100% */
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
        
    */
    background-image: url('//static.tomaticket.es/img/select-arrow-tomaticket.svg'),
      linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .7em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
    height: 42px;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
    display: none;
}
/* Hover style */
.select-css:hover {
    border-color: #888;
}
/* Focus style */
.select-css:focus {
    border-color: #aaa;
    /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}

/* Set options to normal weight */
.select-css option {
    font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
    color: graytext;
    background-image: url('//static.tomaticket.es/img/select-arrow-tomaticket.svg'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
    border-color: #aaa;
}

/* *Organizador Eventos futuros y pasados
-----------------------------------------------------------------*/
.organizador-logo {max-width: 100%; width: 50%;}
.padding-org-logo {padding: 25px; text-align: center;}
.org-info-container {padding: 25px;}
.org-event-surround {padding: 25px;}

#OrganizadorHeadContenido h1 {font-size: 24px; line-height: 32px;}

#InfoOrganizador .org-mail {color: #1a1a1a;margin-top: 10px;text-align: left;}
#InfoOrganizador .org-mail .icon-correo-promotor {font-size: 28px;color: #b91869;margin-right: 12px;position: relative;top: 6px;}

#InfoOrganizador .org-tlf {color: #1a1a1a;margin-top: 10px;text-align: left;}
#InfoOrganizador .org-tlf .icon-tlf-promotor {font-size: 28px;color: #b91869;margin-right: 12px;position: relative;top: 6px;}

#InfoOrganizador .org-web {color: #1a1a1a;margin-top: 10px;text-align: left;}
#InfoOrganizador .org-web .icon-web-promotor {font-size: 28px;color: #b91869;margin-right: 12px;position: relative;top: 6px;}

#OrganizadorEventosFuturos .destacados_TM .col {
    height: auto;
    background-color: #f1f1f1;
}
#OrganizadorEventosFuturos .destacados_TM .col .evento {
    padding: 10px 5%;
    height: 165px;
}
#OrganizadorEventosFuturos .destacados_TM .col .evento h4{font-size: 16px; height: 50px;}
#OrganizadorEventosFuturos .col:hover {background-color: #b91869;} 

#OrganizadorEventosPasados .destacados_TM .col {
    height: auto;
    background-color: #f1f1f1;
}
#OrganizadorEventosPasados .destacados_TM .col .evento {
    padding: 10px 5%;
    height: 165px;
}
#OrganizadorEventosPasados .destacados_TM .col .evento h4{font-size: 16px; height: 50px;}
#OrganizadorEventosPasados .col:hover {background-color: #b91869;} 

#OrganizadorEventosFuturos .separator-grid, #OrganizadorEventosFuturos .separator-grid {margin-top: 15px !important;}

/* *Agenda Meses TomaTicket
-----------------------------------------------------------------*/
#EventsAgenda {padding: 25px; background: #fff; overflow: hidden;}
#EventsAgenda .col {background-color: #f1f1f1;}
#EventsAgenda .col:hover {background-color: #aa004b;}
#EventsAgenda .span_1_of_4 {width: 31.98%;}
#EventsAgenda .evento {height: 160px;}
#EventsAgenda  .evento h4 {
    font-size: 16px;
    height: 53px;
}
.event-schedule-title {padding: 25px 25px 0 25px;}
.event-schedule-title h1 {line-height: 32px;}
#SidebarAgenda select.ui {width: 93%; margin-bottom: 5px;}
#SidebarAgenda .box-100 .dropdown {width: 93%;margin-bottom: 5px;}
#SidebarAgenda .btn-filtro {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 34px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
#SidebarAgenda .btn-filtro:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#SidebarAgenda .btn-filtro:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.tags-event .bottommargin-precio {margin-top: 51px;}


#EventsAgenda .separator-grid {margin-top: 35px;}
#EventsAgenda .bottommargin-precio {margin-top: 51px;}
#EventsAgenda .evento {height: 152px;}
#EventsAgenda .evento h4 {height: 56px;}


/* *Usuario (Registo, login y perfil usuario)
-----------------------------------------------------------------*/

#user-login, #user-register, #user-title {padding: 25px;}

#user-login #btLoginCliente {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 34px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
#user-login #btLoginCliente:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#user-login #btLoginCliente:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#user-register #btnRegistolink {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
#user-register #btnRegistolink:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#user-register #btnRegistolink:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#user-title h1 {font-size: 34px; color: #333333;font-weight: 700;font-family: "Roboto", sans-serif;}
#user-login h2 {font-size: 24px; color: #333333;font-family: "Roboto", sans-serif;}
#user-register h2 {font-size: 24px; color: #333333;font-family: "Roboto", sans-serif;}
.user-login-margin {margin-bottom: 18px}
.min-height-register {min-height: 364px; }
#user-login input, textarea {padding: 10px 10px;}

/* Recuperación de contraseña */
#user-forgot-pwd {padding: 25px;}
#user-forgot-pwd input, textarea {padding: 10px 10px;}
#user-forgot-pwd #GenerarClave {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
#user-forgot-pwd #GenerarClave:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#user-forgot-pwd #GenerarClave:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.back-to-login {padding: 58px 25px;}

.back-to-login #btnRegistolink {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
.back-to-login #btnRegistolink:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.back-to-login #btnRegistolink:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.min-height-back-login {min-height: 248px;}

/* Registro */
input.error {margin-bottom: 6px;border: 1px solid #F5255F;}
.errorContainer {font-size: 14px; color: #F5255F;}
.error-localizador {color: #F5255F;}
.txtok {font-size: 24px;margin-bottom: 25px;color: #44CC5B;}

.inner-form-pad {padding: 25px;}
.form-subtitle {margin-top: 0; margin-bottom: 25px;font-size: 18px;color: #333;}
.inner-form-pad input, textarea {padding: 10px;}
#frmReserva select, .frmReserva select {width: 78px;}
.inner-form-pad input#Documento {width: 100%}
.inner-form-pad select#TipoDoc {width: 123px; min-height: 40px;}
.inner-form-pad select#DiaFechaNacimiento {width: 50px; min-height: 40px;}
.inner-form-pad select#MesFechaNacimiento {width: 100px; min-height: 40px;}
.inner-form-pad select#AnoFechaNacimiento {width: 65px; min-height: 40px;}
.inner-form-pad input#Clave, .inner-form-pad input#Clave2 {width: 100%;}

.inner-form-pad input[type="submit"] {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 23%;
    margin-bottom: 15px;
}
.inner-form-pad input[type="submit"]:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.inner-form-pad input[type="submit"]:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.inner-form-pad input#IBAN {width: 23%;}

/* Dashboard Usuario */
.client-menu {padding: 5%;background-color: #1a1a1a;}
.client-dashboard {padding: 25px;}

/* Menú usuario */
#EventTabsUser {background-color: #1a1a1a;}
#EventTabsUser a {color: #ffffff;}
#EventTabsUser .TabActive {background-color: #b91869;color: #ffffff;}
#EventTabsUser div:hover {background-color: #b91869;}
#EventTabsUser div a:hover {color: #ffffff;}
#EventTabsUser div {
    padding: 0;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    border-bottom: 0px none transparent;
    padding: 5%;
    width: 90%;
    text-align: left;
}

.client-dashboard h6 {
    margin-top: 10px;
    margin-bottom: 28px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}
.client-dashboard input#Documento {width: 100%;}
.client-dashboard input#Direccion {width: 100%;}
.client-dashboard input#CP {width: 100%;}
.client-dashboard input#Localidad {width: 100%;}
.client-dashboard input#Clave {width: 100%;}
.client-dashboard input#PerfilFacebook {width: 100%;}
.client-dashboard input#PerfilInstagram {width: 100%;}
.client-dashboard input#PerfilTwitter{width: 100%;}
.client-dashboard .frmReserva input#IBAN {width: 75% !important;}
.client-dashboard select#IdProvincia {width: 100% !important;}
.client-dashboard select#IdPaisNacionalidad {width: 100% !important;}
.client-dashboard .frmReserva select#TipoDoc {width: 100% !important;}
.client-dashboard .frmReserva select#DiaFechaNacimiento {width: 20% !important;}
.client-dashboard .frmReserva select#MesFechaNacimiento {width: 48% !important;}
.client-dashboard .frmReserva select#AnoFechaNacimiento {width: 28% !important;}
.client-dashboard .frmReserva select#IdLugarPreferencia {width: 75% !important;}

.user-compras, .user-datos, .user-notificaciones, .user-tarjetas {margin-right: 10px; font-size: 18px;}

/* Generar clave usuario */

#botonRevelar {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
#botonRevelar:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#botonRevelar:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#noclickpass {padding: 14px 10px; width: 100%;}

/* *Organizador (Registo, login y perfil usuario)
-----------------------------------------------------------------*/

/* Login Organizador */

#organizador-title, #organizador-register, #organizador-login {padding: 25px;}
.organizador-login-margin {margin-bottom: 18px;}

#organizador-login #btLoginCliente {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 34px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
#organizador-login #btLoginCliente:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#organizador-login #btLoginCliente:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#organizador-register #btnRegistolink {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
#organizador-register #btnRegistolink:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#organizador-register #btnRegistolink:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#organizador-login input {width: 100%;}
#user-title h1 {font-size: 34px; color: #333333;font-weight: 700;font-family: "Roboto", sans-serif; line-height: 38px;}
#organizador-login h2 {font-size: 24px; color: #333333;font-family: "Roboto", sans-serif;}
#user-register h2 {font-size: 24px; color: #333333;font-family: "Roboto", sans-serif;}
.organizador-login-margin {margin-bottom: 18px}
.min-height-register {min-height: 364px; }
#organizador-login input, textarea {padding: 10px 10px;}

.recover-pwd {padding: 25px;}
.min-height-back-login-org {min-height: 241px;}
.forgot-email-input {width: 100%;}
#frmOlvideClave .change-password-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
#frmOlvideClave .change-password-button:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#frmOlvideClave .change-password-button:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.min-height-back-recover-pwd {min-height: 290px;}
.org-new-pwd-margin {margin-bottom: 18px;}
.back-to-org-login {padding: 85px 25px;}
#Clave, #Clave2 {width: 100%;}
#frmCliente .change-password-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
#frmCliente .change-password-button:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#frmCliente .change-password-button:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.back-to-org-login #btnRegistolink {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
.back-to-org-login #btnRegistolink:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.back-to-org-login #btnRegistolink:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.sent-email .generated-password-link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
}
.sent-email .generated-password-link:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.sent-email .generated-password-link:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.sent-email {padding: 25px;}


/* Logos Patrocinio 
-----------------------------------------------------------------*/

#patrocinio {
    float:left;
    width:100%;
    background-color: #f1f1f1;
    display:block;
    overflow:hidden;
}

.patrocinio{
    max-width:1000px;
    margin:0 auto;
    padding:0;
    overflow:hidden;
    color:#ffffff;
}

.patrocinio h4{
    color: #333 !important;
    font-size: 20px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 18px;
}


/* NI IDEA PARA QUE SIRVE ESTO (?)
-----------------------------------------------------------------*/

#list-search-event time.icon {
    width: 5em !important;
    height: 6em !important;
}

time.icon {
    font-size: 1em; /* change icon size */
    display: block;
    position: relative;
    width: 4.5em;
    height: 5em;
    background-color: #fff;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #F2F2F2, 0 2px 0 #fff, 0 3px 0 #F2F2F2, 0 4px 0 #fff, 0 5px 0 #F2F2F2, 0 0 0 1px #F2F2F2;
    overflow: hidden;
}
time.icon * {
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}
time.icon strong {
    position: absolute;
    top: 0;
    padding: 0.1em 0;
    color: #fff;
    background-color: #f5255f;    
    border-bottom: 1px dashed #FCF;
    box-shadow: 0 2px 0 #f5255f;
}
time.icon em {
    position: absolute;
    bottom: 0.2em;
    color: #868686;
    font-size: 0.8em;
    line-height:0.8em;
}
time.icon em.anio {
    bottom: 1.2em !important;
    font-size: 1em;
}
time.icon span {
    font-size: 1.8em;
    letter-spacing: -0.05em;
    padding-top: 1.1em;
    color: #5D5D5D;
}

time.icon:hover {
    background-color:#EAEAEA;
    color:#FFF;
}

/* Modal Entradas numeradas
-----------------------------------------------------------------*/

#ventanaInfo{
    display:none;
    position:fixed;
    top:20%;
    left:30%;
    height:40%;
    width:24%;
    border:1px solid #cccccc;
    background-color: #ffffff;
    z-index:100;
}
.modal-logo-img {
    max-width: 100%;
    width: 40%;
}
.modal-logo {
    text-align: center;
    padding: 25px;
}
.modal-subtitle {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

#nombreticketventanainfo {font-weight: 700;}

#tticketimg{
    position:relative;
    top:0px;
    left:calc(50% - 102px);
}

/* Resultado reserva
-----------------------------------------------------------------*/

/* Modal */
.ticket-result-floatbox {font-size: 16px; font-weight: 700;}
.result-fancybox-p {}

/* Estructura */

.titulopaso {font-size: 18px; font-weight: 700; margin-top: 0;}
.container-ticket-info {padding: 25px;}
.container-ticket-info ol {padding-left: 16px;}

/* Botón Print */

.btn-print {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 25%;
    text-align: center;
}
.btn-print:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.btn-print:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Botón Compra */

.btn-shopping {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 25%;
    text-align: center;
}
.btn-shopping:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.btn-shopping:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.codigo-tarjeta-club-span {
    font-weight: 700;
    font-size: 16px;
    color: #b91869;
    letter-spacing: 0.2px;
}

/* Upgrade
-----------------------------------------------------------------*/

.container-upgrade-tickets {padding: 25px;}
.upgrade-text {margin-top: 0;}
.datadiv {margin-top: 10px;}
.upgrade-ticket-h1 {
    font-size: 22px;
    line-height: 28px;
}
.upgrade-entrada-title {
    font-size: 22px;
    line-height: 28px;
}
.upgrade-info-text {
    margin-top: 0;
    margin-bottom: 15px;
}
.localizador-label {margin-top: 0px;}
.insert-localizador {
    width: 100%;
    padding: 12px;
    height: 47px;
}
.error-text {
    margin-top: 0;
    margin-bottom: 0px;
}
.check-btn-sm {font-size: 12px !important;}
.min-height-localizador {min-height: 170px;}
.min-height-localizador .container-upgrade-tickets {padding: 65px 25px;}
.black-upgrade {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1px;
    color: #1a1a1a;
}
.black-upgrade-total {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.1px;
    color: #b91869;
}
.container-total-upgrade {margin-top: 10px;}

/* Botón Upgrade */

#CheckBtn .check-localizador {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 13px;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: right;
    border-radius: 0px;
    width: 95%;
    text-align: center;
    margin-top: 34px;
}
#CheckBtn .check-localizador:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#CheckBtn .check-localizador:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#ActualTickets {padding: 25px;}
.icon-tickets-upgrade {
    font-size: 18px;
    color: #b91869;
    margin-right: 10px;
}
/* Botón Cancelar */

.container-upgrade-tickets .btn-cancel {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: right;
    border-radius: 0px;
    width: 25%;
    text-align: center;
}
.container-upgrade-tickets .btn-cancel:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.container-upgrade-tickets .btn-cancel:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Botón Upgrade */

.container-upgrade-tickets .btn-upgrade {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: right;
    border-radius: 0px;
    width: 25%;
    text-align: center;
}
.container-upgrade-tickets .btn-upgrade:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.container-upgrade-tickets .btn-upgrade:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Precio total del upgrade */

.container-upgrade-total {
    border-bottom: solid 0px transparent;
    background-color: #333333;
    color: #ffffff;
    margin-top: 0px;
    padding: 20px;
}
/* Información evento */
#EventHeadUpgrade {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #ffffff;
}
#EventHeadUpgrade h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #444444;
    line-height: 29px;
}
#EventHeadUpgrade .fecha {
    letter-spacing: 0px;
    font-weight: 400 !important;
    color: #444444;
}
#EventHeadUpgrade span {color: #444444;}
#EventHeadUpgrade {
    padding: 40px 20px;
    margin: 0;
    background-color: #ffffff;
}

/* Auto Upgrade */

#divImporteMejora {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 25px;
}

.txtdestacado {margin-top: 0; margin-bottom: 0;}
.text-info-upgrade {margin-top: 0; margin-bottom: 10px;}


/* Botón Upgrade */

.container-upgrade-tickets .pay-mejora {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: right;
    border-radius: 0px;
    width: 25%;
    text-align: center;
}
.container-upgrade-tickets .pay-mejora:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.container-upgrade-tickets .pay-mejora:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Puntos de ventas físicos
-----------------------------------------------------------------*/

.container-tiendas {padding: 25px;}
.container-tiendas ul {list-style: none;}
.colaboradores-title {
    color: #444;
    font-size: 18px;
    margin-bottom: 15px;
}

/* Tarjeta Club GreenWorld
-----------------------------------------------------------------*/

.container-tarjeta-club {padding: 25px;}
.club-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
}
.localizador-tarjeta-club {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
}
.container-tarjeta-club h4 {font-size: 20px;}
.datos-tarjeta-club {
    font-size: 18px;
    font-weight: 700;
    color: #b91869;
    margin-top: 0;
    margin-bottom: 5px;
}

/* Style form Tarjeta Club */
.container-tarjeta-club label {font-size: 14px !important;}
.container-tarjeta-club input#Documento {width: 100%;}
.container-tarjeta-club select#TipoDoc {width: 100%;}
.container-tarjeta-club input#DireccionRec {width: 100%;}
.container-tarjeta-club input#CP {width: 100%;}
.container-tarjeta-club input#LocalidadRec {width: 100%;}
.container-tarjeta-club select#IdProvinciaRec {width: 100%;}
.tarjeta-club-info {}

#Localizador {
    width: 100%;
    padding: 12px;
    height: 47px;
}

.container-upgrade-tickets .btn-guardar-datos {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: right;
    border-radius: 0px;
    width: 25%;
    text-align: center;
}
.container-upgrade-tickets .btn-guardar-datos:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.container-upgrade-tickets .btn-guardar-datos:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Botón Club */

.container-upgrade-tickets .btn-guardar-datos {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 13px;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: right;
    border-radius: 0px;
    width: 95%;
    text-align: center;
    margin-top: 26px;
}
.container-upgrade-tickets .btn-guardar-datos:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.container-upgrade-tickets .btn-guardar-datos:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Ayuda
-----------------------------------------------------------------*/

.bg-dark {background-color: #b91869;}
/* Contacto */
.container-static {padding: 25px;}
.contact-social-media a {color: #b91869;}
.contact-social-media .social-icon.si-small {
    font-size: 18px;
    width: 34px;
    height: 32px;
}
.contact-title {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 24px;    
}
.contact-subtitle {color: #ffffff;}
.text-contact {margin-top: 0;}
.text-contact-hours {
    font-size: 16px;
    color: #ffffff;
}
.contact-icon {
    font-size: 25px;
    margin-right: 10px;
    position: relative;
    top: 7px;
}

/* Sugerencia */

.container-static-form-sugerencias {padding: 25px;}
.container-static-form-sugerencias textarea.m-bottom15 {width: 100%;}
.container-static-form-sugerencias input.m-bottom15 {
    width: 100%;
    height: 41px;
    margin-bottom: 10px;
}
.hr-faqs {margin-bottom: 20px;}
.container-captcha {margin-bottom: 20px;}

/* Botón Club */

.container-static-form-sugerencias .suggestion-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 13px;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 50%;
    text-align: center;
    margin-top: 26px;
}
.container-static-form-sugerencias .suggestion-button:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.container-static-form-sugerencias .suggestion-button:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Listado Artistas
-----------------------------------------------------------------*/
.artist-container-list {padding: 25px;}
.artist-container-letter {padding: 25px 25px 0 25px;}
.col_artist {min-height: 130px;}

/* Opinión evento
-----------------------------------------------------------------*/
.opinion-container-event {padding: 18px;}
.opinion-container-event h1 {
    font-size: 20px;
    line-height: 24px;
}
.opinion-container-event .nombre-recinto {
    margin-top: 5px;
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 700;
}
.opinion-hr {margin-bottom: 20px;}
.fila {margin-bottom: 20px;}
.opinion-container {padding: 25px;}
.opinion-container ul {padding-left: 14px;}

/* Botón Opinión */

.opinion-container .opinion-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 13px;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
    text-align: center;
}
.opinion-container .opinion-button:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.opinion-container .opinion-button:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Información legal
-----------------------------------------------------------------*/
.informacion-container {padding: 25px;}

/* Iframes Videos YouTube
-----------------------------------------------------------------*/

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video-tomaticket {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Green club
-----------------------------------------------------------------*/
#CodigoTarjeta {
    width: 100%;
    height: 40px;
}
#btValidaCodigoTarjeta {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0;
    padding: 0 13px;
    font-size: 12px;
    height: 40px;
    line-height: 39px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
    text-align: center;
    margin-top: 26px;
}
#btValidaCodigoTarjeta:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#btValidaCodigoTarjeta:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Frame seleccionar ubicación
-----------------------------------------------------------------*/
.elegir-ubicacion-frame {padding: 20px;}
.ubicacion-title {
    font-family: 'Teko', sans-serif;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: 10px;
    text-align: center;
    color: #e21776;
    margin-bottom: 20px;
}

.Abtn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 0;
    padding: 0 13px;
    font-size: 12px;
    height: 40px;
    line-height: 39px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #b91869;
    float: none;
    border-radius: 0px;
    width: 100%;
    text-align: center;
}
.Abtn:hover {
    background-color: #555555;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.Abtn:focus {
    background-color: #1a1a1a;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.select-provincias.col_two_third {width: 60%; margin-right: 3%;}
.btn-ciudad.col_one_third {width: 37%;}

/* Media Queries */
@media (min-width: 100px) and (max-width: 480px) {
  .select-provincias.col_two_third {width: 100% !important; margin-right: 0% !important;}
  .btn-ciudad.col_one_third {width: 100% !important;}
  #fancybox-container-1 .fancybox-content {height: 205px !important;}
  #fancybox-container-2 .fancybox-content {height: 205px !important;}
}

/* Menú País / Idiomas */
.menu-idiomas {font-size: 12px;}


/* Selección de paías
-----------------------------------------------------------------*/
.tt-pickers .col_half {width: 53%;}
.col_container_languages {
  width: 47% !important;
  position: relative;
  left: 16px;
}
.title-pickers {
  padding: 5px 9px 3px 6px;
  line-height: 11px;
  font-size: 11px;
}
.picker-position-flag {
  position: relative;
  top: -2px;
}

.picker-position-lang {
  position: relative;
  top: -9px;
}
.picker-position-lang span {
  position: relative;
  top: 2px;
}


.bg-flag {background-color: #b91869;}
.flagpicker {
    background-color: #b91869;
    display: inline-block;
    padding: 0;
    height: 35px;
    overflow: hidden;
    transition: all .3s ease;
    margin: 0;
    vertical-align: top;
    float: left;
    text-align: left;
    right: 0;
    position: absolute;
    z-index: 200;
    width: 100%;
}

.flagpicker:hover {
    /* don't forget the 1px border */
    height: 174px;
}

.flagpicker a{
    color: #fff;
    text-decoration: none;
}

.flagpicker li {
    display: block;
    padding: 1px 10px;
    line-height: 26px;
    border-top: 1px solid #EEE;

}

.flagpicker li:hover{
    color: #000000;
    background-color: #ffffff;
}

.flagpicker a:first-child li {
    border: none;
    /*background: #FFF !important;*/
}

.flagpicker li img {
    margin-right: 12px;
    width: 23px;
    position: relative;
    top: 7px;
}

.roundborders {
    border-radius: 5px;
}

.large:hover {
    /* 
    don't forget the 1px border!
    The first language is 40px height, 
    the others are 41px
    */
    height: 235px;
}

.icon-for-flag {
    font-size: 23px;
    line-height: 0;
    margin-bottom: 0px;
    position: relative;
    top: 7px;
    float: left;
    right: -2px;
}

/*.col_half.col_container_flag {
    width: 35%;
    position: absolute;
    right: 55%;
}*/

/* Selección de idiomas
-----------------------------------------------------------------*/
.bg-language {background-color: #b91869;}
.languagepicker {
    background-color: #b91869;
    display: inline-block;
    padding: 0;
    height: 35px;
    overflow: hidden;
    transition: all .3s ease;
    margin: 0;
    vertical-align: top;
    float: left;
    text-align: center;
    position: absolute;
    z-index: 200;
    width: 100%;
}

.languagepicker:hover {
    /* don't forget the 1px border */
    height: 69px;
}

.languagepicker a{
    color: #fff;
    text-decoration: none;
}

.languagepicker li {
    display: block;
    padding: 3px 10px;
    line-height: 15px;
    border-top: 1px solid #EEE;
}
.languagepicker li.next-language {line-height: 28px; }

.languagepicker li:hover{
    color: #000000;
    background-color: #ffffff;
}

.select-lan-svg {
    width: 25px;
    height: 25px;
    position: relative;
    right: 5px;
    top: 8px;
}

.languagepicker li:hover .select-lan-svg .custom-fill {
    fill: #1c1c1c;
}


.languagepicker a:first-child li {
    border: none;
    /*background: #FFF !important;*/
}

.languagepicker li img {
    margin-right: 7px;
    width: 25px;
    position: relative;
    top: 8px;
    right: 5px;
    height: 25px;
}

.roundborders {
    border-radius: 5px;
}

.large:hover {
    /* 
    don't forget the 1px border!
    The first language is 40px height, 
    the others are 41px
    */
    height: 235px;
}

.icon-for-languages {
    font-size: 23px;
    line-height: 0;
    margin-bottom: 0px;
    position: relative;
    top: 5px;
}

/*.col_half.col_container_languages {
    width: 50%;
    position: absolute;
    right: 55%;
}
*/

  #language_icon {
  width: 25px;
  margin: 0px 0;
  position: relative;
  top: 10px;
  }
  .languagepicker a #language_icon {fill: #ffffff !important;}
  .languagepicker li:hover #language_icon {fill: #000000 !important;}

.select-language {width: 25px; margin: 11px;}




/* Páginas estáticas del footer
-----------------------------------------------------------------*/
/* Sidebar */
.custom-sidebar {
  background-color: #f1f1f1;
  position: sticky;
  top: 30px;
}

.link-active {color: #b91869 !important; font-weight: 700;}
.custom-sidebar .inner-padding {padding: 0 10%;}

/* Nosotros */
#Nosotros .inner-padding {padding: 0 5%;}
#Nosotros p {
  margin-top: 10px;
}
#Nosotros .icon-size {font-size: 58px;}
#Nosotros .text-span-size {font-size: 16px;}
#Nosotros .type-size {
  font-size: 18px !important;
  line-height: 24px !important;
}
#Nosotros .title-h3 {
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
}
#Nosotros .title-h6 {
  font-size: 48px;
  line-height: 30px;
  font-weight: 700;
  color:#e21776;
}
#Nosotros .special-text {
  font-size: 48px;
  line-height: 5px;
  color:#e21776;
  font-weight: 700;
}

#Nosotros .icon-customize {
  color:#e21776;
}

/* Beneficios usuarios */

#BeneficiosUsuarios .inner-padding {padding: 0 5%;}
#BeneficiosUsuarios .box-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#BeneficiosUsuarios .icons-beneficios {
  font-size: 72px;
  color:#e21776;
  margin-top: 30%;
  margin-bottom: 20px;
}

/* Recursos corporativos */
#RecursosCorporativos .inner-padding {padding: 0 5%;}
#RecursosCorporativos .title-h3 {
  font-size: 24px;
  font-weight: bold;
}
#RecursosCorporativos .text-information {font-size: 14px;}

/* Responsabilidad social */
#ResponsabilidadSocial .inner-padding {padding: 0 5%;}
#ResponsabilidadSocial .clients-grid li a {opacity: 1;}

/* Contacto con nosotros */
#ContactoNosotros .inner-padding {padding: 0 5%;}
#ContactoNosotros .custom-icon-style {
  font-size: 42px;
  color:#e21776;
}

#ContactoNosotros  .social-icon {color:#e21776 !important;}

/* Atención al cliente */

#AtencionCliente .inner-padding {padding: 0 5%;}
#AtencionCliente .custom-icon-style {
  font-size: 42px;
  color:#e21776;
}

/* Mis Entradas */
#MisEntradas .inner-padding {padding: 0 5%;}

/* Puntos de Venta */
#PuntosDeVenta .inner-padding {padding: 0 5%;}

/* Afiliados */
#AfiliadosTT .custom-size-icon {width: 50%;}
#AfiliadosTT .inner-padding {padding: 0 5%;}
#AfiliadosTT ul {padding-left: 4%;}
#AfiliadosTT ul li::marker {margin-right: 5px;}

/* Acceso Promotor */
#AccesoPromotorTT .inner-padding {padding: 0 5%;}

/* Cómo Funciona */
#ComoFunciona .inner-padding {padding: 0 5%;}
#ComoFunciona ul {padding-left: 4%;}

/* Te ayudamos a vender */
#AyudamosVender .inner-padding {padding: 0 5%;}
#AyudamosVender ul {padding-left: 4%;}

/* Servicios para promotores */
#ServiciosPromotores .inner-padding {padding: 0 5%;}
#ServiciosPromotores  ul {padding-left: 4%;}

/* Condiciones legales */
#CondicionesLegales .inner-padding {padding: 0 5%;}
#CondicionesLegales  ul {padding-left: 4%;}

/* Privacidad y Protección de datos */
#PrivacidadProteccion .inner-padding {padding: 0 5%;}
#PrivacidadProteccion  ul {padding-left: 4%;}

/* Aviso legal */
#AvisoLegal .inner-padding {padding: 0 5%;}
#AvisoLegal  ul {padding-left: 4%;}

/* Política de cookies */
#PoliticaCookies .inner-padding {padding: 0 5%;}
#PoliticaCookies  ul {padding-left: 4%;}

/* Fanpage
-----------------------------------------------------------------*/
/* Fanpage header */

.artist-overlay {
  background-color:rgba(0,0,0,.5);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.artist-image-header {
  background-image: url("https://cdn.wegow.com/media/artists/alejandro-sanz/alejandro-sanz-1575971189.4732356.2560x1440.jpg");
  height: 100%;
  background-position: 50% 38%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
}

.title-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 36px 16% 0;
}
.title-style {
  color: #ffffff;
  font-size: 40px;
  margin-bottom: 10px;
}

.artist-container-buttons {
  flex-direction: column;
  width: 170px;
  display: flex;
  text-align: center;
  margin-top: 20px;
}

.artist-container-followers p {
  color: #ffffff;
  text-align: center;
}

.follow-icon {
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.follow-com {
  position: initial !important;
  cursor: pointer;
  padding: 6px !important;
  margin: 0px !important;
  background-color: #e21776;
  color: #fff;
  border: 0px none;
  font-size: 14px;
  line-height: 29px;
  text-indent: 0px !important;
  border-radius: 20px;
}
.follow-com:hover {
  background-color: #f1f1f1;
  color: #555;
}

.fan-social-media .social-icon {color: #e21776;}
.spam-artist-name {
  font-size: 18px;
  font-weight: 700;
}

.vote-artist-btn {
  position: initial !important;
  cursor: pointer;
  padding: 6px !important;
  margin: 0px !important;
  background-color: #e21776;
  color: #fff;
  border: 0px none;
  font-size: 14px;
  line-height: 29px;
  text-indent: 0px !important;
  border-radius: 20px;
  width: 125px;
}
.vote-artist-btn:hover {
  background-color: #f1f1f1;
  color: #555;
}

.follow-button {height: 36px;}

.fan-content {padding: 25px;}
.que-hacer-content {padding: 25px;}
.que-hacer-content-btn {padding: 25px;}

/* Descripción artista */
#DescripcionArtistaFan p {margin-top: 0;}

/* Galería de imágenes FanPage */
#GaleriaImagenesArtistas .gallery {
  width: 32%;
  margin-right: 1%;
  float: left;
  max-height: 93px;
}
#GaleriaImagenesArtistas .gallery img {
  object-fit: cover;
  width: 100%;
  height: 90px;
}

/* Sticky content de la fanpage*/
.sticky-content {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color:#e21776;
}
.desc-place {padding: 10px;}
.icon-place-size {font-size: 16px;}
.button-position {
  position: relative;
  top: 0;
  right: -8px;
}
.place-btn {
  position: initial !important;
  cursor: pointer;
  padding: 4px 5% !important;
  margin: 0px !important;
  background-color: #1c1c1c;
  color: #fff;
  border: 0px none;
  font-size: 14px;
  line-height: 25px;
  text-indent: 0px !important;
  border-radius: 20px;
}
.place-btn:hover {background-color: #f1f1f1; color: #555;}
.localization-place {
  position: relative;
  top: -1px;
}


/* Club de fans artistas relacionados */
.desc-community {padding: 5px 10px}
.related-fan-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 13px;
  color: #ffffff;
}

.related-fan-btn {
  position: initial !important;
  cursor: pointer;
  margin: 0px !important;
  background-color: #e21776;
  color: #fff;
  border: 0px none;
  font-size: 14px;
  line-height: 29px;
  text-indent: 0px !important;
  border-radius: 20px;
  width: 100px;
}
.related-fan-btn:hover {
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  background-color: #f1f1f1;
  color: #555;
}

.bg-related {background-color: #1A1A1A;}

/*  */
.what-to-title {
  text-align: right;
  color: #ffffff;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 5px;
  line-height: 32px;
}

/* Destacado agenda */
.fan-event-box .bottommargin-precio {margin-top: 6px;}
.desc-agenda, .desc-noticias {padding: 25px;}
.btn-mas {
  position: initial !important;
  cursor: pointer;
  padding: 6px !important;
  margin: 0px !important;
  background-color: #e21776;
  color: #fff;
  border: 0px none;
  font-size: 14px;
  line-height: 29px;
  text-indent: 0px !important;
}
.btn-mas:hover {
  -webkit-transition: color 0.4s ease-out;
  -moz-transition: color 0.4s ease-out;
  -o-transition: color 0.4s ease-out;
  transition: color 0.4s ease-out;
  background-color: #f1f1f1;
  color: #555;
}

.fan-event-box .span_1_of_4 {width: 24.14%;}
.fan-event-box .evento {height: 120px;}
.related-artist-event-box .eventtt img {
  object-fit: cover;
  width: 100%;
  height: 107px;
}

/* Descubre (Lugares) ¿Qué hacer en...?
-----------------------------------------------------------------*/
/* Descubre header */
.descubre-lugar .results-text {color: #e21776; font-size: 24px;}
.breadcrumbs-lugar-container {
  margin-top: 0;
  color: #ffffff;
}
.breadcrumbs-lugar {
  color:rgba(255,255,255,.75);
  font-size: 12px;
}
.breadcrumbs-arrow {
  color:rgba(255,255,255,.5);
  font-size: 12px;
  position: relative;
  top: 1px;
}

.descubre-overlay {
  background-color:rgba(0,0,0,.5);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.descubre-image-header {
  height: 100%;
  background-position: 50% 38%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
}

.title-container-lugar {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0px 16% 0;
}

.text-style-lugar {
  font-size: 18px;
  margin-bottom: 26px;
  margin-top: 0;
  color: #ffffff;
  position: relative;
  right: 95px;
}

.title-style-lugar {
  color: #ffffff;
  font-size: 58px;
  margin-bottom: 10px;
  margin-top: 18px;
}

/* Camino de horimigas Breadcrumbs link */

.breadcrumbs-link-container {
  margin-top: 0;
  color: #2b2b2b;
}
.breadcrumbs-link-lugar {
  color:#2b2b2b;
  font-size: 12px;
}
.breadcrumbs-link-arrow {
  color: #2b2b2b;
  font-size: 12px;
  position: relative;
  top: 1px;
}


/* Siderbar lugar */
.descubre-lugar .custom-sidebar {
    background-color: #1c1c1c;
    position: sticky;
    top: 30px;
    margin-bottom: 35px !important;
}
.descubre-lugar .custom-sidebar h4 {color: #ffffff;}
.descubre-lugar .custom-sidebar .widget_links li a {color: #e21776;}
.descubre-lugar .custom-sidebar .widget_links li a:hover {color: #ffffff;}

/* Siderbar lugar (Version Móvil) */
.descubre-lugar .custom-mobile-sidebar {
    background-color: #1c1c1c;
    position: sticky;
    bottom: 0;
    margin-bottom: 35px !important;
}
.descubre-lugar .custom-mobile-sidebar h4 {color: #ffffff;}
.descubre-lugar .custom-mobile-sidebar .widget_links li a {color: #e21776;}
.descubre-lugar .custom-mobile-sidebar .widget_links li a:hover {color: #ffffff;}


/* Descubre eventos */
.descubre-event-box .col {background: #f1f1f1;}
.descubre-event-box .col:hover {background-color: #aa004b;}
.descubre-event-box .span_1_of_4 {width: 31.9%;}
.descubre-event-box .evento {height: 155px; padding: 10px 5%;}
.descubre-event-box .separator-grid .notopmargin {margin-top: 6px;}
.descubre-event-box .evento .bottommargin-precio {margin-top: 0px;}
.descubre-event-box .evento h4 {height: 58px; max-height: 58px;}
/* Noticias */
.descubre-articulos .span_1_of_4 {
  height: 280px;
  width: 48.7%;
}
.descubre-articulos .article-link .datos-articulo {
  height: 95px;
  padding: 10px 3%;
  position: absolute;
  bottom: -15px;
  width: 100%;
  z-index: 4;
  transition: all 0.4s ease-out;
  max-width: 400px;
}
.descubre-articulos .article-link .span_1_of_4:hover .datos-articulo {
  transform: translateY(-12px);
}
.descubre-articulos .article-link .articulo-image-container {
  position: relative;
  line-height: 0;
}
.descubre-articulos .article-link .articulo-image-container:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.2);
  opacity: 0;
  transition: all 0.6s ease-out;
}
.descubre-articulos .article-link:hover .articulo-image-container:after {
  opacity: 1;
}
.datos-articulo h4 {
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
}
.datos-articulo p {
  font-size: 12px;
  color: #ffffff;
  line-height: 16px;
}
.articulo-fecha {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0;
  margin-bottom: 2px;
}

.datos-articulo .articulo-extracto {
  margin-top: 0px;
}

.bg-shadow-articulo {
  background: url(//static.tomaticket.es/img/flag/bg_tile_gradient.png) top left repeat-x;
  background-position-y: -1px;
  padding: 130px 25px 30px;
  position: relative;
  bottom: 160px;
}
.descubre-articulos .col {
  display: block;
  overflow: hidden;
  position: relative;
}
.datos-articulo .resalto:after {
  background: #e21776;
  content: "";
  display: block;
  height: 3px;
  margin-top: 20px;
  width: 0;
  transition: all 0.4s ease-out;
  position: relative;
  top: -15px;
}
.descubre-articulos .col:hover .resalto:after {
  width: 15%;
}

.descubre-articulos .separator-grid .notopmargin {margin-top: 6px;}
.descubre-articulos .evento h4 {font-size: 16px;}
.descubre-articulos .col {background: #f1f1f1;}
.descubre-articulos .col:hover {background-color: #aa004b;}
.descubre-articulos .eventtt img {
    object-fit: cover;
    width: 100%;
    height: 280px;
}

.noticias-lugar .last-news a {
  font-size: 18px;
  font-weight: 700;
}
.noticias-lugar ul {list-style: none;}
.noticias-lugar .info-news {
  font-size: 12px;
  color: #999999;
  margin-bottom: 10px;
  margin-top: 0px;
}
.noticias-lugar .info-date {
  font-size: 12px;
  color: #999999;
  margin-bottom: 10px;
  margin-top: 0px;
  text-align: right;
}
.noticias-lugar .borderbottom-news {
  border-bottom: 1px solid #f1f1f1;
}

/* Listado de Lugares */
.lista-de-lugares .col-content-list {
  width: 85%;
  margin-right: 2%;
}
.col-filter-list {
  width: 18%;
  position: fixed;
  right: 0;
  top: 277px;
}

/* iframe Diario de Avisos
-----------------------------------------------------------------*/

.avisos-embed-container {
    position: relative;
    padding-bottom: 32.25%; /* set the aspect ratio here as (height / width) * 100% */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.avisos-embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* *Newsletter Boletín
-----------------------------------------------------------------*/
.form-control {
    display: block;
    width: 98%;
    height: 25px;
    padding: 6px 0.9%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#BoletinNewsletterStatic a.btn {margin: 0!important; padding: 9px 8px !important;margin-bottom: 0px !important; }
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.input-group .form-control {display: table-cell;}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 98%;
    margin-bottom: 0;
}
#BoletinNewsletterStatic #frmNewsletterPie .input-group .form-control {float: none !important; z-index: 0 !important;}

#BoletinNewsletterStatic .input-group .form-control {display: table-cell;}
#BoletinNewsletterStatic .input-group #newsletteremail3.form-control {
/*    position: relative;
    z-index: 2;
    float: left;*/
/*    width: 71%;*/
    margin-bottom: 0;
    padding: 7px 15px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #f1f1f1;
    height: 25px;
    border-radius: 0px !important;
}

#BoletinNewsletterStatic input[type='checkbox'] {font-size: 12px;}

.col-lg-12 {width: 100%;}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

#BoletinNewsletterStatic .btn-news {margin-top: 10px;}
#BoletinNewsletterStatic .btn-news {
    color: #ffffff;
    background-color: #aa004b;
    border: 1px solid #ffffff;
}
#BoletinNewsletterStatic .newsletter-title h4 {
    text-align: center;
    font-weight: 500;
    font-family: Teko, Sans serif;
    font-size: 38px;
    line-height: 34px;
    color: #fff;
    letter-spacing: 2px;
}
#BoletinNewsletterStatic .btn-news{color: #ffffff; background-color: #aa004b; border: 1px solid #ffffff; padding: 9px 8px !important;border-radius: 0px;line-height: 21px;}
#BoletinNewsletterStatic .btn:hover {color: #ffffff; background-color: #B91869; border: 1px solid #ffffff;}
#BoletinNewsletterStatic .btn:focus {color: #ffffff; background-color: #5a5752; }
#BoletinNewsletterStatic .btn-news a{color: #ffffff; background-color: #e21776;}
#BoletinNewsletterStatic .btn a:hover {color: #e21776; background-color: #ffffff; }
#BoletinNewsletterStatic .btn-news {margin-top: 0 !important; }
#BoletinNewsletterStatic .terms {margin-top: 10px;}
#BoletinNewsletterStatic .newsletter-icon {color: #ffffff;font-size: 48px; line-height: 48px; margin-right: 10px;}
#BoletinNewsletterStatic .move-label-top {position: relative; top: -1px;}
#BoletinNewsletterStatic .newsletter-title h4 {margin-bottom: 10px; margin-top:10px;}
#BoletinNewsletterStatic .newsletter-title .news-title-mobile {display: none;}
#BoletinNewsletterStatic .news-icon-mobile {display: none;}
.subscribe-newsletter {color: #ffffff}
.subscribe-newsletter:hover {color: #000000}

#BoletinNewsletterStatic .suscription-select {border: 1px solid #CCC;}
#BoletinNewsletterStatic .flex-suscription .flex-me input[type="email"] {flex: 2 1 100%;}
#BoletinNewsletterStatic .flex-suscription .suscription-select {flex: 1 1 100%;}

/* *Contratar seguro entradas
-----------------------------------------------------------------*/
#DivSeguroEntradas.Paso {padding: 25px;}
#DivSeguroTexto.Paso {padding: 25px;}
#DivSeguroResultado.Paso {padding: 25px 10%;}
#DivSeguroEntradas input[type="text"], textarea {width: 100%;}
#DivSeguroEntradas select {
  width: 100%;
  padding: 5px;
}
#DivSeguroEntradas .text-importe-total {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
}
#DivSeguroEntradas  .price-content {
  border-bottom: solid 0px transparent;
  background-color:#333333;
  color:#ffffff;
  margin-top: 0px;
  padding: 10px;
}
#DivSeguroEntradas .total {
  text-align: right;
  font-size: 18px;
  font-weight: 700;
}

.seguridad-fix #SeguridadOnline .metodo-seguro img {width: 80%;}
.beneficios-seguro {
  list-style: none;
  padding: 0 10% !important;
}
.beneficios-seguro li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  font-size: 16px;
  display: inline-block;
  margin-left: -25px; /* same as padding-left set on li */
  width: 25px; /* same as padding-left set on li */
}

/* *Recintos
-----------------------------------------------------------------*/
#Destacados .related-enclosure-box .span_1_of_4 {height: auto; width: 23%;}
.title-artist {line-height: 24px;}
.artist-content {padding: 25px;}
.img-artist {padding: 25px;}
.puntuacion-artist {padding: 0 25px;}
.img-position {max-width: 100%;}
.related-enclosure-box .evento {
    padding: 10px 5%;
    height: 66px;
}
.related-enclosure-box .evento {
    padding: 10px 5% !important;
    height: 45px !important;
}
#Destacados.recomendados-artista  .related-enclosure-box .span_1_of_4 {height: 200px;}
.related-enclosure-box .evento .bottommargin-precio {margin-top: 7px;}
.related-enclosure-box .evento h4 {
    font-size: 16px;
    line-height: 18px;
    height: auto;
    margin-bottom: 10px !important;
}
.related-enclosure-box .evento .fecha {
  width: 100%;
  font-weight: 300 !important;
}

.related-enclosure-box .fecha p {border-bottom: 3px solid #e21776 !important;}
.related-enclosure-box .eventtt:hover .fecha p {border-bottom: 3px solid #fff !important;}
#Destacados .related-enclosure-box .span_1_of_4 {background-color: #f1f1f1;}
#Destacados .related-enclosure-box .span_1_of_4:hover {background-color: #aa004b;}
.related-enclosure-box .enclosure-item img {
    object-fit: cover;
    width: 100%;
    height: 160px;
}
.related-enclosure-box .col {
  position: relative;
  overflow: hidden;
}
.enclosure-item .hover-card-info {display: block !important;}
.enclosure-item .hover-card-info {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1c1c1c;
  z-index: 1;
  opacity: 0;
}

.inner-card-content {
  bottom: -100px;
  width: 100%;
  position: absolute;
  transition: bottom 1s;
}
.enclosure-item:hover .inner-card-content {bottom: 100px;}
.enclosure-item:hover .hover-card-info {
  opacity: 1;
  transition: opacity .5s;
}
a.enclosure-link:hover {color: #ffffff;}
.enclosure-button {
  border: 1px solid #fff;
  padding: 10px !important;
  border-radius: 20px;
  color: #ffffff !important;
}





/*.owl-item .item {width: 240px;}*/  /*para editar el ancho de la caja*/


@media and (-webkit-min-device-pixel-ratio:0) {
  .languagepicker li {line-height: 14px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  .languagepicker li {line-height: 14px;}
}