:root {
	--bs-font-sans-serif: Cabin, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.container-fluid {
	max-width: 1600px;
}
.container-full {
	max-width: 100%;
	width: 100%;
}

.navbar .btn {
	line-height: 23px;
	padding: 0.15rem 0.65rem;
}
	ul#mobile-opt { margin-right: .7rem!important; }
	ul#mobile-opt a {
		color: #fff;
	}
	ul#mobile-opt a i.bi:before {
		font-size: 1.7rem;
	}
	.navbar-dark .navbar-toggler { border: 0; font-size: 1.5rem; padding: 0; }
	.navbar-dark .navbar-toggler:focus { box-shadow: none; }
	
#navbarCollapse .form-control {
	width: 300px;
	border: 0;
}

.nav-options a {
	cursor: pointer;
}
.nav-options i {
	font-size: 1.25rem;
	top: 2px;
    position: relative;
}
.nav-options .bi-person-circle {
	font-size: 2rem;
}
	
.dropwdown-menu-mobile {
	position: absolute;
	right: 0;
	top: 65px;
	background-color: #fff;
	z-index: 1000;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}

.form-control, .btn {
	border-radius: 20px!important;
	border: 0;
}

.content-title {
	display: flex;
	align-items: center;
}

.content-title h3, .content-title-home h3 {
	font-weight: bold!important;
	margin-left: 0.75rem;
}
.content-title h3:before, .content-title-home h3:before {
    background: #f5c518;
    content: "";
    margin-left: -0.75rem;
    align-self: flex-start;
    position: absolute;
    height: 34px;
    width: 4px;
}
.content-title h3 img, .content-title-home h3 img {
	position: relative;
	top: -2px;
	border-radius: 4px;
}
.content-title h3 .ver-todos, .content-title-home h3 .ver-todos {
	float: right;
	background-color: #212529;
	color: #fff;
	padding: 3px 12px 2px;
	font-size: 0.85rem;
	text-decoration: none;
	border-radius: 10px;
	position: relative;
	top: 6px;
}
.content-title h3 .ver-todos:hover, .content-title-home h3 .ver-todos:hover {
	background-color: #000;
}

.content-title .edit_adm {
    margin-left: auto;
	white-space: nowrap;
}

.title-prod h1 {
	margin-left: 0;
	font-size: 2.25rem;
	font-weight: 700;
}
@media screen and (max-width: 768px) {
	.title-prod h1 {
		font-size: 2rem;
		line-height: 1.1;
	}
}
.title-prod h3 {
	margin-left: 0;
    font-size: 2.25rem;
    font-weight: 700;
}
.title-prod h3:before {
	background: transparent;
	margin-left: 0;
}
	.line-info {
		font-size: 1rem;
		padding-bottom: 5px;
		border-bottom: 1px solid #eee;
	}
	.line-info a {
		font-size: 1rem;
	}
	@media screen and (max-width: 768px) {
		.line-info { margin-left: 0; }
		.title-prod h3 {
			font-size: 2rem;
			margin-left: 0;
			line-height: 1.1;
		}
	}
	.line-info a {
		text-decoration: none;
	}
	.line-info a:hover {
		text-decoration: underline;
	}
.clasificacion {
	background: #000;
	color: #fff;
	border-radius: 6px;
	padding: 2px 5px;
}
	
.flag-pais {
    text-decoration: none;
    display: block;
    padding-left: 24px;
}
a.flag-pais:hover { text-decoration: none; }
a.al { background: transparent url('../img/banderas/al-small-16x16.png') no-repeat 0 3px; }
a.ar { background: transparent url('../img/banderas/ar-small-16x16.png') no-repeat 0 3px; }
a.au { background: transparent url('../img/banderas/au-small-16x16.png') no-repeat 0 3px; }
a.be { background: transparent url('../img/banderas/be-small-16x16.png') no-repeat 0 3px; }
a.br { background: transparent url('../img/banderas/br-small-16x16.png') no-repeat 0 3px; }
a.can { background: transparent url('../img/banderas/can-small-16x16.png') no-repeat 0 3px; }
a.ch { background: transparent url('../img/banderas/ch-small-16x16.png') no-repeat 0 3px; }
a.chn { background: transparent url('../img/banderas/chn-small-16x16.png') no-repeat 0 3px; }
a.co { background: transparent url('../img/banderas/co-small-16x16.png') no-repeat 0 3px; }
a.cs { background: transparent url('../img/banderas/cs-small-16x16.png') no-repeat 0 3px; }
a.cu { background: transparent url('../img/banderas/cu-small-16x16.png') no-repeat 0 3px; }
a.dn { background: transparent url('../img/banderas/dn-small-16x16.png') no-repeat 0 3px; }
a.fr { background: transparent url('../img/banderas/fr-small-16x16.png') no-repeat 0 3px; }
a.hl { background: transparent url('../img/banderas/hl-small-16x16.png') no-repeat 0 3px; }
a.in { background: transparent url('../img/banderas/in-small-16x16.png') no-repeat 0 3px; }
a.ir { background: transparent url('../img/banderas/ir-small-16x16.png') no-repeat 0 3px; }
a.it { background: transparent url('../img/banderas/it-small-16x16.png') no-repeat 0 3px; }
a.jp { background: transparent url('../img/banderas/jp-small-16x16.png') no-repeat 0 3px; }
a.mx { background: transparent url('../img/banderas/mx-small-16x16.png') no-repeat 0 3px; }
a.ng { background: transparent url('../img/banderas/ng-small-16x16.png') no-repeat 0 3px; }
a.rc { background: transparent url('../img/banderas/rc-small-16x16.png') no-repeat 0 3px; }
a.rd { background: transparent url('../img/banderas/rd-small-16x16.png') no-repeat 0 3px; }
a.ro { background: transparent url('../img/banderas/ro-small-16x16.png') no-repeat 0 3px; }
a.ru { background: transparent url('../img/banderas/ru-small-16x16.png') no-repeat 0 3px; }
a.sp { background: transparent url('../img/banderas/sp-small-16x16.png') no-repeat 0 3px; }
a.su { background: transparent url('../img/banderas/su-small-16x16.png') no-repeat 0 3px; }
a.tr { background: transparent url('../img/banderas/tr-small-16x16.png') no-repeat 0 3px; }
a.uk { background: transparent url('../img/banderas/uk-small-16x16.png') no-repeat 0 3px; }
a.us { background: transparent url('../img/banderas/us-small-16x16.png') no-repeat 0 3px; }
a.pt { background: transparent url('../img/banderas/pt-small-16x16.png') no-repeat 0 3px; }
a.pe { background: transparent url('../img/banderas/pe-small-16x16.png') no-repeat 0 3px; }
a.po { background: transparent url('../img/banderas/po-small-16x16.png') no-repeat 0 3px; }
a.cr { background: transparent url('../img/banderas/cr-small-16x16.png') no-repeat 0 3px; }
a.hg { background: transparent url('../img/banderas/hg-small-16x16.png') no-repeat 0 3px; }
a.th { background: transparent url('../img/banderas/th-small-16x16.png') no-repeat 0 3px; }
a.tr { background: transparent url('../img/banderas/tr-small-16x16.png') no-repeat 0 3px; }
a.tu { background: transparent url('../img/banderas/tu-small-16x16.png') no-repeat 0 3px; }
a.ur { background: transparent url('../img/banderas/ur-small-16x16.png') no-repeat 0 3px; }

a.facebook { padding-left: 22px; background: transparent url('../img/icons/social/facebook.png') no-repeat left 2px; }
a.x { padding-left: 22px; background: transparent url('../img/icons/social/x.png') no-repeat left 2px; }
a.instagram { padding-left: 22px; background: transparent url('../img/icons/social/instagram.png') no-repeat left 2px; }

.info-list { padding: 0; }
.info-list li { list-style: none; margin: 0; padding: 0; }

/* Filmografía - ficha persona */
#ficha-persona-content div.como {
    font-size: 1rem;
    color: #000;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #eaf0b4;
    background: -moz-linear-gradient(top, #eaf0b4, #dfe9a0);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#eaf0b4), to(#dfe9a0));
}
#ficha-persona-content div.como span i {
    font-size: 1.15rem;
}
@media screen and (max-width: 768px) {
	#ficha-persona-content div.como { font-size: 0.9rem; }
}
	
#ficha-persona-content div.como span.ocultar, 
#ficha-persona-content div.como span.mostrar {
    float: right;
    font-size: 0.9em;
	font-weight: 600;
	color: #212529!important;
}
#ficha-persona-content div.como span a span {
	position: relative;
	top: -2px;
}
#ficha-persona-content ul.lista-filmografia {
    margin: 0 0 5px;
    padding: 0;
}
#ficha-persona-content ul.lista-filmografia li.primero {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -khtml-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
#ficha-persona-content ul.lista-filmografia li {
    padding: 4px 0 4px 6px;
}
#ficha-persona-content ul.lista-filmografia li ul.info {
    padding: 0;
    margin: 0;
}
#ficha-persona-content ul.lista-filmografia li ul.info li.titulo-produccion {
    background: transparent url(../img/flecha-filmografia.png) no-repeat 0 9px;
    margin: 0;
    font-size: 1rem;
	padding-left: 12px;
	line-height: 1.5;
}
#ficha-persona-content ul.lista-filmografia li ul.info li.interpreta {
    font-size: 1rem;
	padding-left: 12px;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	#ficha-persona-content ul.lista-filmografia li ul.info li.titulo-produccion, 
	#ficha-persona-content ul.lista-filmografia li ul.info li.interpreta { font-size: .85rem; }
}
#ficha-persona-content ul.lista-filmografia li ul.info li {
    padding: 0;
    margin: 0;
    line-height: 1.4em;
}
#ficha-persona-content ul.lista-filmografia li ul.info li.ver-todos a {
    padding-left: 12px;
    font-size: .85rem;
	letter-spacing: 0.2px;
    line-height: 1.5em;
    color: #2c6887;
    text-decoration: underline;
}
#ficha-persona-content ul.lista-filmografia li ul.info li.ver-todos a:hover {
	color: #000;
}
#ficha-persona-content ul.lista-filmografia li ul.info li.titulo-produccion span.anho {
    float: right;
    padding-right: 12px;
    color: #C74B3B;
}
@media screen and (max-width: 768px) {
	#ficha-persona-content ul.lista-filmografia li ul.info li.titulo-produccion span.anho { position: relative; top: 4px; padding-right: 10px; }
}
#ficha-persona-content ul li a {
	color: #006ade;
	font-weight: 600;
}
#ficha-persona-content ul li a:hover {
	color: #000;
}
ul li.fila-impar {
    background-color: #eaeff5;
    clear: both;
}
div.opciones-sup {
    float: right;
    font-size: 0.9rem;
    margin: 0;
    padding: 9px 2px 9px 9px;
}

.header-bg { background-color: #efefef; font-size: 22px; font-weight: bold; padding: 8px 16px; border-radius: 4px; }

/* Producciones destacadas Sidebar */
#producciones-destacadas-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#producciones-destacadas-content ul li {
    display: inline-block;
}
#producciones-destacadas-content ul li a {
    text-decoration: none;
}
#producciones-destacadas-content ul li img {
	border-radius: 5px;
}


/* Recomendaciones producciones */
#recomendaciones-container h3 { font-size: 1.25rem; }
ul#recomendaciones { white-space: nowrap; overflow-x: scroll; }
ul#recomendaciones::-webkit-scrollbar { display: none; }
ul#recomendaciones li img { border-radius: 5px; max-width: 114px; }
@media screen and (max-width: 768px) {
	ul#recomendaciones li img { max-width: 92px; }
	ul#recomendaciones { margin-right: -12px!important; }
}

/* Colecciones producciones */
#colecciones-container h3 { font-size: 1.25rem; }
ul#colecciones { white-space: nowrap; overflow-x: scroll; }
ul#colecciones::-webkit-scrollbar { display: none; }
ul#colecciones li img { border-radius: 5px; max-width: 114px; }
@media screen and (max-width: 768px) {
	ul#colecciones li img { max-width: 92px; }
	ul#colecciones { margin-right: -12px!important; }
}

/* Reparto de producción */
#container-section h1, h1.title-section {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.4px;
	border-bottom: 1px solid #eee;
	color: #006ade;
}
@media screen and (max-width: 768px) {
	h1.title-section {
		display: inline-table;
	}
}
.container-reparto .img-cast {
	float: left;
	border-radius: 5px;
}
.container-reparto a {
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.2px;
}
.container-reparto a:hover {
	text-decoration: underline;
}
.container-reparto span.as {
	font-size: 1rem;
}


/* Menú de opciones producción */
#menu-opciones-top {
    padding: 0;
    display: block;
    background: #000;
	border-top: 3px solid #ffc107;
}
#menu-opciones-top-persona {
    float: left;
    margin: 0;
	width: 100%;
    padding: 0;
    display: block;
    background: #000;
	border-top: 3px solid #ffc107;
}
#menu-opciones-top::-webkit-scrollbar, #menu-opciones-top-persona::-webkit-scrollbar {
	display: none;
}
#menu-opciones-top > ul, #menu-opciones-top-persona > ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
	max-width: 1920px;
    flex-wrap: nowrap;
}
#menu-opciones-top ul li, #menu-opciones-top-persona ul li {
    background-color: #333;
}
#menu-opciones-top ul li a, #menu-opciones-top-persona ul li a {
    background-color: #000;
    color: #fff;
    display: block;
    letter-spacing: 0.3px;
    margin-right: 2px;
    padding: 8px 22px;
    text-decoration: none;
	white-space: nowrap;
}
#menu-opciones-top ul li a span { color: #fff; }
#menu-opciones-top ul li a.active span { color: #222; }
#menu-opciones-top ul li a.active:hover span { color: #fff; }
#menu-opciones-top ul li a i { font-size: 20px; }

@media screen and (max-width: 768px) {
	#menu-opciones-top ul li a, #menu-opciones-top-persona ul li a {
		padding: 8px 15px;
	}
}
#menu-opciones-top ul li a:hover, #menu-opciones-top-persona ul li a:hover {
    color: #fff;
    text-decoration: underline;
}
#menu-opciones-top ul li a.active, #menu-opciones-top-persona ul li a.active {
	background-color: #fff;
	color: #000;
	font-weight: 700;
}
#menu-opciones-top ul li a.active:hover, #menu-opciones-top-persona ul li a.active:hover {
	background-color: #222;
	color: #fff;
}

