@import "fonts.css";
@import url('https://fonts.googleapis.com/css?family=Roboto:700,900');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700&display=swap');

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight: normal;
    }
body{line-height:1; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration: none;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
*{box-sizing: border-box;}
body{background-color: #000; margin: 0; padding: 0; font-size: 13px; font-family: 'SF-Pro-Text-Regular';}

.clearfix:after {content: ""; display: table; clear: both;}

/* Inicio NAV */
#nav {width: 100%; background-color: #181818; height: 115px; margin : 0 auto; z-index: 1000;}
#nav .container{width: 100%; margin: auto; height: 115px; padding: 0 15px 0 15px;}
#nav .logo{float: initial; margin-top:0;}
#nav .container-logo{height: 50px; text-align: center;}
#nav .container-logo img{height: 50px; margin-top: 17px;}
#nav .navbar{margin-left:0; float:left !important; height: auto !important; display: block !important; overflow: visible !important; width: 100%;}
#nav .navbar ul{position: relative; float: left; margin: 10px 0 0 0; width: 100%;}
#nav .navbar ul li{margin: 0; display: block; position: relative; float: left; width: 50%;}
#nav .navbar ul li a{line-height: 22px; text-align: center; padding: 15px 0 12px 0; display: block; font-size: 14px; color:#fff; font-family: SF-Pro-Text-Light; letter-spacing: 0.1px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear;}
#nav .navbar ul li a:hover{color:#ccc;}
#nav .navbar ul li a.selected{color:#ccc;}
#nav .navbar-right{margin-left:20px; float:right !important; height: auto !important; display: block !important; overflow: visible !important;}
#nav .navbar-right ul{position: relative; float: left; margin: 0;}
#nav .navbar-right ul li{margin: 0; display: block; position: relative; float: left;}
#nav .navbar-right ul li a.cuenta{line-height: 22px; padding: 22px 10px 19px 38px; display: block; font-size: 14px; color:#3a3a3a; background: url('/img/icon-cuenta.png'); background-repeat: no-repeat; background-position: 10% 50%; background-size: 16%; font-family: Raleway-Medium; letter-spacing: 0.4px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear;}
#nav .navbar-right ul li a.cuenta:hover{background-color: white;}
#nav .navbar-right ul li a.carrito{line-height: 22px; padding: 22px 10px 19px 40px; display: block; font-size: 14px; color:#626262; background: url('/img/nav/icon-carrito.png'); background-repeat: no-repeat; background-position: 16% 50%; background-size: 21%; font-family: Raleway; letter-spacing: 0.4px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear;}
#nav .navbar-right ul li a.carrito:hover{background-color: white;color:#222222;}

#subnav{display:none; position: -webkit-sticky; position: sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 0; height: 40px; color: white; line-height: 40px; font-family: SF-Pro-Text-Light; font-size: 14px; background-color: rgba(0,0,0,0.85); transition: background-color 250ms; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; z-index: 99999;}
#subnav.active{background-color: rgba(24,24,24,0.9); border-bottom: solid .7px rgba(24,24,24,0.9);}

#subnav .container{width: 100%; margin: auto; height: 40px; border-bottom: solid .7px #181818;}
#subnav .container .izquierda{float: left;}
#subnav .container .derecha{float: right;}
#subnav .container .derecha a{color: white; margin-left: 10px; -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear; -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear;}
#subnav .container .derecha a:hover{color:#ccc;}
#subnav .container .derecha .btn{ margin-top:0px; display: inline-block; color: white; font-size: 13px; line-height: 1.47059; font-weight: 400; letter-spacing: -.022em; background-color: #0070c9; background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9)); background: -webkit-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 12px; padding: 3px;}
#subnav .container .derecha .btn:hover{background-color:#147bcd;background:-webkit-gradient(linear, left top, left bottom, from(#51a9ee), to(#147bcd));background:-webkit-linear-gradient(#51a9ee, #147bcd);background:linear-gradient(#51a9ee, #147bcd);border-color:#1482d0;text-decoration:none}

@media (min-width: 768px){
	#nav {width: 100%; background-color: #181818; height: 50px; margin : 0 auto; z-index: 1000;}
	#nav .container{width: 670px; margin: auto; height: 65px; padding: 0 15px 0 15px;}
	#nav .logo{float: left; margin-top:11px;}
	#nav .container-logo{height: 30px; text-align: left;}
	#nav .container-logo img{height: 30px; margin-top:0;}
	#nav .navbar{margin-left:20px; float:left !important; height: auto !important; display: block !important; overflow: visible !important; width: auto;}
	#nav .navbar ul{position: relative; float: left; margin: 0; width: auto;}
	#nav .navbar ul li{margin: 0; display: block; position: relative; float: left; width: auto;}
	#nav .navbar ul li a{line-height: 22px; text-align: left; padding: 15px 25px 12px 25px; display: block; font-size: 14px; color:#fff; font-family: SF-Pro-Text-Light; letter-spacing: 0.1px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
	                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear;}
	#nav .navbar ul li a:hover{color:#ccc;}
	#nav .navbar ul li a.selected{color:#ccc;}
	#nav .navbar-right{margin-left:20px; float:right !important; height: auto !important; display: block !important; overflow: visible !important;}
	#nav .navbar-right ul{position: relative; float: left; margin: 0;}
	#nav .navbar-right ul li{margin: 0; display: block; position: relative; float: left;}
	#nav .navbar-right ul li a.cuenta{line-height: 22px; padding: 22px 10px 19px 38px; display: block; font-size: 14px; color:#3a3a3a; background: url('/img/icon-cuenta.png'); background-repeat: no-repeat; background-position: 10% 50%; background-size: 16%; font-family: Raleway-Medium; letter-spacing: 0.4px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
	                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear;}
	#nav .navbar-right ul li a.cuenta:hover{background-color: white;}
	#nav .navbar-right ul li a.carrito{line-height: 22px; padding: 22px 10px 19px 40px; display: block; font-size: 14px; color:#626262; background: url('/img/nav/icon-carrito.png'); background-repeat: no-repeat; background-position: 16% 50%; background-size: 21%; font-family: Raleway; letter-spacing: 0.4px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
	                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear;}
	#nav .navbar-right ul li a.carrito:hover{background-color: white;color:#222222;}

	#subnav{display: block; position: -webkit-sticky; position: sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 0; height: 40px; color: white; line-height: 40px; font-family: SF-Pro-Text-Light; font-size: 14px; background-color: rgba(0,0,0,0.85); transition: background-color 250ms; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; z-index: 99999;}
	#subnav.active{background-color: rgba(24,24,24,0.9); border-bottom: solid .7px rgba(24,24,24,0.9);}

	#subnav .container{width: 670px; margin: auto; height: 40px; border-bottom: solid .7px #181818;}
	#subnav .container .izquierda{float: left;}
	#subnav .container .derecha{float: right;}
	#subnav .container .derecha a{color: white; margin-left: 10px; -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear; -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear;}
	#subnav .container .derecha a:hover{color:#ccc;}
	#subnav .container .derecha .btn{ margin-top:0px; display: inline-block; color: white; font-size: 13px; line-height: 1.47059; font-weight: 400; letter-spacing: -.022em; background-color: #0070c9; background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9)); background: -webkit-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 12px; padding: 3px;}
	#subnav .container .derecha .btn:hover{background-color:#147bcd;background:-webkit-gradient(linear, left top, left bottom, from(#51a9ee), to(#147bcd));background:-webkit-linear-gradient(#51a9ee, #147bcd);background:linear-gradient(#51a9ee, #147bcd);border-color:#1482d0;text-decoration:none}

}

@media (min-width: 992px){
	#nav {width: 100%; background-color: #181818; height: 50px; margin : 0 auto; z-index: 1000;}
	#nav .container{width: 900px; margin: auto; height: 65px; padding: 0 15px 0 15px;}
	#nav .logo{float: left; margin-top:11px;}
	#nav .container-logo{height: 30px;}
	#nav .container-logo img{height: 30px; margin-top: 0;}
	#nav .navbar{margin-left:20px; float:left !important; height: auto !important; display: block !important; overflow: visible !important; width: auto;}
	#nav .navbar ul{position: relative; float: left; margin: 0; width: auto;}
	#nav .navbar ul li{margin: 0; display: block; position: relative; float: left;}
	#nav .navbar ul li a{line-height: 22px; padding: 15px 25px 12px 25px; display: block; font-size: 14px; color:#fff; font-family: SF-Pro-Text-Light; letter-spacing: 0.1px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
	                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear;}
	#nav .navbar ul li a:hover{color:#ccc;}
	#nav .navbar ul li a.selected{color:#ccc;}
	#nav .navbar-right{margin-left:20px; float:right !important; height: auto !important; display: block !important; overflow: visible !important;}
	#nav .navbar-right ul{position: relative; float: left; margin: 0;}
	#nav .navbar-right ul li{margin: 0; display: block; position: relative; float: left;}
	#nav .navbar-right ul li a.cuenta{line-height: 22px; padding: 22px 10px 19px 38px; display: block; font-size: 14px; color:#3a3a3a; background: url('/img/icon-cuenta.png'); background-repeat: no-repeat; background-position: 10% 50%; background-size: 16%; font-family: Raleway-Medium; letter-spacing: 0.4px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
	                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear;}
	#nav .navbar-right ul li a.cuenta:hover{background-color: white;}
	#nav .navbar-right ul li a.carrito{line-height: 22px; padding: 22px 10px 19px 40px; display: block; font-size: 14px; color:#626262; background: url('/img/nav/icon-carrito.png'); background-repeat: no-repeat; background-position: 16% 50%; background-size: 21%; font-family: Raleway; letter-spacing: 0.4px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
	                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear;}
	#nav .navbar-right ul li a.carrito:hover{background-color: white;color:#222222;}

	#subnav{display: block; position: -webkit-sticky; position: sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 0; height: 40px; color: white; line-height: 40px; font-family: SF-Pro-Text-Light; font-size: 14px; background-color: rgba(0,0,0,0.85); transition: background-color 250ms; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; z-index: 99999;}
	#subnav.active{background-color: rgba(24,24,24,0.9); border-bottom: solid .7px rgba(24,24,24,0.9);}

	#subnav .container{width: 900px; margin: auto; height: 40px; border-bottom: solid .7px #181818;}
	#subnav .container .izquierda{float: left;}
	#subnav .container .derecha{float: right;}
	#subnav .container .derecha a{color: white; margin-left: 10px; -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear; -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear;}
	#subnav .container .derecha a:hover{color:#ccc;}
	#subnav .container .derecha .btn{ margin-top:0px; display: inline-block; color: white; font-size: 13px; line-height: 1.47059; font-weight: 400; letter-spacing: -.022em; background-color: #0070c9; background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9)); background: -webkit-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 12px; padding: 3px;}
	#subnav .container .derecha .btn:hover{background-color:#147bcd;background:-webkit-gradient(linear, left top, left bottom, from(#51a9ee), to(#147bcd));background:-webkit-linear-gradient(#51a9ee, #147bcd);background:linear-gradient(#51a9ee, #147bcd);border-color:#1482d0;text-decoration:none}

}

@media (min-width: 1280px){
	#nav {width: 100%; background-color: #181818; height: 85px; margin : 0 auto; z-index: 1000;}
	#nav .container{width: 1100px; margin: auto; height: 80px; padding: 0 15px 0 15px;}
	#nav .logo{float: left; margin-top:8px;}
	#nav .container-logo{height: 67px;}
	#nav .container-logo img{height: 67px;}
	#nav .navbar{margin-left:20px; float:left !important; height: auto !important; display: block !important; overflow: visible !important;}
	#nav .navbar ul{position: relative; float: left; margin: 0;}
	#nav .navbar ul li{margin: 0; display: block; position: relative; float: left;}
	#nav .navbar ul li a{line-height: 58px; padding: 15px 25px 12px 25px; display: block; font-size: 14px; color:#fff; font-family: SF-Pro-Text-Light; letter-spacing: 0.1px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
	                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear;}
	#nav .navbar ul li a:hover{color:#ccc;}
	#nav .navbar ul li a.selected{color:#ccc;}
	#nav .navbar-right{margin-left:20px; float:right !important; height: auto !important; display: block !important; overflow: visible !important; margin-top:20px;}
	#nav .navbar-right ul{position: relative; float: left; margin: 0;line-height: 58px;}
	#nav .navbar-right ul li{margin: 0; display: block; position: relative; float: left;}
	#nav .navbar-right ul li a.cuenta{line-height: 22px; padding: 22px 10px 19px 38px; display: block; font-size: 14px; color:#3a3a3a; background: url('/img/icon-cuenta.png'); background-repeat: no-repeat; background-position: 10% 50%; background-size: 16%; font-family: Raleway-Medium; letter-spacing: 0.4px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
	                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear;}
	#nav .navbar-right ul li a.cuenta:hover{background-color: white;}
	#nav .navbar-right ul li a.carrito{line-height: 22px; padding: 22px 10px 19px 40px; display: block; font-size: 14px; color:#626262; background: url('/img/nav/icon-carrito.png'); background-repeat: no-repeat; background-position: 16% 50%; background-size: 21%; font-family: Raleway; letter-spacing: 0.4px;  -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
	                                            -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear;}
	#nav .navbar-right ul li a.carrito:hover{background-color: white;color:#222222;}

	#subnav{display: block; position: -webkit-sticky; position: sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 0; height: 40px; color: white; line-height: 40px; font-family: SF-Pro-Text-Light; font-size: 14px; background-color: rgba(0,0,0,0.85); transition: background-color 250ms; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; z-index: 99999;}
	#subnav.active{background-color: rgba(24,24,24,0.9); border-bottom: solid .7px rgba(24,24,24,0.9);}

	#subnav .container{width: 1100px; margin: auto; height: 40px; border-bottom: solid .7px #181818;}
	#subnav .container .izquierda{float: left;}
	#subnav .container .derecha{float: right;}
	#subnav .container .derecha a{color: white; margin-left: 10px; -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear; -o-transition: color 250ms linear; -ms-transition: color 250ms linear; transition: color 250ms linear;}
	#subnav .container .derecha a:hover{color:#ccc;}
	#subnav .container .derecha .btn{ margin-top:0px; display: inline-block; color: white; font-size: 13px; line-height: 1.47059; font-weight: 400; letter-spacing: -.022em; background-color: #0070c9; background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9)); background: -webkit-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 12px; padding: 3px;}
	#subnav .container .derecha .btn:hover{background-color:#147bcd;background:-webkit-gradient(linear, left top, left bottom, from(#51a9ee), to(#147bcd));background:-webkit-linear-gradient(#51a9ee, #147bcd);background:linear-gradient(#51a9ee, #147bcd);border-color:#1482d0;text-decoration:none}

}
/* Fin NAV */


