body{   background-color:#f6f6f6;margin:0px;padding:0px;color:#444444;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
td{	    color:#444444;font-size:18px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
font{   color:#444444;font-size:18px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
span{   font-size:18px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
a{	    color:#444444;font-size:18px;text-decoration:none;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
a:hover{ color:#bc4d1d; }

/*h1{ margin:0; margin-left: 15px; margin-bottom: 8px; color:#333; font-size:26px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;    display:inline-block; }*/
h1{ margin:0; margin-left: 15px; margin-bottom: 8px; color:#333; font-size:26px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; }
h2{ margin:0; margin-left: 15px; margin-bottom: 8px; color:#333; font-size:20px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; display:inline-block; }
.hb{ border-left:#369AC5 5px solid; padding:8px; margin-left: 5px; }
.hp{ border-left:#cf209a 5px solid; padding:8px; margin-left: 5px; }

.pelicula h1, .serie h1, .actor h1{ font-size:32px;color:#333;margin:0px;font-weight:bold;}

a:hover h2{ color:#bc4d1d !important;}

header{
    position:fixed;
    width:100%;
    height:50px;
    background-color:#56BAE5;
    z-index:9997;
}
header .content{
    width:99%;
    height:50px;
    position:relative;
}
header .hcol{
    display: inline-block;
    position: absolute;
    width:40px;
    height:50px;
    padding-top: 15px;
    text-align: center;
    z-index:9999;
}
header .logo{
    top:0;
    left:0;
    text-align: center;
}
header .logo img{
    padding-top: 8px;
}
header .logoPais{
    position:absolute;
    right:22px;
    font-weight:600;
    color:#888;
    margin:1px 0px;
    bottom:-1px;
    font-size:12px;
}
header #menu{
    left:5px;
}
header #blank{
    left:45px;
}
header #lupa{
    right:0;
}
header #user, header #nouser{
    right:40px;
}

.langSelector{
    font-size:12px;
    display:flex;
    justify-content:left;
    align-items:center;
}
.langSelector.active{
    background-color:#EFEFEF;
    border:#369AC5 3px solid;
    border-radius:3px;
}

#topbar{
    background-color:#000;
    padding:5px 10px;
    text-align:left;
}
#topbar span{
    display: none;
}
main{
    display: table;
    background-color: #F5F5F5;
    width: 1000px;
    max-width: 1000px;
    margin:  0 auto;
}

section{
    width: 100%;
    border-spacing: 0px;
    background-color: #FFFFFF;
    margin: auto auto 15px auto;
    padding: 8px 0px 20px 0;
}
section .header{
    margin:10px 15px;
    color:#222244;
}

section .header h2{
    margin:0;
    color: #333;
    font-size: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}
section .body{
    margin: 0 15px;
}

.section{
    display: flex;
    padding:8px 0 8px 0;
    border-spacing:0px;
    border:0px;
    background-color:#FFFFFF;
    margin-bottom:5px;
}
.leftside{
    width:100%;
}
.leftcontent{
    margin: 0px 25px 15px 25px;
}
.rightside{
    width:350px;
}
.rightcontent{
    margin:15px;
    min-height:100% !important;
}

.twoColumns{
    display: flex;
}
.twoColumns div.leftCol{
    width:660px;
}
.twoColumns div.rightCol{
    width:340px;
    text-align: center;
    position:sticky;
    align-self: flex-start;
    top:58px;
}

figure{
    margin:0;
}

.subtitle{ font-size:12px;color:#666666; }
.f14{ font-size:14px !important; }
.f16{ font-size:16px !important; }
.f18{ font-size:18px !important; }
.f20{ font-size:20px !important; }
.f24{ font-size:24px !important; }

.fb{ font-weight: bold !important; }
.fi{ font-style: italic !important; }

.text-center{ text-align: center !important; }
.text-right{ text-align: right !important; }
.hide{ display:none; }
.visible{ display:block; }

.ads-head{
    margin: auto;
    margin-bottom: 7px;
}

.ad{
    width:100vw;
    overflow-x:hidden;
    display:block;
    background-color:#FFFFFF;
    text-align:center;
    margin:0 auto;
}

.ad-sticky{
    position:-webkit-sticky;
    position:-moz-sticky;
    position:-o-sticky;
    position:-ms-sticky;
    position:sticky;
    top:70px;
}

/*ads refinery*/
/* desktop-leaderboard-atf*/
@media (min-width: 992px) {
    .r89-desktop-leaderboard-atf{ min-height: 250px;
        margin-top: 12px; margin-bottom: 12px;
    }
}
/* desktop-video-outstream */
@media (min-width: 992px) {
    .r89-desktop-video-outstream{ min-height: 250px;
        margin-top: 12px; margin-bottom: 12px;
    }
}
/* desktop-incontent */
@media (min-width: 992px) {
    .r89-desktop-InContent { 
        min-height: 250px;
        margin-top: 12px; 
        margin-bottom: 12px;
    }
}
/* desktop-billboard-btf */
@media (min-width: 992px) { 
    .r89-desktop-billboard-atf { 
        min-height: 250px; 
        margin-top: 20px; 
        margin-bottom: 20px;
    } 
}
@media (min-width: 992px) {
    .r89-desktop-billboard-btf { 
        min-height: 250px;
        margin-top: 12px; 
        margin-bottom: 12px;
    }
}

@media (max-width: 1719px) {
    #r89-desktop-hpa-izquierda{
        display:none;
    }
}
@media (min-width: 1720px) {
    #r89-desktop-hpa-izquierda{
        margin: 0px 20px 0px auto;
        text-align: center;
        position: fixed;
        left: 20px;
        top: 120px;
    }
}
@media (max-width: 1719px) {
    #r89-desktop-hpa-derecha{
        display:none;
    }
}
@media (min-width: 1720px) {
    #r89-desktop-hpa-derecha{
        margin: 0px auto 0px 20px;
        text-align: center;
        position: fixed;
        right: 20px;
        top: 120px;
    }
}

/* mobile-billboard-top */
@media (max-width: 991px) {
    .r89-mobile-billboard-top { 
        min-height: 280px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
}
/* mobile-video-outstream */
@media (max-width: 991px) {
    #r89-mobile-video-outstream{ 
        min-height: 400px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
}
/* mobile-rectangle-mid-300x600 */ 
@media (max-width: 991px) {
    .r89-Mobile-Rectangle-Mid-300x600 { 
        min-height: 600px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
}
/* mobile-rectangle-mid */ 
@media (max-width: 991px) {
    .r89-mobile-rectangle-mid { 
        min-height: 400px;
        margin-top: 12px; 
        margin-bottom: 12px;
    }
}
/* mobile-rectangle-infinite*/ 
@media (max-width: 991px) {
    .r89-mobile-rectangle-infinite{
        min-height: 280px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
}
/*ads refinery end*/

.scroller{
    width:100%;
    overflow-x:auto;
}

.scroller .content{
    display:flex;
}

.scroller .item, .scroller a{
    display:inline-block;
    margin-right: 5px;
}

.links{ display:flex; }
.links a{ white-space: nowrap; }


.rst,.ijk{
	width:100%;
	border-spacing:0px;
	border:0px;
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(91,108,142,0.8);
	-moz-box-shadow: 0px 1px 2px 0px rgba(91,108,142,0.8);
	box-shadow: 0px 1px 2px 0px rgba(91,108,142,0.8);
}

#block, .block{
	width:100%;
    max-width: 1000px;
    height: auto !important;
	padding:8px 0 8px 0;
	border-spacing:0px;
	border:0px;
	background-color:#FFFFFF;
    margin-bottom:5px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(91,108,142,0.8);
	-moz-box-shadow: 0px 1px 2px 0px rgba(91,108,142,0.8);
	box-shadow: 0px 1px 2px 0px rgba(91,108,142,0.8);
}
#block .block_title, .block .block_title{
    display: inline-block; width: 98%; text-align: left; margin: 10px auto 0 auto;
}
#block .block_title h2, .block .block_title h2{
    display: inline-block;color:#141414;font-size:22px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;
}
#block .block_title span svg, .block .block_title span svg{
    float:right;
}
#block .block_title:hover h2, .block .block_title:hover h2{ color: #369AC5 !important; }
#block .block_title:hover span, .block .block_title:hover span{ fill: #369AC5 !important; }
#sep, .sep{ height:25px; }

#title{ color:#141414;font-size:22px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold; }
#flags{ position:fixed;width:50%;height:auto;top:100px;left:0;margin:0 25%;background-color:#FFF;border-radius: 15px;padding:15px;display:none;z-index:99990;}
.breadcrumbs{ margin: -5px 0 0 5px; }
.breadcrumbs, .breadcrumbs a{ color:rgba(0,0,0,0.5); font-size:11px; }
.breadcrumbs a:hover{ color:#369AC5; }

.search_sec{color:#56BAE5;border-width:1px 0 1px 1px;border-color:#369AC5;border-style:solid;text-align:center;}
.search_sec a{color:#369AC5;}
.search_sec a:hover{color:#FF0000;}
.search_sec.active{background-color:#56BAE5;font-color: #FFFFFF;}
.search_sec.first{border-bottom-left-radius:7px;border-top-left-radius: 7px}
.search_sec.last{border-right: #369AC5 1px solid;border-bottom-right-radius:7px; border-top-right-radius:7px}
.shade{-webkit-box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.7);-moz-box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.7);box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.7);}

#gotop{position:fixed;top:0;z-index:5;background:#999;display:block;padding:0.5em;text-align:center;width:100%;}

.btn{
    display:inline-block;
    padding:5px 15px;
    background-color: #f6f7f9;
    border: #56BAE5 1px solid;
    border-radius: 2px;
    color: #56BAE5;
    cursor:pointer;
    user-select: none;
}
.btn.circle{
    border-radius: 20px;
}
.btn.pink{
    border: #cf209a 1px solid;
    color: #cf209a;
}
.btn.black{
    border: #000 1px solid;
    color: #000;
}
.btn:hover{
    background-color: #ced0d4;
    color: #56BAE5;
}
.btn.pink:hover{
    background-color: #ced0d4;
    color: #cf209a;
}
.btn.black:hover{
    background-color: #000;
    color: #FFF;
}
.btn.active{
    background-color:#56BAE5;
    border: #369AC5 1px solid;
    font-weight:600;
    color: #FFFFFF;
}
.btn.pink.active{
    background-color:#cf209a;
    border: #cf209a 1px solid;
    font-weight:600;
    color: #FFFFFF;
}
.btn.black.active{
    background-color:#000;
    border: #000 1px solid;
    font-weight:600;
    color: #FFFFFF;
}

.btn.green{
    background-color: #22cd5b;
    border: #22cd5b 1px solid;
    color: #FFFFFF;
    font-size:18px;
    font-weight: bold;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius:6px;
}
.btn.green:hover{
    background-color: #22cd5b;
    color: #FFFFFF;
}
.btnaz{
    font-weight: 700;
    color: #18739a;
    border: 1px #18739a solid;
    cursor: pointer;
    margin: 3px 0;
    border-radius: 5px;
    text-decoration: none;
    padding: 5px;
    font-size: 18px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    display: inline-block;
    position: relative;
    bottom: 2px;
    user-select: none;
}
.btnaz:hover, .btnaz:hover a{
    background-color: #18739a;
    color: #fff;
}
.button{
	padding:5px 15px;
	background-color: #f6f7f9;
    border: #ced0d4 1px solid;
    color: #4b4f56;
    cursor:pointer;
    user-select: none;
}
.button:hover{
	background-color: #ced0d4;
    border: #f6f7f9 1px solid;
    color: #000000;
}
.button.active{
    background-color:#369AC5;
    color: #000000;
}

.button-sm{
    padding:3px 8px;
    font-size:14px;
}
.button-impulsar-info{
    cursor:default;
    color:#1e7e34;
    font-weight: 600;
    border-color:#1e7e34;
}
.button-impulsar-info:hover{
    cursor:default;
    background-color: #f6f7f9;
    color:#1e7e34;
    font-weight: 600;
    border-color:#1e7e34;
}
.button-impulsar{
    color:#e83038;
    font-weight: 600;
    border-color:#e83038;
    background-color: #EFEFEF;
}
.button-impulsar:hover{
    color:#e83038;
    font-weight: 600;
    border-color:#e83038;
}
.button-impulsar.active{
    background-color:#e83038;
    color:#FFFFFF;
    font-weight: 600;
    border-color:#e83038;
    cursor:unset;
}

.button-impulsar.active svg path, .button-impulsar.active svg circle {
    fill: #FFF !important;
}
.button-impulsar svg path, .button-impulsar svg circle {
    fill: #e83038;
}
.badge {
    color: #fff;
    background-color: #369AC5;
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 75%;
    border-radius: 10rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

#rate{
    cursor:pointer;user-select:none;
}
.rate.wrapper{
    position: relative;
    width: 174px;
    height: 34px;
    overflow: hidden;
}
.rate .rate-left {
    width: 40px;
    position: relative;
    background-color: #FFC300;
    color: white;
    text-align: center;
    margin-left: 0px;
    display: inline-block;
    z-index: 4;
}

.rate .rate-left .oro{
    background-color: #FFB100;
}
.rate .rate-left .gris{
    background-color: #DDDDDD;
}
.rate .rate-left .marron{
    background-color: #966753;
}
.rate .rate-right {
    width: 120px;
    position: absolute;
    background-color: #1C1C1C;
    display: inline-block;
    top: 4px;
    height: 26px;
    z-index: 2;
    padding-left: 18px;  
}
.rate .rate-text{
    position: relative;
    color: #000;
    font-weight: 600;
    margin: 0 auto;
    line-height: 34px;
}
.rate .rate-stars{
    display:inline-block;height:18px;line-height:34px;padding-left: 4px;
}
.rate .rate-stars img{
    margin: 0 2px;
}
.rate .rate-triangle{
    width: 24px;
    height: 24px;
    background: linear-gradient(to bottom right, #fff 0%, #fff 50%, #FFB100 50%, #FFB100 100%);
    transform: rotate(-45deg);
    display: inline-block;
    left: 28px;
    top: 5px;
    position: absolute;
    z-index: 3;
}

.rate .rate-triangle .oro{
    background: linear-gradient(to bottom right, #fff 0%, #fff 50%, #FFB100 50%, #FFB100 100%);
}
.rate .rate-triangle .gris{
    background: linear-gradient(to bottom right, #fff 0%, #fff 50%, #DDDDDD 50%, #DDDDDD 100%);
}
.rate .rate-triangle .marron{
    background: linear-gradient(to bottom right, #fff 0%, #fff 50%, #966753 50%, #966753 100%);
}

.trailers_scroller::-webkit-scrollbar, .topdata::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.trailers_scroller::-webkit-scrollbar-thumb , .topdata::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.nota{ 
    width:50px;
    height:50px;
    font-size:24px;
    color:#FFFFFF;
    padding:7px;
    vertical-align:middle;
    display:table-cell;
    font-weight:bold; 
}
.nota-sm{
    width:20px;
    height:20px;
    font-size:18px;
}
.nota-1, .nota-2, .nota-3{
    background-color:#dc3545;
}
.nota-4, .nota-5, .nota-6{
    background-color:#d39e00;
}
.nota-7, .nota-8, .nota-9, .nota-10{
    background-color:#1e7e34;
}
.nota-imdb{
    background-color:#F5C518;
    width:20px;
    height:20px;
    font-size:18px;
}

.sharer .body{
    display: grid;
    grid-auto-flow: column;
    text-align: center;
}
.sharer .column{
    padding:5px;
    margin:0 5px;
}
.sharer .column a{
    display: block;
}
.sharer a img{
    position:relative;
    top:2px;
}
.sharer .column.whatsapp{
    background-color:#34AF23;
    border:#34AF23 1px solid;
}
.sharer .column.facebook{
    background-color:#29447E;
    border:#29447E 1px solid;
}
.sharer .column.x{
   background-color:#000;
   border:#000 1px solid; 
}
.sharer .column.pinterest{
    background-color:#c8232c;
    border:#c8232c 1px solid;
}

td.noticia a, td.critica a{
	font-size:18px !important;
}

.noticia a, .critica a{
    text-decoration: none;
    font-weight: 400 !important;
    color: #369AC5;
}
.noticia a[href*='/serie/'], .critica a[href*='/serie/']{
    color: #cf209a;
}
.noticia a[href*='/actores/'], .critica a[href*='/actores/']{
    color: #DF5900;
}
.noticia img, .critica img{
    width: 600px;
    max-width:100%;
    margin: 0 auto;
    display: block;
    height: auto;
}

    #collapse-menu{
        float:right;
        width:30px;
        height:30px;
        padding: 0;
        text-align: center;
        border:#000 1px solid;
        border-radius:40px;
    }
    #collapse-menu #content{
        display:none;
        position:relative;
    }
    #collapse-menu #content div{
        font-size:18px;
        padding:5px 10px;
    }
    #collapse-menu input[type="checkbox"]{
      visibility:hidden;
      position:absolute;
    }
    #collapse-menu #collapse:checked + label:before{
      position:relative;
      opacity:0.5;
    }   
    #collapse-menu label{
        font-size:24px;
        font-weight: bold;      
        bottom: 5px;
        position: relative;
        cursor:pointer;
    }
    #collapse-menu label:hover{
        color:#369AC5;
    }
    #collapse-menu #collapse:checked ~ div{
        display: block;
        right: 0;
        position: relative;
        text-align: right;
        width: 150px;
        right: 120px;
        background-color: #FFFFFF;
    }

#peli_grid 				{width:200px;height:290px;position:relative;float:left;margin:10px 9px;display:block;overflow:hidden;z-index:1000;-webkit-box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.7);-moz-box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.7);box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.7);}
#peli_grid #cartel 		{position:absolute;z-index:20;}
#peli_grid #cart_title	{position:absolute;z-index:30;width:190px;min-height:40px;bottom:0px;padding:5px;left:0px;color:#FFF;background-color: rgba(0,0,0,0.8);overflow:hidden;line-height:18px;}
#peli_grid #info 		{position:absolute;width:188px;height:278px;top:0px;padding:5px;left:0px;color:#FFFFFF;background-color:rgba(252,252,252,0.9);border:#666 1px solid;overflow:hidden;cursor:pointer;}
#peli_grid #trailer		{position:absolute; width:168px; height:40px; bottom:1px;}
#peli_grid:hover>#info 	{z-index:900;display:block;}

#pelicula_titulo .trailer_info{
    position:absolute;
    bottom:0;
    right:0;
    padding:5px;
    background-color: #000;
    color: #FFF;
}