#menu-opciones-top li.dropdown { position: relative; }
#menu-opciones-top li.dropdown > a { display: flex; align-items: center; }

#menu-opciones-top li.dropdown > .dropdown-menu {
	position: absolute; 
	top: 100%;
	left: 0;
	min-width: 180px;
	background: #000;
	border: 1px solid #444;
	padding: 0;
	display: none; 
	z-index: 1000;
	white-space: normal;
}

#menu-opciones-top li.dropdown .dropdown-menu.show { display: block; }

/* Ítems del submenú, uno debajo de otro */
#menu-opciones-top .dropdown-menu li { 
  display: block !important;
  float: none !important;
}
#menu-opciones-top .dropdown-menu .dropdown-item {
  display: block;
  margin: 0;              
  padding: 8px 16px;
  background: transparent;
  color: #fff;
  text-decoration: none;
}
#menu-opciones-top .dropdown-menu .dropdown-item:hover {
  background: #111;
  text-decoration: underline;
}
#menu-opciones-top .dropdown-menu .dropdown-item.active {
  background: #fff;
  color: #000;
  font-weight: 700;
}

#menu-opciones-top .dropdown-toggle::after { display: none; }

@media (max-width: 575.98px) {
  #menu-opciones-top .dropdown-menu .show-mobile { display: inline !important; }
  #menu-opciones-top .dropdown-menu .only-icon { display: none !important; }
  
  #menu-opciones-top ul li a {
	  padding-left: 19px;
	  padding-right: 19px;
  }
  
 
}

/* Container Ficha */
.container-ficha .poster {
	width: 100%;
	border-radius: 6px;
}

.container-ficha .row > .col-xs-6:first-child { 
	padding-left: 0; 
	padding-right: .75rem;
}
.container-ficha .row > .col-xs-6:last-child { 
	padding-left: .75rem; 
	padding-right: 0;
}

.container-ficha .row-section .poster {
	max-width: 90px;
}

.text-xs {
	font-size: 1rem;
}
@media screen and (max-width: 768px) {
	.text-xs {
		font-size: .9rem;
		line-height: 1.4;
	}
}

.row-section { display: flex; gap: 16px; align-items: flex-start; }
.row-section .col-left   { flex:0 0 90px; }
.row-section .col-right  { flex:1; }
.row-section .poster     { width:100%; height:auto; display:block; }

@media screen and (max-width: 768px) {
	.row-section .col-left   { flex:0 0 20%; }
}

.poster-wrap { position: relative; display: inline-block; width: 100%; }
.poster-wrap .poster { display: block; width: 100%; height: auto; }

/* Botón superpuesto */
.trailer-overlay {
	position: absolute;
    left: 50%;
    bottom: 40%;
    transform: translateX(-50%);
    margin: 0 !important;
    z-index: 2;
    white-space: nowrap;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .55), 0 0 0 4px rgba(0, 0, 0, .1);
    border: 0px solid rgba(0, 0, 0, .4);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

/* hover/focus más marcado */
.trailer-overlay:hover,
.trailer-overlay:focus {
	box-shadow: 0 10px 24px rgba(0,0,0,.65), 0 0 0 2px rgba(0,0,0,.45);
	text-decoration: none;
}


/* Votaciones producción */
#votacion {
    border: 3px solid #ddd;
	border-radius: 10px;
    background-color: #fafafa;
    height: auto;
    line-height: 1.6em;
    margin-bottom: 6px;
    font-size: 1em;
}
	#votacion span.texto-vota {
		color: #dc152c;
		font-weight: normal;
		padding: 0 10px 0 0;
	}
div.valoraciones span.nota-media {
    padding: 15px 16px 15px 16px;
    font-weight: 700;
    background: url(../img/icons/star.png) 0 0 no-repeat;
    font-size: 1.05em;
	position: relative;
}
div.valoraciones .num-votos {
	line-height: 1;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 4px 10px;
    border-radius: 6px;
}
#votacion .fila-inferior a {
    color: #fff;
}
#votacion .fila-inferior .btn {
    letter-spacing: 0.1px;
    padding: 4px 14px;
    background: #212529;
	color: #fff;
}
#votacion .fila-inferior .btn:hover {
	background: #000;
}
#voto-produccion {
	max-width: 160px;
    display: inline-block;
	padding: .25rem 2.25rem .25rem .75rem;
}
@media screen and (max-width: 768px) {
	#voto-produccion {
		width: 130px;
	}
}

.add-pendientes, .btn-pendientes {
	line-height: 1.2;
	font-size: .85rem;
}

@media screen and (max-width: 768px) {	
	.add-pendientes, .btn-pendientes {
		border-radius: 12px!important;
		padding: 5px;
	}
}


.col-content {
	width: 80%;
} 
#featured-productions .list-group-horizontal, .col-content .list-group-horizontal {
	overflow-x: auto;
}
.col-content .list-group-horizontal::-webkit-scrollbar {
	display: none;
}
.col-sidebar {
	width: 20%;
	padding-left: 2rem;
}
.col-content-sub {
	width: 75%;
}
.col-sidebar-sub {
	width: 25%;
	padding-left: 2rem;
}

.card .card-text {
	letter-spacing: 0.2px;
}

#container-article article ul {
	list-style-type: disc;
	padding-left: 2rem; 
	margin: 0;
}

@media screen and (max-width: 768px) {
	.col-content .card, .subnews-items .card { display: inline-block; border: 0; box-shadow: none!important; }
	.col-content .card h4, .subnews-items .card h4 { font-size: 1.15rem; font-weight: 600; margin-bottom: 0; }
	.col-content .card h4 a, .subnews-items .card h4 a { color: #212529; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
	.col-content #news-items .card h4 a, .subnews-items .card h4 a { -webkit-line-clamp: 3; }
	.col-content .card img, .subnews-items .card img { width: 50%; display: inline-block; vertical-align: top; border-radius: 0.25rem; }	
	.col-content .card-body, .subnews-items .card-body { display: inline-block; width: 48%; padding: 0 0 0 .5rem; }
	#container-article .col-content .card-body { width: 63%; }
	#container-news .col-content #news-items .card-body { width: 100%; margin-top: 4px; }
}


/* Ficha de persona */
.alias-persona {
	margin-left: 0;
    font-size: 2.25rem;
    font-weight: 700;
	color: #0d6efd;
}
	.alias-persona a {
		text-decoration: none;
	}
	.alias-persona a:hover {
		text-decoration: underline;
	}
@media screen and (max-width: 768px) {
	.alias-persona { font-size: 2rem; }
	
	.btn-xs-sm {
		padding: 0.25rem 0.5rem;
		font-size: .875rem;
	}
}
.cartel_persona {
    float: left;
    text-align: left;
    margin: 0;
}
	.cartel_persona img {
		border-radius: 5px;
	}
.lista-imagenes {
    clear: both;
	white-space: nowrap;
	overflow-x: scroll;
}
.lista-imagenes::-webkit-scrollbar { display: none; }
.lista-imagenes li {
    display: inline;
    margin-right: 8px;
}
.lista-imagenes li a {
    text-decoration: none;
}
.lista-imagenes li a img {
	border-radius: 5px;
}
@media screen and (max-width: 1366px) {
	.lista-imagenes li a img { width: 115px; }
}
@media screen and (max-width: 768px) {
	.lista-imagenes li a img { width: 95px; }
}
.ver-filmografia {
	display: inline-block;
    margin: 0 auto;
	background-color: #000;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: 0.2px;
    color: #cff900;
    text-decoration: none;
}
.ver-filmografia:hover {
	background-color: #ffc107;
	color: #000;
}

.cuenta-elementos {
	clear: both;
}
	.cuenta-elementos a {
		text-decoration: none;
		font-size: 1rem;
	}
	.cuenta-elementos a:hover {
		text-decoration: underline;
	}

.enlaces-roles {
	padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.enlaces-roles a {
    text-decoration: none;
    font-weight: 600;
    color: #ce0003;
	margin: 0 4px;
	font-size: 1rem;
}
.enlaces-roles a:hover {
	text-decoration: underline;
}

#conocida-por-content, #ha-trabajado-con-content { 
	white-space: nowrap;
	overflow-x: scroll;
}
#conocida-por-content::-webkit-scrollbar, #ha-trabajado-con-content::-webkit-scrollbar { display: none; }
#conocida-por-content ul, #ha-trabajado-con-content ul {
	margin: 0;
	padding: 0;
}
#conocida-por-content ul li, #ha-trabajado-con-content ul li {
    display: inline;
    margin-right: 13px;
}
	#conocida-por-content ul li a img {
		width: 121px;
		border-radius: 5px;
	}
	#ha-trabajado-con-content ul li a img {
		width: 90px;
		border-radius: 5px;
	}
@media screen and (max-width: 1366px) {
	#conocida-por-content ul li a img { width: 100px; }
}
@media screen and (max-width: 1152px) {
	#conocida-por-content ul li a img { width: 95px; }
}
@media screen and (max-width: 768px) {
	#conocida-por-content ul li, #ha-trabajado-con-content ul li { margin-right: 8px; }
	#conocida-por-content ul li a img { width: 95px; }
}
#ficha-persona-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
h3.subtitulo-ficha {
	font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.2px;
	padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.list-categorias li { font-size: .95rem; border: 0; padding-top: 1px; padding-bottom: 1px; }
.list-categorias li a { color: #333; text-decoration: none; }
.list-categorias li a:hover { color: #111; text-decoration: underline; }
@media screen and (max-width: 768px) {
	.list-categorias li { font-size: 1.1rem; }
}

/* Breadcrumb */
.container-breadcrumb { white-space: nowrap; overflow-x: scroll; }
.container-breadcrumb::-webkit-scrollbar { display: none; }
.breadcrumb {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	font-size: 0.85rem!important;
	letter-spacing: 0.2px;
	flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
	.breadcrumb { padding-left: 10px; }
}
	.breadcrumb a {
		text-decoration: none;
		color: #212529;
	}
		.breadcrumb a:hover {
			color: #0056d5;
		}
		
/* Articles */
article h1.post-title {
	font-weight: bold;
}
article .post-meta {
	font-size: 0.85rem;
	letter-spacing: 0.2px;
}
article p {
	font-size: 1.1rem;
}
article p img, article figure img {
	width: 100%;
	border-radius: 10px;
}
article ul li {
	font-size: 1.1rem;
}
article .psec { font-size: 1.2rem; font-weight: 700; }
@media screen and (max-width: 768px) {
	article h1.post-title { line-height: 1.05; font-size: 1.75rem; }
	article p { line-height: 1.25; font-size: .9rem; }
}
article img.col-w50 {
	float: left;
	width: 50%;
	margin-right: 22px;
	margin-bottom: 6px;
}
article h3 { display: block; font-size: 24px; font-weight: 600; color: #3669eb; margin: 35px 0 5px; }
article .lista-especial img { max-width: 164px; margin: 0 6px 14px; }

@media screen and (max-width: 768px) {
	.nav-tags { display: inline-block; }
	.nav-tags li { display: inline-block; }
	.nav-tags li a { padding: 0; }
}


/* Comparte artículo */
.share-widget {
	background-color: #E8F0F9;
    border: 1px solid #ABD2E9;
    padding: 14px 0 14px;
	border-radius: 10px;
	margin: 26px auto;
	text-align: center;
}
	.share-widget .bi {
		font-size: 32px;
		margin: 0 6px;
		color: #000;
	}
	.share-widget .bi:hover {
		color: #212529;
	}
		.share-widget .bi-facebook { color: #324C87; }
		.share-widget .bi-twitter { color: #12AAE0; }
		.share-widget .bi-whatsapp { color: #3CC14F; }
		.share-widget .bi-telegram { color: #398CDA; }
	
.share-widget .sw-title {
	color: #3A5796;
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
    padding: 0;
	margin: 0 5px 0 0;
	vertical-align: text-bottom;
}
.share-widget .sw-content {
	display: inline-block;
	padding: 0;
	margin: 0 0 0 5px;
}

@media screen and (max-width: 768px) {
	.share-widget .sw-title {
		margin: 0 0 8px;
	}
	.share-widget .sw-content {
		margin: 0;
	}
}

/* Temáticas Artículo */
.post-themes {
	width: 100%!important;
	border-radius: 10px;
}
.post-themes .themes {
	font-weight: 500!important;
    font-size: 0.85rem!important;
    border-radius: 10px;
}
	.post-themes .nav a {
		color: #212529!important;
		font-size: 0.85rem!important;
		font-weight: 500!important;
		letter-spacing: 0.2px;
	}
	.post-themes .nav a:hover {
		text-decoration: underline;
	}
	
@media screen and (max-width: 768px) {
	.post-themes .themes {
		margin-top: 10px;
	}
}
	
/* Posts relacionados */
.related-posts .rp-title {
	font-weight: 700;
}
.related-posts .card {
    border-radius: 10px;
}
.related-posts .card img {
    height: 140px;
	width: 100%;
    object-fit: cover;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.related-posts .card h4 {
    font-size: 1.05rem;
	letter-spacing: 0.2px;
    font-weight: 700;
}
.related-posts .card .card-body { padding: .6rem .8rem .2rem; }

@media screen and (max-width: 768px) {
	.related-posts .card img { height: auto; border-radius: 10px; }
	#container-article .related-posts .card img { width: 35%; height: 70px; }
	#container-article .related-posts .card .card-body { padding: .3rem 0 .2rem .8rem; }
}

/* Comentarios Artículos */
#article-comments .wrapper-comment {
	display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
#article-comments .avatar-col { 
	width: 5%;
	max-width: 55px;
	margin-right: 10px;
}
	#article-comments .user-comment .bi {
		font-size: 44px;
		padding: 3px;
		border-radius: 10px;
		background-color: #eee;
	}
#article-comments .comment-col {
	width: 95%;
}
	#article-comments .form-control {
		border: 1px solid #ccc;
		border-radius: 10px!important;
		font-size: 1.05rem;
		letter-spacing: 0.2px;
	}
#article-comments .wrapper-container .btn {
	border-radius: 10px!important;
}

@media screen and (max-width: 768px) {
	#article-comments .avatar-col { 
		width: 12%;
	}
	#article-comments textarea.form-control {
		min-height: 150px;
	}
}

/* Comentarios Sidebar */
#comments-sidebar ul.list-group {
	border-radius: 10px!important;
	border: 0!important;
}
#comments-sidebar ul li {
	border: 0!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#comments-sidebar ul li .bi {
	color: #00D4F9;
}
#comments-sidebar ul li a {
	color: #ff4800;
    text-decoration: none;
	letter-spacing: 0.2px;
}
	#comments-sidebar ul li a:hover {
		color: #212529;
	}