/* INICIO TV */

#tv-online{width: 100%; margin: 0 auto;}
#tv-online .tv-1{position: relative; z-index:1; min-height: 750px; width: 100%; margin: 0 auto; transition: background-position 1s; -webkit-transition: background-position 1s; -moz-transition: background-position 1s;}
#tv-online .tv-1:before {content:" "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .0; z-index: -1; background-repeat: no-repeat; background-position: center 100; background-size: 2000px 1087px; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s;}
#tv-online .tv-1.bg1:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_1.png");}
#tv-online .tv-1.bg2:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_2.png");}
#tv-online .tv-1.bg3:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_3.png");}
#tv-online .tv-1.bg4:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_4.png");}
#tv-online .tv-1.bg5:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_5.png");}
#tv-online .tv-1.bg6:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_6.png");}
#tv-online .tv-1.bg7:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_7.png");}
#tv-online .tv-1.bg8:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_8.png");}
#tv-online .tv-1.bg9:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_9.png");}
#tv-online .tv-1.bg10:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_10.png");}
#tv-online .tv-1.post:before{content:" "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; z-index: -1;  background-repeat: no-repeat; background-position: center 40; background-size: 2000px 1087px; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s;}
#tv-online .tv-1 .top{height: 600px; margin: 0 auto; width: 100%; position: relative;}
#tv-online .tv-1 .top .left{width: 100%; padding-top: 50px; margin: 0 auto;}
#tv-online .tv-1 .top .left .tit{margin: 0 auto; font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; text-align: center; letter-spacing: 2px; width: 225px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#tv-online .tv-1 .top .left .subtit{opacity:0; margin-top:120px; text-align: center; font-family: 'SF-Pro-Text-Regular'; font-size: 35px; letter-spacing: 1px; color: white; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; }
#tv-online .tv-1 .top .img-tv-wo{position: absolute; width: 100%; height: 415px; left: 228; top: 277px;}
#tv-online .tv-1 .top .img-tv-wo img{width: 100%; height: 100%;}

#tv-online .tv-2{min-height: 700px; width: 100%; margin: 0 auto; padding-top:0; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; }
#tv-online .tv-2 .top{height: 450px; margin: 0 auto; width: 100%;}
#tv-online .tv-2 .top .left{width: 100%; padding-top: 55px; float: left;}
#tv-online .tv-2 .top .left .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 30px; margin:0 auto; text-align: center; letter-spacing: .2px; width: 80%; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#tv-online .tv-2 .top .left .subtit{width:80%; margin: 10px auto 0 auto; text-align: justify; font-family: 'SF-Pro-Display-Regular'; font-size: 20px; letter-spacing: 1px; color: white;}
#tv-online .tv-2 .top .left ul{width: 100%;}
#tv-online .tv-2 .top .left ul li.hd{width:250px; margin: 30px auto 0 auto; background-image:url("/img/tv-online/icon-hd.png"); height: 60px; background-repeat: no-repeat; background-position: 0 0; background-size: 70px; padding-left: 80px; line-height: 60px; color: white; list-style: none; font-size: 18px;}
#tv-online .tv-2 .top .left ul li.remote{width:250px; margin: 30px auto 0 auto; background-image:url("/img/tv-online/icon-remote.png"); height: 60px; background-repeat: no-repeat; background-position: 0 0; background-size: 70px; padding-left: 80px; line-height: 60px; color: white; list-style: none; font-size: 18px;}
#tv-online .tv-2 .top .left ul li.cash{width:250px; margin: 30px auto 0 auto; background-image:url("/img/tv-online/icon-cash.png"); height: 65px; background-repeat: no-repeat; background-position: 0 0; background-size: 65px; padding-left: 80px; line-height: 65px; color: white; list-style: none; font-size: 18px;}
#tv-online .tv-2 .top .right{width: 50%; padding-top: 100px; float: right;}
#tv-online .tv-2 .top .right .img-canales{background-image: url("/img/tv-online/tv_grid.jpg"); background-repeat: no-repeat; background-position: center top; height: 0; overflow: hidden;}
#tv-online .tv-2 .bottom{height: auto; margin: 0px auto; width: 80%;border-radius: 25px; padding-top: 30px; background-color: #181818; padding-bottom: 30px;}
#tv-online .tv-2 .bottom h1{text-align: center; color: white; font-size: 20px;}
#tv-online .tv-2 .bottom h1 a{display: inline-block; color: white; border-radius: 25px; padding: 15px;}
#tv-online .tv-2 .bottom ul{width: 100%; margin: 0 auto; background-color: #181818; max-height: 0; overflow: hidden; transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out;}
#tv-online .tv-2 .bottom ul li{margin-left: 5%; margin-right: 5%; height: 130px; float: left; list-style: none; color: white; padding-top: 30px; text-align: center; width: 40%;}
#tv-online .tv-2 .bottom ul li.premium1340{background-color: #142F54; border-radius: 5px;}
#tv-online .tv-2 .bottom ul li.premium1342{background-color: #00a015; border-radius: 5px;}
#tv-online .tv-2 .bottom ul li.premium1343{background-color: #5900ff; border-radius: 5px;}
#tv-online .tv-2 .bottom ul li div{position: relative;}
#tv-online .tv-2 .bottom ul li img{border-radius: 5px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#tv-online .tv-2 .bottom ul li p{padding-top: 10px; font-size: 12px; }
#tv-online .tv-2 .bottom ul .leyenda{float: left; width: 100%; margin-top: 15px;}
#tv-online .tv-2 .bottom ul .a{margin-top: 35px;}
#tv-online .tv-2 .bottom ul .leyenda .premium1340{background-color: #142F54; width: 25px; height: 25px; float: left; border-radius: 10px; margin-left: 10px;}
#tv-online .tv-2 .bottom ul .leyenda .premium1342{background-color: #00a015; width: 25px; height: 25px; float: left; border-radius: 10px; margin-left: 10px;}
#tv-online .tv-2 .bottom ul .leyenda .premium1343{background-color: #5900ff; width: 25px; height: 25px; float: left; border-radius: 10px; margin-left: 10px;}

#tv-online .tv-2 .bottom ul .leyenda h1{text-align: left;line-height: 25px; font-size: 7px; padding-left: 7px; display: inline-block;}

#tv-online .tv-3{min-height: 880px; width: 100%; margin: 0 auto; padding-top:0; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s;  }
#tv-online .tv-3 .top{height: 600px; margin: 0 auto; width: 100%; padding-top: 35px;}
#tv-online .tv-3 .top .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 30px; letter-spacing: .2px; width: 330px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto;}
#tv-online .tv-3 .top .subtit{width: 80%; margin: 15px auto; text-align: justify; font-family: 'SF-Pro-Display-Regular'; font-size: 20px; letter-spacing: 1px; color: white;}
#tv-online .tv-3 .top ul{width: 90%; margin: 0 auto; padding-top: 30px; }
#tv-online .tv-3 .top ul li{ }
#tv-online .tv-3 .top ul li.tv{ float: left; background-image:url("/img/tv-online/icon-tv.png"); height: 180px; background-repeat: no-repeat; background-position: center top; background-size: 190px; padding-top: 130px; color: white; list-style: none; font-size: 20px; width: 100%; text-align: center;}
#tv-online .tv-3 .top ul li.smartphone{ float: left; background-image:url("/img/tv-online/icon-smartphone.png"); height: 180px; background-repeat: no-repeat; background-position: center top; background-size: 160px; padding-top: 130px; color: white; list-style: none; font-size: 20px; width: 100%; text-align: center;}
#tv-online .tv-3 .top ul li.laptop{ float: left; background-image:url("/img/tv-online/icon-laptop.png"); height: 180px; background-repeat: no-repeat; background-position: center top; background-size: 190px; padding-top: 130px; color: white; list-style: none; font-size: 20px; width: 100%; text-align: center;}
#tv-online .tv-3 .top ul li.smartbox{ float: left; background-image:url("/img/tv-online/icon-smartbox.png"); height: 180px; background-repeat: no-repeat; background-position: center top; background-size: 190px; padding-top: 110px; color: white; list-style: none; font-size: 20px; width: 100%; text-align: center;}
#tv-online .tv-3 .top ul li.plan{ height: 130px; background-repeat: no-repeat; background-position: center top; padding-top: 0; color: white; list-style: none; font-size: 20px; width: 100%; text-align: center; border-image-slice: 1; border-style: solid; border-image-source: -webkit-linear-gradient(right, #782a59 , #e37334); -webkit-border-image: -o-linear-gradient(right, #782a59 , #e37334); -moz-border-image: -moz-linear-gradient(right, #782a59 , #e37334); border-width: 3px; margin: 7.5px auto;}
#tv-online .tv-3 .top ul li.plan h1{float: left; font-size:20px; width: 65%; height:100%; text-align: left; padding-top:35px; padding-left: 10px;} 
#tv-online .tv-3 .top ul li.plan h2{float: left; font-size:20px; width: 35%; height:100%; text-align: right; line-height:120px; padding-right: 10px;}
#tv-online .tv-3 .top ul li.plan h1 h{float: left; margin-right:10px; font-size:17px;}
#tv-online .tv-3 .top ul li.plan h1 l{float: left; margin-right:10px; font-size:13px;}

#tv-online .tv-4{min-height: 950px; width: 100%; margin: 0 auto ; padding-top:70px; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; }
#tv-online .tv-4 h1{text-align: center; font-family: 'SF-Pro-Text-Semibold'; font-size: 30px; letter-spacing: .2px; width: 300px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto; height: 60px;}
#tv-online .tv-4 .cnt {width: 80%; padding-top: 50px; margin: 0 auto;}
#tv-online .tv-4 .cnt .pregunta{color:#782a59; font-size: 25px; text-align: left;}
#tv-online .tv-4 .cnt .respuesta{color: white; font-size: 17px; font-family: 'SF-Pro-Text-Light'; padding-top: 5px; text-align: justify; margin-bottom: 15px;}
#tv-online .tv-4 .cnt div{float: left; text-align: center;}
#tv-online .tv-4 .cnt div .a{margin: 10px auto; width: 300px; height: 150px;}
#tv-online .tv-4 .cnt div .b{margin: 10px auto; width: 300px; height: 150px;}
#tv-online .tv-4 .btn{ margin-top:30px; margin-bottom: 35px; display: inline-block; color: white; font-size: 23px; line-height: 1.47059; font-weight: 400; letter-spacing: -.022em; background-color: #0070c9; background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9)); background: -webkit-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 18px; padding: 18px;}
#tv-online .tv-4 .btn:hover{background-color:#147bcd;background:-webkit-gradient(linear, left top, left bottom, from(#51a9ee), to(#147bcd));background:-webkit-linear-gradient(#51a9ee, #147bcd);background:linear-gradient(#51a9ee, #147bcd);border-color:#1482d0;text-decoration:none}