span.c_clas     { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #FFFFFF; border-radius: 5px; color: #000; }
span.c_0        { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #00E401; border-radius: 5px; color: #000; }
span.c_3, span.c_6, span.c_7, span.c_9
                { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #369AC5; border-radius: 5px; color: #FFF; }
span.c_10, span.c_11, span.c_12, span.c_13, span.c_14, span.c_15
                { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #FFFF00; border-radius: 5px; color: #000; }
span.c_16, span.c_17
                { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #FF6D23; border-radius: 5px; color: #FFF; }
span.c_18
                { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #FF0000; border-radius: 5px; color: #FFF; }
span.c_G        { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #00E401; border-radius: 5px; color: #000; }
span.c_A        { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #00E401; border-radius: 5px; color: #000; }
span.c_AA       { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #00E401; border-radius: 5px; color: #000; }
span.c_TP       { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #00E401; border-radius: 5px; color: #000; }
span.c_PG       { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #00E401; border-radius: 5px; color: #000; }
span.c_B        { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #00E401; border-radius: 5px; color: #000; }
span.c_PG-13    { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #808; border-radius: 5px; color: #FFF; }
span.c_R        { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #FF6D23; border-radius: 5px; color: #FFF; }
span.c_C        { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #FF6D23; border-radius: 5px; color: #FFF; }
span.c_NC-17    { display: inline-block; padding: 3px 5px; font-size:14px; font-weight: 600; background-color: #F00; border-radius: 5px; color: #FFF; }

span.c_mini     { padding:2px 3px;font-size:10px; border-radius:2px; }

.colSticky{
    width:310px;
    display:inline-block;
    vertical-align:top;
    text-align:right;
    position:-webkit-sticky;
    position:-moz-sticky;
    position:-o-sticky;
    position:-ms-sticky;
    position:sticky;
    top:60px;
    z-index:1;
}

#tabs{
    position:relative;
    clear:both;
    width:auto;
    margin: 0 auto;
    height:21px;
    padding:5px 0;
}
#tabs ul {
    padding-left:0px;
}
#tabs ul li{
	cursor:hand;
    position:relative;
    float:left;  
    padding: 0px 40px 0 0px;
    list-style: none;
}
#tabs ul li a{
    display:block;
    width:100%;
    color: rgba(0,0,0,0.5);
    padding: 6px;
    padding-bottom:0;
}
#tabs ul li a img{
    position: relative;
    opacity: 0.5;
}
#tabs ul li h2{
    font-size:20px;
}
#tabs ul li h2::after{
    display:block;
    padding-bottom:3px;
    content: '';
    border-bottom: #56BAE5 2px solid;  
    transform: scaleX(0);  
    transition: transform 250ms ease-in-out;
}
#tabs ul li h2:hover::after{
    transform: scaleX(1);
}
#tabs ul li.active h2{
    border-bottom: #56BAE5 2px solid;  
}
#tabs ul li.active img{
    opacity: 0.8;
}

#scrollTop{
    display:none;
    position:fixed;
    bottom:70px;
    right:25px;
    padding:5px;
    width:35px;
    height:auto;
}

#scrollButton, #shareButton{
    width:35px;
    height:35px;
    padding:5px;
    background-color: #EDEDED;
    border:#CDCDCD 1px solid;
    border-radius:35px;
    text-align:center;
    cursor:pointer;
    font-size:24px;
    font-weight:600;
}
#scrollButton:hover, #shareButton:hover{
    background-color: #999999;
    color:#FFF;
}
#scrollButton img, #shareLinks .button img{
    padding-top: 5px;
}


#shareLinks .sharers {
    display: none;
    position: relative;
    height:auto;
    z-index: 1;
}

#shareLinks .sharers a {
    position: relative;
    display: block;
    color: black;
    padding: 3px 0;
    text-decoration: none;
}
#shareLinks .sharers a:hover {
    opacity:0.6;
}