#comments-sidebar ul li:nth-child(even){
	background-color: #fff;
}
#comments-sidebar ul li:nth-child(odd){
	background-color: #E8F0F9;
}


/* Slider Destacados */
.swiper {
	width: 100%;
	height: 100%;
}
	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 10px;
	}
	.swiper-slide .swiper-slide-detail {
		background: rgb(0 0 0 / 40%);
		width: 100%;
		position: absolute;
		left: 0;
		height: 100%;
		right: 10px;
		bottom: 0;
		border-radius: 10px;
	}
		@media screen and (max-width: 768px) {
			.swiper-slide .swiper-slide-detail { background: rgb(0 0 0 / 50%); }
		}
		.swiper-slide a.swiper-slide-detail {
			color: #fff!important;
		}
		.swiper-slide a.swiper-slide-detail:hover{
			color: #ffc107!important;
		}
		.swiper-slide .swiper-slide-detail h4 {
			font-size: 1.35rem;
			letter-spacing: 0.4px;
			font-weight: bold;
			position: absolute;
			padding-left: 30px;
			padding-right: 30px;
			bottom: 20px;
			border-radius: 10px;
		}
	.swiper-pagination {
		bottom: 0!important;
	}	
	.swiper-pagination-bullet {		
		box-sizing: content-box;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		width: 30px!important;
		height: 3px!important;
		cursor: pointer;
		background-color: #fff!important;
		background-clip: padding-box!important;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		opacity: .5!important;
		transition: opacity .6s ease;
		border-radius: 0!important;
		display: none!important;
	}
	.swiper-pagination-bullet-active {
		opacity: 1!important;
		background-color: #ffc108!important;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 1.5rem!important;
		color: #fff!important;
	}
	
/* Slider home */
#container-slider-home {
	overflow: hidden;
}
	
/* Estrenos */
#estrenos { 
	overflow: hidden;
}
#estrenos .content-title h3:before {
    background: red;
}

@media screen and (max-width: 768px) {
	#estrenos { 
		padding-right: 12px;
		padding-left: 12px;
	}
}

.swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide {
	height: 154px;
}
@media screen and (max-width: 768px) {
	.swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide {
		height: 90px;
	}
}
.swiperNacieron .cumple_nombre {
	position: absolute;
	bottom: 4px;
	font-size: .8rem;
	letter-spacing: 0.1px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 0 5px;
	width: 120px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.swiperNacieron .cumple_anos {
	position: absolute;
	top: 0;
	font-size: .8rem;
	letter-spacing: 0.1px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 0 5px;
	width: 56px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align: center;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
@media screen and (max-width: 1600px) {
	.swiperNacieron .cumple_anos { font-size: .75rem; }
	.swiperNacieron .cumple_nombre { width: 105px; font-size: .75rem; }
}
@media screen and (max-width: 1440px) {
	.swiperNacieron .cumple_nombre { width: 100px; }
}
@media screen and (max-width: 1366px) {
	.swiperNacieron .cumple_nombre { width: 95px; }
}
@media screen and (max-width: 1280px) {
	.swiperNacieron .cumple_nombre { width: 90px; }
}

.swiperEstrenos .swiper-slide a {
	text-decoration: none;
	display: block;
	border-radius: 10px;
	box-shadow: 2px 2px 3px #969696;
}
.swiperNacieron .swiper-slide a img {
	box-shadow: 2px 2px 3px #969696;
	width: 120px;
	height: auto;
}

@media screen and (max-width: 1600px) {
	.swiperNacieron .swiper-slide a img { width: 105px; }
	.swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide { height: 138px; }
}
@media screen and (max-width: 1440px) {
	.swiperNacieron .swiper-slide a img { width: 100px; }
	.swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide { height: 130px; }
}
@media screen and (max-width: 1366px) {
	.swiperNacieron .swiper-slide a img { width: 95px; }
	.swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide { height: 125px; }
}
@media screen and (max-width: 1280px) {
	.swiperNacieron .swiper-slide a img { width: 90px; }
	.swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide { height: 118px; }
}
@media screen and (max-width: 768px) {
	.swiperNacieron .swiper-slide a img { box-shadow: 1px 1px 2px #969696; width: 100%; }
}
.swiperEstrenos .swiper-slide a span {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 0.65rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    background-color: #212529;
    color: #ffe000;
    padding: 1px 7px;
    border-bottom: 1px solid #3c3c3c;
    display: block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiperEstrenos .swiper-slide img {
	border-radius: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
	.swiperEstrenos .swiper-slide a span.pais {
		position: absolute;
		bottom: 24px;
		right: 3px;
		height: 19px;
		width: 16px;
		border: 0;
		border-radius: 0;
		background-color: transparent;
	}

@media screen and (max-width: 768px) {
	.swiperEstrenos .swiper-slide a { box-shadow: 1px 1px 2px #969696; }
	.swiperEstrenos .swiper-slide a span { font-size: 9px; }	
	.swiper { overflow: hidden!important; }
}
	
#news-items .card, .subnews-items .card, #trailers-sidebar .card {
	border-radius: 10px;
}
#news-items img, .subnews-items img, #trailers-sidebar img {
	width: 100%;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
@media screen and (max-width: 768px) {
	#news-items img, .subnews-items img {
		border-radius: 10px;
	}
}

#trailers-sidebar img {
	width: 100%;
	height: 145px;
	object-fit: cover;
}

.card h4 { 
	font-weight: 700;
}
.card p.card-text { 
	line-height: 22px;
}
@media screen and (max-width: 1152px) {
	.card p.card-text { font-size: .95rem; }
}
#container-subnews .card p.card-text { line-height: 20px; }
#news-items .card a, .subnews-items .card a {
	text-decoration: none;
	color: #212529!important;
}
#news-items .card a:hover, .subnews-items .card a:hover {
	color: #0d6efd!important;
}
#news-items .card a.category, .subnews-items .card a.category {
	color: #fff!important;
}
#news-items .card a.category:hover, .subnews-items .card a.category:hover {
	color: #212529!important;
}
#news-items .card a.btn, .subnews-items .card a.btn {
	color: #fff!important;
}

@media screen and (max-width: 768px) {
	#news-items .card h4 { 
		font-size: 1.05rem;
		margin-bottom: 0;
	}
	#news-items .card p.card-text { 
		font-size: 0.8rem;
		line-height: 1rem;
	}
	#news-items .card .card-body small {
		font-size: 0.8rem;
	}
}

.card .category {
	position: absolute;
	left: 0;
	top: 10px;
	letter-spacing: 0.2px;
	background-color: red;
	color: #fff;
	font-size: 0.8rem;
	font-weight: 700;
	text-decoration: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.card .category:hover {
	background-color: #f5c518;
	color: #212529;
}

.card.shadow-sm img {
	width: 100%;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
@media screen and (max-width: 768px) {
	.card.shadow-sm img { width: 50%; }
}
	

.card-body .read-more .btn {
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}
.card h4 a {
	text-decoration: none;
	color: #0024db;
}
.card h4 a:hover {
	color: #C40B3C;
}


.container-more { margin: 0 auto; }
.container-more a { width: 90%; }

.subnews-items .card img {
	height: 180px;
	object-fit: cover;
}
@media screen and (max-width: 1600px) {
	.subnews-items .card img { height: 150px; }
}
@media screen and (max-width: 1440px) {
	.subnews-items .card img { height: 145px; }
}
@media screen and (max-width: 1366px) {
	.subnews-items .card img { height: 135px; }
}
@media screen and (max-width: 1280px) {
	.subnews-items .card img { height: 120px; }
}
@media screen and (max-width: 1152px) {
	.subnews-items .card img { height: 110px; }
}
.subnews-items .card img.especial {
	height: 140px;
}
	
.subnews-items .card h4 {
	font-size: 1.15rem;
	font-weight: 700;
}
.subnews-items .card .card-text {
	font-size: 0.95rem;
}
@media screen and (max-width: 1600px) {
	.subnews-items .card .card-text { font-size: .9rem; }
}
@media screen and (max-width: 1440px) {
	.subnews-items .card .card-text { font-size: 0.85rem; }
	.subnews-items .card h4 { font-size: 1.05rem; }
	.card p.card-text { line-height: 17px; }
	#news-items .card p.card-text { line-height: 21px; }
	small { font-size: .8rem; }
}

@media screen and (max-width: 768px) {
	.subnews-items .card img, .subnews-items .card img.especial { height: auto; }
	.subnews-items .card h4 { font-size: 1.1rem; margin-bottom: 0; }
	.subnews-items .card .card-body small { font-size: 0.8rem; }
}

#trailers-sidebar h5 {
	font-size: 1rem;
	letter-spacing: 0.2px;
	margin-bottom: 0;
}
@media screen and (max-width: 1366px) {
	#trailers-sidebar h5 { font-size: .9rem; }
}
@media screen and (max-width: 768px) {
	#trailers-sidebar h5 { font-size: .95rem; }
}
#trailers-sidebar a {
	color: #212529;
	text-decoration: none;
}
	#trailers-sidebar a:hover {
		color: #0d6efd;
	}
#trailers-sidebar .play-video {
    top: 10px;
    right: 10px;
	padding: 0 33px 33px 0;
    background: url(../img/play-video.png) no-repeat top right;
    position: absolute;
    z-index: 999;
}
#trailers-sidebar .card-body { padding: 0.5rem 1rem; }

/* Trailers/Personas sidebar en películas/series... */
#sidebar-cols .row { padding-left: 7px; padding-right: 7px; }	
#sidebar-cols .row .item { padding: 0 5px 2px; }
#sidebar-cols .row .item a { position: relative; }
#sidebar-cols .row .item a .play-video { padding: 0 20px 20px 0; background: url(../img/play-video-icon-sidebar.png) no-repeat; position: absolute; z-index: 2; margin-top: 3px; right: 3px; opacity: 0.7; }
#sidebar-cols .row .item img { border-radius: 4px; width: 100%; }
@media screen and (max-width: 768px) {
	#sidebar-cols .row .item:last-child { display: none; }
}

/* Producciones / Personas Destacadas */
#featured-productions, #featured-people {
	overflow-x: hidden;
}
#featured-productions, #featured-people .list-group {
	border-radius: 10px;
	border: 0;
}
	#featured-productions .list-group-item, #featured-people .list-group-item {
		border: 0;
	}
	#featured-productions .list-group img, #featured-people .list-group img {
		border-radius: 10px;
		width: 130px;
	}
	#featured-people .list-group img {
		width: 115px;
	}

@media screen and (max-width: 1440px) {
	#featured-productions .list-group img, #featured-people .list-group img { width: 120px; }
}

@media screen and (max-width: 1366px) {
	#featured-productions .list-group img, #featured-people .list-group img { width: 110px; }
}

@media screen and (max-width: 1152px) {
	#featured-productions .list-group img, #featured-people .list-group img { width: 90px; }
}

@media screen and (max-width: 768px) {
	#featured-productions .list-group img, #featured-people .list-group img { width: 94px; }
}
	
/* Comentarios en sidebar */
#ultimos-comentarios-lateral-content { background-color: #f2f7fb; border-radius: 10px; }
#ultimos-comentarios-lateral-content ul { list-style: none; margin: 0; padding: 0; }
#ultimos-comentarios-lateral-content ul li { color: #282828; letter-spacing: 0.2px; font-weight: normal; font-size: 0.95rem; line-height: 1.4; }
#ultimos-comentarios-lateral-content ul li.fila-par { background-color: #dcebf2; }
#ultimos-comentarios-lateral-content ul li.fila-impar { background-color: transparent; }
#ultimos-comentarios-lateral-content ul li a { color: #ef4700; text-decoration: none; }
#ultimos-comentarios-lateral-content ul li a:hover { color: #144ceb; }
#ultimos-comentarios-lateral-content ul li span.usuario-comenta { color: #777; }

/* Votaciones usuarios sidebar */
#ultimos-votos-usuarios-content { background-color: #f2f7fb; border-radius: 10px; }
#ultimos-votos-usuarios-content ul { list-style: none; margin: 0; padding: 0; }
#ultimos-votos-usuarios-content ul li { color: #282828; letter-spacing: 0.2px; font-weight: normal; font-size: 0.95rem; }
#ultimos-votos-usuarios-content ul li i { color: #fbcb13; }
#ultimos-votos-usuarios-content ul li span { margin-left: 5px; padding: 2px 5px; color: #fff; font-size: 0.9rem; border-radius: 5px; }
#ultimos-votos-usuarios-content ul li span.verde { background-color: #00d100; }
#ultimos-votos-usuarios-content ul li span.rojo { background-color: #f40300; }
#ultimos-votos-usuarios-content ul li span.amarillo { background-color: #fbcb13; color: #000; }
#ultimos-votos-usuarios-content ul li a { color: #ef4300; text-decoration: none; white-space: nowrap; display: inline-block; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; max-width: 209px; }
#ultimos-votos-usuarios-content ul li a:hover { color: #144ceb; }
#ultimos-votos-usuarios-content ul li.fila-impar { background-color: transparent; }
#ultimos-votos-usuarios-content ul li.fila-par { background-color: #e1ecf2; }

@media screen and (max-width: 1600px) {
	#ultimos-votos-usuarios-content ul li a { max-width: 229px; }
}
@media screen and (max-width: 1440px) {
	#ultimos-votos-usuarios-content ul li a { max-width: 220px; }
}
@media screen and (max-width: 1366px) {
	#ultimos-votos-usuarios-content ul li { font-size: 0.9rem; }
	#ultimos-votos-usuarios-content ul li a { max-width: 203px; }
}
@media screen and (max-width: 1280px) {
	#ultimos-votos-usuarios-content ul li a { max-width: 178px; }
}
@media screen and (max-width: 1152px) {
	#ultimos-votos-usuarios-content ul li { font-size: 0.85rem; }
}

