/*
Theme Name: Escenarios de Sevilla 2.0
Author: Agencia SOPA.
Author URI: http://www.agenciasopa.es
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none !important; color: inherit; }
a img { border: none; }
html { -webkit-text-size-adjust: none; }
body { background: #e9e9e9; color: #333; }
body, html { display: block; width: 100%; height: 100%; }
:focus { outline: none; }
.spacer { clear: both; }
input[type=text], input[type=submit], input[type=password], select { -webkit-border-radius: 0px; -webkit-appearance: none; -moz-border-radius: 0px; border-radius: 0px; }




@font-face {
    font-family: 'GBold';
    src: url('docs/fonts/gothambold-webfont.eot');
    src: url('docs/fonts/gothambold-webfont.eot#iefix') format('embedded-opentype'),
         url('docs/fonts/gothambold-webfont.woff') format('woff2'),
         url('docs/fonts/gothambold-webfont.woff') format('woff'),
         url('docs/fonts/gothambold-webfont.ttf') format('truetype'),
         url('docs/fonts/gothambold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GMedium';
    src: url('docs/fonts/gothammedium-webfont.eot');
    src: url('docs/fonts/gothammedium-webfont.eot#iefix') format('embedded-opentype'),
         url('docs/fonts/gothammedium-webfont.woff') format('woff2'),
         url('docs/fonts/gothammedium-webfont.woff') format('woff'),
         url('docs/fonts/gothammedium-webfont.ttf') format('truetype'),
         url('docs/fonts/gothammedium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GBook';
    src: url('docs/fonts/gothambook-webfont.eot');
    src: url('docs/fonts/gothambook-webfont.eot#iefix') format('embedded-opentype'),
         url('docs/fonts/gothambook-webfont.woff') format('woff2'),
         url('docs/fonts/gothambook-webfont.woff') format('woff'),
         url('docs/fonts/gothambook-webfont.ttf') format('truetype'),
         url('docs/fonts/gothambook-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GLight';
    src: url('docs/fonts/gothamlight-webfont.eot');
    src: url('docs/fonts/gothamlight-webfont.eot#iefix') format('embedded-opentype'),
         url('docs/fonts/gothamlight-webfont.woff') format('woff2'),
         url('docs/fonts/gothamlight-webfont.woff') format('woff'),
         url('docs/fonts/gothamlight-webfont.ttf') format('truetype'),
         url('docs/fonts/gothamlight-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'HRegular';
  src:   url('docs/fonts/HelveticaNeue.eot');
  src:   url('docs/fonts/HelveticaNeue.eot#iefix') format('embedded-opentype'),
         url('docs/fonts/HelveticaNeue.woff') format('woff2'),
         url('docs/fonts/HelveticaNeue.woff') format('woff'),
         url('docs/fonts/HelveticaNeue.ttf') format('truetype'),
         url('docs/fonts/HelveticaNeue.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HBold';
  src:   url('docs/fonts/HelveticaNeue-Bold.eot');
  src:   url('docs/fonts/HelveticaNeue-Bold.eot#iefix') format('embedded-opentype'),
         url('docs/fonts/HelveticaNeue-Bold.woff') format('woff2'),
         url('docs/fonts/HelveticaNeue-Bold.woff') format('woff'),
         url('docs/fonts/HelveticaNeue-Bold.ttf') format('truetype'),
         url('docs/fonts/HelveticaNeue-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}




.parallax-slider { width: 1348px !important; height: auto !important; }




.pico-redondo { width: 30px; height: 30px; display: block; position: absolute; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; z-index: 100; }
.no-padding-left { padding-left: 0px !important; }
.no-padding-right { padding-right: 0px !important; }
.no-padding { padding: 0px !important; }
.mascara { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 1; }

.fondo-blanco { background: #FFF; }
.fondo-gris { background: #333333; }
.fondo-gris-claro { background: #f3f3f3; }
.color-blanco { color: #FFF !important; }
.page-id-12704 { background: #FFF; }
/** .fondo-imagen { background: url('images/fondo-imagenes.png'); } **/

.padding-7 { display: block; padding: 7px !important; }
.padding-14 { display: block; padding: 14px; }
.margin-bottom-8 { margin-bottom: 8px; }
.margin-bottom-16 { margin-bottom: 16px; }
.margin-top-16 { margin-top: 16px; }
.padding-bottom-4 { padding-bottom: 4px; }
.padding-bottom-8 { padding-bottom: 8px; }
.padding-bottom-16 { padding-bottom: 16px; }
.padding-bottom-32 { padding-bottom: 32px !important; }
.padding-top-8 { padding-top: 8px; }
.padding-top-16 { padding-top: 16px; }
.padding-top-24 { padding-top: 24px; }
.padding-top-32 { padding-top: 32px; }
.padding-top-48 { padding-top: 48px; }
.padding-left-8 { padding-left: 8px !important; }
.padding-left-16 { padding-left: 16px !important; }
.padding-right-8 { padding-right: 8px !important; }
.padding-right-16 { padding-right: 16px !important; }
.margin-bottom-32 { margin-bottom: 32px; }

.position-relative { position: relative; }
.position-absolute { position: absolute !important; }

.text-align-right { text-align: right; }

.isotope { display: block; position: relative; width: 100%; }
.ancho-1 { width: 208px; }
.ancho-1-largo { width: 230px; }
.ancho-2 { width: 416px; }
.ancho-100 { width: 100%; }
.alto-80 { height: 80px; }
.alto-1 { height: 208px; }
.alto-mitad { height: 104px; }
.alto-2 { height: 416px; }
.modulo-foto-fondo { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover; background-position: center center; }



/** header **/
.destacados-superiores { text-align: center; overflow: hidden !important; display: block; }

.menu-oculto { display: block; }

.hueco-cabecera { height: 81px; display: block; }
.cabecera { position: fixed; width: 100%; z-index: 200000; margin-top: 16px; }
.cabecera .container { height: 48px; }
.cabecera .container img { height: 48px; width: auto; }

#target, #targethome { padding-left: 2px; font: 11px HRegular; color: #333333; }

#menu-cabecera { display: block; text-align: right; font: 12px GBold; margin: 14px 0px 0px 0px; }
#menu-cabecera li { display: inline-block; margin-right: 20px; vertical-align: middle; margin-top: 2px; }
#menu-cabecera li.fino { font-family: GBook; }
#menu-cabecera li.ss-icon { display: inline-block; margin-right: 6px; font-size: 15px; margin-bottom: -5px; overflow: hidden; }
#menu-cabecera li.ss-icon span.news { font: 12px GBook; float: right; display: block; margin-left: 3px; }
#menu-cabecera li a { color: #666; padding-bottom: 2px; }
#menu-cabecera li a:hover, #menu-cabecera li a:hover span.news { border-bottom: 2px solid #666; }
#menu-cabecera li.ss-icon a:hover { border-bottom: none; }