#shareLinks:hover {
    display: block;
    height:auto;
    opacity:1 !important;
}

#shareLinks:hover .sharers {
    display: block;
}

#serieLinks{
    margin: 0 15px !important;
}
#serie_links{
    display:grid;
}
#peliculaLinks{
    margin: 0 15px !important;
}
#pelicula_links{
    display:grid;
}

.overall{
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: black;
    z-index: 9998;
    opacity: .5;
}
#menu_site, #menu_user, #buscador, #solltop{ display:none; }
.visible{ display:block !important; }
.site-menu {
    position:fixed;
    display: block;
    left: 0;
    top:0;
    width:350px;
    will-change: transform;
    transition-duration: 3.10s;
    transition-timing-function: linear;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    box-shadow: 5px 0 10px -5px black;
    z-index:9999;
}
.user-menu {
    position:fixed;
    display: block;
    right: 20px;
    top:0;
    width:250px;
    will-change: transform;
    transition-duration: 3.10s;
    transition-timing-function: linear;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    box-shadow: 5px 0 10px -5px black;
    z-index:9999;
}
.search-menu {
    position:fixed;
    display: block;
    top:0;
    left:0;
    width:50%;
    margin:0 25%;
    height:100vh;
    overflow-y: auto;
    background: #FFF;
    opacity: .9;
    will-change: transform;
    transition-duration: 3.10s;
    transition-timing-function: linear;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    box-shadow: 5px 0 10px -5px black;
    z-index:9999;
}
#menu_wrapper{ display:none; }
.menu_content{
    position:relative;
    width:100%;
    top:0;
    height:100vh;
    vertical-align: top;
    background-color: #FFFFFF;
    overflow-x: hidden;
    overflow-y: auto;
    padding:10px;
}
.user-menu .menu-content{ right:0; }
.menu_content td{ color:#FFFFFF; }
.menu_content a{ color:#FFFFFF; }
.menu_content a:hover{ color:#369AC5; }
.menu_content::-webkit-scrollbar { width: 7px; }
.menu_content::-webkit-scrollbar-track { background: #f1f1f1; }
.menu_content::-webkit-scrollbar-thumb { background: #888888; }
.menu_content::-webkit-scrollbar-thumb:hover { background: #555555; }
.menu_content .close, .flags_close{
    position:absolute;
    right:0;
    width:30px;
    height:30px;
    color:#CDCDCD;
    font-weight: 600;
    text-align: center;
    cursor:pointer;
}
.menu_content .close_user{
    position:absolute;
    left:0;
    width:30px;
    height:30px;
    color:#CDCDCD;
    font-weight: 600;
    text-align: center;
    cursor:pointer;
}
.menu_content .select-pais{
    width: 100%;
    border-color: #369AC5;
    padding: 5px;
    display: block;
}

div.sitemenu{
    display:block;
    list-style: none;
}
div.sitemenu .shortcuts{
    display: flex;
    border-top:#CDCDCD 1px solid;
    border-bottom:#CDCDCD 1px solid;
    padding:10px 0;
}
div.sitemenu .shortcuts > div{
    width:33%;
    text-align: center;    
}
div.sitemenu .shortcuts .title{
    font-size:16px; 
    color:#369AC5;   
}

div.sitemenu .menuitem {
    display: block;
    width:100%;
    border-bottom:#CDCDCD 1px solid;
    cursor:pointer;
    z-index:1;
}
div.sitemenu .menuitem a{
    display:block;
}
div.sitemenu .menuitem:hover{
    background-color: rgba(54,154,197,0.3);
}
div.sitemenu .menuitem .submenu > div:hover{
    background-color: rgba(255,255,255,0.3);
}
div.sitemenu .menuitem .submenu{
    display:none;
    z-index:2;
}
div.sitemenu .menuitem.dropdown .item::before { 
    content: '';
    display: inline-block;
    position: relative;
    float: right;
    vertical-align: top;
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    height: 0.45em;
    width: 0.45em;  
    transform: rotate(135deg);
    top: 20px;
    right: 12px;
    color: #369AC5;
}
div.sitemenu .menuitem.open.dropdown .item::before{
    transform: rotate(-45deg);
}
div.sitemenu .menuitem.open .submenu{
    display:block;
    width:100%;
    border-bottom:#CDCDCD 1px solid;
    cursor:pointer;
}
div.sitemenu .menuitem .title{
    display: inline-block;
    padding:15px 0;
}
div.sitemenu .menuitem .title{
    font-size:22px;
    color:#369AC5;
}
div.sitemenu .menuitem .submenu a{
    font-size:22px;
    color:#369AC5;
    display: block;
}
div.sitemenu .menuitem .submenu > div{
    background-color: #FFFFFF;
}
div.sitemenu .menuitem .icon, div.sitemenu .menuitem .submenu .icon{
    display: inline-block;
    width:25px;
    margin-left:15px;
}

#notify{
    position:fixed;
    top:50%;
    width:200px;
    right:5px;
    background-color: #d4edda;
    border: #c3e6cb 1px solid;
    border-radius:3px;
    z-index:9999;
}
#notify .content{
    color: #155724;
    font-size:18px;
    padding:10px;
}
#notify .close{
    position:relative;
    float:right;
    margin:0 10px;
}
#notify.error{
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
#notify.error .content{
    color: #721c24;
}
#notify.alerta, #notify.aviso{
    background-color: #fff3cd;
    border-color: #ffeeba;
}
#notify.alerta .content, #notify.aviso .content{
    color: #856404;
}