@media screen and (max-width: 768px) {
	#ultimos-votos-usuarios-content ul li { font-size: 0.9rem; }
	#ultimos-votos-usuarios-content ul li a { font-size: 1rem; }
	#ultimos-comentarios-lateral-content ul li { font-size: 0.9rem; }
}

/* ficha serie temporadas */
.titulo-temporada span.ocultar {
    margin: 3px 0 0 0;
    float: right;
    padding: 5px 1px 3px;
    background-color: #f27f02;
    color: #fff;
    font-size: .66em;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
	.titulo-temporada span.ocultar a {
		color: #fff;
		text-decoration: none;
		padding: 2px 9px 2px 9px;
	}
div.lista-temporadas {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
div.lista-temporadas a {
    padding: 1px 14px 0 14px;
    margin-right: 5px;
    font-size: 1em;
    font-weight: bold;
    border: 1px solid #bbb;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.lista-temporadas a.activa {
    background-color: #515151;
    color: #fff;
}
div.lista-temporadas span.texto {
    font-weight: bold;
    color: #d60c20;
    margin-bottom: 5px;
}
#lista-capitulos ul {
    margin: 0 0 5px 0;
    padding: 0;
    list-style: none;
}
#lista-capitulos ul li {
    padding: 0;
}
#lista-capitulos ul li a {
    color: #dd6809;
    text-decoration: none;
}
#lista-capitulos ul li ul li.titulo-capitulo {
    padding-top: 6px;
    font-size: 1em;
    font-weight: normal;
}
#lista-capitulos ul li ul li.titulo-capitulo span.color-titulo {
    color: #0980da;
    font-weight: bold;
}
#lista-capitulos div.ver-fechas-estreno-capitulo {
    margin: 0 0 8px 0;
    padding: 0;
}
#lista-capitulos div.ver-fechas-estreno-capitulo a {
    font-size: .9em;
    color: #c13007;
}
#lista-capitulos ul li div.separador {
    height: 1px;
    width: auto;
    background-color: #e2e2e2;
    text-align: center;
    margin: 0 auto;
}

table.fechas_estreno_capitulos {
    padding: 0;
    border-collapse: collapse;
    margin: 8px 0 10px;
    width: auto;
	min-width: 640px;
    line-height: 1em;
    border: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
	table.fechas_estreno_capitulos {
		min-width: auto;
	}
}

table.fechas_estreno_capitulos th {
    background-color: #ededed;
    border-right: 1px solid #ddd;
}
table.fechas_estreno_capitulos td {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ccc;
}

h2.tit-capitulo, h1.tit-capitulo {
    margin: 0 auto;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
}
h3.temcap-capitulo, h2.temcap-capitulo {
    margin: 0 auto;
    margin-top: 18px;
    line-height: 1em;
    color: #D80300;
    text-align: center;
    font-size: 1.1em;
}
div.tit-sinopsis {
    clear: both;
    padding-top: 7px;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.05em;
}
div.cap-sinopsis {
    padding-top: 8px;
    line-height: 1.3em;
}
ul li.reparto-capitulo {
    margin-top: 15px;
    display: inline-block;
    width: 283px;
    font-size: .9em;
}
ul {
    margin: 0 0 5px 0;
    padding: 0;
    list-style: none;
}
.nav-episode i {
	font-size: 3rem;
}
.nav-episode {
	margin-top: -45px;
}
	

/* Listados de producciones */
ul#productions-list li:nth-child(even), ul#people-list li:nth-child(even), ul#news-list li:nth-child(even) {
	background-color: #fff;
}
ul#productions-list li:nth-child(odd), ul#people-list li:nth-child(odd), ul#news-list li:nth-child(odd){
	background-color: #E8F0F9;
}
ul#productions-list.list-group, ul#people-list.list-group, ul#news-list.list-group {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
ul#productions-list.list-group .list-group-item {
	line-height: 1.4;
}
ul#productions-list .list-group-item a, ul#people-list .list-group-item a, ul#news-list .list-group-item a {
	text-decoration: none;
	font-size: 0.9rem;
	letter-spacing: 0.2px;
}
ul#productions-list .list-group-item a:hover, ul#people-list .list-group-item a:hover, ul#news-list .list-group-item a:hover {
	text-decoration: underline;
}
ul#productions-list .list-group-item a.item-title, ul#people-list .list-group-item a.item-title, ul#news-list .list-group-item a.item-title  {
	font-size: 1.15rem;
	color: #212529;
}
ul#productions-list .list-group-item a img, ul#people-list .list-group-item a img, ul#news-list .list-group-item a img {
    top: 3px;
    position: relative;
	border-radius: 5px;
}

ul#productions-list .eliminar-pendiente span { color: #fff; }
@media screen and (max-width: 768px) {
	ul#productions-list .eliminar-pendiente span { display: none; }
}

ul#news-list .list-group-item div {
	font-size: 0.9rem;
	line-height: 20px;
}
ul#news-list .list-group-item span {
	display: block;
	font-size: 0.8rem;
	letter-spacing: 0.2px;
	font-weight: 500;
	color: #888;
}

@media screen and (max-width: 768px) {
	ul#news-list .list-group-item a.item-title { font-size: 0.95rem; }
	
	ul#people-list.list-group .list-group-item { line-height: 1.4; }
}

/* Pagination producciones */
#pagination-nav .bi {
	font-size: 0.75rem;
}

.container-block { margin: 0 auto; }
.container-block .col-2 { position: relative; }
.container-block img {
	border-radius: 5px;
}
@media screen and (max-width: 1600px) {
	.container-block img { max-width: 160px; }
}
@media screen and (max-width: 1366px) {
	.container-block img { max-width: 150px; }
}
@media screen and (max-width: 1280px) {
	.container-block img { max-width: 140px; }
}
@media screen and (max-width: 1152px) {
	.container-block img { max-width: 125px; }
}
.container-block .col-2 i {
	position: absolute;
	z-index: 2;
	top: 8px;
	right: 16px;
	color: #fff;
	opacity: .8;
}
@media screen and (max-width: 1440px) {
	.container-block .col-2 i { right: 8px; }
}
@media screen and (max-width: 768px) {
	.container-block img { max-width: 100%; }
	.container-block .col-2 i {
		top: 6px;
		right: 20px;
	}
}
.container-block .col-2 i:before {
	font-weight: bold;
	font-size: 26px;
}

.container-block .col-2 .titulo { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 190px; }
.container-block .col-2 .titulo a { font-size: 0.9rem; text-decoration: none; color: #212529; }

@media screen and (max-width: 1152px) {
	.container-block .col-2 i:before { font-size: 21px; }
	.container-block .col-2 .titulo a { font-size: 0.85rem; }
}

/* Críticas sidebar */
#criticas-sidebar .row {
	border-radius: 10px;
}
#criticas-sidebar .row img {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#criticas-sidebar .row p {
	font-size: 0.85rem;
	line-height: 18px;
}
#criticas-sidebar .row a {
	
}
#criticas-sidebar .col-content-rating {
	padding: 0.5rem 0.75rem 0.35rem!important; border-radius: 10px;
}
@media screen and (max-width: 1366px) {
	#criticas-sidebar .col-content-rating { padding: 0.3rem 0.75rem 0.15rem!important; }
}
#criticas-sidebar .col-content-rating a.link {
	font-size: 0.9rem;
	font-weight: bold;
	color: #212529;
	text-decoration: none;
}
#criticas-sidebar .col-content-rating a.link:hover {
	text-decoration: underline;
}
#criticas-sidebar .title {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.2px;
}
@media screen and (max-width: 1366px) {
	#criticas-sidebar .title { font-size: .8rem; }
	#criticas-sidebar .col-content-rating a.link { font-size: 0.75rem; }
}

#criticas-sidebar .title a {
	color: #212529;
	text-decoration: none;
}
#criticas-sidebar .title a:hover {
	text-decoration: underline;
}
#criticas-sidebar .rating {
	background: #ffc107;
	border-radius: 5px;
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.2px;
}
@media screen and (max-width: 1366px) {
	#criticas-sidebar .rating { font-size: 0.75rem; }
}
@media screen and (max-width: 768px) {
	#criticas-sidebar .title, #criticas-sidebar .rating, #criticas-sidebar .col-content-rating a.link { font-size: 1.05rem; }
}

/* Ads */
.ads-block-1 {
	/*border: 1px solid #ddd;
	border-radius: 10px;
	background-color: #f5f5f5;
	padding: 20px;
	color: #000;
	text-align: center;*/
	height: 215px;
}
.ads-block-2 {
	border: 1px solid #ddd;
	border-radius: 10px;
	background-color: #f5f5f5;
	padding: 10px;
	text-align: center;
	/*color: #000;
	height: 150px;*/
	width: 100%;
}
.ad-post {
	margin-top: 15px;
	border: 1px solid #ddd;
	border-radius: 10px;
	background-color: #f5f5f5;
	padding: 10px;
	text-align: center;
	width: 100%;
}
.ad-ficha {
	display: inline-block;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
.ad-section {
	display: inline-block;
	margin: 0 auto 15px;
	text-align: center;
	width: 100%;
}

.fallback-ad {
	margin: 6px 0;
}
.fallback-ad img {
	width: 100%;
}

/* Footer */
footer ul li a {
	letter-spacing: 0.2px;
}

@media screen and (max-width: 768px) {
	footer ul li a {
		font-size: 0.8rem;
	}
}

/* Header */
.ul-menu li a { letter-spacing: 0.3px; font-size: 1.1rem; color: #fff!important; }
@media screen and (max-width: 1600px) {
	.ul-menu li a { font-size: 1rem; }
}
@media screen and (max-width: 1366px) {
	.ul-menu li a { font-size: .9rem; }
}
@media screen and (max-width: 1024px) {
	.ul-menu li a { font-size: .85rem; }
}
.ul-menu li a:hover {
	color: #ffc107!important;
}
.ul-menu li a.active {
	color: #ffc107!important;
}
/* Submenu show on hover */
.ul-menu .nav-item .dropdown-menu li a {
	color: #212529!important;
	text-decoration: none!important;
	font-size: 1rem;
}
.ul-menu .nav-item .dropdown-menu li a:focus {
	background-color: #212529;
	color: #fff!important;
}
@media screen and (max-width: 1600px) {
	.ul-menu .nav-item .dropdown-menu li a { font-size: .95rem; }
}
@media screen and (max-width: 1440px) {
	.ul-menu .nav-item .dropdown-menu li a { font-size: .9rem; }
}
@media screen and (max-width: 1152px) {
	.ul-menu .nav-item .dropdown-menu li a { font-size: .85rem; }
}
@media screen and (max-width: 768px) {
	.ul-menu li a, .ul-menu .nav-item .dropdown-menu li a {
		font-size: 1.25rem;
	}
}

/* Trending row */
#trending-row { 
	overflow: hidden!important; 
    white-space: nowrap!important;
}
@media screen and (max-width: 1440px) {
	#trending-row { padding: 0; }
	h4 { font-size: 1.4rem; }
	h3 { font-size: 1.6rem; }
}
@media screen and (max-width: 1280px) {
	h3 { font-size: 1.5rem; }
}
@media screen and (max-width: 768px) {
	h3 { font-size: 1.45rem; }
}
#trending-row ul { max-width: 1920px; flex-wrap: nowrap; }
#trending-row ul li a {
	color: #212529!important;
	font-size: 0.85rem!important;
	font-weight: 500!important;
	letter-spacing: 0.2px;
}
	#trending-row ul li a:hover {
		text-decoration: underline;
	}
	@media screen and (max-width: 768px) {
		#trending-row ul li a { font-size: 0.9rem!important; }
	}
#trending-row .trending-title {
	font-weight: 500!important;
	font-size: 0.85rem!important;
	border-radius: 10px;
	color: #fff!important;
	padding: 1px 0;
	position: relative; 
	top: 6px;
}

@media screen and (max-width: 768px) {
	#trending-row { max-height: 36px; overflow-x: scroll!important; padding-left: 0; }
	#trending-row::-webkit-scrollbar { display: none; }
}

/* Filters producciones */
.filters-container {
}
.filter-section {
    position: relative;
}
.filters-container .btn-filter {
	color: #212529;
	font-weight: 500;
	background-color: #fff;
	border-radius: 0!important;
	border-left: 1px solid #ced4da;
	border-right: 1px solid #ced4da;
}
.filters-container .btn-filter:hover {
	background-color: #ffc107;
	color: #212529;
}
.filters-container .btn-filter.active {
	color: #fff;
	background-color: #000;
}
.filters-container .btn-filter.active:hover {
	color: #ffc107;
}
.filters-container .btn-filter .bi {
	position: relative;
	top: -1px;
	margin-right: 2px;
}
.filters-container .form-select, .filters-container .form-control {
	max-width: 320px;
	display: inline-block;
	border-radius: 20px;
}
@media screen and (max-width: 768px) {
	.filters-container .form-select, .filters-container .form-control {
		max-width: 100%;
	}
}
.filters-container .form-control {
	border: 1px solid #ced4da;
}
.filters-container .btn-group {
	border-radius: 20px;
	border: 1px solid #ced4da;
}
.filters-container .btn-group a:first-child {
	border-top-left-radius: 20px!important;
	border-bottom-left-radius: 20px!important;
}
.filters-container .btn-group a:last-child {
	border-top-right-radius: 20px!important;
	border-bottom-right-radius: 20px!important;
}

.filterModal {
	font-size: 1.75rem;
	font-weight: bold;
}
	.filterModal .modal-dialog {
		max-width: fit-content;
	}
	@media screen and (max-width: 768px) {
		.filterModal .modal-dialog { margin: 0 auto; }
	}
		.filterModal .modal-dialog .modal-body {
			padding: 20px 25px 25px;
		}
			.filterModal .modal-dialog .modal-body div {
				margin-bottom: 5px;
			}
	.filterModal select {
		padding: 8px 20px;
		font-size: 1.5rem;
		border-radius: 10px!important;
		max-width: 100%!important;
	}
	.filterModal a {
		margin-right: 6px;
	}
		.filterModal a img {
			border-radius: 8px;
		}
	