.cabecera .bocadillo { display: block; position: absolute; bottom: -11px; right: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font: 10px GBook; color: #FFF; background: #666; padding: 4px 7px 4px 7px; cursor: default; }
.cabecera .bocadillo .pico { width: 10px; height: 10px; display: block; background: #666; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -5px; left: 36px; }
.menu-oculto .bocadillo { display: none; }

.menu-movil { display: block; text-align: right; padding: 8px; font: 12px GMedium; }
.menu-movil .ss-icon { font-size: 30px; }
.mm-menu > .mm-navbar-top { background: #333 !important; color: #FFF !important; font-family: GBold !important; font-size: 20px !important; }
.mm-menu > .mm-navbar-top > a { color: #FFF !important; }
.mm-listview > li { text-align: center; text-transform: uppercase; font-family: GMedium; }
.mm-listview > li.ss-icon span.news { font-family: GMedium; }
#my-menu:not( .mm-menu ) {
   display: none;
}


@media (max-width: 1269px) {
	.fondo-escenarios { background-image: none !important; }
	
}

/** home **/
.cycle-slideshow.slide-imagenes .diapo.modulo-foto-fondo {  }
.cycle-slideshow.slide-imagenes:hover .diapo.modulo-foto-fondo { }
.slide-superior.cycle-slideshow .mascara { display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; }
.diapo-sala-sala-cero .mascara { background-color: #8ffffe; opacity:0.5; filter:alpha(opacity=50); }
.diapo-sala-centro-tnt .mascara { background-color: #5BD984; opacity:0.5; filter:alpha(opacity=50); }
.diapo-sala-t-duque-la-imperdible .mascara { background-color: #fff600; opacity:0.5; filter:alpha(opacity=50); }
.diapo-sala-la-fundicion .mascara { background-color: #ff00d2; opacity:0.5; filter:alpha(opacity=50); }


.contenido-oculto { opacity: 0; }
.menu-oculto { opacity: 0; }

.titulo-monografico { font: 14px/14px GLight; color: #333; padding-top: 17px; padding-bottom: 17px; padding-left: 12px !important; }
.titulo-monografico strong { font-weight: normal; font-family: GBold; }

.fondo-escenarios { background-position: center top; background-attachment: fixed; background-repeat: no-repeat;  } 


/**
.monografico .modulo-foto-fondo { filter: grayscale(100%); }
body.home .isotope a:hover .modulo-foto-fondo { filter: grayscale(0); }
**/

.monografico-sala-sala-cero .mascara.fondo-imagen { background-color: #8ffffe; opacity:0.5; filter:alpha(opacity=50); }
.monografico-sala-centro-tnt .mascara.fondo-imagen { background-color: #5BD984; opacity:0.5; filter:alpha(opacity=50); }
.monografico-sala-t-duque-la-imperdible .mascara.fondo-imagen { background-color: #fff600; opacity:0.5; filter:alpha(opacity=50); }
.monografico-sala-la-fundicion .mascara.fondo-imagen { background-color: #ff00d2; opacity:0.5; filter:alpha(opacity=50); }

.foto-espectaculo { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; }

.noticias-destacadas .contenedor { width: 100%; height: 100%; display: table; text-align: center; }
.noticias-destacadas .contenedor .contenido { display: table-cell; vertical-align: middle; font: 12px/16px GBold; color: #FFF; }
.noticias-destacadas a span.titulo { font: 16px/17px GBold; color: #FFF; display: block; margin: -6px 0px 5px 0px; }
.noticias-destacadas a span.excerpt { font: 11px/15px GBook; color: #FFF; display: block; margin: 0px 0px 0px 0px; }
.noticias-destacadas a .seguir-leyendo { display: block; position: absolute; bottom: 15px; left: 0px; width: 100%; text-align: center; font: 10px HBold; color: #cccccc; }
.noticias-destacadas .contenedor .contenido span.descriptor { font: 35px/35px GBold; color: #333; }


.slide-espectaculos-destacados .pico { width: 30px; height: 30px; display: block; position: absolute; right: -15px; top: 50%; margin-top: -15px; z-index: 2000; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.slide-espectaculos-destacados .alineado-abajo { position: absolute; bottom: 15px; left: 0px; }
.slide-espectaculos-destacados a.sala { font: 11px GMedium; padding: 0px; display: inline-block; color: #FFF;  }
.slide-espectaculos-destacados a.sala span.nombre { border-bottom: 1px solid #FFF; }
.slide-espectaculos-destacados a.sala span.ss-icon { font-size: 16px; float: left; margin-right: 3px; margin-top: -3px; }
.slide-espectaculos-destacados a.sala:hover span.nombre { border-bottom: none; }
.slide-espectaculos-destacados a.sala .circulo-sala { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 5px; }
.slide-espectaculos-destacados a.ver-programacion { font: 30px GMedium; display: inline-block; color: #FFF; text-align: left; }
.slide-espectaculos-destacados a.ver-programacion span { border-bottom: 1px solid #FFF; }
.slide-espectaculos-destacados a.ver-programacion:hover span { border-bottom: none; }
.slide-espectaculos-destacados .diapo { display: block; width: 100%; height: 100%; position: relative; color: #FFF; }
.slide-espectaculos-destacados .diapo .contenido { position: relative; text-align: right; padding-right: 4px; }
.slide-espectaculos-destacados .diapo .contenido .cia { display: block; margin: 0px 0px 4px 0px; font: 15px GMedium; text-transform: uppercase; }
.slide-espectaculos-destacados .diapo .contenido .titulo { display: block; margin: 0px 0px 4px 0px; font: 15px GMedium; font-style: italic; }
.slide-espectaculos-destacados .diapo .contenido .datos { display: block; font: 13px/17px GBook; text-transform: uppercase; }
.slide-imagenes { position: relative; overflow: hidden; }
.slide-imagenes .slide-pager { display: block; position: absolute; bottom: 5px; left: 15px; z-index: 1000; }
.slide-imagenes .slide-pager span { width: 20px; height: 20px; font-size: 40px; display: inline-block; color: #333333; margin-right: -5px; cursor: pointer; }
.slide-imagenes .slide-pager span.cycle-pager-active { color: #FFF;}
.slide-imagenes .mascara { display: block; z-index: 998; }
.slide-superior { display: block; width: 100%; height: 100%; position: relative;  }

@media (max-width: 849px) {
.slide-espectaculos-destacados .diapo .contenido { position: absolute; bottom: 0px; right: 0px; }
}

.zoom-hover .modulo-foto-fondo {
	-moz-transition: all .6s;
    -webkit-transition: all .6s;
    transition: all .6s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}
.zoom-hover:hover .modulo-foto-fondo {
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);    
}
    
.modulo.espectaculo, .modulo.programa { overflow: hidden; }

.modulo.critica { text-align: center; }
.modulo.critica .imagen { overflow: hidden; position: relative; } 
.modulo.critica .imagen .pico { width: 30px; height: 30px; display: block; position: absolute; right: 50%; bottom: -15px; margin-right: -15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.modulo.critica span.titulo { display: block; font: 14px/16px GBold; margin: 0px 0px 10px 0px; }
.modulo.critica span.titulo span.autor { font: 14px GBook; }
.modulo.critica span.excerpt { display: block; font: 11px/14px HRegular; }
.modulo.critica span.excerpt strong { font-weight: normal; font-family: HBold; }

.modulo.otros-articulos { text-align: center; }
.modulo.otros-articulos .imagen { overflow: hidden; position: relative; }
.modulo.otros-articulos .mascara { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 19; }
.modulo.otros-articulos .imagen .pico { width: 30px; height: 30px; display: block; position: absolute; right: 50%; top: -15px; margin-right: -15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; z-index: 20; }
.imagen .play { width: 45px; height: auto; display: block; position: absolute; left: 50%; top: 50%; margin: -15px 0px 0px -23px; z-index: 20; }
.modulo.otros-articulos .contenido { display: table; }
.modulo.otros-articulos .contenido .padding-14 { display: table-cell; vertical-align: middle; }
.modulo.otros-articulos span.titulo { display: block; font: 12px/14px GBold; margin: 0px 0px 10px 0px; text-transform: uppercase; }
.modulo.otros-articulos span.excerpt { display: block; font: 11px/14px HRegular; }
.modulo.otros-articulos span.excerpt strong { font-weight: normal; font-family: HBold; }


.modulo.twitter { text-align: center; }
.modulo.twitter .contenido { display: table; }
.modulo.twitter .contenido .padding-14 { display: table-cell; vertical-align: middle; }
.modulo.twitter span.excerpt { display: block; font: 11px/14px HRegular; }
.modulo.twitter .ss-icon { font-size: 15px; display: block; margin: 0px 0px 5px 0px; }


.modulo.oferta { text-align: center; }
.modulo.oferta .contenido { display: table; }
.modulo.oferta .contenido .padding-14 { display: table-cell; vertical-align: middle; }
.modulo.oferta .contenido span.titulo { display: block; margin: 0px 0px 8px 0px; font: 14px/16px GBold; }
.modulo.oferta span.excerpt { display: block; font: 11px/14px HRegular; }
.modulo.oferta span.excerpt strong { font-weight: normal; font-family: HBold; }
.modulo.oferta .ss-icon { font-size: 25px; display: block; margin: 0px 0px 5px 0px; color: #ff3300; }


.modulo.noticia { text-align: right; }
.modulo.noticia .imagen { overflow: hidden; position: relative; } 
.modulo.noticia .imagen .mascara { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; }
.modulo.noticia .contenido { position: absolute; top: 0px; right: 0px; z-index: 10; }
.modulo.noticia .contenido span.fecha { display: block; margin: 0px 0px 8px 0px; font: 10px HRegular; }
.modulo.noticia .contenido span.titulo { display: block; margin: 0px 0px 8px 0px; font: 14px/16px GBold; }
.modulo.noticia .contenido span.excerpt { display: block; padding: 0px 0px 0px 20px; font: 11px/14px HRegular; }
.modulo.noticia .contenido span.excerpt strong { font-weight: normal; font-family: HBold; }
.modulo.noticia .capa-1 { position: absolute; top: 0px; right: 0px; z-index: 5; background: url('images/pastilla-pico-izquierda-blanco.png') left center no-repeat; }
.modulo.noticia .capa-2 { position: absolute; top: 0px; right: 0px; z-index: 2; background: url('images/pastilla-pico-izquierda-gris.png') left center no-repeat; }


.oscurecer-total { width: 100%; height: 100%; display: none; position: absolute; top: 0px; left: 0px; background: #333; opacity: 0.6; z-index: 10000; }


.indice-salas { position: relative !important; }
.indice-salas .contenedor { width: 100%; height: 100%; display: table; }
.indice-salas .contenedor .contenido { display: table-cell; vertical-align: middle; font: 12px/16px GBold; color: #FFF; }
.indice-salas .sala { position: relative; overflow: hidden !important; }
.indice-salas .sala .contenido { text-align: center; text-transform: uppercase; color: #333; }
.indice-salas .sala .contenido .ancho { display: block; margin: 0px auto; width: 140px; }
.indice-salas .sala .circulo { width: 140px; height: 140px; background: #333; -webkit-border-radius: 140px; -moz-border-radius: 140px; border-radius: 140px; overflow: hidden; display: block; position: absolute; top: 50%; left: 50%; margin-left: -70px; margin-top: -70px; z-index: 2; }
.indice-salas .imagen { position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; display: block; }
.indice-salas .mascara { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; display: block; }

.indice-salas .sala-sala-cero .mascara { background-color: #8ffffe; opacity:0.5; filter:alpha(opacity=50); }
.indice-salas .sala-centro-tnt .mascara { background-color: #5BD984; opacity:0.5; filter:alpha(opacity=50); }
.indice-salas .sala-t-duque-la-imperdible .mascara { background-color: #fff600; opacity:0.5; filter:alpha(opacity=50); }
.indice-salas .sala-la-fundicion .mascara { background-color: #ff00d2; opacity:0.5; filter:alpha(opacity=50); }

/**
.indice-salas .imagen { filter: grayscale(100%); }
.indice-salas .sala:hover .imagen { filter: grayscale(0); }
**/



.modulo.buscador { background: #f3f3f3; }
.modulo.buscador .padding { display: block; padding: 15px; }
.modulo.buscador .padding .titulo-buscador { display: blocK; margin: 0px 0px 6px 0px; font: 10px GBold; }
.modulo.buscador .padding .titulo-grande { display: blocK; margin: 0px 0px 15px 0px; font: 15px GBold; text-transform: uppercase; }
.modulo.buscador .padding .titulo-muy-grande { display: blocK; margin: 0px 0px 15px 0px; font: 25px GBold; text-transform: uppercase; }
.modulo.buscador .caja-buscar { display: block; margin: 0px 0px 15px 0px; position: relative; width: 100%; }
.modulo.buscador .caja-buscar input[type=text] { width: 100%; border: none; font: 11px HRegular; padding: 7px 35px 7px 5px; background: #fff; }
.modulo.buscador .caja-buscar input[type=submit] { position: absolute; top: 0px; right: 0px; background: #333; color: #FFF; text-align: center; border: none; padding: 5px 10px 5px 10px; height: 26px; }

.modulo.buscador a { width: 33%; float: left; display: block; margin: 0px 0px 3px 0px; }
.modulo.buscador a:hover { text-decoration: underline !important; }

.desplegable-meses { width: 100%; padding: 8px 6px; font-size: 12px; }

.modulo.buscador-negro { background: #333333; color: #f3f3f3 }
.modulo.buscador-negro .padding { display: block; padding: 15px; }
.modulo.buscador-negro .padding .titulo-buscador { display: blocK; margin: 0px 0px 6px 0px; font: 10px GBold; }
.modulo.buscador-negro .padding .titulo-grande { display: blocK; margin: 0px 0px 15px 0px; font: 15px GBold; text-transform: uppercase; }
.modulo.buscador-negro .padding .titulo-muy-grande { display: blocK; margin: 0px 0px 15px 0px; font: 25px GBold; text-transform: uppercase; }
.modulo.buscador-negro .caja-buscar { display: block; margin: 0px 0px 15px 0px; position: relative; width: 100%; }
.modulo.buscador-negro .caja-buscar input[type=text] { width: 100%; border: none; font: 11px HRegular; padding: 7px 35px 7px 5px; background: #f3f3f3; color: #333; }
.modulo.buscador-negro .caja-buscar input[type=submit] { position: absolute; top: 0px; right: 0px; background: #f3f3f3; color: #333; text-align: center; border: none; padding: 5px 10px 5px 10px; height: 26px; }

.modulo.buscador-negro a { width: 33%; float: left; display: block; margin: 0px 0px 3px 0px; color: #f3f3f3 }
.modulo.buscador-negro a:hover { text-decoration: underline !important; color: #f3f3f3 }



/** inicio social **/
.load-more-posts { display: block; width: 100%; font: 14px GBook; text-align: center; color: #FFF; padding: 14px 0px 17px 0px; background: #333333; color: #FFF; margin-top: 13px; border: none; }
.load-more-posts:hover { background: #FFF; color: #333; }

.devoraescenarios { font: 24px GBook; text-align: center; color: #FFF; padding: 24px 0px 27px 0px; }
.modulo .mascara-activador { width: 100%; height: 100%; display: block; background: #333; position: absolute; top: 0px; left: 0px; z-index: 1 !important; }
.modulo.noticia-social .imagen, .modulo.instagram-social .imagen { overflow: hidden; position: relative; } 

.isotope-social .modulo span.fecha { display: block; margin: 0px 0px 8px 0px; font: 10px HRegular; }
.isotope-social .modulo span.titulo { display: block; font: 14px/16px GBold; color: #333333; margin: 0px 0px 4px 0px; }
.isotope-social .modulo span.excerpt { display: block; font: 11px/16px HRegular; color: #333333; margin: 0px 0px 0px 0px; }
.isotope-social .modulo span.excerpt strong { font-weight: normal; font-family: HBold; }
.isotope-social .modulo:hover span.titulo { text-decoration: underline; }

.isotope-social .modulo .espectaculo-relacionado { position: absolute; bottom: 15px; left: 15px; display: block; font: 10px/16px Gbook; color: #999999; width: 388px; text-transform: uppercase; }
.isotope-social .modulo .opacidad { background: #FFF !important; display: block !important; position: relative !important; width: 100%; height: 100%; }
.isotope-social .modulo .espectaculo-relacionado .imagen { display: block; width: 64px; height: 64px; overflow: hidden; float: left; margin-right: 15px; }
/** .isotope-social .modulo .espectaculo-relacionado .imagen img { filter: grayscale(100%); } **/
.isotope-social .modulo .espectaculo-relacionado .imagen .bola { display: block; width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; right: -8px; background: #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 2; }
.isotope-social .modulo .espectaculo-relacionado .mascara { z-index: 1; display: block; width: 100%; height: 100%;}
.isotope-social .modulo .espectaculo-relacionado.relacionado-sala-sala-cero .mascara { background-color: #8ffffe; opacity:0.5; filter:alpha(opacity=50); }
.isotope-social .modulo .espectaculo-relacionado.relacionado-sala-centro-tnt .mascara { background-color: #5BD984; opacity:0.5; filter:alpha(opacity=50); }
.isotope-social .modulo .espectaculo-relacionado.relacionado-sala-t-duque-la-imperdible .mascara { background-color: #fff600; opacity:0.5; filter:alpha(opacity=50); }
.isotope-social .modulo .espectaculo-relacionado.relacionado-sala-la-fundicion .mascara { background-color: #ff00d2; opacity:0.5; filter:alpha(opacity=50); }
.isotope-social .modulo .espectaculo-relacionado .imagen img { width: auto; height: 64px; display: block; }
.isotope-social .modulo .espectaculo-relacionado span { padding-top: 7px; display: block; }

.modulo.twitter-social { text-align: center; cursor: default; }
.modulo.twitter-social .contenido { display: table; }
.modulo.twitter-social .contenido a:first-child { font-family: HBold; }
.modulo.twitter-social .contenido .padding-14 { display: table-cell; vertical-align: middle; }
.modulo.twitter-social span.excerpt { display: block; font: 11px/14px HRegular; }
.modulo.twitter-social .ss-icon { font-size: 15px; display: block; margin: 0px 0px 5px 0px; }

.isotope-social .pico { width: 10px; height: 10px; display: block; background: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; z-index: 1000; }


.modulo.youtube-social .imagen.modulo-foto-fondo { width: 416px; height: 234px !important; position: relative; }
/**
.modulo.youtube-social .lazyYT-button { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; background: url('images/fondo-imagenes.png'); overflow: hidden; text-indent: -999999999px; }
**/
.modulo.youtube-social .lazyYT-button { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; text-indent: -999999999px; }
.modulo.youtube-social .lazyYT-play { width: 75px; height: 54px; display: block; position: absolute; top: 50%; left: 50%; z-index: 2; margin:-25px 0px 0px -38px; background: url('images/play-grande.png'); overflow: hidden; text-indent: -999999999px; }
.modulo.youtube-social .imagen { overflow: hidden; position: relative; } 

.modulo.noticia-social-sin-relacion .float-left { display: block; float: left; }

.isotope-social .filters { color: #FFF; }
.isotope-social .filters span.quiero-ver { font: 12px GBook; display: block; margin: 0px 0px 6px 0px; }
.isotope-social .filters span.filtro { font: 12px GBold; display: block; margin: 0px 0px 6px 0px; }
.isotope-social .filters span.filtro label { padding-left: 5px;}
.isotope-social .filters span.filtro span { border-bottom: 1px solid #FFF; text-transform: lowercase; }
.isotope-social .filters input { margin-right: 5px; }
.isotope-social .filters a { font: 12px GBold; display: block; margin: 0px 0px 6px 0px;  }
.isotope-social .filters a span.nombre { border-bottom: 1px solid #FFF; }
.isotope-social .filters a:hover span.nombre { border-bottom: none; }
.isotope-social .filters a span.ss-icon { float: left; font-size: 14px; margin-right: 4px; margin-left: 3px; display: inline-block }

/** .isotope-social .fondo-imagen { background: url('images/fondo-imagenes.png'); } **/

.instagram-social span.ss-icon { font-size: 16px; color: #FFF; position: absolute; bottom: 15px; left: 15px; z-index: 100; }
.instagram-social span.contenido-texto { font-size: 12px; color: #FFF; position: absolute; bottom: 18px; left: 40px; z-index: 100; padding-right: 15px;  }

.mfp-title { padding-top: 7px; padding-bottom: 5px; }
.mfp-title p { display: inline-block !important; font-size: 12px; margin-right: 6px; vertical-align: middle; }
.mfp-title p.ver-instagram { font-size: 20px; }
.mfp-title p.cuerpo-texto a { text-decoration: underline !important; }
.mfp-title p.cuerpo-texto { }




/** programación **/
/** 
.programa-sala-sala-cero .info-espectaculo-gris { background-image: url('images/pastilla-pico-abajo-azul.png'); }
.programa-sala-sala-cero .info-espectaculo * { color: #333 !important; }
.programa-sala-centro-tnt .info-espectaculo-gris { background-image: url('images/pastilla-pico-abajo-amarillo.png'); }
.programa-sala-centro-tnt .info-espectaculo * { color: #333 !important; }
.programa-sala-t-duque-la-imperdible .info-espectaculo-gris { background-image: url('images/pastilla-pico-abajo-verde.png'); }
.programa-sala-la-fundicion .info-espectaculo-gris { background-image: url('images/pastilla-pico-abajo-rojo.png'); }
**/


.programa-sala-sala-cero .mascara { background-color: #8ffffe; opacity:0.5; filter:alpha(opacity=50); }
.programa-sala-centro-tnt .mascara { background-color: #fff600; opacity:0.5; filter:alpha(opacity=50); }
.programa-sala-t-duque-la-imperdible .mascara { background-color: #5BD984; opacity:0.5; filter:alpha(opacity=50); }
.programa-sala-la-fundicion .mascara { background-color: #D95B5B; opacity:0.5; filter:alpha(opacity=50); }

.programa .mascara { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; display: block; }

/** .programa .imagen { filter: grayscale(100%); }
.programa:hover .imagen { filter: grayscale(0); } **/


.fecha-calendario, .filtro-salas { padding-top: 12px; }

.fecha-calendario .ver-toda, .filtro-salas .ver-toda, .filtro-salas-2 .ver-toda { font: 10px GBold; }
.filtro-salas .ver-toda { margin-bottom: 13px; }


.fecha-calendario span.mes { display: block; font: 50px GLight; color: #333333; opacity: 0.5; text-transform: uppercase; }
.fecha-calendario span.ano { display: block; font: 18px GLight; color: #333333; opacity: 0.5; text-transform: uppercase; }

table.calendario { border-collapse: collapse; }
table.calendario td {
  border: 2px solid #eaeaea;
  width: 26px;
  height: 24px;
  font: 11px GBold;
  vertical-align: middle;
  text-align: center;
  color: #333333;
}
table.calendario th {
  border: 2px solid #eaeaea;
  width: 24px;
  height: 24px;
  font: 12px GLight;
  vertical-align: middle;
  text-align: center;
  color: #333333;
}
table.calendario span, table.calendario button { opacity: 0.5; }
table.calendario td.dia-sin-espectaculos { opacity: 0.1; cursor: default; }
.filters button { padding: 0px; border: none; background: none; opacity: 0.5; } 
table.calendario button { width: 100%; height: 100%; }
table.calendario button.is-checked { opacity: 1; background: #eaeaea; }
.ver-toda.is-checked { opacity: 1; }

table.calendario button:hover { opacity: 1.0; }
table.calendario tr:last-child td { border-bottom: 0; }
table.calendario tr td:first-child, table.calendario tr th { border-left: 0; }
table.calendario tr td:last-child, table.calendario tr th { border-right: 0; }

.filtro-salas button { display: block; font: 10px GBold; opacity: 0.6; color: #333; margin: 0px 0px 0px 0px; text-transform: uppercase; }
.filtro-salas-2 a.button2 { display: block; font: 10px GBold; opacity: 0.7; color: #333; margin: 0px 0px 0px 0px; text-transform: uppercase; overflow: hidden; }
.filtro-salas-2 a.button:hover { opacity: 1; }
.filtro-salas button:hover { text-decoration: underline; }
.filtro-salas button.is-checked { opacity: 1.0; }
.filtro-salas button.is-checked:hover { text-decoration: none; }
.filtro-salas span.ss-icon { font-size: 13px; float: left; margin-right: 3px; margin-top: -2px;}
.texto-salas { font: 10px/16px HRegular; }

.filtro-salas a.enlace { display: block; font: 10px GBold; opacity: 1; color: #333; margin: 0px 0px 0px 0px; text-transform: uppercase; }


.info-espectaculo { position: absolute; top: 0px; left: 0px; z-index: 10; color: #333333; }
.info-espectaculo .cia { display: block; font: 14px GBold; text-transform: uppercase; margin: 0px 0px 3px 0px; }
.info-espectaculo .titulo { display: block; font: 14px GBold; font-style: italic; margin: 0px 0px 16px 0px; }
.info-espectaculo .fecha, .info-espectaculo .sala { display: block; font: 10px GBook; margin: 0px 0px 4px 0px; text-transform: uppercase; }

.modulo-foto-sala-mascara { width: 100%; height: 100%; display: block; position: absolute; background: red; top: 0px; left: 0px; }

.info-espectaculo .sala .circulo-sala { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: -1px; }
.info-espectaculo .datos { display: block; font: 10px/16px GBook; text-transform: uppercase; position: absolute; bottom: 30px; left: 15px; padding-right: 15px; }

.info-espectaculo-gris {  position: absolute; top: 0px; left: 0px; z-index: 5; background: url('images/pastilla-pico-abajo.png') center bottom no-repeat; }

/** 
.monografico-sala-sala-cero .info-espectaculo-gris { background-image: url('images/pastilla-pico-abajo-azul.png'); }
.monografico-sala-sala-cero .info-espectaculo * { color: #333 !important; }
.monografico-sala-centro-tnt .info-espectaculo-gris { background-image: url('images/pastilla-pico-abajo-amarillo.png'); }
.monografico-sala-centro-tnt .info-espectaculo * { color: #333 !important; }
.monografico-sala-t-duque-la-imperdible .info-espectaculo-gris { background-image: url('images/pastilla-pico-abajo-verde.png'); }
.monografico-sala-la-fundicion .info-espectaculo-gris { background-image: url('images/pastilla-pico-abajo-rojo.png'); }
**/

.info-espectaculo-blanco {  position: absolute; top: 0px; left: 0px; z-index: 2; background: url('images/pastilla-pico-abajo-blanco.png') center bottom no-repeat; }



/** espectáculo **/
.titulo-espectaculo .imagen { position: absolute; top: 0px; right: 0px; }
.titulo-espectaculo .alineado-abajo { position: absolute; bottom: 15px; left: 15px; }
.titulo-espectaculo .titulo { font: 30px GBold; color: #333; }
.titulo-espectaculo .titulo-grande { font: 40px GBold; color: #333; }

.titulo-espectaculo .fondo-gris { font: 10px/16px GBook; color: #FFF; text-transform: uppercase; }
.titulo-espectaculo .fondo-gris strong { font-weight: normal; font-family: GBold; font-size: 13px; }
.titulo-espectaculo .fondo-gris span.entradas { font: 30px GBold; text-transform: lowercase; display: block; margin: 0px 0px 5px 0px; }
.titulo-espectaculo .circulo-sala { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 1px; margin-bottom: -1px; }

.caja-entradas a { color: #333; }
.caja-entradas span.ss-icon { font-size: 16px; }
.caja-entradas .nombre-sala { font-family: GMedium; display: block; margin-top: 7px; }

.foto-entradas .mascara-color { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; z-index: 2; background: red; }
.entradas-t-duque-la-imperdible .mascara-color { background-color: #8ffffe; opacity:0.5; filter:alpha(opacity=50); }
.entradas-centro-tnt .mascara-color { background-color: #5BD984; opacity:0.5; filter:alpha(opacity=50); }
.entradas-t-duque-la-imperdible .mascara-color { background-color: #fff600; opacity:0.5; filter:alpha(opacity=50); }
.entradas-la-fundicion .mascara-color { background-color: #ff00d2; opacity:0.5; filter:alpha(opacity=50); }
.foto-entradas .imagen { display: block; width: 100%; height: 100%;  }
/** .foto-entradas :hover .imagen { filter: grayscale(0); } **/

.white-popup span.titulo { font: 20px GBold; color: #333; margin: 0px 0px 15px 0px; display: block; padding: 0px 10px 0px 10px; }
.white-popup .link-compra { background: red; display: block; padding: 6px; color: #FFF; background: #333; margin-bottom: 15px; }
.white-popup .link-compra:hover { background: #FFF; color: #333; }
.white-popup span.contenido { font: 11px/16px HRegular, Arial; }
.white-popup span.contenido strong { font-weight: normal; font-family: HBold; }
.white-popup span.contenido p { display: block; margin: 0px 0px 15px 0px; }
.white-popup span.contenido h3 { display: block; margin: 0px 0px 5px 0px; font: 14px GBold; } 
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  font: 12px/18px GBook;
}

.fijar-titulo-espectaculo { height: 208px;  }
.titulo-fijo { position: fixed; z-index: 10; display: none; }
.titulo-fijo .alto-1 { height: 88px; }

.cuerpo-espectaculo { font: 11px/14px HRegular, Arial; }
.cuerpo-espectaculo strong { font-weight: normal; font-family: HBold; }
.cuerpo-espectaculo span.antetitulo { display: block; font: 24px/24px GBOld; margin: 16px 0px 16px -8px; }
.cuerpo-espectaculo span.titulo { display: block; font: 36px/36px GMedium; margin: 16px 0px 16px -8px; font-style: italic; }
.columnas p { display: block; padding: 0px 15px 0px 15px; margin: 0px 0px 15px 0px; }
.columnas span.titulo-2 { display: block; font: 24px/24px GBold, Arial; margin: 0px 0px 16px 0px; padding: 0px 15px 0px 15px; }
.columnas span.titulo-3 { display: block; font: 14px/16px GMedium, Arial; margin: 0px 0px 5px 0px; padding: 0px 15px 0px 15px; }
.columnas span.titulo-2 span.autor { font-family: GBook; }
.columnas .imagen {-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table; margin-bottom: 15px; }
.columnas iframe { }
.cuerpo-espectaculo .columnas .ss-icon { display: block; padding: 0px 0px 8px 15px; font-size: 30px; }
.cuerpo-espectaculo .columnas .tweet { font: 10px/15px GMedium; text-transform: uppercase; }

.columnas .oferta { display: block; padding: 15px 0px 2px 0px; }
.columnas .oferta .ss-icon { font-size: 25px; display: block; margin: 0px 0px 5px 0px; color: #ff3300; padding: 15px 15px 0px 15px; }


.columnas-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; }
.columnas-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; }
.columnas-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; }
.columnas-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; }

@media (min-width: 850px) and (max-width: 1269px) {
.columnas-6 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.columnas-5 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.columnas-4 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.columnas-3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
#menu-cabecera li { margin-right: 5px; }
}
@media (max-width: 849px) {
.columnas-6 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.columnas-5 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.columnas-4 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.columnas-3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
}

.columnas h2 { display: block; position: relative; padding-left: 14px; font: 20px/22px Hbold; margin-bottom: 4px; }




/** interior simple **/

.contenido-simple span.titulo  { font: 30px GBold; color: #333; display: block; margin: 14px 0px 14px 0px; }
.contenido-simple h2 { display: block; margin: 0px 0px 16px 0px; font: 20px/20px GMedium; }
.contenido-simple h3 { display: block; margin: 20px 0px 5px 0px; font: 17px/17px GMedium; }
.contenido-simple h4 { display: block; margin: 0px 0px 9px 0px; font: 14px/12px GBold; text-transform: uppercase; }
.contenido-simple span.contenido-grande { font: 15px/19px HRegular; }
.contenido-simple span.contenido { font: 11px/13px HRegular; }
.contenido-simple span.contenido p { display: block; margin: 0px 0px 11px 0px; }
.contenido-simple .mc4wp-alert { font: 15px/19px Hbold; padding-bottom: 16px; }
.contenido-simple span.contenido-grande p { display: block; margin: 0px 0px 17px 0px; }
.contenido-simple span.contenido-grande strong { font-weight: normal; font-family: HBold; }


.contenido-simple table tr { border-bottom: 1px solid #000 !important; }
.contenido-simple table td { border-color: #000 !important; }
.contenido-simple table { margin: 0px 0px 14px 0px; display: block; }
.contenido-simple table tr td { padding: 5px; }
.contenido-simple table tr td { vertical-align: middle; }



.mc4wp-form { display: block; }
.mc4wp-form label { display: block; margin: 0px 0px 3px 0px; font: 13px/17px HBold; }
.mc4wp-form p { display: block; margin: 0px 0px 10px 0px; }
.mc4wp-form p.checkbox { display: block; margin: 20px 0px 20px 0px; }
.mc4wp-form p.checkbox a { text-decoration: underline !important; }
.mc4wp-form input[type=text], .mc4wp-form input[type=tel], .mc4wp-form input[type=email], .mc4wp-form input[type=date], .mc4wp-form input[type=number], .mc4wp-form select { width: 100%; border: none; font: 11px HRegular; padding: 7px 5px; background: #f3f3f3; }
.mc4wp-form input[type=submit] { width: 100%; background: #333; color: #FFF; font: 13px HBold; text-align: center; border: none; padding: 5px; }
.mc4wp-form .float-left { display: inline-block; margin-right: 15px; font-family: HRegular; }
.mc4wp-form .float-left input { margin-right: 4px; }

.gform_wrapper { display: block; }
.gform_wrapper label { display: block; margin: 0px 0px 3px 0px; font: 15px/19px HBold; }
.gform_wrapper label a { text-decoration: underline !important; }
.gform_wrapper label.gfield_label { font: 13px/17px HBold !important; margin-bottom: 2px !important; }
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { font: 11px/14px HRegular !important; }
.gform_wrapper p.checkbox { display: block; margin: 20px 0px 20px 0px; }
.gform_wrapper p.checkbox a { text-decoration: underline !important; }
.gform_wrapper input[type=text], .gform_wrapper input[type=tel], .gform_wrapper input[type=email], .gform_wrapper input[type=date], .gform_wrapper input[type=number], .gform_wrapper select { width: 100% !important; border: none; font: 11px HRegular !important; padding: 7px 5px !important ; background: #f3f3f3; }
.gform_wrapper input[type=submit] { width: 100% !important; background: #333; color: #FFF; font: 13px HBold; text-align: center; border: none; padding: 5px; }
body .gform_wrapper .top_label div.ginput_container { margin-top: 3px !important; }
.gform_wrapper .float-left { display: inline-block; margin-right: 15px; font-family: HRegular; }
.gform_wrapper .float-left input { margin-right: 4px; }


.video-espectaculo { height: 460px; position: relative; }
.video-espectaculo .lazyYT-play { width: 75px; height: 54px; display: block; position: absolute; top: 50%; left: 50%; z-index: 2; margin:-25px 0px 0px -38px; background: url('images/play-grande.png'); overflow: hidden; text-indent: -999999999px; }

@media (min-width: 850px) and (max-width: 1269px) {
.video-espectaculo { height: 360px; position: relative; }
}
@media (max-width: 849px) {
.video-espectaculo { height: 300px; position: relative; }
}


/** prensa **/
.dlm-downloads { display: block; font: 12px/14px Hregular; margin: 0px 0px 40px 0px; }
.dlm-downloads li { display: block; margin: 0px 0px 6px 0px; }
.dlm-downloads li a:hover { text-decoration: underline !important; }



/** interior sala **/
.info-sala { font: 11px/13px HRegular; }


/** magazine **/
.paginacion { text-align: right; font-size: 0px; }
.paginacion .current { background: none; color: #333; }
.page-numbers { padding: 8px; width: 30px; height: 30px; text-align: center; background: #333; font: 12px/15px GBold; color: #FFF; display: inline-block; margin-right: 8px; }
.page-numbers:hover { background: #f3f3f3; color: #333; }
.page-numbers.current:hover { background: none; color: #333; }





/** footer **/
.footer { margin-top: 16px !important; text-align: left; }
.footer, .footer a { font: 10px/14px GBook; color: #FFF; }
.footer .legal { text-align: right; }
.footer .patrocinador { display: inline-block; }
.footer .patrocinador img { height: 50px; }














@font-face {
  font-family: "SSSocialRegular";
  src: url('docs/fonts/ss-social-regular.eot');
  src: url('docs/fonts/ss-social-regular.eot#iefix') format('embedded-opentype'),
       url('docs/fonts/ss-social-regular.woff') format('woff'),
       url('docs/fonts/ss-social-regular.ttf')  format('truetype'),
       url('docs/fonts/ss-social-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"]{-ms-zoom: 1;}

.ss-icon, .ss-icon.ss-social-regular,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-social-regular:before, [class*=" ss-"].ss-social-regular:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-social-regular.right:after, [class*=" ss-"].ss-social-regular.right:after {
  font-family: "SSSocialRegular";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before{display:none;content:'';}

.ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-appdotnet:before,.ss-appdotnet.right:after{content:''}.ss-zerply:before,.ss-zerply.right:after{content:''}.ss-reddit:before,.ss-reddit.right:after{content:''}.ss-steam:before,.ss-steam.right:after{content:''}.ss-tumblr:before,.ss-tumblr.right:after{content:''}.ss-wordpress:before,.ss-wordpress.right:after{content:''}.ss-blogger:before,.ss-blogger.right:after{content:''}.ss-posterous:before,.ss-posterous.right:after{content:''}.ss-quora:before,.ss-quora.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-vine:before,.ss-vine.right:after{content:''}.ss-letterboxd:before,.ss-letterboxd.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-500px:before,.ss-500px.right:after{content:''}.ss-etsy:before,.ss-etsy.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-svpply:before,.ss-svpply.right:after{content:''}.ss-readmill:before,.ss-readmill.right:after{content:''}.ss-dropbox:before,.ss-dropbox.right:after{content:''}.ss-pinboard:before,.ss-pinboard.right:after{content:''}.ss-delicious:before,.ss-delicious.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-octocat:before,.ss-octocat.right:after{content:''}.ss-stackoverflow:before,.ss-stackoverflow.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-yelp:before,.ss-yelp.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-soundcloud:before,.ss-soundcloud.right:after{content:''}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-rss:before,.ss-rss.right:after{content:''}.ss-share:before,.ss-share.right:after{content:''}.ss-apple:before,.ss-apple.right:after{content:''}.ss-microsoft:before,.ss-microsoft.right:after{content:''}.ss-windows:before,.ss-windows.right:after{content:''}.ss-android:before,.ss-android.right:after{content:''}.ss-blackberry:before,.ss-blackberry.right:after{content:''}

/* Legacy */
.ss-fivehundredpx:before,.ss-fivehundredpx.right:after{content:''}





@font-face {
  font-family: "SSStandard";
  src: url('docs/fonts/ss-standard.eot');
  src: url('docs/fonts/ss-standard.eot#iefix') format('embedded-opentype'),
       url('docs/fonts/ss-standard.woff') format('woff'),
       url('docs/fonts/ss-standard.ttf')  format('truetype'),
       url('docs/fonts/ss-standard.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"]{-ms-zoom: 1;}

.ss-icon, .ss-icon.ss-standard,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before{display:none;content:'';}

.ss-cursor:before,.ss-cursor.right:after{content:''}.ss-crosshair:before,.ss-crosshair.right:after{content:'⌖'}.ss-search:before,.ss-search.right:after{content:'🔎'}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-view:before,.ss-view.right:after{content:'👀'}.ss-attach:before,.ss-attach.right:after{content:'📎'}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-move:before,.ss-move.right:after{content:''}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-compose:before,.ss-compose.right:after{content:'📝'}.ss-lock:before,.ss-lock.right:after{content:'🔒'}.ss-unlock:before,.ss-unlock.right:after{content:'🔓'}.ss-key:before,.ss-key.right:after{content:'🔑'}.ss-backspace:before,.ss-backspace.right:after{content:'⌫'}.ss-ban:before,.ss-ban.right:after{content:'🚫'}.ss-trash:before,.ss-trash.right:after{content:''}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-tag:before,.ss-tag.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:'🔖'}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-dislike:before,.ss-dislike.right:after{content:'👎'}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-halfheart:before,.ss-halfheart.right:after{content:''}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-sample:before,.ss-sample.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-layers:before,.ss-layers.right:after{content:''}.ss-fill:before,.ss-fill.right:after{content:''}.ss-stroke:before,.ss-stroke.right:after{content:''}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:''}.ss-rss:before,.ss-rss.right:after{content:''}.ss-facetime:before,.ss-facetime.right:after{content:''}.ss-reply:before,.ss-reply.right:after{content:'↩'}.ss-send:before,.ss-send.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-inbox:before,.ss-inbox.right:after{content:'📥'}.ss-chat:before,.ss-chat.right:after{content:'💬'}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:''}.ss-ellipsis:before,.ss-ellipsis.right:after{content:'…'}.ss-user:before,.ss-user.right:after{content:'👤'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'👧'}.ss-users:before,.ss-users.right:after{content:'👥'}.ss-cart:before,.ss-cart.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:'💳'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'💲'}.ss-barchart:before,.ss-barchart.right:after{content:'📊'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-box:before,.ss-box.right:after{content:'📦'}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-buildings:before,.ss-buildings.right:after{content:'🏢'}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-globe:before,.ss-globe.right:after{content:'🌎'}.ss-navigate:before,.ss-navigate.right:after{content:''}.ss-compass:before,.ss-compass.right:after{content:''}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-map:before,.ss-map.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-pin:before,.ss-pin.right:after{content:'📍'}.ss-database:before,.ss-database.right:after{content:''}.ss-hdd:before,.ss-hdd.right:after{content:''}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-mic:before,.ss-mic.right:after{content:'🎤'}.ss-volume:before,.ss-volume.right:after{content:'🔈'}.ss-lowvolume:before,.ss-lowvolume.right:after{content:'🔉'}.ss-highvolume:before,.ss-highvolume.right:after{content:'🔊'}.ss-airplay:before,.ss-airplay.right:after{content:''}.ss-camera:before,.ss-camera.right:after{content:'📷'}.ss-picture:before,.ss-picture.right:after{content:'🌄'}.ss-video:before,.ss-video.right:after{content:'📹'}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-record:before,.ss-record.right:after{content:'●'}.ss-rewind:before,.ss-rewind.right:after{content:'⏪'}.ss-fastforward:before,.ss-fastforward.right:after{content:'⏩'}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-eject:before,.ss-eject.right:after{content:'⏏'}.ss-repeat:before,.ss-repeat.right:after{content:'🔁'}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-shuffle:before,.ss-shuffle.right:after{content:'🔀'}.ss-book:before,.ss-book.right:after{content:'📕'}.ss-openbook:before,.ss-openbook.right:after{content:'📖'}.ss-notebook:before,.ss-notebook.right:after{content:'📓'}.ss-newspaper:before,.ss-newspaper.right:after{content:'📰'}.ss-grid:before,.ss-grid.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-columns:before,.ss-columns.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-filter:before,.ss-filter.right:after{content:''}.ss-desktop:before,.ss-desktop.right:after{content:'💻'}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-cell:before,.ss-cell.right:after{content:'📱'}.ss-battery:before,.ss-battery.right:after{content:'🔋'}.ss-highbattery:before,.ss-highbattery.right:after{content:''}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:''}.ss-lowbattery:before,.ss-lowbattery.right:after{content:''}.ss-emptybattery:before,.ss-emptybattery.right:after{content:''}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'💡'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-fork:before,.ss-fork.right:after{content:''}.ss-merge:before,.ss-merge.right:after{content:''}.ss-transfer:before,.ss-transfer.right:after{content:'⇆'}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-sync:before,.ss-sync.right:after{content:''}.ss-loading:before,.ss-loading.right:after{content:''}.ss-wifi:before,.ss-wifi.right:after{content:''}.ss-connection:before,.ss-connection.right:after{content:''}.ss-file:before,.ss-file.right:after{content:'📄'}.ss-folder:before,.ss-folder.right:after{content:'📁'}.ss-quote:before,.ss-quote.right:after{content:'“'}.ss-text:before,.ss-text.right:after{content:''}.ss-font:before,.ss-font.right:after{content:''}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-fax:before,.ss-fax.right:after{content:'📠'}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-action:before,.ss-action.right:after{content:''}.ss-redirect:before,.ss-redirect.right:after{content:'↪'}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-notifications:before,.ss-notifications.right:after{content:'🔔'}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'🔕'}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'⏱'}.ss-calendar:before,.ss-calendar.right:after{content:'📅'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-briefcase:before,.ss-briefcase.right:after{content:'💼'}.ss-cloud:before,.ss-cloud.right:after{content:'☁'}.ss-droplet:before,.ss-droplet.right:after{content:'💧'}.ss-flask:before,.ss-flask.right:after{content:''}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-upright:before,.ss-upright.right:after{content:'⬈'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-downright:before,.ss-downright.right:after{content:'⬊'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-downleft:before,.ss-downleft.right:after{content:'⬋'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-upleft:before,.ss-upleft.right:after{content:'⬉'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-retweet:before,.ss-retweet.right:after{content:''}

/* Legacy classes */
.ss-volumelow:before,.ss-volumelow.right:after{content:'🔉'}.ss-volumehigh:before,.ss-volumehigh.right:after{content:'🔊'}.ss-batteryhigh:before,.ss-batteryhigh.right:after{content:''}.ss-batterymedium:before,.ss-batterymedium.right:after{content:''}.ss-batterylow:before,.ss-batterylow.right:after{content:''}.ss-batteryempty:before,.ss-batteryempty.right:after{content:''}.ss-clouddownload:before,.ss-clouddownload.right:after{content:''}.ss-cloudupload:before,.ss-cloudupload.right:after{content:''}.ss-calendaradd:before,.ss-calendaradd.right:after{content:''}.ss-calendarremove:before,.ss-calendarremove.right:after{content:''}.ss-calendarcheck:before,.ss-calendarcheck.right:after{content:''}.ss-calendardelete:before,.ss-calendardelete.right:after{content:''}