@charset "utf-8";
@import "remixicon.css";

:root {
  --seo-color: #00bf00;
}
@font-face {
	font-family: 'Rajdhani';
	font-style: normal;
	font-weight:700;
	font-display: swap;
	src: url('../text/Rajdhani-Medium.eot?');
	src: url('../text/Rajdhani-Medium.eot?#iefix') format('embedded-opentype'),
	url('../text/Rajdhani-Medium.woff2') format('woff2'), 
	url('../text/Rajdhani-Medium.woff') format('woff'), 
	url('../text/Rajdhani-Medium.ttf') format('truetype'), 
	url('../text/Rajdhani-Medium.svg?#fontregular') format('svg');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Rajdhani-bold';
	font-style: normal;
	font-weight:700;
	font-display: swap;
	src: url('../text/Rajdhani-Bold.eot?');
	src: url('../text/Rajdhani-Bold.eot?#iefix') format('embedded-opentype'),
	url('../text/Rajdhani-Bold.woff2') format('woff2'), 
	url('../text/Rajdhani-Bold.woff') format('woff'), 
	url('../text/Rajdhani-Bold.ttf') format('truetype'), 
	url('../text/Rajdhani-Bold.svg?#fontregular') format('svg');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
	font-family: 'Rajdhani', Tahoma, sans-serif;
    font-size: 14px;
	color: #080809;
    background: #F2F4F7;
    margin: 0;
	padding: 0;
    font-weight: 400;
	display: block;
	min-height: 100vh;
}
#menu-bar {
	background-color:inherit;
	margin-bottom:12px;
	position:relative;
	z-index:999;
}
#menu-list {
	width:50%;
	margin:0 25%;
	margin-top:6px;
	border-radius: 8px;
	color: #1c1e21;
	line-height:1.34;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#menu-list #logo {
	border:none;
	background: #fff;
	cursor:pointer;
	border-radius: 8px 0 0 8px;
}
#menu-list img {
	width:40px;
	max-height:38px;
}
#menu-list .m-title {
	font-size:16px;
	color:#1c1e21;
	display:block;
	padding:10px 5px;
	width:108px;
	height:38px;
	overflow:hidden;
	margin-left:-7px;
	line-height:1.3;
	text-overflow: ellipsis;
    white-space: pre-wrap;	
}
#menu-list .m-title b {
	font-family: 'Rajdhani-bold', Tahoma, sans-serif;
	padding-top: 4px;
	background-image: url('../img/sg-tt.png');
	background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