.modal-dialog-custom {
	display: flex;
    align-items: center;
    min-height: calc(68% - 3.5rem);
}

/* Fichas de producciones */
.container-prod {
	font-size: 1.1rem;
}
@media screen and (max-width: 768px) {
	.col-content .container-prod {
		font-size: 1rem;
		line-height: 1.3;
	}
}
.container .row-prod {
	display: flex;
	flex-direction: row;
}
.container .row-prod .col-prod-left {
	/*max-width: 200px;*/
	width: 20%;
}
	.container .row-prod .col-prod-left img {
		width: 100%;
		border-radius: 10px;
	}
.container .row-prod .col-prod-right {
	width: 80%;
}

.staff-list, .cast-list {
	margin: 0;
	padding: 0;
}
.staff-list li, .cast-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	li .campo {
		color: #0c77d1;
	}
	.staff-list a {
		color: #dd6809;
		text-decoration: none;
	}
.cast-list li { display: inline; }
	.cast-list li a { margin-right: 10px; }
		.cast-list li a img { border-radius: 10px; max-width: 80px; }
		
		@media screen and (max-width: 768px) {
			.cast-list li a i.bi-sig::before { font-size: 30px; font-weight: bold!important; position: relative; top: 5px; }
			.cast-list li a { margin-right: 6px; }
			.cast-list li:nth-child(5), .cast-list li:nth-child(6) { display: none; }
			.cast-list li.link_reparto { display: inline-block!important; }
			.cast-list li a img { max-width: 74px; }
			.cast-list li:last-child a { margin-right: 0; }
		}

.bg-search { background-color: #f9f9f9; }
#result-search {
	font-size: 1.25rem;
	font-weight: 700;
	border-radius: 10px;
}
#result-search .text-search {
	color: #269A5F;
}
#result-search .section {
	color: #C64C3C;
}
#result-search .links {
	font-weight: normal;
	font-size: 1.15rem;
}
	#result-search .links span {
		font-weight: 700;
	}
	#result-search .links a {
		text-decoration: none;
	}
	#result-search .links a:hover {
		text-decoration: underline;
	}
	
@media screen and (max-width: 768px) {
	#result-search { font-size: 0.85rem; line-height: 1.2; }
	#result-search .links { font-size: 0.85rem; line-height: 1.2; }
}
		
ul li a, ul li span {
	color: #dd6809;
	text-decoration: none;
}
ul li a:hover {
	text-decoration: underline;
}

ul li.parrafo span {
	color: #222;
}
		
/* Flag (Estreno en...) */
ul.estrenos-lista { padding: 0; }
ul.estrenos-lista li { list-style: none; margin: 0; padding: 0; }
span.campo-estreno { padding-left: 21px; color: #0c77d1; }
span.al  { background: transparent url('../img/banderas/al-small-16x16.png') no-repeat 0 2px; }
span.ar  { background: transparent url('../img/banderas/ar-small-16x16.png') no-repeat 0 2px; }
span.au  { background: transparent url('../img/banderas/au-small-16x16.png') no-repeat 0 2px; }
span.be  { background: transparent url('../img/banderas/be-small-16x16.png') no-repeat 0 2px; }
span.bo  { background: transparent url('../img/banderas/bo-small-16x16.png') no-repeat 0 2px; }
span.br  { background: transparent url('../img/banderas/br-small-16x16.png') no-repeat 0 2px; }
span.can { background: transparent url('../img/banderas/can-small-16x16.png') no-repeat 0 2px; }
span.ch  { background: transparent url('../img/banderas/ch-small-16x16.png') no-repeat 0 2px; }
span.chn { background: transparent url('../img/banderas/chn-small-16x16.png') no-repeat 0 2px; }
span.co  { background: transparent url('../img/banderas/co-small-16x16.png') no-repeat 0 2px; }
span.cs  { background: transparent url('../img/banderas/cs-small-16x16.png') no-repeat 0 2px; }
span.cu  { background: transparent url('../img/banderas/cu-small-16x16.png') no-repeat 0 2px; }
span.dn  { background: transparent url('../img/banderas/dn-small-16x16.png') no-repeat 0 2px; }
span.fr  { background: transparent url('../img/banderas/fr-small-16x16.png') no-repeat 0 2px; }
span.hl  { background: transparent url('../img/banderas/hl-small-16x16.png') no-repeat 0 2px; }
span.in  { background: transparent url('../img/banderas/in-small-16x16.png') no-repeat 0 2px; }
span.ir  { background: transparent url('../img/banderas/ir-small-16x16.png') no-repeat 0 2px; }
span.it  { background: transparent url('../img/banderas/it-small-16x16.png') no-repeat 0 2px; }
span.jp  { background: transparent url('../img/banderas/jp-small-16x16.png') no-repeat 0 2px; }
span.mx  { background: transparent url('../img/banderas/mx-small-16x16.png') no-repeat 0 2px; }
span.ng  { background: transparent url('../img/banderas/ng-small-16x16.png') no-repeat 0 2px; }
span.rc  { background: transparent url('../img/banderas/rc-small-16x16.png') no-repeat 0 2px; }
span.rd  { background: transparent url('../img/banderas/rd-small-16x16.png') no-repeat 0 2px; }
span.ro  { background: transparent url('../img/banderas/ro-small-16x16.png') no-repeat 0 2px; }
span.ru  { background: transparent url('../img/banderas/ru-small-16x16.png') no-repeat 0 2px; }
span.sp  { background: transparent url('../img/banderas/sp-small-16x16.png') no-repeat 0 2px; }
span.su  { background: transparent url('../img/banderas/su-small-16x16.png') no-repeat 0 2px; }
span.uk  { background: transparent url('../img/banderas/uk-small-16x16.png') no-repeat 0 2px; }
span.us  { background: transparent url('../img/banderas/us-small-16x16.png') no-repeat 0 2px; }
span.pe  { background: transparent url('../img/banderas/pe-small-16x16.png') no-repeat 0 2px; }
span.pt  { background: transparent url('../img/banderas/pt-small-16x16.png') no-repeat 0 2px; }
span.po  { background: transparent url('../img/banderas/po-small-16x16.png') no-repeat 0 2px; }
span.cr  { background: transparent url('../img/banderas/cr-small-16x16.png') no-repeat 0 2px; }
span.hg  { background: transparent url('../img/banderas/hg-small-16x16.png') no-repeat 0 2px; }
span.th  { background: transparent url('../img/banderas/th-small-16x16.png') no-repeat 0 2px; }
span.tr  { background: transparent url('../img/banderas/tr-small-16x16.png') no-repeat 0 2px; }
span.tu  { background: transparent url('../img/banderas/tu-small-16x16.png') no-repeat 0 2px; }
span.ur  { background: transparent url('../img/banderas/ur-small-16x16.png') no-repeat 0 2px; }
span.ve  { background: transparent url('../img/banderas/ve-small-16x16.png') no-repeat 0 2px; }

/* Trailers y videos de producción */
.videos h5 { padding: 0 0 0 24px; font-weight: 700;  font-size: 1.05rem; letter-spacing: 0.2px; }
@media screen and (max-width: 768px) {
	.videos h5 { font-size: .95rem; }
}
.videos .mas-trailers { font-weight: 700; margin: 0; font-size: 1.05rem; letter-spacing: 0.2px; color: #0060AA; }
h5.sp { background: transparent url('../img/banderas/sp-small-16x16.png') no-repeat 0 3px; }
h5.us { background: transparent url('../img/banderas/us-small-16x16.png') no-repeat 0 3px; }
h5.pt { background: transparent url('../img/banderas/pt-small-16x16.png') no-repeat 0 3px; }
h5.br { background: transparent url('../img/banderas/br-small-16x16.png') no-repeat 0 3px; }
h5.al { background: transparent url('../img/banderas/al-small-16x16.png') no-repeat 0 3px; }
h5.fr { background: transparent url('../img/banderas/fr-small-16x16.png') no-repeat 0 3px; }
h5.it { background: transparent url('../img/banderas/it-small-16x16.png') no-repeat 0 3px; }
h5.uk { background: transparent url('../img/banderas/uk-small-16x16.png') no-repeat 0 3px; }
h5.ur { background: transparent url('../img/banderas/ur-small-16x16.png') no-repeat 0 3px; }
h5.bo { background: transparent url('../img/banderas/bo-small-16x16.png') no-repeat 0 3px; }

.embed-container {
    margin-top: 10px;
    width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    width: 605px;
    height: 340px;
}
@media screen and (max-width: 768px) {
	.embed-container iframe, .embed-container object, .embed-container embed {
		width: 100%;
		height: 220px;
	}
}

.videos ul {
	list-style: none;
    margin: 0;
    padding: 0;
	display: inline-block;
}
.videos ul li {
    display: inline-block;
    position: relative;
	vertical-align: top;
    z-index: 150;
	max-width: 174px;
    color: #282828;
    border-radius: 5px;
}
	@media screen and (max-width: 768px) {
		.videos ul li {max-width: 165px; }
	}

.videos_list ul li, .videos_list ul li .video a img {
	max-width: 295px;
}
	@media screen and (max-width: 1600px) {
		.videos_list ul li, .videos_list ul li .video a img { max-width: 248px; }
	}
	@media screen and (max-width: 1440px) {
		.videos_list ul li, .videos_list ul li .video a img { max-width: 237px; }
	}
	@media screen and (max-width: 1366px) {
		.videos_list ul li, .videos_list ul li .video a img { max-width: 222px; }
	}
	@media screen and (max-width: 1280px) {
		.videos_list ul li, .videos_list ul li .video a img { max-width: 203px; }
	}
	@media screen and (max-width: 1152px) {
		.videos_list ul li, .videos_list ul li .video a img { max-width: 247px; }
	}
	@media screen and (max-width: 1024px) {
		.videos_list ul li, .videos_list ul li .video a img { max-width: 219px; }
	}
	@media screen and (max-width: 800px) {
		.videos_list ul li, .videos_list ul li .video a img { max-width: 171px; }
	}
	@media screen and (max-width: 768px) {
		.videos_list ul li, .videos_list ul li .video a img { max-width: 165px; }
	}

.videos ul li div.video {
    display: inline-block;
}
.videos ul li a img {
    float: left;
    position: relative;
    z-index: 0;
    width: 100%;
    clear: both;
    border-radius: 5px;
    box-shadow: 0 0 3px #969696;
}

.videos ul li img.play-video {
    float: none;
    top: 4px;
    right: 4px;
    width: 24px;
    border: 0;
    height: 24px;
    position: absolute;
    z-index: 9999;
    box-shadow: none;
    margin-bottom: 0;
}
.videos ul li div span.descripcion {
	display: inline-block;
	font-size: 0.9rem;
	letter-spacing: 0.2px;
	line-height: 18px;
}
.videos ul li div span.descripcion a {
    padding-left: 23px;
    text-decoration: none;
    color: #000;
}
.videos ul li div span.descripcion a:hover {
	color: #ff4129;
}
#container-section h4 {
    color: #ff4129;
    font-size: 1.15em;
    text-decoration: underline;
    padding: 0;
    clear: both;
}

/* Ficha técnica de producción */
.ficha-tecnica {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ficha-tecnica li a, .ficha-tecnica li a span {
	color: #00f;
	font-weight: normal;
}
.ficha-tecnica .campo {
	font-weight: 700;
    color: #000;
    text-decoration: underline;
}
.ficha-tecnica li span.spc {
    color: #fc5425;
    text-decoration: none;
}


/* Galería de producción */
#gallery img {
	border-radius: 5px;
}
#gallery a {
	margin-right: 20px;
}
.carousel-inner {
	border-radius: 10px;
}
.image-note {
	clear: both;
	color: #999;
	font-size: 0.8rem;
	letter-spacing: 0.2px;
	line-height: 16px
}
@media screen and (max-width: 768px) {
	.image-note { font-size: 0.7rem; line-height: 14px; }
}

/* Videos */
#videos .video {
	display: inline-table;
	margin-bottom: 15px;
}
	#videos .video img {
		border-radius: 5px;
		width: 100%;
		height: 166px;
		object-fit: cover;
	}
	@media screen and (max-width: 1440px) {
		#videos .video img { height: 132px; }
	}
	@media screen and (max-width: 1366px) {
		#videos .video img { height: 124px; }
	}
	@media screen and (max-width: 1280px) {
		#videos .video img { height: 112px; }
	}
	@media screen and (max-width: 1152px) {
		#videos .video img { height: 100px; }
	}
	@media screen and (max-width: 768px) {
		#videos .video img { height: 90px; }
	}
#videos .video .descripcion a {
	font-size: 0.95rem;
    padding-left: 22px;
    text-decoration: none;
    color: #212529;
    display: inline-block;
    background-position: 0 1px;
    line-height: 1.2;
    margin-top: 4px;
}
@media screen and (max-width: 1440px) {
	#videos .video .descripcion a { font-size: 0.9rem; }
}
@media screen and (max-width: 1366px) {
	#videos .video .descripcion a { font-size: 0.85rem; }
}
#videos .video .descripcion a:hover {
	text-decoration: underline;
}
#videos .video a { position: relative; }
#videos .video .play-video {
	height: 32px;
	width: 32px;
    background: url(../img/play-video.png) no-repeat top right;
    position: absolute;
    right: 5px;
	margin-top: 5px;
}
.anchor-bso { position: relative; }
.anchor-bso img:hover { filter: saturate(150%); transition: all 0.4s ease-in-out; }
.play-bso {
    padding: 48px;
    transform: translate(-50%, -50%);
    background: url(../img/play-video-bso.png) no-repeat;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    left: 50%;
    opacity: 0.7;
}
#modalVideo .modal-body {
	padding: 0.5rem 0.5rem 0.1rem;
}
#modalVideo .modal-dialog {
	max-width: 100%;
    width: auto !important;
    display: inline-block;
}
#modalVideo.modal {
	justify-content: center;
	align-items: center;
	margin: 0 auto;
    text-align: center;
}