@media (min-width: 768px){
	#tv-online{width: 100%; margin: 0 auto;}
	#tv-online .tv-1{position: relative; z-index:1; min-height: 950px; width: 100%; margin: 0 auto; transition: background-position 1s; -webkit-transition: background-position 1s; -moz-transition: background-position 1s;}
	#tv-online .tv-1:before {content:" "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .0; z-index: -1; background-repeat: no-repeat; background-position: center 100; background-size: 2000px 1087px; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s;}
	#tv-online .tv-1.bg1:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_1.png");}
	#tv-online .tv-1.bg2:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_2.png");}
	#tv-online .tv-1.bg3:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_3.png");}
	#tv-online .tv-1.bg4:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_4.png");}
	#tv-online .tv-1.bg5:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_5.png");}
	#tv-online .tv-1.bg6:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_6.png");}
	#tv-online .tv-1.bg7:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_7.png");}
	#tv-online .tv-1.bg8:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_8.png");}
	#tv-online .tv-1.bg9:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_9.png");}
	#tv-online .tv-1.bg10:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_10.png");}
	#tv-online .tv-1.post:before{content:" "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; z-index: -1;  background-repeat: no-repeat; background-position: center 40; background-size: 2000px 1087px; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s;}
	#tv-online .tv-1 .top{height: 600px; margin: 0 auto; width: 757px; position: relative;}
	#tv-online .tv-1 .top .left{width: 100%; padding-top: 50px; margin: 0 auto;}
	#tv-online .tv-1 .top .left .tit{margin: 0 auto; font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; letter-spacing: 2px; width: 225px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	#tv-online .tv-1 .top .left .subtit{opacity:0; margin-top:120px; text-align: center; font-family: 'SF-Pro-Text-Regular'; font-size: 35px; letter-spacing: 1px; color: white; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; }
	#tv-online .tv-1 .top .img-tv-wo{position: absolute; width: 757px; height: 415px; left: 228; top: 277px;}
	#tv-online .tv-1 .top .img-tv-wo img{width: 100%; height: 100%;}

	#tv-online .tv-2{min-height: 700px; width: 100%; margin: 0 auto; padding-top:150px; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; }
	#tv-online .tv-2 .top{height: 600px; margin: 0 auto; width: 757px;}
	#tv-online .tv-2 .top .left{width: 35%; padding-top: 195px; float: left;}
	#tv-online .tv-2 .top .left .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; margin: 0; letter-spacing: .2px; width: 370px; text-align: left; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	#tv-online .tv-2 .top .left .subtit{width: auto; margin-top:10px; text-align: left; font-family: 'SF-Pro-Display-Regular'; font-size: 25px; letter-spacing: 1px; color: white;}
	#tv-online .tv-2 .top .left ul{width: 100%;}
	#tv-online .tv-2 .top .left ul li.hd{width: auto; margin-top: 30px; background-image:url("/img/tv-online/icon-hd.png"); height: 60px; background-repeat: no-repeat; background-position: 0 0; background-size: 70px; padding-left: 80px; line-height: 60px; color: white; list-style: none; font-size: 18px;}
	#tv-online .tv-2 .top .left ul li.remote{width: auto; margin-top: 30px; background-image:url("/img/tv-online/icon-remote.png"); height: 60px; background-repeat: no-repeat; background-position: 0 0; background-size: 70px; padding-left: 80px; line-height: 60px; color: white; list-style: none; font-size: 18px;}
	#tv-online .tv-2 .top .left ul li.cash{width: auto; margin-top: 30px; background-image:url("/img/tv-online/icon-cash.png"); height: 65px; background-repeat: no-repeat; background-position: 0 0; background-size: 65px; padding-left: 80px; line-height: 65px; color: white; list-style: none; font-size: 18px;}
	#tv-online .tv-2 .top .right{width: 50%; padding-top: 100px; float: right;}
	#tv-online .tv-2 .top .right .img-canales{background-image: url("/img/tv-online/tv_grid.jpg"); background-repeat: no-repeat; background-position: center top; height: 600px;}
	#tv-online .tv-2 .bottom{height: auto; margin: 40px auto; width: 757px;border-radius: 25px; padding-top: 30px; background-color: #181818; padding-bottom: 30px;}
	#tv-online .tv-2 .bottom h1{text-align: center; color: white; font-size: 25px;}
	#tv-online .tv-2 .bottom h1 a{display: inline-block; color: white; border-radius: 25px; padding: 15px;}
	#tv-online .tv-2 .bottom ul{width: 757px; margin: 0 auto; background-color: #181818; max-height: 0; overflow: hidden; transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out;}
	#tv-online .tv-2 .bottom ul li{margin-left: 20px; margin-right: 19px; height: 170px; float: left; list-style: none; color: white; padding-top: 30px; text-align: center; width: 150px;}
	#tv-online .tv-2 .bottom ul li.premium1340{background-color: #142F54; border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li.premium1342{background-color: #00a015; border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li.premium1343{background-color: #5900ff; border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li img{border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li p{padding-top: 10px; font-size: 18px; }
	#tv-online .tv-2 .bottom ul .leyenda{float: left; width: 100%; margin-top: 20px;}
	#tv-online .tv-2 .bottom ul .a{margin-top: 20px;}
	#tv-online .tv-2 .bottom ul .leyenda .premium1340{background-color: #142F54; width: 35px; height: 35px; float: left; border-radius: 10px; margin-left: 25px;}
	#tv-online .tv-2 .bottom ul .leyenda .premium1342{background-color: #00a015; width: 35px; height: 35px; float: left; border-radius: 10px; margin-left: 25px;}
	#tv-online .tv-2 .bottom ul .leyenda .premium1343{background-color: #5900ff; width: 35px; height: 35px; float: left; border-radius: 10px; margin-left: 25px;}
	#tv-online .tv-2 .bottom ul .leyenda h1{text-align: left;line-height: 35px; font-size: 12px; padding-left: 7px; display: inline-block;}

	#tv-online .tv-3{min-height: 700px; width: 100%; margin: 0 auto; padding-top:150px; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s;  }
	#tv-online .tv-3 .top{height: 600px; margin: 0 auto; width: 757px; padding-top: 135px;}
	#tv-online .tv-3 .top .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; letter-spacing: .2px; width: 540px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto;}
	#tv-online .tv-3 .top .subtit{width: 60%; margin: 15px auto; text-align: justify; font-family: 'SF-Pro-Display-Regular'; font-size: 25px; letter-spacing: 1px; color: white;}
	#tv-online .tv-3 .top ul{width: 90%; margin: 0 auto; padding-top: 50px; }
	#tv-online .tv-3 .top ul li{ margin-left: 130px; }
	#tv-online .tv-3 .top ul li.tv{ float: left; background-image:url("/img/tv-online/icon-tv.png"); height: 150px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 105px; color: white; list-style: none; font-size: 23px; width: 140px; text-align: center;}
	#tv-online .tv-3 .top ul li.smartphone{ float: left; background-image:url("/img/tv-online/icon-smartphone.png"); height: 150px; background-repeat: no-repeat; background-position: center top; background-size: 120px; padding-top: 105px; color: white; list-style: none; font-size: 23px; width: 140px; text-align: center;}
	#tv-online .tv-3 .top ul li.laptop{ float: left; background-image:url("/img/tv-online/icon-laptop.png"); height: 150px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 105px; color: white; list-style: none; font-size: 23px; width: 140px; text-align: center;}
	#tv-online .tv-3 .top ul li.smartbox{ float: left; background-image:url("/img/tv-online/icon-smartbox.png"); height: 150px; background-repeat: no-repeat; background-position: 0 20%; background-size: 140px; padding-top: 105px; color: white; list-style: none; font-size: 23px; width: 140px; text-align: center;}
	#tv-online .tv-3 .top ul li.plan{ height: 130px; background-repeat: no-repeat; background-position: center top; padding-top: 0; color: white; list-style: none; font-size: 20px; width: 90%; text-align: center; border-image-slice: 1; border-style: solid; border-image-source: -webkit-linear-gradient(right, #782a59 , #e37334); -webkit-border-image: -o-linear-gradient(right, #782a59 , #e37334); -moz-border-image: -moz-linear-gradient(right, #782a59 , #e37334); border-width: 3px; margin: 7.5px auto;}
	#tv-online .tv-3 .top ul li.plan h1{float: left; font-size:30px; width: 65%; height:100%; text-align: left; padding-top:35px; padding-left: 10px;} 
	#tv-online .tv-3 .top ul li.plan h2{float: left; font-size:30px; width: 35%; height:100%; text-align: right; line-height:120px; padding-right: 10px;}
	#tv-online .tv-3 .top ul li.plan h1 h{float: left; margin-right:10px; font-size:30px;}
	#tv-online .tv-3 .top ul li.plan h1 l{float: left; margin-right:10px; font-size:13px;}
	
	
	#tv-online .tv-4{min-height: 900px; width: 757px; margin: 0 auto ;padding-top:180px; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; }
	#tv-online .tv-4 h1{text-align: center; font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; letter-spacing: .2px; width: 550px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto; height: 60px;}
	#tv-online .tv-4 .cnt {width: 80%; padding-top: 50px; margin: 0 auto;}
	#tv-online .tv-4 .cnt .pregunta{color:#782a59; font-size: 30px; text-align: left;}
	#tv-online .tv-4 .cnt .respuesta{color: white; font-size: 20px; font-family: 'SF-Pro-Text-Light'; padding-top: 5px; text-align: justify; margin-bottom: 15px;}
	#tv-online .tv-4 .btn{ display: none; margin-top:30px; color: white; font-size: 23px; line-height: 1.47059; font-weight: 400; letter-spacing: -.022em; background-color: #0070c9; background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9)); background: -webkit-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 18px; padding: 18px;}
	#tv-online .tv-4 .btn:hover{background-color:#147bcd;background:-webkit-gradient(linear, left top, left bottom, from(#51a9ee), to(#147bcd));background:-webkit-linear-gradient(#51a9ee, #147bcd);background:linear-gradient(#51a9ee, #147bcd);border-color:#1482d0;text-decoration:none}
	#tv-online .tv-4 .cnt div{float: left; text-align: center;}
	#tv-online .tv-4 .cnt div .a{margin: 10px auto; width: 450px; height: 300px;}
	#tv-online .tv-4 .cnt div .b{margin: 10px auto; width: 450px; height: 300px;}
	
}