#menu-list li {
	display:block;
}
#menu-list li .icon {
	font-size: 24px;
	font-weight:550;
    margin-left: 2rem;
    margin-right: 2rem;
}
#menu-list .navbar-item {
	height:52px;
	border-bottom:3px solid #fff;
}
#menu-list .navbar-item:hover {
	background:#F2F2F2;
	border-bottom:3px solid #F2F2F2;
}
#menu-list .navbar-item:active, 
#menu-list .navbar-item.here {
	background: #fff;
	color: var(--seo-color);
	border-bottom:3px solid var(--seo-color);
	transition-duration: 294ms;
	transition-property: all;
}
.here .ri-home-heart-line:before, .lhere .ri-home-heart-line:before { content: "\ee29"; }
.here .ri-radio-2-line:before, .lhere .ri-radio-2-line:before { content: "\f04d"; }
.here .ri-btc-line:before, .lhere .ri-btc-line:before { content: "\f3f0"; }
#menu-burger {
	display:none!important;
	position:relative;
}
#menu-burger:hover nav {
	display:block;
}
#menu-burger:hover .ri-menu-unfold-fill:before {
	content: "\ef3c";
}
#menu-burger nav {
	display: none;
    background: #fff;
    position: absolute;
	left:-180px;
	min-width:240px;
	max-width:320px;
	overflow:hidden;
    gap: 0.75rem;
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
	border-radius: 0 0 8px 8px;
	line-height: 1.34;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#menu-burger nav a {
	display: flex;
    font-size: 16px;
    color: #1c1e21;
    line-height: 2;
    flex-direction: row;
    align-items: center;
	border-bottom:1px solid rgba(0, 0, 0, 0.06);
}
#menu-burger nav a:hover {
	background:#F2F2F2;
	border-bottom:1px solid #F2F2F2;
}
#menu-burger nav a:active, 
#menu-burger nav a.lhere {
	background: #fff;
	color: var(--seo-color);
	border-bottom:1px solid var(--seo-color);
	transition-duration: 294ms;
	transition-property: all;
}
#menu-burger nav i {
	font-size: 24px;
	font-weight:550;
    margin-left: 1rem;
    margin-right: 1rem;
}
#menu-burger nav span {
    line-height: 2;
	width:140px;
    height: 30px;
    font-size: 16px;
    display: inline-block;
    overflow: hidden;
}
#container {
	max-width:100%;
	min-height:200px;
	margin:0;
}
#aviso-mod {
	display: block;
    width: 50%;
    min-height: 200px;
    margin: 0 25%;
    overflow: hidden;
    padding: 0;
    background: #fff;
	text-align:center;
    border-radius: 8px;
    transition: all 0.5s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#aviso-mod h5 {
	display: flex;
    align-items: stretch;
    position: relative;
	flex-grow: 0;
    flex-shrink: 0;
    color: var(--bulma-navbar-item-color);
    gap: 0.75rem;
    line-height: 2;
    padding: 0.5rem 0.75rem;
    background: #fff;
	font-size:16px;
	font-family: 'Rajdhani-bold', Tahoma, sans-serif;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0;
    height: 47px;
	overflow:hidden;
}
#aviso-mod h5 i {
	font-size: 20px;
	color: var(--seo-color);
	line-height:1.5;
}
#aviso-mod h1 {
	font-size:2rem;
	color:#2d2d30;
	display:block;
	line-height:1.5;
	padding: 0.5rem 1rem;
	text-align:center;
	margin-bottom:5px;
}
#aviso-mod h1 i {
	display:block;
	margin-bottom:0.5rem;
	font-size:4rem;
	color: var(--seo-color);
	line-height:1;
}
#aviso-mod .button {
	display: inline-block;
    margin: 10px 0 25px 0;
	font-size:18px;
	font-family: 'Rajdhani-bold', Tahoma, sans-serif;
	font-weight:450;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button.is-success {
	color: #fff;
	background-color: var(--seo-color);
}
.button.is-success:hover {
	background-color: #068706;
}
.button.is-danger {
	color: #fff;
	background-color: #e9230f;
}
.button.is-danger:hover {
	background-color: #b11000;
}
.ch-bts {
	position: absolute;
    width: 50%;
    height: 0;
	display:block;
    justify-content: space-between;
    z-index: 50;
	margin: 0 25%;
	text-align:center;
}
.ch-bts i {
	font-size: 25px;
    font-weight: bold;
    cursor: pointer;
    color: var(--seo-color);
    display: flex;
    margin: 0;
    padding: 0;
	margin-left:-2px;
}
.ch-bts .ch-left, .ch-bts .ch-right {
    padding: 10px;
    display: none;
    float: left;
    left: 10px;
    top: 12px;
    width: 45px;
    height: 45px;
    position: relative;
    text-align: center;
    line-height: 1;
    z-index: 55;
    background: rgba(255, 255, 255, 75%);
    border-radius: 100%;
	transition: all 0.5s ease;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.ch-bts .ch-left:hover, .ch-bts .ch-right:hover {
	background:#fff;
}
.ch-bts .ch-right {
	float:right;
	left:-10px;
	display:block;
}
#ch-list {
	width:50%;
	height:200px;
	margin:0 25%;
	background:none;
    overflow:hidden;
	padding:3px 0;
	margin-bottom: 12px;
}
#ch-list li {
	margin-right: 10px;
}
#ch-list li a {
	display:block;
	background:#fff;
	width:112.5px;
	height:100%;
	position:relative;
	border-radius: 8px;
}
#ch-list li .ch-w {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	border-radius: 8px;
	transition: all 0.5s ease;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#ch-list li .ch-w:before {
	transition: all 0.5s ease;
	background: linear-gradient(180deg,
	rgba(0,0,0,.10) 0%,
	rgba(0,0,0,.20) 20%,
	rgba(0,0,0,.30) 40%,
	rgba(0,0,0,.40) 60%,
	rgba(0,0,0,.50) 80%,
	rgba(0,0,0,.60) 100%);
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	content: '';
}
#ch-list li .ch-w:hover:before {
	transition: all 0.88s ease;
	background: rgba(0, 0, 0, .70);
}
#ch-list li .ch-t {
	width:100%;
	height:47px;
	display:block;
	position:absolute;
	bottom:0;
	border-radius: 0 0 8px 8px;
}
#ch-list li .here .ch-t {
	background: #fff;
}
#ch-list li .ch-t span {
	font-family: 'Rajdhani-bold', Tahoma, sans-serif;
	font-size: 16px;
	font-weight:500;
    display: block;
    text-align: center;
    padding: 5px;
	width:100%;
    height: 34px;
	color: rgba(255, 255, 255, 90%);
	text-shadow: 2px 0px 0px rgba(0,0,0,.5), -1px 2px 0px rgba(0,0,0,.5), -2px -1px 0 rgba(0,0,0,.5), 2px -2px 0 rgba(0,0,0,.5);
    position: absolute;
    bottom: 0px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;	
}
#ch-list li .here .ch-t span {
	color: #65686c;
	text-shadow: none;
}
#ch-list li .ch-t i {
	color:rgba(255, 255, 255, 85%);
    font-size: 20px;
	font-weight:normal;
    padding: 5px;
    border-radius: 100%;
	position: absolute;
    width: 40px;
    height: 40px;
    line-height: 1.1;
	text-align:center;
	margin-top:-60%;
    left: 32%;
    right: 32%;
	border: 4px solid rgba(255, 255, 255, 85%);
}
#ch-list li .here .ch-t i {
	background: var(--seo-color);
	color:#fff;
	border: 4px solid #fff;
	margin-top:-20px;
}
#container .b-bts {
	position: absolute;
    width: 50%;
    height: 0;
	display:block;
    justify-content: space-between;
    z-index: 50;
	margin: 0 25%;
	text-align:center;
}
#container .b-bts i {
	font-size: 25px;
    font-weight: bold;
    cursor: pointer;
    color: var(--seo-color);
    display: flex;
    margin: 0;
    padding: 0;
	margin-left:-2px;
}
#container .b-left, #container .b-right {
    padding: 10px;
    display: none;
    float: left;
    left: 10px;
    top: 12px;
    width: 45px;
    height: 45px;
    position: relative;
    text-align: center;
    line-height: 1;
    z-index: 55;
    background: rgba(255, 255, 255, 75%);
    border-radius: 100%;
	transition: all 0.5s ease;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#container .b-left:hover, #container .b-right:hover {
	background:#fff;
}
#container .b-right {
	float:right;
	left:-10px;
	display:block;
}
#channel-mod {
	display:block;
	padding:0;
	max-width:100%;
	height: 420px;
	margin-bottom:12px;
}
#channel-mod .ch-preview {
	display:block;
	width: 50%;
    height: 420px;
    margin: 0 25%;
    overflow: hidden;
    padding: 0;
	background: #fff;
	border-radius: 8px;
	transition: all 0.5s ease;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#channel-mod .ch-view {
	display:block;
	width:100%;
	height:373px;
	margin:0;
	border-radius: 8px 8px 0 0;
	transition: all 0.5s ease;
}
#channel-mod .ch-view:after {
	position: absolute;
    display: block;
    line-height: 0.1;
    padding: 10px;
	font-family: 'Rajdhani-bold', Tahoma, sans-serif;
    font-size: 14px;
	font-weight:400;
    top: 43.7%;
    left: 45.4%;
    background: #FED712;
    color: #1c1e21;
    content: 'Selecciona un canal.';
	border-radius: 8px;
	z-index:1;
}
#channel-mod .ch-view:before {
	font-family: 'remixicon';
    display: block;
    position: absolute;
	content:"\F04C";
    font-size: 8rem;
	color: #FED712;
    top: 18%;
    left: 45%;
	z-index:1;
}
#channel-mod .ch-view iframe {
	width: 100%;
    height: 100%;
    display: none;
	border-radius: 8px 8px 0 0;
	transition: all 0.5s ease;
	z-index:2;
	position:relative;
}
#channel-mod .mn-view, .modal-sw .mn-view {
	display:flex;
	align-items: stretch;
	position:relative;
	background:#fff;
	border-top:1px solid rgba(0, 0, 0, 0.12);
	margin:0;
	height:47px;
}
#channel-mod .mn-view li, .modal-sw .mn-view li, .modal-sw .mn-view a {
	align-items: center;
    display: flex;
	flex-grow: 0;
    flex-shrink: 0;
	color: var(--bulma-navbar-item-color);
    gap: 0.75rem;
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
    position: relative;
	cursor:pointer;
	background:none;
}
#channel-mod .mn-view li:hover, .modal-sw .mn-view li:hover, .modal-sw .mn-view a:hover {
	color: var(--bulma-navbar-item-color);
	background: #F2F2F2;
}
#channel-mod .mn-view li span, .modal-sw .mn-view li span, .modal-sw .mn-view a span {
	font-family: 'Rajdhani-bold', Tahoma, sans-serif;
	font-size:16px;
	line-height:1.5;
	display:inline-flex;
}
#channel-mod .mn-view .nm-tt, .modal-sw .mn-view .nm-tt {
	width:78.3%;
	overflow:hidden;
	cursor:default!important;
	color:var(--bulma-navbar-item-color)!important;
	background:none!important;
}
#channel-mod .mn-view .nm-tt i, .modal-sw .mn-view .nm-tt i {
	color: var(--seo-color)!important;
	font-weight:200!important;
}
#channel-mod .mn-view li b, .modal-sw .mn-view li b, .modal-sw .mn-view a b {
	display:block;
	line-height:2;
	height:30px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
	writing-mode: horizontal-tb;
}
#channel-mod .mn-view li i, .modal-sw .mn-view li i, .modal-sw .mn-view a i {
    font-size: 20px!important;
    font-weight: 550;
    margin-left: 1rem;
    margin-right: 1rem;
}
/* Ventana modal */
.modal-sw {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
	margin:0;
	background: rgba(255,255,255, 0.80);
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease-out;
	border-radius:0;
}
#modal-video .modal-cont, #modal-imagen .modal-cont {
	margin: auto;
    padding: 10px;
    border-radius:0;
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    animation: slideIn 0.3s ease-out;
}
#modal-video iframe {
    position: relative;
    width: 100%;
	height:93.65%;
    overflow: hidden;
	padding:0;
	display:block;
	border-radius: 12px 12px 0 0;
}
#modal-video ul li.nm-tt {
	width:89%;
}
#modal-imagen img {
	max-width:100%;
	height:auto;
	display: block;
    justify-content: center;
    align-items: center;
	margin:0 auto;
    animation: fadeIn 0.3s ease-out;
}
#modal-imagen .max-h-\[calc\(100\%-30px\)\] {
    max-height: calc(97.65% - 30px);
}
/* Animaciones */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
#modal-alert .modal-cont {
	background: #fff;
	border-radius:12px;
    width: 450px;
	padding:15px;
	box-shadow: 0 3px 8px rgba(0,0,0,.4);
}
#modal-alert h2 {
	font-size: 16px;
	font-family: 'Rajdhani-bold', Tahoma, sans-serif;
    line-height: 1.8;
    overflow: hidden;
	display:flex;
	height:28px;
	text-align:left;
}
#modal-alert p {
	display:flex;
	font-size:16px;
	min-height:60px;
	justify-content: center;
    align-items: center;
}
#modal-alert .box-qr {
    display: block;
    text-align: center;
}
#modal-alert .box-qr #G-QR {
	display:block;
	width:300px;
	height:300px;
	line-height:0;
	margin: 0 auto;
	padding:20px;
	background-color:#FFFFFF;
	background-image:url('../img/QR.png');
	background-repeat: no-repeat;
	border-radius:38px;
}
#modal-alert #qr-text {
	display:block;
	margin: 0 auto;
	margin-top: 5px;
	font-size:16px;
	text-align:center;
	font-family: 'Rajdhani', Tahoma, sans-serif;
	color: #080809;
}
#modal-alert #qr-text::placeholder {
	color: #9393a3;
}
#NewQR {
	cursor:pointer;
	padding: 7px;
    display: block;
    right: 15px;
    bottom: 130px;
    width: 50px;
    height: 50px;
    position: fixed;
    text-align: center;
    line-height: 1.6;
    z-index: 998;
    background: var(--seo-color);
    border-radius: 100%;
	transition: all 0.5s ease;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}