/* Imágenes*/
#ultimas-imagenes .imagen {
	display: inline-table;
    margin-bottom: 15px;
}
#ultimas-imagenes .imagen a {
	position: relative;
}
#ultimas-imagenes .imagen img {
	border-radius: 5px;
}
#ultimas-imagenes .imagen .descripcion a {
	font-size: 0.95rem;
    text-decoration: none;
    color: #212529;
    display: inline-block;
}

.imagenes_list .subt { margin-top: 2px; font-size: 13px; max-width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.imagenes_list img { border-radius: 6px; }

/* Comentarios */
#comentarios ul {
	margin: 0;
	padding: 0;
}
#comentarios ul li {
    border-radius: 10px;
	list-style: none;
}

#comentarios ul li div.fecha-comentario {
    float: right;
    color: #898989;
    font-size: .8em;
    line-height: 1em;
}
#comentarios ul li div.nombre-usuario {
    margin: 0 0 8px 0;
    font-weight: 700;
}
#comentarios ul li div.comentario {
    display: block;
    color: #3f3f3f;
    font-size: 1rem;
}
#comentarios ul li.fila-impar {
    background-color: #eaeff5;
    clear: both;
}
#comentarios ul li.fila-par {
    background-color: #fff;
    clear: both;
}
#comentarios ul li a img {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 12px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#comentarios ul li textarea.area-comentario {
	width: 100%;
    min-height: 120px;
	margin-top: 5px;
    padding: 6px;
    border: 1px solid #c3ccd3;
    resize: vertical;
	border-radius: 10px;
}
#comentarios #insertar-comentario-produccion, #comentarios #insertar-comentario-persona {
	float: right;
    background-color: #006ade;
    padding: 7px 14px;
    color: #fff;
    margin: 5px 0 9px;
    border: 0;
	border-radius: 10px;
}
#comentarios #insertar-comentario-produccion:hover, #comentarios #insertar-comentario-persona:hover {
	background-color: #0051ab;
}

/* Banda sonora de la producción */
#bso table {
    border-spacing: 0;
    width: 100%;
    margin: 5px 0 10px 0;
    border: 1px solid #e0e0e0;
}
#bso .canciones-bso th:first-child {
    -webkit-border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
#bso .canciones-bso th {
    text-align: left;
    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
    border-bottom: 1px solid #ccc;
    background-color: #e0e0e0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #e0e0e0);
    background-image: -moz-linear-gradient(top, #f5f5f5, #e0e0e0);
    background-image: -ms-linear-gradient(top, #f5f5f5, #e0e0e0);
    background-image: -o-linear-gradient(top, #f5f5f5, #e0e0e0);
    background-image: linear-gradient(top, #f5f5f5, #e0e0e0);
}
.canciones-bso tr.impar {
    background: #e8ecf2;
}
.canciones-bso td, .canciones-bso th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
}

/* Curiosidades / Noticias de la producción */
.curiosidades ul, .noticias ul, .premios ul {
	padding: 0;
	margin: 0;
}
	.curiosidades ul li, .noticias ul li, .premios ul li {
		list-style: none;
		padding: 0;
		margin: 0;
	}


#mostrar-ocultar-estrenos {
	cursor: pointer;
	font-size: 0.9rem;
	padding: 4px 12px 5px;
	background-color: #212529;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
}
#mostrar-ocultar-estrenos:hover {
	color: #f5c518;
}


/* Estrenos */
div.eleccion {
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #ededed;
}
h3#estrenos-en {
    font-size: 1.25rem;
    color: #212529;
	border-bottom: 1px solid #ddd;
}
div#semana-seleccionada {
    width: 100%;
    font-size: 1.25rem;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    background-color: #212529;
}
div#semana-seleccionada a {
    display: inline-block;
	cursor: pointer;
}
div#semana-seleccionada a i {
	color: #ffc107;
	font-size: 1.5rem;
}
div#semana-seleccionada div.texto {
    display: inline-block;
    padding-top: 2px;
    margin: 0 20px;
	vertical-align: top;
}
@media screen and (max-width: 768px) {
	div#semana-seleccionada {
		font-size: 1rem;
	}
	div#semana-seleccionada div.texto {
		font-size: 1rem;
		margin: 0 10px;
		vertical-align: text-bottom;
	}
}
#lista-estrenos h3.fecha-estreno, #calendario-slider h3.fecha-estreno {
    clear: both;
    font-size: 1.25rem;
    color: #093da5;
}
#lista-estrenos ul {
    margin: 0;
    padding: 0;
}
#lista-estrenos ul li {
	display: inline-flex;
	max-width: 155px;
}
#lista-estrenos ul li a {
	color: #212529;
	font-weight: 600;
}
#lista-estrenos ul li a:hover {
	text-decoration: underline;
}
#lista-estrenos ul li span {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    background-color: #212529;
    color: #ffe000;
    padding: 0 7px;
    border-bottom: 1px solid #3c3c3c;
    display: block;
}
#lista-estrenos img.poster {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 155px;
}
@media screen and (max-width: 768px) {
	#lista-estrenos ul li span { font-size: .75rem; }
	#lista-estrenos ul li { max-width: 100px; }
	#lista-estrenos img.poster { width: 108px; }
}
#lista-estrenos ul li div div.titulo {
    padding-top: 3px;
    font-size: 0.9rem;
    line-height: 1.25em;
}
#lista-estrenos ul li div div.titulo a div {
	color: #dd0047;
}

#tal-dia-hoy-content { border-radius: 10px; }
#tal-dia-hoy-content ul li { font-size: .95rem; }
@media screen and (max-width: 768px) {
	#tal-dia-hoy-content ul li { font-size: .9rem; }
	#tal-dia-hoy-content ul li i { margin-right: 14px!important; }
}
#tal-dia-hoy-content ul li:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; }
#tal-dia-hoy-content ul li:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.content-page {
	min-height: 350px;
}

ul.tipo-produccion li {
	list-style: none;
	display: inline-block;
}
	ul.tipo-produccion li a {
		background-color: #eee;
		color: #212529;
		border-radius: 5px;
		cursor: pointer;
	}
	ul.tipo-produccion li a:hover {
		text-decoration: none;
		background-color: #ffc107;
		color: #212529;
	}
	ul.tipo-produccion li a.active {
		background-color: #212529;
		color: #fff;
	}
ul.formato-video li {
	list-style: none;
	display: inline-block;
}
	ul.formato-video li a {
		background-color: #eee;
		color: #212529;
		border-radius: 5px;
		cursor: pointer;
	}
	ul.formato-video li a:hover {
		text-decoration: none;
		background-color: #ffc107;
		color: #212529;
	}
	ul.formato-video li a.active {
		background-color: #212529;
		color: #fff;
	}
ul.paises-estrenos li {
	list-style: none;
    display: inline-block;
}
	ul.paises-estrenos li a {
		cursor: pointer;
	}
		ul.paises-estrenos li a img {
			opacity: 0.2;
			border-radius: 5px;
			max-height: 25px;
			position: relative;
			top: -2px;
		}
		ul.paises-estrenos li a.active img{
			opacity: 1;
		}
		
		ul.paises-estrenos li a {
			background-color: #eee;
			color: #212529;
			border-radius: 5px;
			cursor: pointer;
		}
		ul.paises-estrenos li a:hover {
			text-decoration: none;
			background-color: #ffc107;
			color: #212529;
		}
		ul.paises-estrenos li a:hover img {
			opacity: 1;
			background-color: none;
		}
		ul.paises-estrenos li a.active {
			background-color: #212529;
			color: #fff;
			border-radius: 5px;
		}
@media screen and (max-width: 768px) {
	ul.formato-video li a, ul.paises-estrenos li a {
		font-size: 1rem;
	}
}

ul.plataforma li {
	list-style: none;
    display: inline-block;
}
	ul.plataforma li a {
		cursor: pointer;
	}
		ul.plataforma li a img {
			opacity: 0.3;
			border-radius: 5px;
		}
		ul.plataforma li a.active img{
			opacity: 1;
		}

/* Tops */
.input-tops-select { max-width: 300px; }
@media screen and (max-width: 768px) {
	.input-tops-select { max-width: 100%; }
}
.lista-tops div.posicion {
    text-align: center;
    font-size: 1.25rem;
    padding: 0;
    position: relative;
    top: 16px;
	max-height: 35px;
}
.lista-tops div.posicion div.circulo {
    background: #7abdda;
    padding: 2px 4px;
    width: 40px;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.lista-tops div.posicion div.podium_color {
    background: #ffd23f;
    color: #222;
}
.lista-tops ul.lista-top li {
	background-color: transparent!important;
}
.lista-tops ul.lista-top li.tit {
	font-size: 1.1rem;
} 

@media screen and (max-width: 768px) {
	.lista-tops ul.lista-top li.tit { max-width: 235px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	ul#productions-list li.list-group-item .tit { max-width: 265px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}

.lista-tops .list-group-item a {
	font-size: inherit!important;
}

/* Login form */
.form .form-control {
    border: 1px solid #ced4da;
}

/* Voto rápido */
#voto-rapido img { border-radius: 5px; width: 144px; }
#voto-rapido .titulo { font-size: 14px; max-width: 144px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#voto-rapido .lista-actual span { color: #e75c17; }
#voto-rapido select { font-size: 14px; width: 100%; border-radius: 5px; outline: none; cursor: pointer; max-width: 144px; }
select.votada { background-color: #5fbf5f; color: #fff; }

@media screen and (max-width: 768px) {
	#voto-rapido .row { margin: 0 -6px; }
	#voto-rapido img { width: 100%; min-width: 106px; }
}

/* Search */
#collapseSearchMobile .form-control { border: 1px solid #eee; font-size: 1.15rem; }
#collapseSearchMobile .btn { background-color: #eee; color: #222; font-size: 1.15rem; }

.dropdown-toggle::after { vertical-align: 0.15em; }

/* Aviso cookies */
#cookie-notice { display: none; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; background-color: #000000; color: #ffffff; padding: 10px; display: flex; align-items: center; font-size: 0.95rem;
}
#cookie-notice .content { width: 85%; display: flex; align-items: center; margin: 0 auto; }
#cookie-notice .column-left { flex: 1; }
#cookie-notice .column-right { width: 15%; display: flex; justify-content: flex-end; margin-left: 10px; }
#cookie-notice p { line-height: 1.4; margin: 0; }
#cookie-notice a { color: #ffce3b; }
#cookie-notice .btn-accept { border-radius: 5px; background-color: #ffce3b; color: #000; border: none; font-weight: 600; line-height: 1.3; padding: 8px 16px; cursor: pointer; transition: background-color 0.3s; }
#cookie-notice .btn-accept:hover { background-color: #6eb749; }

@media screen and (max-width: 768px) {
	#cookie-notice .content { width: 100%; display: block; padding: 5px; }
	#cookie-notice .column-right { display: block; width: 100%; margin: 0 auto 5px; text-align: center; }
	#cookie-notice .btn-accept { margin-top: 8px; width: 100%; }
}

/* Bandas sonoras */
.abecedario {
    background-color: #d2e8f5;
    border: 1px solid #adc7f8;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
	border-radius: 5px;
}
.abecedario a {
	color: #222;
	padding: 0 3px;
	text-decoration: none;
}
.abecedario a:hover {
	text-decoration: underline;
}
#lista-bso img {
	border-radius: 5px;
	max-width: 160px;
}
#lista-bso .texto-item {
	white-space: nowrap; max-width: 160px; overflow: hidden; text-overflow: ellipsis; 
}
#lista-bso .texto-item a {
	font-size: .9rem;
	color: #222;
	text-decoration: none;
}
#lista-bso .texto-item a:hover {
	text-decoration: underline;
}
#search_bso { border: 1px solid #ddd; }

/* Responsive */
@media screen and (max-width: 1600px) {
    .container-fluid { width: 1440px; }
	.container-full { width: 100%; }
	.col-content { width: 76%; } 
	.col-sidebar { width: 24%; }
	.col-content-sub { width: 72%; }
	.col-sidebar-sub { width: 28%; }
	#trailers-sidebar .play-video { padding: 0 289px 33px 0; }
	
	.ads-block-1 { height: 193px; }
	
	#navbarCollapse .form-control { width: 265px; }
	
	.swiper-slide .swiper-slide-detail h4 { font-size: 1.3rem; }
}
@media screen and (max-width: 1440px) {
	.lh-135 { line-height: 1.35; }
    .container-fluid { width: 100%; max-width: 1380px; }
	#navbarCollapse .form-control { width: 220px; }
	
	.ads-block-1 { height: 184px; }
	
	.swiper-slide .swiper-slide-detail h4 { font-size: 1.2rem; padding-left: 20px; padding-right: 20px; bottom: 10px; }
}
@media screen and (max-width: 1366px) {
	.container-fluid { max-width: 1300px; }
	#navbarCollapse .form-control { width: 200px; font-size: .85rem; }
	.nav-options a { font-size: .85rem; }
	
	.ads-block-1 { height: 173px; }
}
@media screen and (max-width: 1280px) {
    .container-fluid { max-width: 1200px; }
	#navbarCollapse ul li:nth-child(2) { display: none; }
	#navbarCollapse .form-control { width: 180px; }
	
	.swiper-slide .swiper-slide-detail h4 { font-size: 1.15rem; }
	
	.ads-block-1 { height: 160px; }
}
@media screen and (max-width: 1152px) {
    .container-fluid { max-width: 1080px; }
	.nav-options { display: inherit; }
	.nav-options a span { display: none; }
	.btn-nopt { padding: 0!important; margin: 0!important; }
	#navbarCollapse .form-control { width: 155px; }
	.ads-block-1 { height: 143px; }
	
	.swiper-slide .swiper-slide-detail h4 { font-size: 1.05rem; padding-left: 15px; padding-right: 15px; bottom: 5px; }
}
@media screen and (max-width: 1024px) {
	.container-fluid { max-width: 970px; }
	.navbar-brand img { width: auto; height: 32px; }
	#navbarCollapse .form-control { width: 132px; }
}
@media screen and (max-width: 768px) {
	.navbar-brand img { height: 48px; }
	.nav-options a span { display: inline-block; }
	.btn-nopt { padding: 0 .5rem; }
	#navbarCollapse ul li:nth-child(2) { display: block; }
}