@media (min-width: 992px){
	#tv-online{width: 100%; margin: 0 auto;}
	#tv-online .tv-1{position: relative; z-index:1; min-height: 950px; width: 100%; margin: 0 auto; transition: background-position 1s; -webkit-transition: background-position 1s; -moz-transition: background-position 1s;}
	#tv-online .tv-1:before {content:" "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .0; z-index: -1; background-repeat: no-repeat; background-position: center 100; background-size: 2000px 1087px; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s;}
	#tv-online .tv-1.bg1:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_1.png");}
	#tv-online .tv-1.bg2:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_2.png");}
	#tv-online .tv-1.bg3:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_3.png");}
	#tv-online .tv-1.bg4:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_4.png");}
	#tv-online .tv-1.bg5:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_5.png");}
	#tv-online .tv-1.bg6:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_6.png");}
	#tv-online .tv-1.bg7:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_7.png");}
	#tv-online .tv-1.bg8:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_8.png");}
	#tv-online .tv-1.bg9:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_9.png");}
	#tv-online .tv-1.bg10:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_10.png");}
	#tv-online .tv-1.post:before{content:" "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; z-index: -1;  background-repeat: no-repeat; background-position: center 40; background-size: 2000px 1087px; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s;}
	#tv-online .tv-1 .top{height: 600px; margin: 0 auto; width: 800px; position: relative;}
	#tv-online .tv-1 .top .left{width: 100%; padding-top: 50px; margin: 0 auto;}
	#tv-online .tv-1 .top .left .tit{margin: 0 auto; font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; letter-spacing: 2px; width: 225px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	#tv-online .tv-1 .top .left .subtit{opacity:0; margin-top:120px; text-align: center; font-family: 'SF-Pro-Text-Regular'; font-size: 35px; letter-spacing: 1px; color: white; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; }
	#tv-online .tv-1 .top .img-tv-wo{position: absolute; width: 757px; height: 415px; left: 228; top: 277px;}
	#tv-online .tv-1 .top .img-tv-wo img{width: 100%; height: 100%;}

	#tv-online .tv-2{min-height: 900px; width: 100%; margin: 0 auto; padding-top:150px; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; }
	#tv-online .tv-2 .top{height: 600px; margin: 0 auto; width: 900px;}
	#tv-online .tv-2 .top .left{width: 35%; padding-top: 195px; float: left;}
	#tv-online .tv-2 .top .left .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; margin: 0; letter-spacing: .2px; width: 370px; text-align: left; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	#tv-online .tv-2 .top .left .subtit{width: auto; margin-top:10px; text-align: left; font-family: 'SF-Pro-Display-Regular'; font-size: 35px; letter-spacing: 1px; color: white;}
	#tv-online .tv-2 .top .left ul{width: 100%;}
	#tv-online .tv-2 .top .left ul li.hd{width: auto; margin-top: 30px; background-image:url("/img/tv-online/icon-hd.png"); height: 60px; background-repeat: no-repeat; background-position: 0 0; background-size: 70px; padding-left: 80px; line-height: 60px; color: white; list-style: none; font-size: 23px;}
	#tv-online .tv-2 .top .left ul li.remote{width: auto; margin-top: 30px; background-image:url("/img/tv-online/icon-remote.png"); height: 60px; background-repeat: no-repeat; background-position: 0 0; background-size: 70px; padding-left: 80px; line-height: 60px; color: white; list-style: none; font-size: 23px;}
	#tv-online .tv-2 .top .left ul li.cash{width: auto; margin-top: 30px; background-image:url("/img/tv-online/icon-cash.png"); height: 65px; background-repeat: no-repeat; background-position: 0 0; background-size: 65px; padding-left: 80px; line-height: 65px; color: white; list-style: none; font-size: 23px;}
	#tv-online .tv-2 .top .right{width: 60%; padding-top: 100px; float: right;}
	#tv-online .tv-2 .top .right .img-canales{background-image: url("/img/tv-online/tv_grid.jpg"); background-repeat: no-repeat; background-position: center top; height: 600px;}
	#tv-online .tv-2 .bottom{height: auto; margin: 40px auto; width: 900px; border-radius: 25px; padding-top: 30px; background-color: #181818; padding-bottom: 30px;}
	#tv-online .tv-2 .bottom h1{text-align: center; color: white; font-size: 25px;}
	#tv-online .tv-2 .bottom h1 a{display: inline-block; color: white; border-radius: 25px; padding: 15px;}
	#tv-online .tv-2 .bottom ul{width: 900px; margin: 0 auto; background-color: #181818; max-height: 0; overflow: hidden; transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out;}
	#tv-online .tv-2 .bottom ul li{margin-left: 15px; margin-right: 15px; height: 170px; float: left; list-style: none; color: white; padding-top: 30px; text-align: center; width: 150px;}
	#tv-online .tv-2 .bottom ul li.premium1340{background-color: #142F54; border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li.premium1342{background-color: #00a015; border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li.premium1343{background-color: #5900ff; border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li img{border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li p{padding-top: 10px; font-size: 18px; }
	#tv-online .tv-2 .bottom ul .leyenda{float: left; width: 100%; margin-top: 20px;}
	#tv-online .tv-2 .bottom ul .a{margin-top: 20px;}
	#tv-online .tv-2 .bottom ul .leyenda .premium1340{background-color: #142F54; width: 35px; height: 35px; float: left; border-radius: 10px; margin-left: 25px;}
	#tv-online .tv-2 .bottom ul .leyenda .premium1342{background-color: #00a015; width: 35px; height: 35px; float: left; border-radius: 10px; margin-left: 25px;}
	#tv-online .tv-2 .bottom ul .leyenda .premium1343{background-color: #5900ff; width: 35px; height: 35px; float: left; border-radius: 10px; margin-left: 25px;}
	#tv-online .tv-2 .bottom ul .leyenda h1{text-align: left;line-height: 35px; font-size: 16px; padding-left: 7px; display: inline-block;}

	#tv-online .tv-3{min-height: 900px; width: 100%; margin: 0 auto; padding-top:150px; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s;  }
	#tv-online .tv-3 .top{height: 600px; margin: 0 auto; width: 900px; padding-top: 135px;}
	#tv-online .tv-3 .top .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; letter-spacing: .2px; width: 540px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto;}
	#tv-online .tv-3 .top .subtit{width: 60%; margin: 15px auto; text-align: justify; font-family: 'SF-Pro-Display-Regular'; font-size: 25px; letter-spacing: 1px; color: white;}
	#tv-online .tv-3 .top ul{width: 90%; margin: 0 auto; padding-top: 110px; }
	#tv-online .tv-3 .top ul li{ margin-left: 50px; }
	#tv-online .tv-3 .top ul li.tv{ float: left; background-image:url("/img/tv-online/icon-tv.png"); height: 140px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#tv-online .tv-3 .top ul li.smartphone{ float: left; background-image:url("/img/tv-online/icon-smartphone.png"); height: 140px; background-repeat: no-repeat; background-position: center top; background-size: 120px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#tv-online .tv-3 .top ul li.laptop{ float: left; background-image:url("/img/tv-online/icon-laptop.png"); height: 140px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#tv-online .tv-3 .top ul li.smartbox{ float: left; background-image:url("/img/tv-online/icon-smartbox.png"); height: 140px; background-repeat: no-repeat; background-position: 0 20%; background-size: 140px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#tv-online .tv-3 .top ul li.plan{ height: 130px; background-repeat: no-repeat; background-position: center top; padding-top: 0; color: white; list-style: none; font-size: 20px; width: 70%; text-align: center; border-image-slice: 1; border-style: solid; border-image-source: -webkit-linear-gradient(right, #782a59 , #e37334); -webkit-border-image: -o-linear-gradient(right, #782a59 , #e37334); -moz-border-image: -moz-linear-gradient(right, #782a59 , #e37334); border-width: 3px; margin: 7.5px auto;}
	#tv-online .tv-3 .top ul li.plan h1{float: left; font-size:30px; width: 65%; height:100%; text-align: left; padding-top:35px; padding-left: 10px;} 
	#tv-online .tv-3 .top ul li.plan h2{float: left; font-size:30px; width: 35%; height:100%; text-align: right; line-height:120px; padding-right: 10px;}
	#tv-online .tv-3 .top ul li.plan h1 h{float: left; margin-right:10px; font-size:30px;}
	#tv-online .tv-3 .top ul li.plan h1 l{float: left; margin-right:10px; font-size:13px;}

	#tv-online .tv-4{min-height: 900px; width: 900px; margin: 0 auto ;padding-top:180px; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; }
	#tv-online .tv-4 h1{text-align: center; font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; letter-spacing: .2px; width: 550px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto; height: 60px;}
	#tv-online .tv-4 .cnt {width: 80%; padding-top: 50px; margin: 0 auto;}
	#tv-online .tv-4 .cnt .pregunta{color:#782a59; font-size: 30px; text-align: left;}
	#tv-online .tv-4 .cnt .respuesta{color: white; font-size: 25px; font-family: 'SF-Pro-Text-Light'; padding-top: 5px; text-align: justify; margin-bottom: 15px;}
	#tv-online .tv-4 .btn{ display: none; margin-top:30px; color: white; font-size: 23px; line-height: 1.47059; font-weight: 400; letter-spacing: -.022em; background-color: #0070c9; background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9)); background: -webkit-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 18px; padding: 18px;}
	#tv-online .tv-4 .btn:hover{background-color:#147bcd;background:-webkit-gradient(linear, left top, left bottom, from(#51a9ee), to(#147bcd));background:-webkit-linear-gradient(#51a9ee, #147bcd);background:linear-gradient(#51a9ee, #147bcd);border-color:#1482d0;text-decoration:none}
	#tv-online .tv-4 .cnt div{float: left; text-align: center;}
	#tv-online .tv-4 .cnt div .a{margin: 10px auto; width: 650px; height: 450px;}
	#tv-online .tv-4 .cnt div .b{margin: 10px auto; width: 650px; height: 450px;}

}

@media (min-width: 1280px){
	#tv-online{width: 100%; margin: 0 auto;}
	#tv-online .tv-1{position: relative; z-index:1; min-height: 950px; width: 100%; margin: 0 auto; transition: background-position 1s; -webkit-transition: background-position 1s; -moz-transition: background-position 1s;}
	#tv-online .tv-1:before {content:" "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .0; z-index: -1; background-repeat: no-repeat; background-position: center 100; background-size: 2000px 1087px; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s;}
	#tv-online .tv-1.bg1:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_1.png");}
	#tv-online .tv-1.bg2:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_2.png");}
	#tv-online .tv-1.bg3:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_3.png");}
	#tv-online .tv-1.bg4:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_4.png");}
	#tv-online .tv-1.bg5:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_5.png");}
	#tv-online .tv-1.bg6:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_6.png");}
	#tv-online .tv-1.bg7:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_7.png");}
	#tv-online .tv-1.bg8:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_8.png");}
	#tv-online .tv-1.bg9:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_9.png");}
	#tv-online .tv-1.bg10:before {background-image: url("/img/solunet-play/slide/bg_solunet_play_10.png");}
	#tv-online .tv-1.post:before{content:" "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; z-index: -1;  background-repeat: no-repeat; background-position: center 40; background-size: 2000px 1087px; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s;}
	#tv-online .tv-1 .top{height: 600px; margin: 0 auto; width: 1100px; position: relative;}
	#tv-online .tv-1 .top .left{width: 100%; padding-top: 50px; margin: 0 auto;}
	#tv-online .tv-1 .top .left .tit{margin: 0 auto; font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; letter-spacing: 2px; width: 225px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	#tv-online .tv-1 .top .left .subtit{opacity:0; margin-top:120px; text-align: center; font-family: 'SF-Pro-Text-Regular'; font-size: 35px; letter-spacing: 1px; color: white; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; }
	#tv-online .tv-1 .top .img-tv-wo{position: absolute; width: 757px; height: 415px; left: 228; top: 277px;}
	#tv-online .tv-1 .top .img-tv-wo img{width: 100%; height: 100%;}

	#tv-online .tv-2{min-height: 900px; width: 100%; margin: 0 auto; padding-top:150px; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; }
	#tv-online .tv-2 .top{height: 600px; margin: 0 auto; width: 1200px;}
	#tv-online .tv-2 .top .left{width: 35%; padding-top: 195px; float: left;}
	#tv-online .tv-2 .top .left .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; margin: 0; letter-spacing: .2px; width: 370px; text-align: left; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	#tv-online .tv-2 .top .left .subtit{width: auto; margin-top:10px; text-align: left; font-family: 'SF-Pro-Display-Regular'; font-size: 35px; letter-spacing: 1px; color: white;}
	#tv-online .tv-2 .top .left ul{width: 100%;}
	#tv-online .tv-2 .top .left ul li.hd{width: auto; margin-top: 30px; background-image:url("/img/tv-online/icon-hd.png"); height: 60px; background-repeat: no-repeat; background-position: 0 0; background-size: 70px; padding-left: 80px; line-height: 60px; color: white; list-style: none; font-size: 23px;}
	#tv-online .tv-2 .top .left ul li.remote{width: auto; margin-top: 30px; background-image:url("/img/tv-online/icon-remote.png"); height: 60px; background-repeat: no-repeat; background-position: 0 0; background-size: 70px; padding-left: 80px; line-height: 60px; color: white; list-style: none; font-size: 23px;}
	#tv-online .tv-2 .top .left ul li.cash{width: auto; margin-top: 30px; background-image:url("/img/tv-online/icon-cash.png"); height: 65px; background-repeat: no-repeat; background-position: 0 0; background-size: 65px; padding-left: 80px; line-height: 65px; color: white; list-style: none; font-size: 23px;}
	#tv-online .tv-2 .top .right{width: 60%; padding-top: 100px; float: right;}
	#tv-online .tv-2 .top .right .img-canales{background-image: url("/img/tv-online/tv_grid.jpg"); background-repeat: no-repeat; background-position: center top; height: 600px;}
	#tv-online .tv-2 .bottom{height: auto; margin: 40px auto; width: 1202px;border-radius: 25px; padding-top: 30px; background-color: #181818; padding-bottom: 30px;}
	#tv-online .tv-2 .bottom h1{text-align: center; color: white; font-size: 25px;}
	#tv-online .tv-2 .bottom h1 a{display: inline-block; color: white; border-radius: 25px; padding: 15px;}
	#tv-online .tv-2 .bottom ul{width: 1200px; margin: 0 auto; background-color: #181818; max-height: 0; overflow: hidden; transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out;}
	#tv-online .tv-2 .bottom ul .premium{width: 100%;}
	#tv-online .tv-2 .bottom ul li.premium1340{background-color: #142F54; border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li.premium1342{background-color: #00a015; border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li.premium1343{background-color: #5900ff; border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li{margin-left: 25px; margin-right: 25px; height: 170px; float: left; list-style: none; color: white; padding-top: 30px; text-align: center; width: 150px;}
	#tv-online .tv-2 .bottom ul li img{border-radius: 5px;}
	#tv-online .tv-2 .bottom ul li p{padding-top: 10px; font-size: 18px; }
	#tv-online .tv-2 .bottom ul .a{margin-top: 20px;}
	#tv-online .tv-2 .bottom ul .leyenda{float: left; width: 100%; margin-top: 20px;}
	#tv-online .tv-2 .bottom ul .leyenda .premium1340{background-color: #142F54; width: 35px; height: 35px; float: left; border-radius: 10px; margin-left: 25px;}
	#tv-online .tv-2 .bottom ul .leyenda .premium1342{background-color: #00a015; width: 35px; height: 35px; float: left; border-radius: 10px; margin-left: 25px;}
	#tv-online .tv-2 .bottom ul .leyenda .premium1343{background-color: #5900ff; width: 35px; height: 35px; float: left; border-radius: 10px; margin-left: 25px;}
	#tv-online .tv-2 .bottom ul .leyenda h1{text-align: left;line-height: 35px; font-size: 16px; padding-left: 7px; display: inline-block;}

	#tv-online .tv-3{min-height: 900px; width: 100%; margin: 0 auto; padding-top:150px; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s;  }
	#tv-online .tv-3 .top{height: 600px; margin: 0 auto; width: 1200px; padding-top: 135px;}
	#tv-online .tv-3 .top .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; letter-spacing: .2px; width: 540px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto;}
	#tv-online .tv-3 .top .subtit{width: 60%; margin: 15px auto; text-align: justify; font-family: 'SF-Pro-Display-Regular'; font-size: 25px; letter-spacing: 1px; color: white;}
	#tv-online .tv-3 .top ul{width: 90%; margin: 0 auto; padding-top: 110px; }
	#tv-online .tv-3 .top ul li{ margin-left: 50px; }
	#tv-online .tv-3 .top ul li.tv{ float: left; background-image:url("/img/tv-online/icon-tv.png"); height: 220px; background-repeat: no-repeat; background-position: 0 0; background-size: 220px; padding-top: 160px; color: white; list-style: none; font-size: 32px; width: 220px; text-align: center;}
	#tv-online .tv-3 .top ul li.smartphone{ float: left; background-image:url("/img/tv-online/icon-smartphone.png"); height: 220px; background-repeat: no-repeat; background-position: center top; background-size: 180px; padding-top: 160px; color: white; list-style: none; font-size: 32px; width: 220px; text-align: center;}
	#tv-online .tv-3 .top ul li.laptop{ float: left; background-image:url("/img/tv-online/icon-laptop.png"); height: 220px; background-repeat: no-repeat; background-position: 0 0; background-size: 220px; padding-top: 160px; color: white; list-style: none; font-size: 32px; width: 220px; text-align: center;}
	#tv-online .tv-3 .top ul li.smartbox{ float: left; background-image:url("/img/tv-online/icon-smartbox.png"); height: 220px; background-repeat: no-repeat; background-position: 0 20%; background-size: 220px; padding-top: 160px; color: white; list-style: none; font-size: 32px; width: 220px; text-align: center;}
	#tv-online .tv-3 .top ul li.plan{ height: 130px; background-repeat: no-repeat; background-position: center top; padding-top: 0; color: white; list-style: none; font-size: 20px; width: 70%; text-align: center; border-image-slice: 1; border-style: solid; border-image-source: -webkit-linear-gradient(right, #782a59 , #e37334); -webkit-border-image: -o-linear-gradient(right, #782a59 , #e37334); -moz-border-image: -moz-linear-gradient(right, #782a59 , #e37334); border-width: 3px; margin: 7.5px auto;}
	#tv-online .tv-3 .top ul li.plan h1{float: left; font-size:30px; width: 65%; height:100%; text-align: left; padding-top:35px; padding-left: 10px;} 
	#tv-online .tv-3 .top ul li.plan h2{float: left; font-size:30px; width: 35%; height:100%; text-align: right; line-height:120px; padding-right: 10px;}
	#tv-online .tv-3 .top ul li.plan h1 h{float: left; margin-right:10px; font-size:30px;}
	#tv-online .tv-3 .top ul li.plan h1 l{float: left; margin-right:10px; font-size:13px;}

	#tv-online .tv-4{min-height: 900px; width: 1200px; margin: 0 auto ;padding-top:180px; opacity: 0; transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; }
	#tv-online .tv-4 h1{text-align: center; font-family: 'SF-Pro-Text-Semibold'; font-size: 50px; letter-spacing: .2px; width: 550px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto; height: 60px;}
	#tv-online .tv-4 .cnt {width: 80%; padding-top: 50px; margin: 0 auto;}
	#tv-online .tv-4 .cnt .pregunta{color:#782a59; font-size: 30px; text-align: left;}
	#tv-online .tv-4 .cnt .respuesta{color: white; font-size: 25px; font-family: 'SF-Pro-Text-Light'; padding-top: 5px; text-align: justify; margin-bottom: 15px;}
	#tv-online .tv-4 .btn{ display: none; margin-top:30px; color: white; font-size: 23px; line-height: 1.47059; font-weight: 400; letter-spacing: -.022em; background-color: #0070c9; background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9)); background: -webkit-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 18px; padding: 18px;}
	#tv-online .tv-4 .btn:hover{background-color:#147bcd;background:-webkit-gradient(linear, left top, left bottom, from(#51a9ee), to(#147bcd));background:-webkit-linear-gradient(#51a9ee, #147bcd);background:linear-gradient(#51a9ee, #147bcd);border-color:#1482d0;text-decoration:none}
	#tv-online .tv-4 .cnt div{float: left; text-align: center; width: 960px;}
	#tv-online .tv-4 .cnt div .a{float:left; width: 460px; height: 300px; margin: 0 auto;}
	#tv-online .tv-4 .cnt div .b{float:right; width: 460px; height: 300px; margin: 0 auto;}

}
/* FIN TV */