@media (max-width: 600px) {

    #noticia img{
        max-width:94vw !important;
        height: auto;
        margin: 0 auto;
    }

    #noticia iframe[src$="youtube.com"]{
        width: calc(100vw - 20px) !important;
        height: calc(56.25vw - 20px) !important;
        margin: 10px 0;
        -webkit-box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.7);
        -moz-box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.7);
        box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.7);
    }

    .search-menu {
        top:0;
        width:100%;
        margin:0;
    }

    #notify{
        width:310px;
        left:50%;
        margin-left:-155px;
    }
    
}

.filter{

}
.filter .active{
    color:#FFF;
    background-color: #369AC5;
}
.filter td{
    cursor:pointer;
    user-select: none;
}
.filter td:hover{
    background-color: #CDCDCD;
}
.filter td.active:hover{
    background-color: #369AC5;
}
.filter td:first-child{
    border-radius: 10px 0 0 10px;
    border-right:#CDCDCD 1px solid;
}
.filter td:last-child{
    border-radius: 0 10px 10px 0;
    border-left:#CDCDCD 1px solid;
}

body.modal {
  -webkit-overflow-scrolling: auto;
}
.modal {
    position: fixed;
    display:none;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding:0;
    background-color: rgba(0,0,0,0.9);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    overflow: auto;
    z-index: 10001;
    -webkit-transform: translate3d(0,0,0);
}
.modal-container {
    position: relative;
    background-color: #fefefe;
    overflow-y: auto;
    margin: auto;
    padding: 2px 10px;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    z-index: 10002;
}
.modal-header{
    position: relative;
    clear:both;
    height: 35px;
    overflow: hidden;
    z-index:10003;
}
.modal-title{
    text-align: left;
    font-size: 24px;
    padding-top: 5px;
}
.modal-closebutton{
    fill: #56BAE5;
    position:absolute;
    float:right;
    right:0;top:0;
    width:30px;
    height:30px;
    cursor:pointer;
    z-index:10004;
}
.modal-body{
    position: relative;
    clear:both;
    height: 100%;
    overflow-y: auto;
    z-index:10003;
}