.card-login .card-body .list-group li { font-size: 1rem; line-height: 1.3; }
small.sm-it { font-weight: normal; font-size: .8rem; font-style: italic; }

@media screen and (max-width: 768px) {
	.card-login .card-body .list-group li { font-size: .9rem; line-height: 1.2; }
	small.sm-it { display: block; margin-left: 0!important; }
	#navbarCollapse .form-control { display: none; }
	
	#menu-opciones-top-persona {
		float: none;
		margin: 0;
		overflow-x: scroll!important;
		width: auto;
		position: relative;
	}
	
    .container-fluid {
		max-width: 576px;
		width: 100%;
	}
	.col-content-sub, .col-sidebar-sub { 
		width: 100%;
	}
	.col-content, .col-sidebar { 
		width: 100%;
	} 
	.col-sidebar { 
		padding-left: 12px;
		padding-right: 12px;
	}
	.col-sidebar-sub { 
		padding-left: 12px;
		padding-right: 12px;
	}
	
	#navbarCollapse .nav-options {
		margin-top: 10px;
		margin-bottom: 15px;
	}
	#navbarCollapse .nav-options a {
		font-size: 1.25rem;
	}
	#navbarCollapse .nav-options .btn {
		line-height: 25px;
		padding: 0.25rem 0.65rem;
	}
	#navbarCollapse .nav-options i { font-size: 1.35rem; }
	
	.card-body .list-group li { font-size: .9rem; }
	
	.swiper-slide .swiper-slide-detail h4 {
		font-size: 1.25rem;
		font-weight: 500;
		bottom: 8px;
		padding-left: 18px;
		padding-right: 18px;
    }
	.swiper-button-next, .swiper-button-prev { display: none!important; }
}
@media screen and (max-width: 576px) {
    .container-fluid {
		max-width: 480px;
		width: 100%;
	}
}

/* Submenu show on hover */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}
@media screen and (max-width: 768px) {
	.navbar-nav .dropdown-menu { text-align: right; }
}

.display-h1 { font-size: 1.4rem; font-weight: 600; }
body.page-registro, body.page-login, body.page-contactar { background: #222 url("../img/bg.jpg") no-repeat 0 0 fixed; background-size: cover; }
body.page-registro .container-footer, body.page-login .container-footer, body.page-contactar .container-footer { border-top: 3px solid #fff; }
.list-menu .active a { color: #fff; }
.list-menu a { color: #222; }
.list-menu .list-group-item:hover { background-color: #0b5ed7; }
.list-menu .list-group-item:hover a { color: #fff; text-decoration: none; }

@media screen and (max-width: 1600px) {
	.container-footer ul li a { font-size: .95rem; }
}
@media screen and (max-width: 1366px) {
	.container-footer ul li a { font-size: .9rem; }
}
@media screen and (max-width: 768px) {
	.container-footer ul li a { font-size: .8rem; }
}

.card-dashboard a img { border-radius: 4px; max-width: 62px; }
@media screen and (max-width: 1600px) {
	.card-dashboard a img { max-width: 51px; }
}
.card-dashboard h5 { font-size: 1rem; font-weight: 600; }
.card-dashboard .card-footer .btn { padding-top: .15rem!important; padding-bottom: .15rem!important; }
@media screen and (max-width: 768px) {
	.card-dashboard a img { max-width: 78px; }
	.card-dashboard .card-footer .btn { font-size: .9rem; }
}

.col-dpers input, .col-dpers select { border: 1px solid #ddd!important; border-radius: .5rem!important; }

.forget-password { cursor: pointer; font-size: .9rem; text-decoration: none; }
.forget-password:hover { text-decoration: underline; }
#resetpassword { display: none; }
#resetpassword input { border: 1px solid #ddd; }

.especial-bellezas-series img {
	max-width: 260px;
    margin-bottom: 4px;
}
.especial-tiempo img {
	max-width: 150px;
	margin-bottom: 4px;
}

.block-bf-300x250 img {
	width: 276px;
	height: 230px;
}

@media screen and (max-width: 768px) {
	.block-bf-300x250 img {
		width: 100%;
		height: auto;
	}
}

/*** padding y margin styles responsive ***/
@media (max-width: 575px) { 
	.p-xs-0 { padding: 0!important; }
	.m-xs-0 { margin: 0!important; }
	.p-xs-1 { padding: .25rem!important; }
	.m-xs-1 { margin: .25rem!important; }
	.p-xs-2 { padding: .5rem!important; }
	.m-xs-2 { margin: .5rem!important; }
	.p-xs-3 { padding: 1rem!important; }
	.m-xs-3 { margin: 1rem!important; }
	.p-xs-4 { padding: 1.5rem!important; }
	.m-xs-4 { margin: 1.5rem!important; }
	.p-xs-5 { padding: 3rem!important; }
	.m-xs-6 { margin: 3rem!important; }

	.mb-xs-0 { margin-bottom: 0!important; }
	.mb-xs-1 { margin-bottom: .25rem!important; }
	.mb-xs-2 { margin-bottom: .5rem!important; }
	.mb-xs-3 { margin-bottom: 1rem!important; }
	.mb-xs-4 { margin-bottom: 1.5rem!important; }
	.mb-xs-5 { margin-bottom: 3rem!important; }

	.ml-xs-0 { margin-left: 0!important; }
	.ml-xs-1 { margin-left: .25rem!important; }
	.ml-xs-2 { margin-left: .5rem!important; }
	.ml-xs-3 { margin-left: 1rem!important; }
	.ml-xs-4 { margin-left: 1.5rem!important; }
	.ml-xs-5 { margin-left: 3rem!important; }

	.mr-xs-0 { margin-right: 0!important; }
	.mr-xs-1 { margin-right: .25rem!important; }
	.mr-xs-2 { margin-right: .5rem!important; }
	.mr-xs-3 { margin-right: 1rem!important; }
	.mr-xs-4 { margin-right: 1.5rem!important; }
	.mr-xs-5 { margin-right: 3rem!important; }

	.mt-xs-0 { margin-top: 0!important; }
	.mt-xs-1 { margin-top: .25rem!important; }
	.mt-xs-2 { margin-top: .5rem!important; }
	.mt-xs-3 { margin-top: 1rem!important; }
	.mt-xs-4 { margin-top: 1.5rem!important; }
	.mt-xs-5 { margin-top: 3rem!important; }
	
	.mx-xs-0 { margin-left: 0!important; margin-right: 0!important; }
	.mx-xs-1 { margin-left: .25rem!important; margin-right: .25rem!important; }
	.mx-xs-2 { margin-left: .5rem!important; margin-right: .5rem!important; }
	.mx-xs-3 { margin-left: 1rem!important; margin-right: 1rem!important; }
	.mx-xs-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important; }
	.mx-xs-5 { margin-left: 3rem!important; margin-right: 3rem!important; }
	
	.my-xs-0 { margin-top: 0!important; margin-bottom: 0!important; }
	.my-xs-1 { margin-top: .25rem!important; margin-bottom: .25rem!important; }
	.my-xs-2 { margin-top: .5rem!important; margin-bottom: .5rem!important; }
	.my-xs-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; }
	.my-xs-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; }
	.my-xs-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; }

	.pb-xs-0 { padding-bottom: 0!important; }
	.pb-xs-1 { padding-bottom: .25rem!important; }
	.pb-xs-2 { padding-bottom: .5rem!important; }
	.pb-xs-3 { padding-bottom: 1rem!important; }
	.pb-xs-4 { padding-bottom: 1.5rem!important; }
	.pb-xs-5 { padding-bottom: 3rem!important; }

	.pl-xs-0 { padding-left: 0!important; }
	.pl-xs-1 { padding-left: .25rem!important; }
	.pl-xs-2 { padding-left: .5rem!important; }
	.pl-xs-3 { padding-left: 1rem!important; }
	.pl-xs-4 { padding-left: 1.5rem!important; }
	.pl-xs-5 { padding-left: 3rem!important; }

	.pr-xs-0 { padding-right: 0!important; }
	.pr-xs-1 { padding-right: .25rem!important; }
	.pr-xs-2 { padding-right: .5rem!important; }
	.pr-xs-3 { padding-right: 1rem!important; }
	.pr-xs-4 { padding-right: 1.5rem!important; }
	.pr-xs-5 { padding-right: 3rem!important; }

	.pt-xs-0 { padding-top: 0!important; }
	.pt-xs-1 { padding-top: .25rem!important; }
	.pt-xs-2 { padding-top: .5rem!important; }
	.pt-xs-3 { padding-top: 1rem!important; }
	.pt-xs-4 { padding-top: 1.5rem!important; }
	.pt-xs-5 { padding-top: 3rem!important; }
	
	.px-xs-0 { padding-left: 0!important; padding-right: 0!important; }
	.px-xs-1 { padding-left: .25rem!important; padding-right: .25rem!important; }
	.px-xs-2 { padding-left: .5rem!important; padding-right: .5rem!important; }
	.px-xs-3 { padding-left: 1rem!important; padding-right: 1rem!important; }
	.px-xs-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important; }
	.px-xs-5 { padding-left: 3rem!important; padding-right: 3rem!important; }
	
	.py-xs-0 { padding-top: 0!important; padding-bottom: 0!important; }
	.py-xs-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; }
	.py-xs-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; }
	.py-xs-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
	.py-xs-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; }
	.py-xs-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }
	
	.display-xs-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; }
	.display-xs-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; }
	.display-xs-3 { font-size: 5rem; font-weight: 300; line-height: 1.1; }
	.display-xs-4 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; }
	.display-xs-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; }
	.display-xs-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.1; }
	
	.hidden-xs { display: none!important; }
	
	.float-xs-none { float: none!important; }
}
@media (min-width: 576px) { 
	.p-sm-0 { padding: 0!important; }
	.m-sm-0 { margin: 0!important; }
	.p-sm-1 { padding: .25rem!important; }
	.m-sm-1 { margin: .25rem!important; }
	.p-sm-2 { padding: .5rem!important; }
	.m-sm-2 { margin: .5rem!important; }
	.p-sm-3 { padding: 1rem!important; }
	.m-sm-3 { margin: 1rem!important; }
	.p-sm-4 { padding: 1.5rem!important; }
	.m-sm-4 { margin: 1.5rem!important; }
	.p-sm-5 { padding: 3rem!important; }
	.m-sm-5 { margin: 3rem!important; }
	
	.mb-sm-0 { margin-bottom: 0!important; }
	.mb-sm-1 { margin-bottom: .25rem!important; }
	.mb-sm-2 { margin-bottom: .5rem!important; }
	.mb-sm-3 { margin-bottom: 1rem!important; }
	.mb-sm-4 { margin-bottom: 1.5rem!important; }
	.mb-sm-5 { margin-bottom: 3rem!important; }

	.ml-sm-0 { margin-left: 0!important; }
	.ml-sm-1 { margin-left: .25rem!important; }
	.ml-sm-2 { margin-left: .5rem!important; }
	.ml-sm-3 { margin-left: 1rem!important; }
	.ml-sm-4 { margin-left: 1.5rem!important; }
	.ml-sm-5 { margin-left: 3rem!important; }

	.mr-sm-0 { margin-right: 0!important; }
	.mr-sm-1 { margin-right: .25rem!important; }
	.mr-sm-2 { margin-right: .5rem!important; }
	.mr-sm-3 { margin-right: 1rem!important; }
	.mr-sm-4 { margin-right: 1.5rem!important; }
	.mr-sm-5 { margin-right: 3rem!important; }

	.mt-sm-0 { margin-top: 0!important; }
	.mt-sm-1 { margin-top: .25rem!important; }
	.mt-sm-2 { margin-top: .5rem!important; }
	.mt-sm-3 { margin-top: 1rem!important; }
	.mt-sm-4 { margin-top: 1.5rem!important; }
	.mt-sm-5 { margin-top: 3rem!important; }

	.pb-sm-0 { padding-bottom: 0!important; }
	.pb-sm-1 { padding-bottom: .25rem!important; }
	.pb-sm-2 { padding-bottom: .5rem!important; }
	.pb-sm-3 { padding-bottom: 1rem!important; }
	.pb-sm-4 { padding-bottom: 1.5rem!important; }
	.pb-sm-5 { padding-bottom: 3rem!important; }

	.pl-sm-0 { padding-left: 0!important; }
	.pl-sm-1 { padding-left: .25rem!important; }
	.pl-sm-2 { padding-left: .5rem!important; }
	.pl-sm-3 { padding-left: 1rem!important; }
	.pl-sm-4 { padding-left: 1.5rem!important; }
	.pl-sm-5 { padding-left: 3rem!important; }

	.pr-sm-0 { padding-right: 0!important; }
	.pr-sm-1 { padding-right: .25rem!important; }
	.pr-sm-2 { padding-right: .5rem!important; }
	.pr-sm-3 { padding-right: 1rem!important; }
	.pr-sm-4 { padding-right: 1.5rem!important; }
	.pr-sm-5 { padding-right: 3rem!important; }

	.pt-sm-0 { padding-top: 0!important; }
	.pt-sm-1 { padding-top: .25rem!important; }
	.pt-sm-2 { padding-top: .5rem!important; }
	.pt-sm-3 { padding-top: 1rem!important; }
	.pt-sm-4 { padding-top: 1.5rem!important; }
	.pt-sm-5 { padding-top: 3rem!important; }
	
	.display-sm-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; }
	.display-sm-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; }
	.display-sm-3 { font-size: 5rem; font-weight: 300; line-height: 1.1; }
	.display-sm-4 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; }
	.display-sm-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; }
	.display-sm-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.1; }		
}
@media (min-width: 768px) { 
	.p-md-0 { padding: 0!important; }
	.m-md-0 { margin: 0!important; }
	.p-md-1 { padding: .25rem!important; }
	.m-md-1 { margin: .25rem!important; }
	.p-md-2 { padding: .5rem!important; }
	.m-md-2 { margin: .5rem!important; }
	.p-md-3 { padding: 1rem!important; }
	.m-md-3 { margin: 1rem!important; }
	.p-md-4 { padding: 1.5rem!important; }
	.m-md-4 { margin: 1.5rem!important; }
	.p-md-5 { padding: 3rem!important; }
	.m-md-6 { margin: 3rem!important; }	
	
	.mb-md-0 { margin-bottom: 0!important; }
	.mb-md-1 { margin-bottom: .25rem!important; }
	.mb-md-2 { margin-bottom: .5rem!important; }
	.mb-md-3 { margin-bottom: 1rem!important; }
	.mb-md-4 { margin-bottom: 1.5rem!important; }
	.mb-md-5 { margin-bottom: 3rem!important; }

	.ml-md-0 { margin-left: 0!important; }
	.ml-md-1 { margin-left: .25rem!important; }
	.ml-md-2 { margin-left: .5rem!important; }
	.ml-md-3 { margin-left: 1rem!important; }
	.ml-md-4 { margin-left: 1.5rem!important; }
	.ml-md-5 { margin-left: 3rem!important; }

	.mr-md-0 { margin-right: 0!important; }
	.mr-md-1 { margin-right: .25rem!important; }
	.mr-md-2 { margin-right: .5rem!important; }
	.mr-md-3 { margin-right: 1rem!important; }
	.mr-md-4 { margin-right: 1.5rem!important; }
	.mr-md-5 { margin-right: 3rem!important; }

	.mt-md-0 { margin-top: 0!important; }
	.mt-md-1 { margin-top: .25rem!important; }
	.mt-md-2 { margin-top: .5rem!important; }
	.mt-md-3 { margin-top: 1rem!important; }
	.mt-md-4 { margin-top: 1.5rem!important; }
	.mt-md-5 { margin-top: 3rem!important; }

	.pb-md-0 { padding-bottom: 0!important; }
	.pb-md-1 { padding-bottom: .25rem!important; }
	.pb-md-2 { padding-bottom: .5rem!important; }
	.pb-md-3 { padding-bottom: 1rem!important; }
	.pb-md-4 { padding-bottom: 1.5rem!important; }
	.pb-md-5 { padding-bottom: 3rem!important; }

	.pl-md-0 { padding-left: 0!important; }
	.pl-md-1 { padding-left: .25rem!important; }
	.pl-md-2 { padding-left: .5rem!important; }
	.pl-md-3 { padding-left: 1rem!important; }
	.pl-md-4 { padding-left: 1.5rem!important; }
	.pl-md-5 { padding-left: 3rem!important; }

	.pr-md-0 { padding-right: 0!important; }
	.pr-md-1 { padding-right: .25rem!important; }
	.pr-md-2 { padding-right: .5rem!important; }
	.pr-md-3 { padding-right: 1rem!important; }
	.pr-md-4 { padding-right: 1.5rem!important; }
	.pr-md-5 { padding-right: 3rem!important; }

	.pt-md-0 { padding-top: 0!important; }
	.pt-md-1 { padding-top: .25rem!important; }
	.pt-md-2 { padding-top: .5rem!important; }
	.pt-md-3 { padding-top: 1rem!important; }
	.pt-md-4 { padding-top: 1.5rem!important; }
	.pt-md-5 { padding-top: 3rem!important; }
	
	.display-md-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; }
	.display-md-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; }
	.display-md-3 { font-size: 5rem; font-weight: 300; line-height: 1.1; }
	.display-md-4 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; }
	.display-md-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; }
	.display-md-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.1; }				
}
@media (min-width: 992px) {
	.p-lg-0 { padding: 0!important; }
	.m-lg-0 { margin: 0!important; }
	.p-lg-1 { padding: .25rem!important; }
	.m-lg-1 { margin: .25rem!important; }
	.p-lg-2 { padding: .5rem!important; }
	.m-lg-2 { margin: .5rem!important; }
	.p-lg-3 { padding: 1rem!important; }
	.m-lg-3 { margin: 1rem!important; }
	.p-lg-4 { padding: 1.5rem!important; }
	.m-lg-4 { margin: 1.5rem!important; }
	.p-lg-5 { padding: 3rem!important; }
	.m-lg-6 { margin: 3rem!important; }	
	
	.mb-lg-0 { margin-bottom: 0!important; }
	.mb-lg-1 { margin-bottom: .25rem!important; }
	.mb-lg-2 { margin-bottom: .5rem!important; }
	.mb-lg-3 { margin-bottom: 1rem!important; }
	.mb-lg-4 { margin-bottom: 1.5rem!important; }
	.mb-lg-5 { margin-bottom: 3rem!important; }

	.ml-lg-0 { margin-left: 0!important; }
	.ml-lg-1 { margin-left: .25rem!important; }
	.ml-lg-2 { margin-left: .5rem!important; }
	.ml-lg-3 { margin-left: 1rem!important; }
	.ml-lg-4 { margin-left: 1.5rem!important; }
	.ml-lg-5 { margin-left: 3rem!important; }

	.mr-lg-0 { margin-right: 0!important; }
	.mr-lg-1 { margin-right: .25rem!important; }
	.mr-lg-2 { margin-right: .5rem!important; }
	.mr-lg-3 { margin-right: 1rem!important; }
	.mr-lg-4 { margin-right: 1.5rem!important; }
	.mr-lg-5 { margin-right: 3rem!important; }

	.mt-lg-0 { margin-top: 0!important; }
	.mt-lg-1 { margin-top: .25rem!important; }
	.mt-lg-2 { margin-top: .5rem!important; }
	.mt-lg-3 { margin-top: 1rem!important; }
	.mt-lg-4 { margin-top: 1.5rem!important; }
	.mt-lg-5 { margin-top: 3rem!important; }

	.pb-lg-0 { padding-bottom: 0!important; }
	.pb-lg-1 { padding-bottom: .25rem!important; }
	.pb-lg-2 { padding-bottom: .5rem!important; }
	.pb-lg-3 { padding-bottom: 1rem!important; }
	.pb-lg-4 { padding-bottom: 1.5rem!important; }
	.pb-lg-5 { padding-bottom: 3rem!important; }

	.pl-lg-0 { padding-left: 0!important; }
	.pl-lg-1 { padding-left: .25rem!important; }
	.pl-lg-2 { padding-left: .5rem!important; }
	.pl-lg-3 { padding-left: 1rem!important; }
	.pl-lg-4 { padding-left: 1.5rem!important; }
	.pl-lg-5 { padding-left: 3rem!important; }

	.pr-lg-0 { padding-right: 0!important; }
	.pr-lg-1 { padding-right: .25rem!important; }
	.pr-lg-2 { padding-right: .5rem!important; }
	.pr-lg-3 { padding-right: 1rem!important; }
	.pr-lg-4 { padding-right: 1.5rem!important; }
	.pr-lg-5 { padding-right: 3rem!important; }

	.pt-lg-0 { padding-top: 0!important; }
	.pt-lg-1 { padding-top: .25rem!important; }
	.pt-lg-2 { padding-top: .5rem!important; }
	.pt-lg-3 { padding-top: 1rem!important; }
	.pt-lg-4 { padding-top: 1.5rem!important; }
	.pt-lg-5 { padding-top: 3rem!important; }
	
	.display-lg-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; }
	.display-lg-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; }
	.display-lg-3 { font-size: 5rem; font-weight: 300; line-height: 1.1; }
	.display-lg-4 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; }
	.display-lg-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; }
	.display-lg-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.1; }			
}
@media (min-width: 1200px) { 
	.p-xl-0 { padding: 0!important; }	
	.m-xl-0 { margin: 0!important; }
	.p-xl-1 { padding: .25rem!important; }
	.m-xl-1 { margin: .25rem!important; }
	.p-xl-2 { padding: .5rem!important; }
	.m-xl-2 { margin: .5rem!important; }
	.p-xl-3 { padding: 1rem!important; }
	.m-xl-3 { margin: 1rem!important; }
	.p-xl-4 { padding: 1.5rem!important; }
	.m-xl-4 { margin: 1.5rem!important; }
	.p-xl-5 { padding: 3rem!important; }
	.m-xl-6 { margin: 3rem!important; }	
	
	.mb-xl-0 { margin-bottom: 0!important; }
	.mb-xl-1 { margin-bottom: .25rem!important; }
	.mb-xl-2 { margin-bottom: .5rem!important; }
	.mb-xl-3 { margin-bottom: 1rem!important; }
	.mb-xl-4 { margin-bottom: 1.5rem!important; }
	.mb-xl-5 { margin-bottom: 3rem!important; }

	.ml-xl-0 { margin-left: 0!important; }
	.ml-xl-1 { margin-left: .25rem!important; }
	.ml-xl-2 { margin-left: .5rem!important; }
	.ml-xl-3 { margin-left: 1rem!important; }
	.ml-xl-4 { margin-left: 1.5rem!important; }
	.ml-xl-5 { margin-left: 3rem!important; }

	.mr-xl-0 { margin-right: 0!important; }
	.mr-xl-1 { margin-right: .25rem!important; }
	.mr-xl-2 { margin-right: .5rem!important; }
	.mr-xl-3 { margin-right: 1rem!important; }
	.mr-xl-4 { margin-right: 1.5rem!important; }
	.mr-xl-5 { margin-right: 3rem!important; }

	.mt-xl-0 { margin-top: 0!important; }
	.mt-xl-1 { margin-top: .25rem!important; }
	.mt-xl-2 { margin-top: .5rem!important; }
	.mt-xl-3 { margin-top: 1rem!important; }
	.mt-xl-4 { margin-top: 1.5rem!important; }
	.mt-xl-5 { margin-top: 3rem!important; }

	.pb-xl-0 { padding-bottom: 0!important; }
	.pb-xl-1 { padding-bottom: .25rem!important; }
	.pb-xl-2 { padding-bottom: .5rem!important; }
	.pb-xl-3 { padding-bottom: 1rem!important; }
	.pb-xl-4 { padding-bottom: 1.5rem!important; }
	.pb-xl-5 { padding-bottom: 3rem!important; }

	.pl-xl-0 { padding-left: 0!important; }
	.pl-xl-1 { padding-left: .25rem!important; }
	.pl-xl-2 { padding-left: .5rem!important; }
	.pl-xl-3 { padding-left: 1rem!important; }
	.pl-xl-4 { padding-left: 1.5rem!important; }
	.pl-xl-5 { padding-left: 3rem!important; }

	.pr-xl-0 { padding-right: 0!important; }
	.pr-xl-1 { padding-right: .25rem!important; }
	.pr-xl-2 { padding-right: .5rem!important; }
	.pr-xl-3 { padding-right: 1rem!important; }
	.pr-xl-4 { padding-right: 1.5rem!important; }
	.pr-xl-5 { padding-right: 3rem!important; }

	.pt-xl-0 { padding-top: 0!important; }
	.pt-xl-1 { padding-top: .25rem!important; }
	.pt-xl-2 { padding-top: .5rem!important; }
	.pt-xl-3 { padding-top: 1rem!important; }
	.pt-xl-4 { padding-top: 1.5rem!important; }
	.pt-xl-5 { padding-top: 3rem!important; }
	
	.display-xl-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; }
	.display-xl-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; }
	.display-xl-3 { font-size: 5rem; font-weight: 300; line-height: 1.1; }
	.display-xl-4 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; }
	.display-xl-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; }
	.display-xl-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.1; }			
}