/* INICIO FOOTER */
footer{width: 100%; margin: 0; height: 180px; background-color: #181818; padding-top: 55px;}
footer img{width: 175px;}

@media (min-width: 768px){
	footer{width: 100%; margin: 0; height: 180px; background-color: #181818; padding-top: 50px;}
	footer img{width: 250px;}
}

@media (min-width: 992px){
	footer{width: 100%; margin: 0; height: 180px; background-color: #181818; padding-top: 50px;}
	footer img{width: 250px;}
}

@media (min-width: 1280px){
	footer{width: 100%; margin: 0; height: 180px; background-color: #181818; padding-top: 50px;}
	footer img{width: 250px;}
}
/* FIN FOOTER */

/* INICIO MI CUENTA */

#mi-cuenta{width: 100%; margin: 0 auto; font-family: 'Nunito', sans-serif; min-height: 800px;}
#mi-cuenta .planes{margin:25px auto 25px auto; width: 100%; height: 925px; background-color: #20222F;}
#mi-cuenta .planes .plan{width: 250px; height: 350px; margin: 25px auto; float:none; background-color: #838282; border-radius: 15px;}
#mi-cuenta .planes .subt{width:100%; height: 80px; background-color: #171922; color: #F6C451; font-size:18px; line-height: 80px; padding-left: 50px; font-weight: 600;}
#mi-cuenta .planes .pie{width:100%; height: 80px; background-color: #171922; color: #F8F8F8; font-size:22px; line-height: 80px; padding-right: 0; font-weight: 400; float: none; text-align: center;}
#mi-cuenta .planes .pie span{margin:0; padding:0; font-weight: 800; }
#mi-cuenta .planes .pie span b{margin:0; padding:0; font-weight: 200; font-size: 12px;}
#mi-cuenta .planes .plan h1{width: 100%; height: 100px; background-color: #101218; border-radius: 12px 12px 0 0; border-bottom: solid 1px #ccc;}
#mi-cuenta .planes .plan h1 .fijo{text-transform: uppercase; color:white; font-size:19px; display: block; padding-top: 20px; padding-left: 20px; font-family: 'SF-Pro-Text-Regular';}
#mi-cuenta .planes .plan h1 .name{color:white; font-size:13px; display: block; padding-top: 10px; padding-left: 20px; font-family: 'SF-Pro-Text-Light';}
#mi-cuenta .planes .plan ul {background-color: #F8F8F8; color: #20222F; padding-left: 30px; font-size: 17px; list-style: none; display: block; padding-bottom:20px;}
#mi-cuenta .planes .plan ul li{padding-top:10px; }
#mi-cuenta .planes .plan ul li::before {content: "\2022"; color:#F6C451; font-weight: bold; display: inline-block; width: 20px; margin-left: -10px; font-size:30px; }
#mi-cuenta .planes .plan h2 {width: 100%; height: 70px; background-color: #F6C451; border-radius: 0 0 12px 12px; border-top: solid 1px #ccc; color: #20222F; font-size:30px; line-height: 70px; text-align: center;}
#mi-cuenta .planes .plan h2 b{font-size:15px;}
#mi-cuenta .planes .adicionales {float: none; height: 365px; max-width: 600px;}
#mi-cuenta .planes .adicionales .hbo {background-image: url("/img/hbo-max-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 70%; background-position: 32px 5px; float: none; margin: 25px auto 25px auto;} 
#mi-cuenta .planes .adicionales .hbo h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
#mi-cuenta .planes .adicionales .hbo h1 b{font-weight: 200; font-size: 15px;}

#mi-cuenta .planes .adicionales .paramount {background-image: url("/img/paramount-plus-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 50%; background-position: 52px -5px; float: none; margin: 25px auto 25px auto;} 
#mi-cuenta .planes .adicionales .paramount h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
#mi-cuenta .planes .adicionales .paramount h1 b{font-weight: 200; font-size: 15px;}

#mi-cuenta .tv-3{min-height: 450px; width: 100%; margin: 0 auto; padding-top:15px; opacity: 1; padding-bottom:70px;}
#mi-cuenta .tv-3 .top{height: auto; margin: 0 auto; width: 100%; padding-top: 15px;}
#mi-cuenta .tv-3 .top .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 25px; letter-spacing: .2px; width: 100%; text-align: center; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto;}
#mi-cuenta .tv-3 .top .subtit{width: 95%; margin: 15px auto; text-align: justify; font-family: 'SF-Pro-Display-Regular'; font-size: 20px; letter-spacing: 1px; color: white;}
#mi-cuenta .tv-3 .top ul{width: 140px; margin: 0 auto; padding-top: 50px; }
#mi-cuenta .tv-3 .top ul li{ margin-left: 0; }
#mi-cuenta .tv-3 .top ul li a{ font-size:12px; float: left; text-align: center; width: 100%; color: #ccc; }
#mi-cuenta .tv-3 .top ul li a:hover{ color: white; text-decoration: underline; }
#mi-cuenta .tv-3 .top ul li.tv{ float: left; background-image:url("/img/tv-online/icon-tv.png"); height: 170px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 100px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
#mi-cuenta .tv-3 .top ul li.smartphone{ float: left; background-image:url("/img/tv-online/icon-smartphone.png"); height: 170px; background-repeat: no-repeat; background-position: center top; background-size: 120px; padding-top: 100px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
#mi-cuenta .tv-3 .top ul li.laptop{ float: left; background-image:url("/img/tv-online/icon-laptop.png"); height: 170px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 100px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
#mi-cuenta .tv-3 .top ul li.smartbox{ float: left; background-image:url("/img/tv-online/icon-smartbox.png"); height: 170px; background-repeat: no-repeat; background-position: 0 20%; background-size: 140px; padding-top: 100px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
#mi-cuenta .tv-3 .top ul li.plan{ height: 130px; background-repeat: no-repeat; background-position: center top; padding-top: 0; color: white; list-style: none; font-size: 20px; width: 70%; text-align: center; border-image-slice: 1; border-style: solid; border-image-source: -webkit-linear-gradient(right, #782a59 , #e37334); -webkit-border-image: -o-linear-gradient(right, #782a59 , #e37334); -moz-border-image: -moz-linear-gradient(right, #782a59 , #e37334); border-width: 3px; margin: 7.5px auto;}
#mi-cuenta .tv-3 .top ul li.plan h1{float: left; font-size:30px; width: 65%; height:100%; text-align: left; padding-top:35px; padding-left: 10px;} 
#mi-cuenta .tv-3 .top ul li.plan h2{float: left; font-size:30px; width: 35%; height:100%; text-align: right; line-height:120px; padding-right: 10px;}
#mi-cuenta .tv-3 .top ul li.plan h1 h{float: left; margin-right:10px; font-size:30px;}
#mi-cuenta .tv-3 .top ul li.plan h1 l{float: left; margin-right:10px; font-size:13px;}

#mi-cuenta .planes-nuevos{margin:25px auto 25px auto; width: 100%; height: 1843px; background-color: #20222F; text-align: left;}
#mi-cuenta .planes-nuevos .plan{width: 250px; height: 350px; margin: 25px auto 0 auto; float:none; background-color: #838282; border-radius: 15px; cursor: pointer;}
#mi-cuenta .planes-nuevos .selected{outline: 7px solid #F6C451;}
#mi-cuenta .planes-nuevos .disabled{opacity: 0.5;   pointer-events: none;   cursor: default;}
#mi-cuenta .planes-nuevos .primero{margin-left: auto;}
#mi-cuenta .planes-nuevos span{color: white; text-align: center; font-size: 20px; float:left; padding-top:40px; width: 100%; padding-bottom: 15px;}
#mi-cuenta .planes-nuevos .subt{width:100%; height: 80px; background-color: #171922; color: #F6C451; font-size:18px; line-height: 80px; padding-left: 50px; font-weight: 600;}
#mi-cuenta .planes-nuevos .pie{width:100%; height: 160px; background-color: #171922; color: #F8F8F8; font-size:22px; line-height: 80px; padding-left: 0; font-weight: 400; float: left; text-align: center;}
#mi-cuenta .planes-nuevos .pie a{  line-height:20px; float:none; padding:10px; background-color: #F6C451; border-radius: 6px; border: none; color: #20222F; margin: 40px auto 0 auto; cursor: pointer; font-size:16px;}
#mi-cuenta .planes-nuevos .pie e{margin:0; padding:0; font-weight: 800; }
#mi-cuenta .planes-nuevos .pie e b{margin:0; padding:0; font-weight: 200; font-size: 12px;}
#mi-cuenta .planes-nuevos .plan h1{width: 100%; height: 100px; background-color: #101218; border-radius: 12px 12px 0 0; border-bottom: solid 1px #ccc;}
#mi-cuenta .planes-nuevos .plan h1 .fijo{text-transform: uppercase; color:white; font-size:19px; display: block; padding-top: 20px; padding-left: 20px; font-family: 'SF-Pro-Text-Regular'; padding-bottom: 0;}
#mi-cuenta .planes-nuevos .plan h1 .name{color:white; font-size:13px; display: block; padding-top: 10px; padding-left: 20px; font-family: 'SF-Pro-Text-Light';}
#mi-cuenta .planes-nuevos .plan ul {background-color: #F8F8F8; color: #20222F; padding-left: 30px; font-size: 17px; list-style: none; display: block; padding-bottom:20px;}
#mi-cuenta .planes-nuevos .plan ul li{padding-top:10px; }
#mi-cuenta .planes-nuevos .plan ul li::before {content: "\2022"; color:#F6C451; font-weight: bold; display: inline-block; width: 20px; margin-left: -10px; font-size:30px; }
#mi-cuenta .planes-nuevos .plan h2 {width: 100%; height: 70px; background-color: #F6C451; border-radius: 0 0 12px 12px; border-top: solid 1px #ccc; color: #20222F; font-size:30px; line-height: 70px; text-align: center;}
#mi-cuenta .planes-nuevos .plan h2 b{font-size:15px;}
#mi-cuenta .planes-nuevos .adicionales {height: 478px; width: 100%; padding-left: 0;}
#mi-cuenta .planes-nuevos .adicionales .hbo {cursor:pointer; background-image: url("/img/hbo-max-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 70%; background-position: 32px 5px; float: none; margin: 25px auto;} 
#mi-cuenta .planes-nuevos .adicionales .hbo h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
#mi-cuenta .planes-nuevos .adicionales .hbo h1 b{font-weight: 200; font-size: 15px;}

#mi-cuenta .planes-nuevos .adicionales .paramount {cursor:pointer; background-image: url("/img/paramount-plus-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 50%; background-position: 52px -5px; float: none; margin: 25px auto;} 
#mi-cuenta .planes-nuevos .adicionales .paramount h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
#mi-cuenta .planes-nuevos .adicionales .paramount h1 b{font-weight: 200; font-size: 15px;}

#mi-cuenta .login {margin:220px auto 25px auto; width: 328px; height: 300px; text-align: center; position: relative; font-family: 'Nunito', sans-serif;}
#mi-cuenta .login h1 {color: white; font-size: 18px; text-align: center; margin-top: 15px;}
#mi-cuenta .login form input[type=text] {width:100%; height: 2.6em; font-size:17px; border-radius: 6px; border: 1px solid #d6d6d6; padding-left: 10px; padding-right: 10px; margin-top:20px;}
#mi-cuenta .login form button {position: absolute; background: url("/img/icon-login.png") no-repeat 50% 50%; background-size: 100%; width: 45px; height: 45px; right: 0; border: none; cursor: pointer; top: 120px;} 

@media (min-width: 768px){

	#mi-cuenta{width: 100%; margin: 0 auto; font-family: 'Nunito', sans-serif; min-height: 800px;}
	#mi-cuenta .planes{margin:25px auto 25px auto; width: 100%; height: 560px; background-color: #20222F;}
	#mi-cuenta .planes .plan{width: 250px; height: 350px; margin: 25px 40px 25px 40px; float:left; background-color: #838282; border-radius: 15px;}
	#mi-cuenta .planes .subt{width:100%; height: 80px; background-color: #171922; color: #F6C451; font-size:18px; line-height: 80px; padding-left: 50px; font-weight: 600;}
	#mi-cuenta .planes .pie{width:100%; height: 80px; background-color: #171922; color: #F8F8F8; font-size:22px; line-height: 80px; padding-right: 50px; font-weight: 400; float: left; text-align: right;}
	#mi-cuenta .planes .pie span{margin:0; padding:0; font-weight: 800; }
	#mi-cuenta .planes .pie span b{margin:0; padding:0; font-weight: 200; font-size: 12px;}
	#mi-cuenta .planes .plan h1{width: 100%; height: 100px; background-color: #101218; border-radius: 12px 12px 0 0; border-bottom: solid 1px #ccc;}
	#mi-cuenta .planes .plan h1 .fijo{text-transform: uppercase; color:white; font-size:19px; display: block; padding-top: 20px; padding-left: 20px; font-family: 'SF-Pro-Text-Regular';}
	#mi-cuenta .planes .plan h1 .name{color:white; font-size:13px; display: block; padding-top: 10px; padding-left: 20px; font-family: 'SF-Pro-Text-Light';}
	#mi-cuenta .planes .plan ul {background-color: #F8F8F8; color: #20222F; padding-left: 30px; font-size: 17px; list-style: none; display: block; padding-bottom:20px;}
	#mi-cuenta .planes .plan ul li{padding-top:10px; }
	#mi-cuenta .planes .plan ul li::before {content: "\2022"; color:#F6C451; font-weight: bold; display: inline-block; width: 20px; margin-left: -10px; font-size:30px; }
	#mi-cuenta .planes .plan h2 {width: 100%; height: 70px; background-color: #F6C451; border-radius: 0 0 12px 12px; border-top: solid 1px #ccc; color: #20222F; font-size:30px; line-height: 70px; text-align: center;}
	#mi-cuenta .planes .plan h2 b{font-size:15px;}
	#mi-cuenta .planes .adicionales {float: left; height: 350px; max-width: 600px;}
	#mi-cuenta .planes .adicionales .hbo {background-image: url("/img/hbo-max-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 70%; background-position: 32px 5px; float: left; margin: 25px 5px 0 5px;} 
	#mi-cuenta .planes .adicionales .hbo h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes .adicionales .hbo h1 b{font-weight: 200; font-size: 15px;}
	
	#mi-cuenta .planes .adicionales .paramount {background-image: url("/img/paramount-plus-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 50%; background-position: 52px -5px; float: left; margin: 25px 5px 0 5px;} 
	#mi-cuenta .planes .adicionales .paramount h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes .adicionales .paramount h1 b{font-weight: 200; font-size: 15px;}
	
	#mi-cuenta .tv-3{min-height: 450px; width: 100%; margin: 0 auto; padding-top:15px; opacity: 1; padding-bottom:70px;}
	#mi-cuenta .tv-3 .top{height: auto; margin: 0 auto; width: 100%; padding-top: 15px;}
	#mi-cuenta .tv-3 .top .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 25px; letter-spacing: .2px; width: 100%; text-align: center; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto;}
	#mi-cuenta .tv-3 .top .subtit{width: 95%; margin: 15px auto; text-align: justify; font-family: 'SF-Pro-Display-Regular'; font-size: 20px; letter-spacing: 1px; color: white;}
	#mi-cuenta .tv-3 .top ul{width: 140px; margin: 0 auto; padding-top: 50px; }
	#mi-cuenta .tv-3 .top ul li{ margin-left: 0; }
	#mi-cuenta .tv-3 .top ul li.tv{ float: left; background-image:url("/img/tv-online/icon-tv.png"); height: 170px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.smartphone{ float: left; background-image:url("/img/tv-online/icon-smartphone.png"); height: 170px; background-repeat: no-repeat; background-position: center top; background-size: 120px; padding-top: 100px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.laptop{ float: left; background-image:url("/img/tv-online/icon-laptop.png"); height: 170px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 100px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.smartbox{ float: left; background-image:url("/img/tv-online/icon-smartbox.png"); height: 170px; background-repeat: no-repeat; background-position: 0 20%; background-size: 140px; padding-top: 100px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.plan{ height: 130px; background-repeat: no-repeat; background-position: center top; padding-top: 0; color: white; list-style: none; font-size: 20px; width: 70%; text-align: center; border-image-slice: 1; border-style: solid; border-image-source: -webkit-linear-gradient(right, #782a59 , #e37334); -webkit-border-image: -o-linear-gradient(right, #782a59 , #e37334); -moz-border-image: -moz-linear-gradient(right, #782a59 , #e37334); border-width: 3px; margin: 7.5px auto;}
	#mi-cuenta .tv-3 .top ul li.plan h1{float: left; font-size:30px; width: 65%; height:100%; text-align: left; padding-top:35px; padding-left: 10px;} 
	#mi-cuenta .tv-3 .top ul li.plan h2{float: left; font-size:30px; width: 35%; height:100%; text-align: right; line-height:120px; padding-right: 10px;}
	#mi-cuenta .tv-3 .top ul li.plan h1 h{float: left; margin-right:10px; font-size:30px;}
	#mi-cuenta .tv-3 .top ul li.plan h1 l{float: left; margin-right:10px; font-size:13px;}

	#mi-cuenta .planes-nuevos{margin:25px auto 25px auto; width: 100%; height: 1575px; background-color: #20222F; text-align: left;}
	#mi-cuenta .planes-nuevos .plan{width: 250px; height: 350px; margin: 25px auto 0 auto; float:none; background-color: #838282; border-radius: 15px; cursor: pointer;}
	#mi-cuenta .planes-nuevos .selected{outline: 7px solid #F6C451;}
	#mi-cuenta .planes-nuevos .disabled{opacity: 0.5;   pointer-events: none;   cursor: default;}
	#mi-cuenta .planes-nuevos .primero{margin-left: auto;}
	#mi-cuenta .planes-nuevos span{color: white; text-align: left; font-size: 20px; float:left; padding-top:20px; width: 100%; padding-bottom: 15px;}
	#mi-cuenta .planes-nuevos .subt{width:100%; height: 80px; background-color: #171922; color: #F6C451; font-size:18px; line-height: 80px; padding-left: 50px; font-weight: 600;}
	#mi-cuenta .planes-nuevos .pie{width:100%; height: 80px; background-color: #171922; color: #F8F8F8; font-size:22px; line-height: 80px; padding-left: 50px; font-weight: 400; float: left; text-align: left;}
	#mi-cuenta .planes-nuevos .pie a{  line-height:20px; float:right; padding:10px; background-color: #F6C451; border-radius: 6px; border: none; color: #20222F; margin: 20px 20px 0 0; cursor: pointer; font-size:16px;}
	#mi-cuenta .planes-nuevos .pie e{margin:0; padding:0; font-weight: 800; }
	#mi-cuenta .planes-nuevos .pie e b{margin:0; padding:0; font-weight: 200; font-size: 12px;}
	#mi-cuenta .planes-nuevos .plan h1{width: 100%; height: 100px; background-color: #101218; border-radius: 12px 12px 0 0; border-bottom: solid 1px #ccc;}
	#mi-cuenta .planes-nuevos .plan h1 .fijo{text-transform: uppercase; color:white; font-size:19px; display: block; padding-top: 20px; padding-left: 20px; font-family: 'SF-Pro-Text-Regular'; padding-bottom: 0;}
	#mi-cuenta .planes-nuevos .plan h1 .name{color:white; font-size:13px; display: block; padding-top: 10px; padding-left: 20px; font-family: 'SF-Pro-Text-Light';}
	#mi-cuenta .planes-nuevos .plan ul {background-color: #F8F8F8; color: #20222F; padding-left: 30px; font-size: 17px; list-style: none; display: block; padding-bottom:20px;}
	#mi-cuenta .planes-nuevos .plan ul li{padding-top:10px; }
	#mi-cuenta .planes-nuevos .plan ul li::before {content: "\2022"; color:#F6C451; font-weight: bold; display: inline-block; width: 20px; margin-left: -10px; font-size:30px; }
	#mi-cuenta .planes-nuevos .plan h2 {width: 100%; height: 70px; background-color: #F6C451; border-radius: 0 0 12px 12px; border-top: solid 1px #ccc; color: #20222F; font-size:30px; line-height: 70px; text-align: center;}
	#mi-cuenta .planes-nuevos .plan h2 b{font-size:15px;}
	#mi-cuenta .planes-nuevos .adicionales {height: 290px; width: 100%; padding-left: 20px;}
	#mi-cuenta .planes-nuevos .adicionales .hbo {cursor:pointer; background-image: url("/img/hbo-max-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 70%; background-position: 32px 5px; float: left; margin: 25px 37px 0 0;} 
	#mi-cuenta .planes-nuevos .adicionales .hbo h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes-nuevos .adicionales .hbo h1 b{font-weight: 200; font-size: 15px;}
	
	#mi-cuenta .planes-nuevos .adicionales .paramount {cursor:pointer; background-image: url("/img/paramount-plus-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 50%; background-position: 52px -5px; float: left; margin: 25px 37px 0 0;} 
	#mi-cuenta .planes-nuevos .adicionales .paramount h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes-nuevos .adicionales .paramount h1 b{font-weight: 200; font-size: 15px;}
	
}

@media (min-width: 992px){

	#mi-cuenta{width: 100%; margin: 0 auto; font-family: 'Nunito', sans-serif; min-height: 800px;}
	#mi-cuenta .planes{margin:25px auto 25px auto; width: 992px; height: 560px; background-color: #20222F;}
	#mi-cuenta .planes .plan{width: 250px; height: 350px; margin: 25px 40px 25px 40px; float:left; background-color: #838282; border-radius: 15px;}
	#mi-cuenta .planes .subt{width:100%; height: 80px; background-color: #171922; color: #F6C451; font-size:18px; line-height: 80px; padding-left: 50px; font-weight: 600;}
	#mi-cuenta .planes .pie{width:100%; height: 80px; background-color: #171922; color: #F8F8F8; font-size:22px; line-height: 80px; padding-right: 50px; font-weight: 400; float: left; text-align: right;}
	#mi-cuenta .planes .pie span{margin:0; padding:0; font-weight: 800; }
	#mi-cuenta .planes .pie span b{margin:0; padding:0; font-weight: 200; font-size: 12px;}
	#mi-cuenta .planes .plan h1{width: 100%; height: 100px; background-color: #101218; border-radius: 12px 12px 0 0; border-bottom: solid 1px #ccc;}
	#mi-cuenta .planes .plan h1 .fijo{text-transform: uppercase; color:white; font-size:19px; display: block; padding-top: 20px; padding-left: 20px; font-family: 'SF-Pro-Text-Regular';}
	#mi-cuenta .planes .plan h1 .name{color:white; font-size:13px; display: block; padding-top: 10px; padding-left: 20px; font-family: 'SF-Pro-Text-Light';}
	#mi-cuenta .planes .plan ul {background-color: #F8F8F8; color: #20222F; padding-left: 30px; font-size: 17px; list-style: none; display: block; padding-bottom:20px;}
	#mi-cuenta .planes .plan ul li{padding-top:10px; }
	#mi-cuenta .planes .plan ul li::before {content: "\2022"; color:#F6C451; font-weight: bold; display: inline-block; width: 20px; margin-left: -10px; font-size:30px; }
	#mi-cuenta .planes .plan h2 {width: 100%; height: 70px; background-color: #F6C451; border-radius: 0 0 12px 12px; border-top: solid 1px #ccc; color: #20222F; font-size:30px; line-height: 70px; text-align: center;}
	#mi-cuenta .planes .plan h2 b{font-size:15px;}
	#mi-cuenta .planes .adicionales {float: left; height: 350px; max-width: 750px;}
	#mi-cuenta .planes .adicionales .hbo {background-image: url("/img/hbo-max-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 70%; background-position: 32px 5px; float: left; margin: 25px 25px 0 25px;} 
	#mi-cuenta .planes .adicionales .hbo h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes .adicionales .hbo h1 b{font-weight: 200; font-size: 15px;}
	
	#mi-cuenta .planes .adicionales .paramount {background-image: url("/img/paramount-plus-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 50%; background-position: 52px -5px; float: left; margin: 25px 25px 0 25px;} 
	#mi-cuenta .planes .adicionales .paramount h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes .adicionales .paramount h1 b{font-weight: 200; font-size: 15px;}
	
	#mi-cuenta .tv-3{min-height: 450px; width: 100%; margin: 0 auto; padding-top:15px; opacity: 1; }
	#mi-cuenta .tv-3 .top{height: 400px; margin: 0 auto; width: 900px; padding-top: 15px;}
	#mi-cuenta .tv-3 .top .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 30px; letter-spacing: .2px; width: 540px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto;}
	#mi-cuenta .tv-3 .top .subtit{width: 60%; margin: 15px auto; text-align: justify; font-family: 'SF-Pro-Display-Regular'; font-size: 25px; letter-spacing: 1px; color: white;}
	#mi-cuenta .tv-3 .top ul{width: 90%; margin: 0 auto; padding-top: 50px; }
	#mi-cuenta .tv-3 .top ul li{ margin-left: 50px; }
	#mi-cuenta .tv-3 .top ul li.tv{ float: left; background-image:url("/img/tv-online/icon-tv.png"); height: 140px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.smartphone{ float: left; background-image:url("/img/tv-online/icon-smartphone.png"); height: 140px; background-repeat: no-repeat; background-position: center top; background-size: 120px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.laptop{ float: left; background-image:url("/img/tv-online/icon-laptop.png"); height: 140px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.smartbox{ float: left; background-image:url("/img/tv-online/icon-smartbox.png"); height: 140px; background-repeat: no-repeat; background-position: 0 20%; background-size: 140px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.plan{ height: 130px; background-repeat: no-repeat; background-position: center top; padding-top: 0; color: white; list-style: none; font-size: 20px; width: 70%; text-align: center; border-image-slice: 1; border-style: solid; border-image-source: -webkit-linear-gradient(right, #782a59 , #e37334); -webkit-border-image: -o-linear-gradient(right, #782a59 , #e37334); -moz-border-image: -moz-linear-gradient(right, #782a59 , #e37334); border-width: 3px; margin: 7.5px auto;}
	#mi-cuenta .tv-3 .top ul li.plan h1{float: left; font-size:30px; width: 65%; height:100%; text-align: left; padding-top:35px; padding-left: 10px;} 
	#mi-cuenta .tv-3 .top ul li.plan h2{float: left; font-size:30px; width: 35%; height:100%; text-align: right; line-height:120px; padding-right: 10px;}
	#mi-cuenta .tv-3 .top ul li.plan h1 h{float: left; margin-right:10px; font-size:30px;}
	#mi-cuenta .tv-3 .top ul li.plan h1 l{float: left; margin-right:10px; font-size:13px;}

	#mi-cuenta .planes-nuevos{margin:25px auto 25px auto; width: 992px; height: 850px; background-color: #20222F;  text-align: left}
	#mi-cuenta .planes-nuevos .plan{width: 250px; height: 350px; margin: 25px 14px 25px 14px; float:left; background-color: #838282; border-radius: 15px; cursor: pointer;}
	#mi-cuenta .planes-nuevos .selected{outline: 7px solid #F6C451;}
	#mi-cuenta .planes-nuevos .disabled{opacity: 0.5;   pointer-events: none;   cursor: default;}
	#mi-cuenta .planes-nuevos .primero{margin-left: 90px;}
	#mi-cuenta .planes-nuevos span{color: white; text-align: left; font-size: 20px; float:left; padding-top:20px; width: 100%; padding-bottom: 15px;}
	#mi-cuenta .planes-nuevos .subt{width:100%; height: 80px; background-color: #171922; color: #F6C451; font-size:18px; line-height: 80px; padding-left: 50px; font-weight: 600;}
	#mi-cuenta .planes-nuevos .pie{width:100%; height: 80px; background-color: #171922; color: #F8F8F8; font-size:22px; line-height: 80px; padding-left: 50px; font-weight: 400; float: left; text-align: left;}
	#mi-cuenta .planes-nuevos .pie a{  line-height:20px; float:right; padding:10px; background-color: #F6C451; border-radius: 6px; border: none; color: #20222F; margin: 20px 20px 0 0; cursor: pointer; font-size:16px;}
	#mi-cuenta .planes-nuevos .pie e{margin:0; padding:0; font-weight: 800; }
	#mi-cuenta .planes-nuevos .pie e b{margin:0; padding:0; font-weight: 200; font-size: 12px;}
	#mi-cuenta .planes-nuevos .plan h1{width: 100%; height: 100px; background-color: #101218; border-radius: 12px 12px 0 0; border-bottom: solid 1px #ccc;}
	#mi-cuenta .planes-nuevos .plan h1 .fijo{text-transform: uppercase; color:white; font-size:19px; display: block; padding-top: 20px; padding-left: 20px; font-family: 'SF-Pro-Text-Regular'; padding-bottom: 0;}
	#mi-cuenta .planes-nuevos .plan h1 .name{color:white; font-size:13px; display: block; padding-top: 10px; padding-left: 20px; font-family: 'SF-Pro-Text-Light';}
	#mi-cuenta .planes-nuevos .plan ul {background-color: #F8F8F8; color: #20222F; padding-left: 30px; font-size: 17px; list-style: none; display: block; padding-bottom:20px;}
	#mi-cuenta .planes-nuevos .plan ul li{padding-top:10px; }
	#mi-cuenta .planes-nuevos .plan ul li::before {content: "\2022"; color:#F6C451; font-weight: bold; display: inline-block; width: 20px; margin-left: -10px; font-size:30px; }
	#mi-cuenta .planes-nuevos .plan h2 {width: 100%; height: 70px; background-color: #F6C451; border-radius: 0 0 12px 12px; border-top: solid 1px #ccc; color: #20222F; font-size:30px; line-height: 70px; text-align: center;}
	#mi-cuenta .planes-nuevos .plan h2 b{font-size:15px;}
	#mi-cuenta .planes-nuevos .adicionales {height: 290px; width: 100%; padding-left: 90px;}
	#mi-cuenta .planes-nuevos .adicionales .hbo {cursor:pointer; background-image: url("/img/hbo-max-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 70%; background-position: 32px 5px; float: left; margin: 25px 37px 0 0;} 
	#mi-cuenta .planes-nuevos .adicionales .hbo h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes-nuevos .adicionales .hbo h1 b{font-weight: 200; font-size: 15px;}
	
	#mi-cuenta .planes-nuevos .adicionales .paramount {cursor:pointer; background-image: url("/img/paramount-plus-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 50%; background-position: 52px -5px; float: left; margin: 25px 37px 0 0;} 
	#mi-cuenta .planes-nuevos .adicionales .paramount h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes-nuevos .adicionales .paramount h1 b{font-weight: 200; font-size: 15px;}
	
}

@media (min-width: 1280px){

	#mi-cuenta{width: 100%; margin: 0 auto; font-family: 'Nunito', sans-serif; min-height: 800px;}
	#mi-cuenta .planes{margin:25px auto 25px auto; width: 1100px; height: 560px; background-color: #20222F;  text-align: left}
	#mi-cuenta .planes .plan{width: 250px; height: 350px; margin: 25px 40px 25px 40px; float:left; background-color: #838282; border-radius: 15px;}
	#mi-cuenta .planes .subt{width:100%; height: 80px; background-color: #171922; color: #F6C451; font-size:18px; line-height: 80px; padding-left: 50px; font-weight: 600;}
	#mi-cuenta .planes .pie{width:100%; height: 80px; background-color: #171922; color: #F8F8F8; font-size:22px; line-height: 80px; padding-right: 50px; font-weight: 400; float: left; text-align: right;}
	#mi-cuenta .planes .pie span{margin:0; padding:0; font-weight: 800; }
	#mi-cuenta .planes .pie span b{margin:0; padding:0; font-weight: 200; font-size: 12px;}
	#mi-cuenta .planes .plan h1{width: 100%; height: 100px; background-color: #101218; border-radius: 12px 12px 0 0; border-bottom: solid 1px #ccc;}
	#mi-cuenta .planes .plan h1 .fijo{text-transform: uppercase; color:white; font-size:19px; display: block; padding-top: 20px; padding-left: 20px; font-family: 'SF-Pro-Text-Regular';}
	#mi-cuenta .planes .plan h1 .name{color:white; font-size:13px; display: block; padding-top: 10px; padding-left: 20px; font-family: 'SF-Pro-Text-Light';}
	#mi-cuenta .planes .plan ul {background-color: #F8F8F8; color: #20222F; padding-left: 30px; font-size: 17px; list-style: none; display: block; padding-bottom:20px;}
	#mi-cuenta .planes .plan ul li{padding-top:10px; }
	#mi-cuenta .planes .plan ul li::before {content: "\2022"; color:#F6C451; font-weight: bold; display: inline-block; width: 20px; margin-left: -10px; font-size:30px; }
	#mi-cuenta .planes .plan h2 {width: 100%; height: 70px; background-color: #F6C451; border-radius: 0 0 12px 12px; border-top: solid 1px #ccc; color: #20222F; font-size:30px; line-height: 70px; text-align: center;}
	#mi-cuenta .planes .plan h2 b{font-size:15px;}
	#mi-cuenta .planes .adicionales {float: left; height: 350px; max-width: 750px;}
	#mi-cuenta .planes .adicionales .hbo {background-image: url("/img/hbo-max-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 70%; background-position: 32px 5px; float: left; margin: 25px 25px 0 25px;} 
	#mi-cuenta .planes .adicionales .hbo h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes .adicionales .hbo h1 b{font-weight: 200; font-size: 15px;}
	
	#mi-cuenta .planes .adicionales .paramount {background-image: url("/img/paramount-plus-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 50%; background-position: 52px -5px; float: left; margin: 25px 25px 0 25px;} 
	#mi-cuenta .planes .adicionales .paramount h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes .adicionales .paramount h1 b{font-weight: 200; font-size: 15px;}
	
	#mi-cuenta .tv-3{min-height: 450px; width: 100%; margin: 0 auto; padding-top:15px; opacity: 1; }
	#mi-cuenta .tv-3 .top{height: 400px; margin: 0 auto; width: 900px; padding-top: 15px;}
	#mi-cuenta .tv-3 .top .tit{font-family: 'SF-Pro-Text-Semibold'; font-size: 30px; letter-spacing: .2px; width: 540px; background: -webkit-linear-gradient(left, #782a59 , #e37334); background: -o-linear-gradient(right, #782a59 , #e37334); background: -moz-linear-gradient(right, #782a59 , #e37334); background: linear-gradient(to right, #782a59 , #e37334);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0 auto;}
	#mi-cuenta .tv-3 .top .subtit{width: 60%; margin: 15px auto; text-align: justify; font-family: 'SF-Pro-Display-Regular'; font-size: 25px; letter-spacing: 1px; color: white;}
	#mi-cuenta .tv-3 .top ul{width: 90%; margin: 0 auto; padding-top: 50px; }
	#mi-cuenta .tv-3 .top ul li{ margin-left: 50px; }
	#mi-cuenta .tv-3 .top ul li.tv{ float: left; background-image:url("/img/tv-online/icon-tv.png"); height: 140px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.smartphone{ float: left; background-image:url("/img/tv-online/icon-smartphone.png"); height: 140px; background-repeat: no-repeat; background-position: center top; background-size: 120px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.laptop{ float: left; background-image:url("/img/tv-online/icon-laptop.png"); height: 140px; background-repeat: no-repeat; background-position: 0 0; background-size: 140px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.smartbox{ float: left; background-image:url("/img/tv-online/icon-smartbox.png"); height: 140px; background-repeat: no-repeat; background-position: 0 20%; background-size: 140px; padding-top: 130px; color: white; list-style: none; font-size: 28px; width: 140px; text-align: center;}
	#mi-cuenta .tv-3 .top ul li.plan{ height: 130px; background-repeat: no-repeat; background-position: center top; padding-top: 0; color: white; list-style: none; font-size: 20px; width: 70%; text-align: center; border-image-slice: 1; border-style: solid; border-image-source: -webkit-linear-gradient(right, #782a59 , #e37334); -webkit-border-image: -o-linear-gradient(right, #782a59 , #e37334); -moz-border-image: -moz-linear-gradient(right, #782a59 , #e37334); border-width: 3px; margin: 7.5px auto;}
	#mi-cuenta .tv-3 .top ul li.plan h1{float: left; font-size:30px; width: 65%; height:100%; text-align: left; padding-top:35px; padding-left: 10px;} 
	#mi-cuenta .tv-3 .top ul li.plan h2{float: left; font-size:30px; width: 35%; height:100%; text-align: right; line-height:120px; padding-right: 10px;}
	#mi-cuenta .tv-3 .top ul li.plan h1 h{float: left; margin-right:10px; font-size:30px;}
	#mi-cuenta .tv-3 .top ul li.plan h1 l{float: left; margin-right:10px; font-size:13px;}

	#mi-cuenta .planes-nuevos{margin:25px auto 25px auto; width: 1100px; height: 850px; background-color: #20222F;}
	#mi-cuenta .planes-nuevos .plan{width: 250px; height: 350px; margin: 25px 40px 25px 40px; float:left; background-color: #838282; border-radius: 15px; cursor: pointer;}
	#mi-cuenta .planes-nuevos .selected{outline: 7px solid #F6C451;}
	#mi-cuenta .planes-nuevos .disabled{opacity: 0.5;   pointer-events: none;   cursor: default;}
	#mi-cuenta .planes-nuevos .primero{margin-left: 90px;}
	#mi-cuenta .planes-nuevos span{color: white; text-align: left; font-size: 20px; float:left; padding-top:20px; width: 100%; padding-bottom: 15px;}
	#mi-cuenta .planes-nuevos .subt{width:100%; height: 80px; background-color: #171922; color: #F6C451; font-size:18px; line-height: 80px; padding-left: 50px; font-weight: 600;}
	#mi-cuenta .planes-nuevos .pie{width:100%; height: 80px; background-color: #171922; color: #F8F8F8; font-size:22px; line-height: 80px; padding-left: 50px; font-weight: 400; float: left; text-align: left;}
	#mi-cuenta .planes-nuevos .pie a{  line-height:20px; float:right; padding:10px; background-color: #F6C451; border-radius: 6px; border: none; color: #20222F; margin: 20px 20px 0 0; cursor: pointer; font-size:16px;}
	#mi-cuenta .planes-nuevos .pie e{margin:0; padding:0; font-weight: 800; }
	#mi-cuenta .planes-nuevos .pie e b{margin:0; padding:0; font-weight: 200; font-size: 12px;}
	#mi-cuenta .planes-nuevos .plan h1{width: 100%; height: 100px; background-color: #101218; border-radius: 12px 12px 0 0; border-bottom: solid 1px #ccc;}
	#mi-cuenta .planes-nuevos .plan h1 .fijo{text-transform: uppercase; color:white; font-size:19px; display: block; padding-top: 20px; padding-left: 20px; font-family: 'SF-Pro-Text-Regular'; padding-bottom: 0;}
	#mi-cuenta .planes-nuevos .plan h1 .name{color:white; font-size:13px; display: block; padding-top: 10px; padding-left: 20px; font-family: 'SF-Pro-Text-Light';}
	#mi-cuenta .planes-nuevos .plan ul {background-color: #F8F8F8; color: #20222F; padding-left: 30px; font-size: 17px; list-style: none; display: block; padding-bottom:20px;}
	#mi-cuenta .planes-nuevos .plan ul li{padding-top:10px; }
	#mi-cuenta .planes-nuevos .plan ul li::before {content: "\2022"; color:#F6C451; font-weight: bold; display: inline-block; width: 20px; margin-left: -10px; font-size:30px; }
	#mi-cuenta .planes-nuevos .plan h2 {width: 100%; height: 70px; background-color: #F6C451; border-radius: 0 0 12px 12px; border-top: solid 1px #ccc; color: #20222F; font-size:30px; line-height: 70px; text-align: center;}
	#mi-cuenta .planes-nuevos .plan h2 b{font-size:15px;}
	#mi-cuenta .planes-nuevos .adicionales {height: 290px; width: 100%; padding-left: 90px;}
	#mi-cuenta .planes-nuevos .adicionales .hbo {cursor:pointer; background-image: url("/img/hbo-max-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 70%; background-position: 32px 5px; float: left; margin: 25px 37px 0 0;} 
	#mi-cuenta .planes-nuevos .adicionales .hbo h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes-nuevos .adicionales .hbo h1 b{font-weight: 200; font-size: 15px;}
	
	#mi-cuenta .planes-nuevos .adicionales .paramount {cursor:pointer; background-image: url("/img/paramount-plus-logo.png"); width:200px; height: 160px; background-repeat: no-repeat; background-color: #0A0B0F; border-radius: 15px; background-size: 50%; background-position: 52px -5px; float: left; margin: 25px 37px 0 0;} 
	#mi-cuenta .planes-nuevos .adicionales .paramount h1{background-color: #101218; margin-top: 90px; float: left; width: 200px; height: 71px; border-radius: 0px 0px 15px 15px ; color: white; font-size: 25px; line-height: 71px; text-align: center; font-weight: 800;}
	#mi-cuenta .planes-nuevos .adicionales .paramount h1 b{font-weight: 200; font-size: 15px;}

}


/* FIN MI CUENTA */

/* INICIO ANIMACIONES/OTROS */
@-webkit-keyframes leftoright{
	0%{background-position: 0%;}
	50%{background-position: 50%;}
	100%{background-position: 100%;}
}
@keyframes leftoright{
	0%{background-position: 0%;}
	50%{background-position: 50%;}
	100%{background-position: 100%;}
}

@keyframes netflix_style {
  0% {
    text-shadow: 0px 0px transparent, 1px 1px #aaa, 2px 2px #aaa, 3px 3px #aaa, 4px 4px #aaa, 5px 5px #aaa, 6px 6px #aaa, 7px 7px #aaa, 8px 8px #aaa, 9px 9px #aaa, 10px 10px #aaa, 11px 11px #aaa, 12px 12px #aaa, 13px 13px #aaa, 14px 14px #aaa, 15px 15px #aaa, 16px 16px #aaa, 17px 17px #aaa, 18px 18px #aaa, 19px 19px #aaa, 20px 20px #aaa, 21px 21px #aaa, 22px 22px #aaa, 23px 23px #aaa, 24px 24px #aaa, 25px 25px #aaa, 26px 26px #aaa, 27px 27px #aaa, 28px 28px #aaa, 29px 29px #aaa, 30px 30px #aaa, 31px 31px #aaa, 32px 32px #aaa, 33px 33px #aaa, 34px 34px #aaa, 35px 35px #aaa, 36px 36px #aaa, 37px 37px #aaa, 38px 38px #aaa, 39px 39px #aaa, 40px 40px #aaa, 41px 41px #aaa, 42px 42px #aaa, 43px 43px #aaa, 44px 44px #aaa, 45px 45px #aaa, 46px 46px #aaa, 47px 47px #aaa, 48px 48px #aaa, 49px 49px #aaa, 50px 50px #aaa, 51px 51px #aaa, 52px 52px #aaa, 53px 53px #aaa, 54px 54px #aaa, 55px 55px #aaa, 56px 56px #aaa, 57px 57px #aaa, 58px 58px #aaa, 59px 59px #aaa, 60px 60px #aaa, 61px 61px #aaa, 62px 62px #aaa, 63px 63px #aaa, 64px 64px #aaa, 65px 65px #aaa, 66px 66px #aaa, 67px 67px #aaa, 68px 68px #aaa, 69px 69px #aaa, 70px 70px #aaa, 71px 71px #aaa, 72px 72px #aaa, 73px 73px #aaa, 74px 74px #aaa, 75px 75px #aaa, 76px 76px #aaa, 77px 77px #aaa, 78px 78px #aaa, 79px 79px #aaa, 80px 80px #aaa, 81px 81px #aaa, 82px 82px #aaa, 83px 83px #aaa, 84px 84px #aaa, 85px 85px #aaa, 86px 86px #aaa, 87px 87px #aaa, 88px 88px #aaa, 89px 89px #aaa, 90px 90px #aaa, 91px 91px #aaa, 92px 92px #aaa, 93px 93px #aaa, 94px 94px #aaa, 95px 95px #aaa, 96px 96px #aaa, 97px 97px #aaa, 98px 98px #aaa, 99px 99px #aaa, 100px 100px #aaa;
    color: #f3f3f3;
    transform: scale(1.5, 1.5);
  }
  10% {
    text-shadow: 0px 0px transparent, 1px 1.5px #aaa, 2px 3px #aaa, 3px 4.5px #aaa, 4px 6px #aaa, 5px 7.5px #aaa, 6px 9px #aaa, 7px 10.5px #aaa, 8px 12px #aaa, 9px 13.5px #aaa, 10px 15px #aaa, 11px 16.5px #aaa, 12px 18px #aaa, 13px 19.5px #aaa, 14px 21px #aaa, 15px 22.5px #aaa, 16px 24px #aaa, 17px 25.5px #aaa, 18px 27px #aaa, 19px 28.5px #aaa, 20px 30px #aaa, 21px 31.5px #aaa, 22px 33px #aaa, 23px 34.5px #aaa, 24px 36px #aaa, 25px 37.5px #aaa, 26px 39px #aaa, 27px 40.5px #aaa, 28px 42px #aaa, 29px 43.5px #aaa, 30px 45px #aaa, 31px 46.5px #aaa, 32px 48px #aaa, 33px 49.5px #aaa, 34px 51px #aaa, 35px 52.5px #aaa, 36px 54px #aaa, 37px 55.5px #aaa, 38px 57px #aaa, 39px 58.5px #aaa, 40px 60px #aaa, 41px 61.5px #aaa, 42px 63px #aaa, 43px 64.5px #aaa, 44px 66px #aaa, 45px 67.5px #aaa, 46px 69px #aaa, 47px 70.5px #aaa, 48px 72px #aaa, 49px 73.5px #aaa, 50px 75px #aaa, 51px 76.5px #aaa, 52px 78px #aaa, 53px 79.5px #aaa, 54px 81px #aaa, 55px 82.5px #aaa, 56px 84px #aaa, 57px 85.5px #aaa, 58px 87px #aaa, 59px 88.5px #aaa, 60px 90px #aaa, 61px 91.5px #aaa, 62px 93px #aaa, 63px 94.5px #aaa, 64px 96px #aaa, 65px 97.5px #aaa, 66px 99px #aaa, 67px 100.5px #aaa, 68px 102px #aaa, 69px 103.5px #aaa, 70px 105px #aaa, 71px 106.5px #aaa, 72px 108px #aaa, 73px 109.5px #aaa, 74px 111px #aaa, 75px 112.5px #aaa, 76px 114px #aaa, 77px 115.5px #aaa, 78px 117px #aaa, 79px 118.5px #aaa, 80px 120px #aaa, 81px 121.5px #aaa, 82px 123px #aaa, 83px 124.5px #aaa, 84px 126px #aaa, 85px 127.5px #aaa, 86px 129px #aaa, 87px 130.5px #aaa, 88px 132px #aaa, 89px 133.5px #aaa, 90px 135px #aaa, 91px 136.5px #aaa, 92px 138px #aaa, 93px 139.5px #aaa, 94px 141px #aaa, 95px 142.5px #aaa, 96px 144px #aaa, 97px 145.5px #aaa, 98px 147px #aaa, 99px 148.5px #aaa, 100px 150px #aaa;
    color: #f3f3f3;
    transform: scale(1.5, 1.5);
  }
  15% {
    color: #f3f3f3;
  }
  20% {
    color: #e90418;
    text-shadow: none;
    transform: scale(1.1, 1.1);
  }
  75% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    color: #e90418;
    transform: scale(0.85, 0.9);
  }
  100% {
    opacity: 0;
    display: none;
  }
}


/* FIN ANIMACIONES/OTROS */