.modal-video .modal-container #player {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.modal-video .modal-container #player iframe, .modal-video .modal-container #player object, .modal-video .modal-container #player embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.modal-video .modal-container {
    width: 900px;
    top: 0px;
}
.modal-rate .modal-container {
    width: 500px !important;
    top: 30px !important;
    max-width: 320px;
}

.modal-rate .modal-body{
    overflow-y: visible;
    margin: 25px 0;
}

.modal-video .modal-body{
    height:unset !important;
    margin: 25px 0;
}

.modal-video .modal-body iframe{
    width:100%;
    left: 0;
}


@media screen and (max-width: 769px) and (orientation: portrait) {
    .modal-video .modal-container, .modal-rate .modal-container{
        width: 90%;
        left: 0;
        top: 0px !important;
    }
}
@media screen and (max-width: 769px) and (orientation: landscape) {
    .modal-video .modal-container, .modal-rate .modal-container{
        max-height: 90%;
        left: 0;
        top: 0;
    }
}        

.modal-filmografia {
    width: 320px;
    left: calc(50vw - 160px);
    top: 0;
}

.modal-sinopsis .modal-container, .modal-programa .modal-container, .modal-canales .modal-container{
    width: calc(100vw - 30px);
    max-width: 320px;
    max-height: 100vh;
    top: 0;
}