@media (max-width: 575px) { 
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  position: relative;
	  min-height: 1px;
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	  float: left;
	}
	.col-xs-12 { width: 100%; }
	.col-xs-11 { width: 91.66666667%; }
	.col-xs-10 { width: 83.33333333%; }
	.col-xs-9 { width: 75%; }
	.col-xs-8 { width: 66.66666667%; }
	.col-xs-7 { width: 58.33333333%; }
	.col-xs-6 { width: 50%; }
	.col-xs-5 { width: 41.66666667%; }
	.col-xs-4 { width: 33.33333333%; }
	.col-xs-3 { width: 25%; }
	.col-xs-2 { width: 16.66666667%; }
	.col-xs-1 { width: 8.33333333%; }

	.col-xs-pull-12 { right: 100%; }
	.col-xs-pull-11 { right: 91.66666667%; }
	.col-xs-pull-10 { right: 83.33333333%; }
	.col-xs-pull-9 { right: 75%; }
	.col-xs-pull-8 { right: 66.66666667%; }
	.col-xs-pull-7 { right: 58.33333333%; }
	.col-xs-pull-6 { right: 50%; }
	.col-xs-pull-5 { right: 41.66666667%; }
	.col-xs-pull-4 { right: 33.33333333%; }
	.col-xs-pull-3 { right: 25%; }
	.col-xs-pull-2 { right: 16.66666667%; }
	.col-xs-pull-1 { right: 8.33333333%; }
	.col-xs-pull-0 { right: auto; }

	.col-xs-push-12 { left: 100%; }
	.col-xs-push-11 { left: 91.66666667%; }
	.col-xs-push-10 { left: 83.33333333%; }
	.col-xs-push-9 { left: 75%; }
	.col-xs-push-8 { left: 66.66666667%; }
	.col-xs-push-7 { left: 58.33333333%; }
	.col-xs-push-6 { left: 50%; }
	.col-xs-push-5 { left: 41.66666667%; }
	.col-xs-push-4 { left: 33.33333333%; }
	.col-xs-push-3 { left: 25%; }
	.col-xs-push-2 { left: 16.66666667%; }
	.col-xs-push-1 { left: 8.33333333%; }
	.col-xs-push-0 { left: auto; }

	.col-xs-offset-12 { margin-left: 100%; }
	.col-xs-offset-11 { margin-left: 91.66666667%; }
	.col-xs-offset-10 { margin-left: 83.33333333%; }
	.col-xs-offset-9 { margin-left: 75%; }
	.col-xs-offset-8 { margin-left: 66.66666667%; }
	.col-xs-offset-7 { margin-left: 58.33333333%; }
	.col-xs-offset-6 { margin-left: 50%; }
	.col-xs-offset-5 { margin-left: 41.66666667%; }
	.col-xs-offset-4 { margin-left: 33.33333333%; }
	.col-xs-offset-3 { margin-left: 25%; }
	.col-xs-offset-2 { margin-left: 16.66666667%; }
	.col-xs-offset-1 { margin-left: 8.33333333%; }
	.col-xs-offset-0 { margin-left: 0%; }
}

@media (min-width: 576px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }

  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }

  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }

  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0%; }

}

@media (min-width: 768px) {
 
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
 
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }

  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }

  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }

  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0%; }

}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }

  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }

  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }

  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0%; }
}