#NewQR:hover {
	background: #068706;
}
#NewQR i {
	color:#FFFFFF;
	font-size: 24px;
	font-weight:normal;
    margin:0;
}
.modal-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
}
.modal-btn {
    padding: 8px 16px;
    font-size:16px;
	font-family: 'Rajdhani-bold', Tahoma, sans-serif;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.modal-btn.accept {
    color: #fff;
	background-color: var(--seo-color);
}
.modal-btn.accept:hover {
    background-color: #068706;
}
.modal-btn.cancel {
    color: #fff;
	background-color: #e9230f;
}
.modal-btn.cancel:hover {
    background-color: #b11000;;
}
footer {
	background-color:inherit!important;
	font-size: 16px;
	color:#9393a3;
	padding:0.5rem 0!important;
	margin-top:12px!important;
}
footer strong {
	font-family: 'Rajdhani-bold', Tahoma, sans-serif;
	color:#9393a3;
}

@media screen and (min-width: 240px) and (max-width: 320px) {
#menu-bar .navbar {
	border-radius: 0 0 8px 8px;
	width:100%;
	margin: 0;
}
#menu-bar .navbar #logo {
	width:calc(43.85% + 3rem);
	overflow:hidden;
	float:left;
}
#menu-bar #logo img {
	float:left;
}
#menu-bar li {
	display:none;
}
#menu-bar #menu-burger {
	display:block!important;
	float:left;
}
#menu-burger .navbar-item {
	border-bottom:0;
}
#menu-burger .navbar-item .icon {
	margin:6px;
}
#container ul {
	width:100%;
	margin: 0;
	display:flex;
	align-items: stretch;
	margin-bottom:12px;
}
#container .ch-bts {
	width:calc(85% + 3rem);
	margin: 0;
	display:inline-flex;
	align-items: center;
	justify-content: space-evenly;
}
#container .ch-left, 
#container .ch-right {
	top:40px;
	left:0;
}
#channel-mod .ch-preview {
	width:100%;
	margin:0;
}
#channel-mod .ch-view:after {
	left: calc(45% - 3rem)!important;
}
#channel-mod .ch-view:before {
	left: calc(45% - 3rem)!important;
}
.ch-preview .mn-view .nm-tt, .modal-sw .mn-view .nm-tt {
	width: calc(69% - 5rem)!important;
}
footer {
	font-size:12px;
}
}
@media screen and (min-width: 240px) and (max-width: 280px) {
#container .ch-bts {
	width: calc(77.4% + 2.9884rem);
	left:calc(-15% + 2rem);
}
#channel-mod .ch-view:after {
	left: calc(38% - 3rem)!important;
}
#channel-mod .ch-view:before {
	left: calc(38% - 3rem)!important;
}
.ch-preview .mn-view .nm-tt, .modal-sw .mn-view .nm-tt {
	width: calc(58% - 5rem)!important;
}
footer {
	font-size:11px;
	padding:10px 0!important;
	margin:0 auto;
}
}
@media screen and (min-width: 321px) and (max-width: 425px) {
#menu-bar .navbar {
	width:99%;
	margin: 0 0.5%;
}
#menu-bar .navbar #logo {
	width:calc(66% + 3rem);
	overflow:hidden;
	float:left;
}
#menu-bar #logo img {
	float:left;
}
#menu-bar li {
	display:none;
}
#menu-bar #menu-burger {
	display:block!important;
	float:right;
}
#menu-burger .navbar-item {
	border-bottom:0;
}
#menu-burger .navbar-item .icon {
	margin:6px;
}
#container ul {
	width:99%;
	margin: 0 0.5%;
	display:flex;
	align-items: stretch;
	margin-bottom:12px;
}
#container .ch-bts {
	display:block;
}
#channel-mod .ch-preview {
	width:99%;
	margin: 0 0.5%;
}
#channel-mod .ch-view:after {
	left: calc(47% - 3rem)!important;
}
#channel-mod .ch-view:before {
	left: calc(47% - 3rem)!important;
}
.ch-preview .mn-view .nm-tt, .modal-sw .mn-view .nm-tt {
	width: calc(78% - 5rem)!important;
}
}
@media screen and (min-width: 426px) and (max-width: 768px) {
#menu-bar .navbar {
	width:96%;
	margin: 0 2%;
}
#menu-bar .navbar #logo {
	width:calc(73% + 3rem);
	overflow:hidden;
	float:left;
}
#menu-bar #logo img {
	float:left;
}
#menu-bar li {
	display:none;
}
#menu-bar #menu-burger {
	display:block!important;
	float:right;
}
#menu-burger .navbar-item {
	border-bottom:0;
}
#menu-burger .navbar-item .icon {
	margin:6px;
}
#container ul {
	width:96%;
	margin: 0 2%;
	display:flex;
	align-items: stretch;
	margin-bottom:12px;
}
#container .ch-bts {
	display:block;
}
#channel-mod .ch-preview {
	width:96%;
	margin: 0 2%;
}
#channel-mod .ch-view:after {
	left: calc(47% - 3rem)!important;
}
#channel-mod .ch-view:before {
	left: calc(47% - 3rem)!important;
}
.ch-preview .mn-view .nm-tt, .modal-sw .mn-view .nm-tt {
	width: calc(84% - 5rem)!important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
#menu-bar .navbar {
	width:80%;
	margin: 0 10%;
}
#menu-bar .navbar #logo {
	display:flex;
	float:left;
}
#menu-list {
	align-items: stretch;
    display: flex;
	justify-content: flex-start;
    margin-inline-end: auto;
}
#menu-list li a {
	align-items: center;
    display: flex;
}
#container ul {
	width:80%;
	margin: 0 10%;
	display:flex;
	align-items: stretch;
	margin-bottom:12px;
}
#container .ch-bts {
	width: 80%;
    margin: 0 10%;
}
#channel-mod .ch-preview {
	width:80%;
	margin: 0 10%;
}
#channel-mod .ch-view:after {
	left: calc(47% - 3rem)!important;
}
#channel-mod .ch-view:before {
	left: calc(47% - 3rem)!important;
}
.ch-preview .mn-view .nm-tt, .modal-sw .mn-view .nm-tt {
	width: 79.2%!important;
}
}