ul.list{
    text-align: left;
    padding:0;
    margin:0;
}
ul.list li{ 
    margin:10px;
    list-style: none;
    font-size:18px;
    z-index:10;
    background-color: #F0F0F0;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 10px 0 0 10px;
    text-overflow: ellipsis;
    cursor: pointer;
}
ul.list li:hover{
    background-color: #ABD7E9 !important;
}
ul.list li .number{
    display: inline-block;
    width: 22px;
    color:#FFF;
    font-style: italic;
    font-size:22px;
    z-index:5;
    padding:5px 10px;
    background-color: #369AC5;
    text-align: right;
}
ul.list li .item{
    padding-left:10px;
}

.actor-info li{
  margin: 15px 0;
}
.actor-info a[href*='/actores/'], .actor-info a[href*='/pelicula/']{
    font-size: 18px;
    color: #369AC5;
}
.actor-info a[href*='/serie/']{
    font-size: 18px;
    color: #cf209a;
}

.top_usuarios {margin:0;padding:0 15px;list-style:none;}
.top_usuarios .usuario a {display:block;width:100%;}
.top_usuarios li{ display:grid;grid-template-columns:100px 4fr;align-items:center;padding: 10px 30px 10px 10px;line-height: 20px;}
.top_usuarios li .image{ position:relative;}
.top_usuarios li .info{ padding-left:10px;}
.top_usuarios li .name{ color:#369AC5;font-size:22px;font-weight:400;}

    .pagination{
        width:100%;
        display: inline-flex;
        justify-content: center;
    }
    .pagination .page{
        border:#CDCDCD 1px solid;
        border-radius:3px;
        padding:3px 7px;
        margin: 0 5px;
    }
    .pagination .page.active{
        background-color: #369AC5;
        color:#FFF;
    }
    .pagination .page.active a{
        color:#FFF;
        font-weight: 600;
    }

.carousel .wrapper {
  width: 100%;
  max-width: 964px;
  position: relative;
}

.carousel .wrapper .container {
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.carousel .wrapper .container::-webkit-scrollbar {
  height: 0;
}

.carousel .wrapper .container .content {
  display: grid;
  grid-gap: 16px;
  grid-auto-flow: column;
  margin: auto;
  justify-content: start;
}

.carousel .wrapper .container .content.col3{
    grid-template-columns: 33% 33% 33%;
    grid-auto-flow: row;
}


.carousel .wrapper .container .content .item {
  width: 150px;
  height: 200px;
}

.carousel .grid                 {width:120px;height:180px;position:relative;float:left;margin:10px 9px;display:block;overflow:hidden;z-index:1000;-webkit-box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.7);-moz-box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.7);box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.7);}
.carousel .grid .cartel         {position:absolute;z-index:20;}
.carousel .grid .cart_title     {position:absolute;z-index:30;width:110px;min-height:20px;bottom:0px;padding:5px;left:0px;color:#FFF;background-color: rgba(0,0,0,0.8);overflow:hidden;line-height:18px;font-size:14px;text-shadow: 2px 2px 4px #000;}
.carousel .grid .ribbon         {display:none;position:absolute;top:5px;left:5px;z-index:9999;padding:3px 5px;color:#FFF;font-size:12px;font-weight:600;border-radius:5px;text-shadow: 1px 2px 2px #000;}
.carousel .grid .ribbon.pelicula{display:block;background-color:#369AC5;}
.carousel .grid .ribbon.serie   {display:block;background-color:#cf209a;}
.carousel .grid.grid-center     {float: none;}

.carousel.big .wrapper .container .content .item {
  width: 210px;
  height: 300px;
}

.carousel.big .grid            {width:200px;height:266px;margin:10px 3px;}
.carousel.big .grid .cart_title     {width:190px;font-size: 18px;}
.carousel.big .grid .ribbon         {font-size:16px;}

.template { display:none; } 
#vod_grid, .vod_grid                            {width:120px;height:180px;position:relative;float:left;margin:10px 9px;display:block;overflow:hidden;z-index:1000;-webkit-box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.7);-moz-box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.7);box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.7);}
#vod_grid #cartel, .vod_grid .cartel            {position:absolute;z-index:20;}
#vod_grid #cart_title, .vod_grid .cart_title    {position:absolute;z-index:30;width:110px;min-height:20px;bottom:0px;padding:5px;left:0px;color:#FFF;background-color: rgba(0,0,0,0.8);overflow:hidden;line-height:18px;font-size:14px;text-shadow: 2px 2px 4px #000;}
.vod_grid .ribbon           {display:none;position:absolute;top:5px;left:5px;z-index:9999;padding:3px 5px;color:#FFF;font-size:12px;font-weight:600;border-radius:5px;text-shadow: 1px 2px 2px #000;}
.vod_grid .ribbon.pelicula {display:block;background-color:#369AC5;}
.vod_grid .ribbon.serie    {display:block;background-color:#cf209a;}

.lg-toolbar .lg-close{ color:#369AC5 !important; font-size:40px !important; }

.resumen{ position:relative; }
.resumen .show, .resumen .hide {
  position: absolute;
  bottom: -1em;
  z-index: 100;
  text-align: center;
}
.resumen .hide {display: none;}
.resumen .show:target {display: none;}
.resumen .show:target ~ .resumen .hide {display: block;}
.resumen .show:target ~ .resumen .content {
   max-height: 2000px; 
}
.resumen .show:target ~ .resumen .fade {
  margin-top: 0;
}
.resumen .content {
  position: relative;
  margin: 2em auto;
  width: 100%;
  max-height: 300px;
  overflow: hidden;
  transition: max-height .5s ease;
}
.resumen .fade {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(50,50,50,1) 75%);
  height: 100px;
  margin-top: -100px;
  position: relative;
}

.expand{
    position: relative;
    display: block;
    max-height:500px;
    overflow: hidden;
    background-color: #FFF;
}
.expand-content{
    position: relative;
    display: block;
    width: 100%;
}
.expand .degr{
    display: none;
    background: linear-gradient(180deg, rgba(255,255,255,0),rgba(255,255,255,1));
    width: 100%;
    height:70px;
    position: absolute;
    bottom: 0;
    z-index:999;
}
.expand .btn{
    display: inline-block;
    background-color: #CDCDCD;
    border:#333 1px solid;
    border-radius: 5px;
    color:#369AC5;
    padding:5px 10px;
    margin: 40px 20px;
    cursor: pointer;
    font-weight: 600;
}   
.expand .btn.hide{
    display: none;
}
.expand.expanded{
    max-height: unset;
    height: auto;
}
.expand.expanded .expand-content{
    margin-bottom: 50px;
}
.expand.expanded .degr{
    background: unset;
}
.expand.expanded .btn{
    display: none;
}   
.expand.expanded .btn.hide{
    display: block;
    margin: 0 auto;
}
.expand.expanded .degr{
    position: relative;
}
.votacion{
    width: 100%;
}
.lg-sub-html a{ color:#FFF; font-size: 18px; text-decoration: underline;}

.actor_info dt { font-weight:bold; }
.actor_info dd { margin:0; margin-bottom:10px; }

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  margin-top: var(--bs-gutter-y);
}
.rowp {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.rowp > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.col {flex: 1 0 0%;}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3b{flex:0 0 auto;width:20%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.col-auto {flex: 0 0 auto;width: auto;}
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
@media (min-width: 576px) {
  .col-sm { flex: 1 0 0%; }
  .col-sm-auto { flex: 0 0 auto; width: auto;}
  .col-sm-1{flex:0 0 auto;width:8.33333333%}
  .col-sm-2{flex:0 0 auto;width:16.66666667%}
  .col-sm-3{flex:0 0 auto;width:25%}
  .col-sm-4{flex:0 0 auto;width:33.33333333%}
  .col-sm-5{flex:0 0 auto;width:41.66666667%}
  .col-sm-6{flex:0 0 auto;width:50%}
  .col-sm-7{flex:0 0 auto;width:58.33333333%}
  .col-sm-8{flex:0 0 auto;width:66.66666667%}
  .col-sm-9{flex:0 0 auto;width:75%}
  .col-sm-10{flex:0 0 auto;width:83.33333333%}
  .col-sm-11{flex:0 0 auto;width:91.66666667%}
  .col-sm-12{flex:0 0 auto;width:100%}
  .text-sm-start { text-align: left !important; }
  .text-sm-end { text-align: right !important; }
  .text-sm-center { text-align: center !important; }
  .mt-sm-0 { margin-top: 0 !important; }
  .mt-sm-1 { margin-top: 0.25rem !important; }
  .mt-sm-2 { margin-top: 0.5rem !important; }
  .mt-sm-3 { margin-top: 1rem !important; }
}
@media (min-width: 768px) {
  .col-md {flex: 1 0 0%; }  
  .col-md-auto {flex: 0 0 auto;width: auto;}
  .col-md-1{flex:0 0 auto;width:8.33333333%}
  .col-md-2{flex:0 0 auto;width:16.66666667%}
  .col-md-3{flex:0 0 auto;width:25%}
  .col-md-4{flex:0 0 auto;width:33.33333333%}
  .col-md-5{flex:0 0 auto;width:41.66666667%}
  .col-md-6{flex:0 0 auto;width:50%}
  .col-md-7{flex:0 0 auto;width:58.33333333%}
  .col-md-8{flex:0 0 auto;width:66.66666667%}
  .col-md-9{flex:0 0 auto;width:75%}
  .col-md-10{flex:0 0 auto;width:83.33333333%}
  .col-md-11{flex:0 0 auto;width:91.66666667%}
  .col-md-12{flex:0 0 auto;width:100%}
  .offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}
  .text-md-start { text-align: left !important; }
  .text-md-end { text-align: right !important; }
  .text-md-center { text-align: center !important; }
  .mt-md-0 { margin-top: 0 !important; }
  .mt-md-1 { margin-top: 0.25rem !important; }
  .mt-md-2 { margin-top: 0.5rem !important;  }
  .mt-md-3 { margin-top: 1rem !important; }  
}
.w-90 { width: 90%!important; }
.w-100 { width: 100%!important; }
.h-auto{ height: auto; }
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}


.table {
  margin-bottom: 1rem;
}
.table th,.table td {
  padding: 0.75rem;
  vertical-align: top;
}
.table th {
    text-align: left;
    vertical-align: bottom;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

    .movie-list{
        margin:0;
        padding:0;
    }
    .movie-list > li{
        list-style:none;
        padding:10px;
        border-bottom:#CDCDCD 1px solid;
    }
    .movie-list li ul{
        padding:0;
    }
    .movie-list li ul{
        list-style:none;
    }
    .movie-list .pos{
        border:#369AC5 1px solid;
        border-radius:10px;
        font-size:10px;
        width:20px;
        height:20px;
        display:block;
        float:left;
        margin-right:10px;
        text-align:center;
        font-weight:600;
        line-height:20px;
    }
    .movie-list .titulo a{
        color:#000000; 
        font-size:20px;
        font-weight: bold;
    }
    .movie-list .titulo .year{
        font-size:18px;
        color:#999;
    }
    .movie-list .titulo div{
        float:right; 
    }
    .movie-list .ano{
        font-size:14px;
    }
    .movie-list .info{
        display:flex;
        padding:20px 0;
    }
    .movie-list .info .poster{
        margin-right:10px;
    }
    .movie-list .info .poster img{
        border-radius:3px;
    }
    .movie-list .info .data{
        width:100%;
    }
    .movie-list .data p{
        line-height:24px;
        font-size:16px;
    }

    .movie-list .column{
        display:inline-flex;
        width:33%;
    }
    .movie-list .column div{
        margin: 0 auto;
    }
    .movie-list .column {
        display: inline-block;
        padding: 0px;
        margin:0 10px;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
    }

    .movie-list .column .video, .movie-list .column .videoplayer, .movie-list .column .sinopsis, .movie-list .column .favoritos{
        display:inline-block;
        background-color:#FFFFFF;     
        width:100%;
        font-size:16px;
        font-weight: 500;
        color:#666;
        text-align:center;
        border:#CDCDCD 1px solid;
        border:0;
        border-radius:3px;
        float: none;
        border:#CDCDCD 1px solid;
        border-radius:5px;
        padding: 7px 0;
        line-height:21px;
        cursor:pointer;
        user-select:none;
    }

    .movie-list .more{
        clear:both;
        display: flex;
    }

    .movie-list .column .favoritos img{
        width:16px;
    }

.msg-header{
    position: absolute;
    background-color: #DD0000;
    bottom: 5px;
    margin:0 -15px 0;
}
.msg-flash {
    background-color: #D00;
    color:#FFF;
    font-size:14px;
    font-weight: bold;
    border-radius: 10px;
    padding:3px 5px;
}
.msg-flash {
  animation-name: msg-flash;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:msg-flash;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes msg-flash{  
  0% { opacity: 1.0; }
  50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes msg-flash {  
  0% { opacity: 1.0; }
  50% { opacity: 0.5; }
   100% { opacity: 1.0; }
}

@keyframes msg-flash {  
  0% { opacity: 1.0; }
   50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}

section#breadcrumbs{
    padding:0;
    margin: 15px auto;
}
ul.breadcrumb {
  margin:0;
  padding: 10px 16px;
  list-style: none;
  background-color: #ddd;
}

ul.breadcrumb li {
  display: inline;
  font-size: 14px;
}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

ul.breadcrumb li a {
  color: #0275d8;
  font-size: 14px;
  text-decoration: none;
}

ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.letras_links{
    padding:0;
    text-align:center;
}
.letras_links li{
    display: inline-block;
    text-align: center;
    padding: 2px;
}
.letras_links li a{
    padding:5px;
}
.letras_links li a.letra{
    width:14px;
}
footer{
    background-color: #333;
    width:100%;
}

footer .footer-content{
    font-size:14px;
    color: #d8d8d8;
    max-width: 1000px;
    margin: 0 auto;
    padding: 15px;
}
footer .celda{
    flex: 0 0 auto;
    width:25%;
    padding-top:20px;
}
footer .celda.center{
    text-align: center;
}
footer a{
    font-size:14px;
    color: #d8d8d8;
}
footer .text-center{
    text-align:center;
}
footer .site_title{
    font-size: 30px;
    display: block;
    padding-bottom: 20px;
}
footer .sep{
    display: none;
    background-color: #3b3b3b;
    height: 2px;
    width: 100%;
    margin: 15px 0;
}
footer .disclaimer{
    text-align: center;
    font-size: 11px;
}

footer .h5{
    font-weight: 600;
    font-size:18px;
    margin:0;
}
footer ul.flinks{
    padding: 0;
    list-style: none;
}
footer ul.flinks li{
    margin-top: 8px !important;
}

@media (max-width: 678px) {

    footer .celda{
        width:100%;
    }

    footer .sep{
        display: block;
    }

    footer .celda.redes img{
        width:30px;
        height:30px;
    }

}

.sideLinks{
    margin: 20px 0;   
}
.sideLinks .linksTitle{
    font-size:20px;
    font-weight:bold;
    line-height: 35px;
}
.sideLinks li{
    margin-bottom:5px;
}