/* ----------------------------------------------------------------
    TEMPLATE FONTS
-----------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Merriweather:300,300i);

@import url(https://fonts.googleapis.com/css?family=Merriweather:300,300i);
@font-face {
    font-family: 'promptlight';
    src: url('../fonts/fonts/prompt-light-webfont.woff2') format('woff2'),
         url('../fonts/prompt-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'promptregular';
    src: url('../fonts/fonts/prompt-regular-webfont.woff2') format('woff2'),
         url('../fonts/prompt-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'promptsemibold';
    src: url('../fonts/prompt-semibold-webfont.woff2') format('woff2'),
         url('../fonts/prompt-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family:'FontAwesome';
    src:url('../fonts/fontawesome-webfont.eot?v=4.1.0');
    src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
        url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),
        url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
        url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {letter-spacing:0;}
body {background:#000;}
small, .small {
    font-size: 100%;
}
.widget > h4 {font-family: "Raleway", "Helvetica", "Arial", sans-serif;}
#header #header-wrap #logo {margin-top:5px;}
.form-control {color: #fff;}
.btn-home {
    border-radius: 0;
    font-family: 'promptregular', 'Helvetica', 'Arial', sans-serif;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 1px;
    /*outline: none;*/
    padding: 12px 20px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    background-color: #000;
    border:none;
    color: #fff;
    /*-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;*/
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 14px;
    /*float: left;*/
}
.btn-home i {text-shadow: none;font-size: 18px;vertical-align: baseline;}
.btn-home:hover, .btn-home:focus, .btn-home:active, .btn-home.active {
      background-color: #de4769;
      /*border-width: 2px;
      border-style: solid;
      border-color: #de4769;*/
      color: #fff; }
.btn-top-home{margin-top:10px;}
.text-topheader {
    width: 100%;
    float: none;
    margin: 9% auto;
}
.text-middle {display: inline-block;/*display: none;*/}
.dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  background-color: rgba(37, 37, 37, 0.9);
  border: 1px solid #292929;
  padding: 12px 16px;
  z-index: 1;
  top:80px;
  right: 0;
}
.dropdown-content p{
  font-size:14px;
  color:#d8d8d8;
  text-align: left;
  margin:5px 0;  
}
.dropdown-content p a{
  color:#d8d8d8; 
}
.dropdown-content p a:hover{
  color:#de4769; 
}

.dropdown:hover .dropdown-content{
  display: block;
}


#last-update .video, #live-tv .video {width: 60%;margin:0 auto;}
.fleft {float: left;}
.fright {float: right;}
.home-channel p {font-family:"promptlight", "Helvetica", "Arial", sans-serif;font-weight: 400;line-height: 1.3;font-size: 16px;border-left:13px #de4769 solid;padding: 0 0 0 15px;
margin:5px 0 0 0;color:#fff;float: right;}
.home-channel ul {list-style: none;padding: 0;margin:0;}
.home-channel img {width: 10%;padding: 0;margin:0 10px 30px 10px;;float: left;}
.home-channel ul li {display: inline-block;}

.home-last-update h2 {font-family:"promptregular", "Helvetica", "Arial", sans-serif;font-weight: 400;text-transform: uppercase;padding: 6px 0;color:#fff;text-align: left;float:left;}
.home-last-update h4 {font-family:"promptregular", "Helvetica", "Arial", sans-serif;font-weight: 400;color:#de4769;line-height: 1;}
.home-last-update .today ul {list-style: none;padding: 0;margin:0;}
.home-last-update .today li {display: inline-block;background:#000000;padding: 8px 10px; text-align: center;color:#de4769;height: 35px;}
.home-last-update .today li a {color:#fff;}
.home-last-update .today li:hover {color:#fff;border-bottom:3px #de4769 solid}
.home-last-update .today li.first-pink {background:#000;padding: 8px 10px; text-align: center;color:#fff;border-bottom:3px #de4769 solid;height: 35px;}
.home-last-update .today li.first-pink a{color: #fff;}
.home-last-update .today li.first-pink a:hover {color: #fff;}

.dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 210px;
  background-color: rgba(0, 0, 0, 1);
  border:transparent;
  padding: 12px 16px;
  z-index: 1;
  top:80px;
  right: 0;
}
.dropdown-content p{
  font-size:12px;
  color:#fff;
  text-align: left;
  margin: 15px 0; 
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.dropdown-content p a{
  color:#fff; 
}
.dropdown-content p a:hover{
  background-color: rgba(37, 37, 37, 0.9);
  color:#de4769; 
}

.dropdown-content p span.colorpink-submenu {color:#de4769;}
.dropdown-content p.text-yello{
  font-size:12px;
  color:#f6d400;
  text-align: left;
  margin:15px 0;  
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.dropdown-content p.text-yello a{
  color:#f6d400; 
}
.dropdown-content p.text-yello a:hover{
  color:#de4769; 
}

.dropdown:active .dropdown-content {
  display: block;
}

.dropdown-hover .dropdown-content {
  display: block;
}
.fa-shopping-cart:before,
.fa-pen:before,
.fa-history:before,
.fad.fa-sign-out-alt:after,
.fad.fa-sign-out-alt:before {font-size: 14px;color: #fff;}

#header .header-extras > ul > li .btn-top-regsiter {margin-top: -2%;}
#header .header-extras > ul > li .btn-top-regsiter a {
  border: 1px #de4769 solid;
  /*font-size:12px;*/
  font-size: 12px;
  padding: 15px 20px;
  color:#fff;
  text-align: left;
  margin:5px 0;  
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;}
#header .header-extras > ul > li .btn-top-regsiter a:hover {color:#de4769;}

#header .header-extras.login {
  float: right;
  z-index: 201;
  position: relative;
  margin: 2% 1%;
}
#header .header-extras.login  {text-align: center;}
#header .header-extras.login p {padding: 0;margin:0;}
#header .header-extras.login span {text-align: center;line-height: 1;padding:0;margin:0;
  font-size:12px;
  color:#fff;  
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;}
  #header .header-extras.login p a {color: red;}
#header .header-extras.login p a:hover{color: red;}

.home-last-update ul.menu-last-update > li > a:hover {border-color:transparent;}
.home-last-update ul.menu-last-update > li > a:hover, .home-last-update ul.menu-last-update > li > a:focus {text-decoration: none; background-color:transparent;}
.home-last-update ul.menu-last-update > li > a { margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius:0;}
.home-last-update ul.menu-last-update > li > a { position: relative; display: block;padding:0;}

.home-last-update .tab-content .box-channels ul {list-style: none;padding: 0;margin:0;float: left;}
.home-last-update .tab-content .box-channels ul li {display: inline-block;padding: 5px 15px; text-align: center;color:#de4769;background: none;height: auto;}
.home-last-update .tab-content h5 {
    padding: 0;
    margin: 0 0 1px 0;
    font-size: 12px;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    text-align: center;
    line-height: 1.4;
    font-weight: normal;
}
.home-last-update .tab-content p {
    padding: 1px;
    margin: 0 0 1px 0;
    font-size: 11px;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    text-align: center;
    line-height: 1;
    color: #f6d400;
}
.all-tv-program h2 {font-family:"promptregular";font-weight: 400;text-transform: uppercase; text-align: center;margin-bottom: 30px;color:#fff;}
.all-tv-program .center {text-align: center !important;margin:0 auto;padding: 10px 0;}
.all-tv-program img {
    width: 8%;
    padding: 0;
    margin: 0 10px 30px 10px;}
.all-tv-program img:hover {opacity:0.6;}
figcaption {
	position: absolute;
  text-align: center;
  cursor: pointer;
	left: 0;
  padding: 5px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  bottom: 20px;
  width: 93%;
  z-index: 9;
}
.home-last-update .portfolio-item.img-zoom p {color:#f6d400;font-size: 11px;text-align: center;padding:0 0 15px 0;margin:0;}

.home-last-update .grid-filter {height: auto;float: left;border-bottom: 2px #393939 solid;padding-bottom: 20px;}
.home-last-update .grid-filter ul {
    list-style: none;
    padding: 0;
    position: relative;
    height: auto; }
  .home-last-update .grid-filter li {
    position: relative;
    margin: 2px;
    border: 0;
    display: inline-block;
    text-align: center;
    background:#000;
    float: left; }
  .home-last-update .grid-filter li p {text-align: center;color: #fff;
    font-size: 16px;
    margin: 0 0 -4px 0;
    padding: 0;
    font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;}
  .home-last-update .grid-filter li span {
    color: #fff;
    font-size: 11px;
    margin: 0;
    padding: 0;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    opacity: 1;
    text-transform: none;}
    .home-last-update .grid-filter li a {
      font-family: "Raleway", "Helvetica", "Arial", sans-serif;
      font-weight: 600;
      display: block;
      position: relative;
      padding: 10px 16px;
      font-size: 13px;
      line-height: 15px;
      color: #565656;
      border-radius:0;
      transition: all .3s ease;
      border-width: 2px;
      border-style: solid;
      border-color: transparent; }
    .home-last-update .grid-filter li:hover a, .home-last-update .grid-filter li.active a {
      color: #fff;
      text-align: center;
      background-color: #de4769; }
  .home-last-update .grid-filter.gf-outline li:hover a, .home-last-update .grid-filter.gf-outline li.active a {
    border-color: #de4769;
    background-color: #de4769;
    text-align: center;
    color: #fff;}

.list-bottom-menu .rowboxall {padding: 0;margin:0;}
.list-bottom-menu .rowboxall ul {list-style: none;padding: 0;margin:10px 0;width: 100%}
.list-bottom-menu .rowboxall ul li {float: left;width: 100%;margin:2px; text-align: left;font-size: 14px;color: #e8e8e8;
font-family:"Open Sans", "Helvetica", "Arial", sans-serif;font-weight: normal;}
.list-bottom-menu .rowboxall ul li a {color:#e8e8e8; }
.list-bottom-menu .rowboxall ul li a:hover {color:#de4769; }
.list-bottom-menu .boxblack1 {
	background:#000000;
	margin:0;
	width: 100%;
	float: left;
	height: 540px;
	padding: 30px 20px;
}
.list-bottom-menu .boxblack2 {
	background:#0d0d0d;
	margin:0;
	width: 100%;
	float: left;
	height: 540px;
	padding: 30px 20px;
}
.list-bottom-menu .boxblack3 {
	background:#000000;
	margin:0;
	width: 100%;
	float: left;
	height: 540px;
	padding: 30px 20px;
}
.list-bottom-menu .boxblack4 {
	background:#0d0d0d;
	margin:0;
	width: 100%;
	float: left;
	height: 540px;
	padding: 30px 20px;
}
.list-bottom-menu .boxblack5 {
	background:#0d0d0d;
	margin:0;
	width: 100%;
	float: left;
	height: 340px;
	padding: 30px 20px;
}
.list-bottom-menu .boxblack6 {
	background:#000000;
	margin:0;
	width: 100%;
	float: left;
	height: 340px;
	padding: 30px 20px;
}
.list-bottom-menu .boxblack7 {
	background:#0d0d0d;
	margin:0;
	width: 100%;
	float: left;
	height: 340px;
	padding: 30px 20px;
}
.list-bottom-menu .boxblack8 {
	background:#000000;
	margin:0;
	width: 100%;
	float: left;
	height: 340px;
	padding: 30px 20px;
}
button.boxmenu1 {
    background-color: transparent;
    color: #fff;
    width: 100%;
    border: transparent;
    text-align: left;
    outline: none;
    font-size: 2.6em;
    font-weight: 400;
    transition: 0.4s;
    margin-top: 0;
    line-height: 16px;
    font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
    
}
button.boxmenu1 dd {padding: 15px 0;font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;line-height: 1;font-size: 20px;}
button.boxmenu1 dd span {font-size: 11px; color: #de4769 !important;text-transform: uppercase;}

/*login*/
.login .background-black {width: 60%;background: #000;margin:1% auto;padding:0;}
.login .background-black h1 {font-family:"promptregular";font-weight: 400;text-align: center;margin-bottom: 30px;color:#d0d0d0;font-size: 30px;}
.btn-default {
    color: #fff;
    background-color: #de4769;
    border-color: #de4769;
    font-family:"promptregular";font-weight: 400;text-align: center;text-transform: uppercase;border-radius: 50px;width: 90%;padding: 20px;
}
.login .background-black p {color: #939393;text-align: center;font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;margin:0;padding: 0;}
.login .background-black p a {color: #f6d400;}
.login .background-black p a:hover {color: #de4769;}

#header .header-extras > ul > li .btn-top-regsiter {margin-top: -2%;}
#header .header-extras > ul > li .btn-top-regsiter a {
  border: 1px #de4769 solid;
  font-size: 12px;
  padding: 15px 20px;
  color:#fff;
  text-align: left;
  margin:5px 0;  
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;}
#header .header-extras > ul > li .btn-top-regsiter a:hover {color:#de4769;}

.header-extras-login {
  line-height: 1;
  float: right;
  border: 1px #de4769 solid;
  font-size: 12px;
  padding: 15px 20px;
  color:#fff;
  text-align: left;
  margin:2% 0 0 0;  
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.header-extras-login a {color: #fff;}
.header-extras-login a:hover {color:#de4769;}

/*.login*/
/*register*/
.register .background-black{width: 70%;background: #000;margin:0 auto;padding: 0 40px;}
.register .background-black h1 {font-family:"promptregular";font-weight: 400;text-align: center;margin-bottom: 30px;color:#d0d0d0;font-size: 30px;}
.btn-default.btnregister {
    color: #fff;
    background-color: #de4769;
    border-color: #de4769;
    margin-top:2%;
    font-family:"promptregular";font-weight: 400;text-align: center;text-transform: uppercase;border-radius: 50px;width: 30%;padding: 20px;
}
.register .background-black p {color: #939393;text-align: center;font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;margin:0;padding: 0;}
.register .background-black p a {color: #939393;}
.register .background-black p a:hover {color: #de4769;}

.register .background-black ul {list-style: none;width: 100%;height: auto;padding: 0;margin:0;}
.register .background-black ul li {display: inline-block;margin:5px 0;padding: 10px 20px;text-align: left;float: left;}
.register .background-black ul li.active {background:#161616; padding: 10px 20px;display: inline-block;float: left;}
.register .background-black .checkbox p {color: #999999;font-size:16px;text-align: left;font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;margin:-3px 2px;padding: 0;}
.register .background-black .checkbox p span.firstf {color: #999999;text-align: left;}
.register .background-black .checkbox p span {color:#de4769;}
.register .background-black .checkbox p small {font-size: 70%;color:#e6b610;text-transform: uppercase;}

.register .background-black .pack-borderL {border-left: 1px #252525 solid;}
.register .background-black h3 {
  color: #d0d0d0;
  text-align: left;
  margin:5px 0 10px 5px;
  padding: 0;
  font-size: 13px;
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.register .background-black .top {margin-top:8%;}
/*.register*/

/*renews*/
.renew .background-black{width: 70%;background: #000;margin:0 auto;padding: 0 40px;}
.renew .background-black h1 {font-family:"promptregular";font-weight: 400;text-align: center;margin-bottom: 30px;color:#d0d0d0;font-size: 30px;}
.btn-default.btnrenew {
    color: #fff;
    background-color: #de4769;
    border-color: #de4769;
    margin-top:2%;
    font-family:"promptregular";font-weight: 400;text-align: center;text-transform: uppercase;border-radius: 50px;width: 30%;padding: 20px;
}
.renew .background-black p {color: #939393;text-align: center;font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;margin:0;padding: 0;}
.renew .background-black p a {color: #939393;}
.renew .background-black p a:hover {color: #de4769;}

.renew .background-black ul {list-style: none;width: 100%;height: auto;padding: 0;margin:0;}
.renew .background-black ul li {display: inline-block;margin:5px 0;padding: 10px 20px;text-align: left;float: left;width: 100%;margin:0;}
.renew .background-black ul li.active {background:#161616; padding: 10px 20px;display: inline-block;float: left;margin:0;width: fit-content;}
.renew .background-black .checkbox p {
  color: #fff !important;font-size:14px;
  line-height: 1;
  text-align: left;font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;margin:-3px 2px;padding: 0;}

.renew .background-black .checkbox p span.firstf {color: #fff;text-align: left;}
.renew .background-black .checkbox p span {color:#de4769;}
.renew .background-black .checkbox p small {font-size: 70%;color:#e6b610;text-transform: uppercase;}

.renew .background-black .pack-borderL {border-left: 1px #252525 solid;}
.renew .background-black h3 {
  color: #d0d0d0;
  text-align: left;
  margin:5px 0 10px 5px;
  padding: 0;
  font-size: 13px;
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.renew .background-black .top {margin-top:8%;}
/*.renews*/


/*member*/
.member .background-black {width: 60%;background: #000;margin:1% auto;padding: 50px 40px;}
.member .background-black h1 {font-family:"promptregular";font-weight: 400;text-align: center;margin-bottom: 30px;color:#d0d0d0;font-size: 30px;}
.fa-user-circle-pink:before {content: "\f2bd";
    font-size: 30px;
    color: #c94260;}
.member .background-black .form-inline {width: 90%;margin: 0 auto;}
.member .background-black .form-group {width: 100%;display: inline-block;margin:3px 0 6px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;}
.member .background-black .form-group label {color: #7d7d7d !important; width: 23%; text-transform: none;text-align: right !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;}
.member .background-black .form-group input {margin:2px 8px;position: relative;}
.btn-default-inline {
    color: #fff;
    background-color: #de4769;
    border-color: #de4769;
    font-family:"promptregular";font-weight: 400;text-align: center;font-size:14px;text-transform: none;border-radius:0;width:auto;padding: 15px !important;
}
.btn-default-member {
    color: #fff;
    margin:0 auto;
    background-color: #de4769;
    border-color: #de4769;
    font-family:"promptregular";font-weight: 400;text-align: center;text-transform: uppercase;border-radius: 50px;width: 30%;padding: 20px;
}
/*.member*/
.recently-view {width: auto;float: left;background:transparent;padding: 10px;margin-left: 15px;cursor: pointer;color: #fff;border-bottom: 3px #de476a solid;}
.recently-view:hover {background:transparent;color: #fff;}

.clean .lastupdate ul {width: 100%; float: left;padding: 0;margin:0;border-bottom: 2px #393939 solid;padding-bottom: 20px;list-style: none;}
.clean .lastupdate li {background: #000; width: auto;height: 100%; cursor: pointer;float: left;padding: 10px 20px;margin:0;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
    border-bottom: 3px #000 solid} 
.clean .lastupdate li span {font-size: 12px;}
.clean .lastupdate li:hover {background: #000;border-bottom: 3px #de4769 solid}
.clean .lastupdate li .box1 {width:auto;float: left;vertical-align: top;}
.clean .lastupdate li .box2 {width:auto;float: left;vertical-align: top;padding:5px 0 0 10px;}
.clean .lastupdate li.active {background: #000;border-bottom: 3px #de4769 solid;}

.clean .tabs-navigation.lastupdate li.active a, .clean .tabs-navigation.lastupdate li.active a:focus, .clean .tabs-navigation.lastupdate li.active a:hover {
    border-width: 0;
    background: #de4769;
    color: #fff;
}

.btn-favorites {width: auto;float: left;background:#000;
	font-size:16px;font-family: "promptregular", "Open Sans", "Helvetica", "Arial", 
  sans-serif;padding: 8px 20px;margin-left: 15px;cursor: pointer;color: #fff;border:1px #424242 solid;}
.btn-favorites span {font-size: 26px;}
.btn-favorites:hover {background:#ce3255;color: #fff;}

.btn-favorites-ratings {width: auto;float: left;background:none/*#161616*/;
  font-size:16px;font-family: "promptregular", "Open Sans", "Helvetica", "Arial", 
  sans-serif;/*padding: 10px 20px;*/margin-left: 15px;cursor: pointer;color: #fff;border:1px #424242 solid;}
select {padding: 11px 32px 8px 10px;}
select.player-select {padding: 11px 32px 8px 10px;line-height: 1;/*background:#000000;*/}
.player .channel-top ul.list-episode {width: 100%; float: left;padding: 15px 0 0 0;margin:0;list-style: none;}
.player .channel-top ul.list-episode li {width: auto;height: 100%; width: 100%;cursor: pointer;float: left;padding: 5px 10px;margin:2px;
    color: #fff;
    display: block; 
    font-size: 15px;
    line-height: 1;
    font-family: "promptlight", "Open Sans", "Helvetica", "Arial", sans-serif;
    line-height: 1.3;} 
.player .channel-top ul.list-episode li a {color: #fff;}
.player .channel-top ul.list-episode li a:hover, .player .channel-top ul.list-episode li a:focus, .player .channel-top ul.list-episode li a:visited {
  text-decoration: none;
  outline: none;
  color: #bababa;
}
.player .channel-top ul.list-episode li a:active {
  text-decoration: none;
  outline: none;
  color: #de4769;
}
.player .channel-top ul.list-episode li.active {color: #de4769;}
.player .channel-top ul.list-episode li.active a {color: #de4769;}
.player .channel-top nav.pagination {margin:20px 0;}
.player .channel-top nav.pagination ul {
    clear: both;
    display: block;
    width: 100%;
    float: left;
}
.player .channel-top nav.pagination ul li {
    display: inline;
    padding: 5px 2px;
    margin: 1px;
    text-align: center;
    background: #161616;
}
.player .channel-top nav.pagination ul li.active {background:#de4769;color:#fff;}
.player .channel-top nav.pagination ul li.active a {color: #fff;}

/*pagination*/
.all-pagination nav.pagination {margin:20px auto; text-align: center;}
.all-pagination nav.pagination ul {
    clear: both;
    display: block;
    width: 100%;
    float: left;
}
.all-pagination nav.pagination ul li {
    display: inline;
    padding: 5px 2px;
    margin: 1px;
    text-align: center;
    background: #000000;
}
.all-pagination nav.pagination ul li a {color: #fff;}
.all-pagination nav.pagination ul li a:hover {color:#de4769;}
.all-pagination nav.pagination ul li.active {background:#de4769;color:#fff;}
.all-pagination nav.pagination ul li.active a {color: #fff;}
/*.pagination*/

.player .video .server ul {list-style: none;padding: 0;margin:0 15px 0 0;float: left;}
.player .video .server ul li {display: inline-block;margin:0; text-align: center;padding: 0 4px 2px 4px;color: #fff;font-size: 14px;vertical-align: top;
font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;opacity: 0.6;}

.player .video .server ul li.text-server{
  color: #fff;
  font-size: 14px;
  font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: normal;
  opacity:1;
  text-transform: uppercase;
  /*font-family: "Raleway", "Helvetica", "Arial", sans-serif;
  padding: 0 5px 0 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  opacity:1;*/
}
.player .video .server ul li.text-server span {vertical-align: baseline;}
.player .video .server ul li.text-server:hover{
  border-bottom: none;
}
.fa-server {margin-top:5px;}
.fa-server:before {
    content: "\f233";
    color: #fff;
    margin-right: 5px;
    font-size: 18px;
}
.player .video .server ul li a {color: #fff;/*border-bottom: 2px #c94260 solid;*/}
.player .video .server ul li:hover {color: #fff;opacity: 1;border-bottom: 2px #c94260 solid;}
.player .video .server ul li.active {color: #fff;opacity: 1;border-bottom: 2px #c94260 solid;}
.player .video .server ul li.active:hover {color: #fff;opacity: 1;}
.player .video .server ul li .fa-check-circle:before {content: "";
    font-size: 30px;
    background: url(../images/green-check.png) center top no-repeat;
    position: absolute;width: 20px;height: 20px;
    color: #c94260;}

.player .video .resolution {margin-left: 10px;float: right;}
.player .video .resolution ul {list-style: none;padding: 0;margin:0;float: left;}
.player .video .resolution ul li {display: inline-block;margin:0; text-align: center;background:#000;padding: 0 10px 8px 10px;color: #fff;font-size: 14px;
font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;}
.player .video .resolution ul li a {color: #fff;}
.player .video .resolution ul li:hover {border-bottom: 2px #de4769 solid;color: #fff;}
/*.player .video .resolution ul li.active {background:#de476a;color: #fff;}*/
.player .video .resolution ul li.active {background: black;
    border: black;
    color: #de4769;
    border-bottom: 2px #de4769 solid;}

.player .video .resolution ul li.active a {color: #fff;}
.player .video .resolution ul li.active:hover {border-bottom: 2px #de4769 solid;color: #fff;}
.player .video .download-right {
  float: left;
  margin:0 3% 0 0;
  text-align: right;
  color:#fff !important;
  font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
}

section.detail .tabs-navigation {background:none;margin: 5px 0 20px 0;}
section.detail .tabs-navigation.justify-content-center { display: flex; justify-content: center!important;}
/*section.detail .tabs-navigation li.bdL {border-left:1px #424242 solid;height: 50px;margin:0 10px;}*/
section.detail .tabs-navigation li {
  font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  background: #000;
  /*border:1px #424242 solid;*/  
}
section.detail .tabs-navigation li a {font-size: 20px;background: #000;color: #fff;padding: 15px 30px;border:1px #424242 solid; border-radius: 0;/*margin: 2px;*/}
.radius .tabs-navigation li:first-child a {border-radius: 0;}
section.detail .tabs-navigation li a:hover {border-bottom: 3px #de4769 solid;color: #fff;}
section.detail .tabs-navigation li.active {
    background: #000;
    border:#161616;
    color: #fff;
    border:1px #424242 solid;
    border-bottom: 3px #de4769 solid;
    box-shadow: none;
    border-radius: 0}
section.detail .tabs-navigation li.active a, section.detail .tabs-navigation li.active a:focus, section.detail .tabs-navigation li.active a:hover {
    background: #000;
    border:#161616;
    color: #fff;
    /*border:1px #424242 solid;*/
    /*border-bottom: 3px #de4769 solid;*/
    box-shadow: none;
    border-radius: 0;}
section.detail .radius .tabs-content {border: none;}
section.detail .radius .tabs-content h4 {
  font-family: "promptlight", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 20px;color: #999999;padding:0;margin:0;}
section.detail .radius .tabs-content p {
  font-family: "promptlight", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 17px;color: #fff;vertical-align: top;text-align: left;line-height: 1.3;}
section.detail .radius .tabs-content img {text-align: center;margin:0 auto;}
.form-control.comment {
  border-radius: 0;
  box-shadow: none;
  height: auto;
  line-height: 1.33333;
  padding: 12px 20px;
  border-radius:0;
  border: 2px solid #201f1f;
  background: #201f1f;
  margin-bottom: 6px;
  float: left;width: 50%;
  font-family:"promptregular";
   }
  .form-control.comment:focus {
    box-shadow: none; }
  .btn-default-comment {
    color: #fff;
    background-color: #de4769;
    border-color: #de4769;
    font-family:"promptregular";font-weight: 400;text-align: center;text-transform: uppercase;border-radius:0;padding:15px 30px !important;
    float: left;width: auto;
}
.form-control.comment small {color: #a3a3a3 !important;}

.form-control.issue {
  border-radius: 0;
  box-shadow: none;
  height: auto;
  line-height: 1.33333;
  padding: 12px 20px;
  border-radius:0;
  border: 2px solid #201f1f;
  background: #201f1f;
  margin-bottom: 6px;
  float: left;width: 80%;
  font-family:"promptregular";
   }
  .form-control.issue:focus {
    box-shadow: none; }
  .btn-default-issue {
    color: #fff;
    background-color: #cf002e;
    border-color: #cf002e;
    font-family:"promptregular";font-weight: 400;text-align: center;text-transform: uppercase;border-radius:0;padding:15px 30px !important;
    float: left;width: auto;
}
.comment-content {width: 100%;float: left;margin:10px 0;}
/*.comment-content ul {list-style-image: url(../images/icon-comment.png);}*/

.comment-content ul {list-style: none;padding: 0;margin:0;float: left;width: 100%;}
/*.comment-content ul li {display: inline-block;margin:5px 0; text-align: center;padding: 8px 4px;color: #fff;font-size: 14px;vertical-align: top;
font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;opacity: 0.6;}*/
.comment-content ul li{
    font-size: 30px;
    /*background: url(../images/icon-comment.png) left no-repeat;*/padding:10px 20px;
    width: auto;height: auto;width: 30%;display: inline-block;}
.comment-content p {text-align: left;color: #fff;font-size: 16px;font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
  padding: 0;margin:0;line-height: 1;}
.comment-content p span {color: #de4769 !important;font-size: 13px;}

/*tv-program*/
.clean .detail-tv-program{border-bottom: 2px #393939 solid;padding-bottom: 20px;width: 100%;height: auto;float: left;}
.clean .detail-tv-program img {width: 110px;margin:5px 10px;float: left; text-align: center;opacity: 0.5;}
.clean .detail-tv-program a{opacity: 0.7;}
.clean .detail-tv-program:hover {opacity: 1;}
.clean .detail-tv-program img:hover {opacity: 1;}
.clean .detail-tv-program .active {opacity: 1;}
.clean .detail-tv-program .active:hover {opacity: 1;}

.fa-video-tv:before {
    content: "\f03d";
    font-size: 2.9rem;
}
.fa-play-circle-tv:before {
    content: "\f144";
    font-size: 2.9rem;
}
.fa-play-circle-player:before {
    content: "\f144";
    color: #b5b5b5;
}
.fa-play-circle-playeractive:before {
    content: "\f144";
    color: #de4769;
}

/*live-player*/
.background-dark-all {background: #000 !important;}
.background-dark-grayall {background: #161616 !important;}
.live-player .channel-live-player h1 {
	font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
	font-size: 26px;
	text-align: center;
	font-weight: 700;
	margin: 20px 0;
}
.live-player .channel-live-player h1 span {font-size: 16px;font-weight: normal;}
.live-player .channel-live-player img {width: 85px;float: left;margin:5px;}
.live-player .channel-top ul {list-style: none;margin:0 auto;width: 65%;padding:0;}
.live-player .channel-top ul.justify-center {list-style: none;margin:0 auto;width: 100%;padding:0;}
.live-player .channel-top ul li {margin:5px auto; text-align: center;width: 100%;display: inline-block;}
.live-player .channel-top ul li img {text-align: center;margin:0 auto;width: 55%;}
.live-player .channel-top ul li.resolution {background:/*none*/#1a1a1a;padding: 10px 15px; text-align: center;color: #fff;width: 100px;
font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
font-size: 18px;cursor: pointer;/*border: 1px #424242 solid;*//*float: left;*/margin:1px 0;}
.live-player .channel-top ul li.resolution a {color: #fff;}
.live-player .channel-top ul li.resolution:hover {background:#de476a;/*border-bottom: 3px #de4769 solid;*/}
.live-player .channel-top ul li.resolution.active {background:/*none*/#de476a;color: #fff;/*border-bottom: 3px #de4769 solid;*/}

.live-player .video ul {list-style: none;padding: 0;margin:0;}
.live-player .video ul li {display: inline-block;margin:5px 0; text-align: center;background:#000;padding: 15px 20px;color: #fff;font-size: 14px;
font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;}
.live-player .video ul li a {color: #fff;}
.live-player .video ul li:hover {border-bottom: 3px #de4769 solid;color: #fff;}
.live-player .video ul li.active{ /*{background:#de476a;color: #fff;}*/
background: black;
    border: black;
    color: #fff;
    border-bottom: 3px #de4769 solid;
    box-shadow: none;
    border-radius: 0;}
.live-player .video ul li.active:hover {border-bottom: 3px #de4769 solid;color: #fff;}

.live-player form {text-align: center;margin:5% auto 0 auto; width: 100%;}
.live-player form .form-control {
    border-radius: 0;
    box-shadow: none;
    height: auto;
    line-height: 1.33333;
    padding: 12px 20px;
    border-radius: 20px;
    border: 2px solid #201f1f;
    font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
    background: #201f1f;
    margin-bottom: 6px;}

.form-control-topissue {
    border-radius: 0;
    box-shadow: none;
    height: auto;
    line-height: 1.33333;
    padding: 12px 20px;
    border-radius: 20px 0 0 20px;
    border: 2px solid #201f1f;
    font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
    background: #201f1f;
    margin-bottom: 6px;
    float: left;
    width: 83%;
}
.btn-default.report {
    color: #fff;
    background-color: #b80029;
    border-color: #b80029;
    font-family: "promptregular";
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0 50px 50px 0;
    width:auto;
    padding: 15px 20px;
    float: left;}

/*player*/
.player h1 {font-family:"promptregular";font-weight: 400;text-align: left;margin-bottom: 20px;color:#fff;font-size: 30px;line-height: 1.3;
float: left;margin-top:5px;}

/*our-service*/
section.our-service h1 { text-align: center;margin:0 0 30px 0;}
section.our-service h2 {
    font-family: "promptregular";
    font-weight: 400;
    text-transform: uppercase;
    padding: 6px 0;
    color: #fff;
    text-align: center;
}
section.our-service h3 {text-align: center;}
section.our-service p {
  font-family: "promptlight";
    font-weight: 400;
    text-transform: uppercase;
    padding: 6px 0;
    color: #ebebeb;
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}
section.our-service .justify-content-center img {
    width: 75%;
    padding: 0;
    margin: 0 auto;
}
section.our-service .justify-content-center {justify-content: center!important;display: flex;list-style: none;padding: 0;}
section.our-service .icon-box.center {
    padding: 0;
    text-align: center;
}
section.our-service .icon-box.border .icon {
    border: 2px solid #6d6d6d;
    text-align: center;
    border-radius: 50%;
    background-color: transparent;
    margin: 0 auto;
}
section.our-service .fa-check:before{content:"\f00c";color: #3fbf00;}
section.our-service .center img {
    width: 10%;
    padding: 0;
    margin: 0 10px 30px 10px;
}

/*dootv 7.4.2020*/
section.our-service .dootv--btn {
  width: 100%;
  float: left;
  text-align: center;
  margin: 2% auto 4% auto
}
section.our-service .dootv--btn p {
    font-family: "promptregular";
    font-size: 30px;
    padding: 15px 20px;
    color: #fff;
    text-align: center;
    text-transform: none;
    width: fit-content;
    background:#df0000;
    margin:0 auto !important;
}
section.our-service .dootv--btn p a,
section.our-service .dootv--btn p a:hover {color:#fff;text-decoration: none;opacity: .9;}

section.detail .video ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-align: left;
}
section.detail .video ul li {
    background: #201f1f;
    padding: 10px;
    margin: 4px 0;
    text-align: center;
    color: #fff;
    font-family: "promptlight";
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}
section.detail .video ul li a{color: #fff;}
section.detail .video ul li:hover {background: #de476a;color: #fff;}
section.detail .video ul li.active {background:#de476a;color: #fff;}
section.detail .video ul li.active:hover {background:#de476a;color: #fff;}
/*.our-service*/

.grid-item {position: relative !important;padding: 0px 22px 20px 0px;}
#header.header-transparent + #slider .hero-vignette-top.vignette-layer {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#141414), to(rgba(20, 20, 20, 0)));
background-size: 100% 100%;
    background-position: 0 top;
    background-repeat: repeat-x;
    background-color: transparent;
    width: 100%;
    height: 12.8vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 2.65;
    z-index: 8;
}

#header.header-transparent + #slider .hero-vignette-bottom.vignette-layer {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#141414), to(rgba(20, 20, 20, 0)));
background-size: 100% 100%;
    background-position: 0 top;
    background-repeat: repeat-x;
    background-color: transparent;
    width: 100%;
    height: 6.8vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 2.65;
    z-index: 8;
}

input[type="radio"], input[type="checkbox"] {
    /*margin: 4px 0 0;
    margin-top: 1px \9;*/
    line-height: normal;
    position: absolute;
    margin-left: -20px;
    margin-top:-2px;
}

dl {margin-bottom: 0;}
.footer-content {padding: 30px 0;}
footer .widget {margin-bottom: 0;}
footer .credit img {opacity: 0.6;}
#footer .logo img {opacity: 1;}
footer p {margin:8px 0; opacity: 0.6;}
footer .widget.logo img {text-align: center;width: 80%;}

section.thanks h1 {
    text-align: center;
    margin: 0 0 30px 0;
    color: #ce3255;
    font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
}
section.thanks p {
    text-align: center;
    margin: 0 0 30px 0;
    color: #c3c3c3;
    font-size: 16px;
    font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
}
section.thanks .boxcontent-thanks {width: 80%;margin:0 auto;}
section.thanks img {text-align: center;margin:0 auto;}
#mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {width: 200px;}
.fa-eye:before {
    content: "\f06e";
    color: #de4769 !important;
    margin-right: 5px !important;
}
.fa-star:before {
    content: "\f005";
    color: #de4769 !important;
    margin: 0 5px !important;
    font-size: 14px;
}
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-family: "Raleway", "Helvetica", "Arial", sans-serif;
    padding: 11px 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.8);
    border:transparent;
}
#header.header-fullwidth #mainMenu:not(.menu-left):not(.menu-center) nav > ul > li.mega-menu-item > .dropdown-menu {margin-top:-1%;}
.justify-center {width: 65%;margin:0 auto !important;}
.view-right {text-align: right !important;padding:0 2% 1% 0;}
.rating-top {float: left;padding: 14px 10px;color: #dbdbdb;
font-size: 12px;letter-spacing: 1px;
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;
  font-weight: 600;}
.name {float: left;}
.btn-right {float: left;}
.allcenter {text-align: center;margin:2% auto 0 auto;float: none;}

/*top viewed*/
.top-viewed h2 {
    font-family: "promptregular";
    font-weight: 400;
    text-transform: uppercase;
    padding: 6px 0;
    color: #fff;
    text-align: left;
    float: left;
}
.top-viewed .tab-pane p {
    padding: 1px;
    margin: 0 0 1px 0;
    font-size: 11px;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    text-align: center;
    line-height: 1;
    color: #f6d400;
}
.channel-top.view-right {text-align: right;color:#dbdbdb;padding: 0 0 1% 0;font-size: 12px;letter-spacing: 1px;
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;float: right;width: auto;text-transform: uppercase;font-weight: 600;}
.channel-top.view-left {text-align: left;color:#dbdbdb;padding: 0 0 1% 0;font-size: 12px;letter-spacing: 1px;
  font-family: "Raleway", "Helvetica", "Arial", sans-serif;float: left;width: auto;text-transform: uppercase;font-weight: 600;}
.fa-arrow-alt-to-bottom:before {
    content: "\f34a";
    color:#fff;
    font-size: 16px;
    margin-right:3px;
} 

.channel-top.view-left .fa-eye:before {
    content: "\f06e";
    color: #fff !important;
    margin-right: 5px !important;
    font-size: 14px;
}

.text-light.top-viewed .tab-pane h5 {
    color: #fff;
    font-size: 12px;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    text-align: center !important;
    line-height: 1;
    margin: 0 0 1px 0;
    padding:0;
    font-weight: normal;
}
.text-light.top-viewed .tab-pane .top-viewed-home{
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  background:#000;padding:5px 10px;text-align: center;color:#f6d400;font-size: 12px;
}
.fa-eye-home:before {
    content: "\f06e";
    color:#f6d400;
    margin-right: 3px;
}
.fa-calendar-check-o:before {
    content: "\f274";
    color: #f6d400;
}
.fa-heart:before {
    content: "\f004";
    color: #fff;
    font-size: 20px;
}
.fa-heart-player:before {
    content: "\f004";
    color:#de4769;
    font-size: 15px;
}
.fa-user-circle:before {
    content: "\f2bd";
    color: #fff;
    font-size: 20px;
}
.fa-search:before {
    content: "\f002";
    font-size: 20px;
}
.fa-remove:before, .fa-close:before, .fa-times:before {font-size: 20px;}
.fa-heart a {color:#c94260;}
.fa-heart:hover {color:#c94260;}
.fa-user-edit:before{
    content: "\f4ff";
    color: #fff;
    font-size: 14px;
}
 .fad.fa-user-edit:after {content: "\10f4ff";color: #fff;font-size: 14px;}

.tabs-navigation li a {padding:10px}
.exit-renew {text-align: right !important;
  color: #f6d400 !important;font-family: "Raleway", "Helvetica", "Arial", sans-serif;text-align:right;
  margin-top:-1%;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.player .video .server ul li h2.none-xs {
  font-size: 1.3em;
  line-height: 1.36363636em;
  font-weight: 400;
  color: #fff;
}

/*topmenu*/
#header.header-sticky #header-wrap {
  position: relative;
  /*position:fixed;*/
}
/*.topmenu*/

.commentList {text-align:left;margin-bottom: 10px;}
.commentList p {
  font-family: "promptlight", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 17px;
    color: #fff;
}
.commentList p span {
  font-family: "promptlight", "Open Sans", "Helvetica", "Arial", sans-serif;
  color: #9c9c9c !important;
  font-size: 13px;
  font-weight: 400;
}
.commentList .icon-comment {width:1.4%;float: left;text-align: left;margin-right: 5px;}
.commentList .text-comment {width: 90%;float: left;text-align: left;}

.lines{
  top: 0;
  height: 2px;
  width: 22px;
  margin:2px 0;
}
.lines::before, .lines::after {height: 2px;margin:2px 0;}
.lines::after {top: -9px;}
.detail-fav-view ul{width: 100%; float: left;padding: 0;margin:0 0 2% 0;padding-bottom: 20px;list-style: none;}
.detail-fav-view ul li {
  background:none; width: auto;
  height: 100%; 
  cursor: pointer;
  float: left;
  padding:10px 0;
  margin:2px 5px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;text-transform: uppercase;} 
.detail-fav-view ul li span {font-size: 12px;}
.detail-fav-view ul li a {color: #fff;padding:10px 15px;}
.detail-fav-view ul li a:hover {background:none;color: #fff;border-bottom: 3px #de4769 solid;}
.detail-fav-view ul li.active a, .detail-fav-view ul li.active a:focus, .detail-fav-view ul li.active a:hover {
    background: #161616;
    border:#161616;
    color: #fff;
    border-bottom: 3px #de4769 solid;
    box-shadow: none;
    border-radius: 0;
    padding:10px 15px;
  }
.tabs-navigation li.active a::after {
  display: none;
}

#header.header-fullwidth #top-search form input {color:#f6d400;}
.clean .tabs-navigation li.active a, .clean .tabs-navigation li.active a:focus, .clean .tabs-navigation li.active a:hover{
  background: #000;border-bottom: 3px #de4769 solid;height: 66px;
}
.clean .tabs-navigation li {height: 66px;}
.clean .tabs-navigation li a:hover {border-bottom: 3px #de4769 solid;background:#000;}
.visible-xs-player {display: none;}
.video-service {height: 500px;width: 640px;}
.text-light div:not(.alert):not(.jw-toggle) {text-align: center;}
.form-group.textleft {text-align: left !important;}


/*search*/
/*.bgblack {background:#313131;}*/
    .search {padding: 10px 0;margin:0 -15px; float:left; width:auto; border-radius:0; border:none;}
    .search p { text-align: left;line-height: 1.42857;color: #fff;font-size: 14px;font-weight: 600;}
    /*.no-padding {padding: 0; margin:0;}*/
    .search-tia {position: absolute;/*right:10px;*/ right: 235px; top: 27px;display: block;padding: 15px 18px;z-index: 99999;}
    .search-tia-sp {position: absolute;/*right:10px;*/ right: 55px;display: block;padding: 15px 18px;}
    .search .input-group-addon{padding:12px 15px;font-size:16px;font-weight:normal;line-height:1;color:#c0c0c0;text-align:center;position: absolute;background: none;border:none;}
    .search .form-control-login {
                border: 1px solid #5b5b5b;
                padding: 8px 15px 8px 38px;
                width: 100%;
                height: auto;
                border-radius: 0;
                box-shadow: none;
                border-radius: 50px;
                background:#313131;color: #c0c0c0;
                letter-spacing: 1px;float: left;}
    .form-control-search {border: 1px solid #e6e6e6;
    padding: 10px 15px;
    width: 100%;
    height: auto;
    border-radius: 2px;
    box-shadow: none;}
    .btn-search {margin:5px -15px; padding: 5px;background: #f7d22c; border-radius: 30px; border:0; color: #2a2a2a;float: left;}
    .btn-search a {color: #2a2a2a;}
    .btn-search:hover {color: gray;}
    #container-key {
        margin: 0 auto;
        width: 688px; padding: 10px; border: 1px #ccc solid;background: #eeeeee;
        position: absolute;
        z-index: 999;
            top: 60%;right: 0;}
        #write {
            margin: 0 0 5px;
            padding: 5px;
            width: 671px;
            height: 200px;
            font: 1em/1.5 Verdana, Sans-Serif;
            background: #fff;
            border: 1px solid #f9f9f9;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;}
            #keyboard {
                margin: 0;
                padding: 0;
                list-style: none;
                font: 90%/1.5 Verdana, Sans-Serif;}
                #keyboard li {
                    float: left;
                    font-size: 1.5rem;
                    margin: 0 5px 5px 0;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    background: #fff;
                    border: 1px solid #f9f9f9;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;}
                    #keyboard li.close {font-weight: 700;color: #000;right:5px;float: right;background: #fff;opacity: 1;color:red;border:1px #cbcbcb solid;line-height:35px;}
                    .capslock, .tab, .left-shift {clear: left;}
                    #keyboard .tab, #keyboard .delete {width: 70px;}
                    #keyboard .capslock {width: 80px;}
                    #keyboard .return {width: 77px;}
                    #keyboard .left-shift {width: 95px;}
                    #keyboard .right-shift {width: 109px;}
                    .lastitem {margin-right: 0;}
                    .uppercase {text-transform: uppercase;}
                    #keyboard .space {clear: left;width: 681px;}
                    .on {display: none;}
                    #keyboard li:hover {position: relative; top: 1px;left: 1px;border-color: #e5e5e5;cursor: pointer;}
                    #keyboard li.close:hover {font-weight: 700; color: #000;right:5px;opacity: 0.8;}
    @media (max-width: 1024px){
        .search .form-control-login {width: 100%;}
    }
    @media (min-width: 768px) and (max-width: 991px) {

        .search .form-control-login {font-size: 14px; padding: 8px 8px 8px 30px;letter-spacing:0; font-size: 12px; width:100%;}
        .btn-search {font-size: 12px; font-weight: 600;margin-left:-22px;}
        .search-tia {right: 10px; padding: 13px 18px;}
        .search .input-group-addon {font-size: 12px;padding: 13px 15px;}
        #container-key {width: 668px;top:90%; right: 0;}
    }
    @media (max-width: 767px) {
        .search {width: 100%; margin:0 auto;}
        .btn-search {float: none;}
        #container-key {width: 100%; left: 0; right:0; top: 75%;}
        .search .form-control-login {margin:0 10px;}
        .search .input-group-addon {padding: 12px 15px 12px 25px;}
        .search-tia {right: 10px;}
    }
/*.search*/

.our-service .img-mobile{width: 41.66666667%;float: left;}
.our-service .img-mobile img {margin:0 auto;}
.our-service .text-mobile {width: 58.33333333%;float: left;}

/*content topmenu right*/
#header .header-extras > ul > li {
  line-height: 1.5;
  margin-top: 16%;
  text-align: center;
}
#header .header-extras > ul > li > a:not(.btn){
  color:#fff;
  text-transform:none;
  font-size: 14px;
  font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: normal;
}
#header .header-extras > ul > li a:hover {color: #fff !important;}
#header .header-extras > ul > li p.top {
  color:#fff;
  text-transform:none;
  font-size: 14px;
  font-family: "promptregular", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: normal;padding:0;margin:0;
}
#header .header-extras > ul > li p.top:hover {color:#f6d400;}
#header .header-extras #favorites-top {color: #fff;}
/*.content topmenu right*/

/*bar topmenu*/
.Choose-version {background:#f6d400;width: 100%;max-height: 250px;padding: 20px;}
.Choose-version .left{width: 15%;float: left;text-align: center;}
.Choose-version .left img {margin:0 auto;text-align: center;}
.Choose-version .right {width: 85%;float: right;text-align: center;}
.Choose-version .right h1 {font-size: 40px;padding: 0;margin:5px 0 15px 0;font-weight: bold;
  font-family:"promptlight", "Helvetica", "Arial", sans-serif;text-align: center;color: #000; }
.Choose-version .right ul {width: 100%;display: inline-block;list-style: none;padding: 0;margin:0;}
.Choose-version .right ul li {display: inline-block;margin:5px 15px;}
.Choose-version .right ul li.btn {background:#000;padding:20px; text-align: center; color: #fff;
  font-family:"promptlight", "Helvetica", "Arial", sans-serif;
  font-size: 26px;font-weight: bold;
}
.Choose-version .right ul li.btn a {color:#fff;}
.Choose-version .right ul li.btn a:hover {color:#f6d400;}
.fa-exclamation-triangle:before {font-size: 10em;color: red;}
.visible-xs-c {display:none;}
/*.bar topmenu*/

/*new slider*/
/*#header {position: absolute;}*/
#slider {height: 612px !important;}
#slider.slider2 .hero-vignette-top.vignette-layer {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#141414), to(rgba(20, 20, 20, 0)));
background-size: 100% 100%;
    background-position: 0 top;
    background-repeat: repeat-x;
    background-color: transparent;
    width: 100%;
    height: 12.8vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 2.65;
    z-index: 8;
}

#slider.slider2 .hero-vignette-bottom.vignette-layer {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#141414), to(rgba(20, 20, 20, 0)));
background-size: 100% 100%;
    background-position: 0 top;
    background-repeat: repeat-x;
    background-color: transparent;
    width: 100%;
    height: 6.8vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 2.65;
    z-index: 8;
}
.kenburns-bg-animate {display: none;}
/*.kenburns-bg {background:none;}

.tp-kbimg {height: 612px !important;
    width: 1600px !important;}
.rev_slider img, .tp-simpleresponsive img {
    max-width: none!important;
    margin: 0;
    padding: 0;
    border: none;
}
.tp-bgimg.defaultimg {background-size: none !important;}*/
/*.new slider*/


/*edit 2021*/
      .fa-user-circle:before{color:#f6d400 !important;}
      #header .header-extras>ul>li p.top.yello{color:#f6d400 !important;}
      .fa-cog:before{font-size: 20px !important;color:#fff !important;}

@media (max-width: 600px){
      .fa-cog:before{margin-left: 20px !important;}
}
  /*renew*/
.register .background-black p span.circle{
  background:#de4769;border-radius: 50%;text-align: center;color:#fff;font-size: 15px;text-align: center;padding: 2px 10px;
    margin-right: 5px;}
.register .background-black .checkbox p img.credit-renew{width: 34px !important;}
.register .background-black .checkbox p{color:#fff !important;}
.register .background-black ul li {width: 100%;padding: 5px 0}
.renew .background-black .checkbox p small {color:#f6d400 !important;}



@media (max-width: 1280px) {
  .Choose-version .right h1 {font-size: 30px;}
  .fa-exclamation-triangle:before {font-size: 9em;}
}
@media (max-width: 1024px) {
  .Choose-version .right h1 {font-size: 26px;}
  .Choose-version .right ul li.btn {font-size: 20px;}
}
@media (max-width: 800px) {
  .Choose-version .right h1 {font-size: 20px;}
  .fa-exclamation-triangle:before {font-size: 7em;}
  .Choose-version .right ul li.btn {font-size: 18px;}
}
@media (max-width: 600px) {
  .fa-exclamation-triangle:before {font-size: 5em;}
  .Choose-version .right ul li.btn {font-size: 14px; padding:14px;}
  .Choose-version .right h1 {margin:5px 0 10px 0;}
}
@media (max-width: 480px) {
  .Choose-version .right h1 {font-size: 12px;}
  .Choose-version .right ul li.btn {padding:8px;font-size: 12px;margin:0 5px;}
  .fa-exclamation-triangle:before {font-size: 4em;}
}
@media (max-width: 414px) {
  .hidden-xs-c {display: none;}
  .visible-xs-c {display: inline;}
  .Choose-version .right {width: 100%;}
  .fa-exclamation-triangle:before {font-size: 1.5em;}
  .Choose-version .right h1 {font-size: 10px;}
  .Choose-version .right ul li.btn {font-size: 10px;}    
}
@media (max-width: 365px) {
  .Choose-version {padding: 20px 15px;}
}
/*.bar topmenu*/

@media (max-width: 1440px) {
  .live-player .channel-live-player img {width: 75px;} 
  .live-player .channel-top ul {width: 70%;}
}
@media (max-width: 1366px) {
  .player .video .resolution ul li {font-size: 12px;}  
  .justify-center {width: 80%;margin:0 auto !important;}
  .live-player .channel-live-player img {width: 65px;}
  .form-control.issue {width: 78%;}
  .live-player .channel-top ul {width: 80%;}
  .slide.kenburns.background-overlay {background-size: contain;background-repeat: no-repeat;}
  /*slider*/
  #header.header-transparent + #slider .hero-vignette-bottom.vignette-layer{bottom: 21px;}
  .slide.kenburns.background-overlay{height: 550px !important;}
  #header.header-transparent + #slider {height: 550px !important;}
  #header.header-transparent + #slider, #header.header-transparent + #page-title:not(.page-title-classic), 
  #header.header-transparent + .fullscreen, #header.header-transparent + .halfscreen, 
  #header.header-transparent + #google-map, #header.header-light-transparent + #slider, 
  #header.header-light-transparent + #page-title:not(.page-title-classic), 
  #header.header-light-transparent + .fullscreen, #header.header-light-transparent + .halfscreen, 
  #header.header-light-transparent + #google-map, #header.header-dark-transparent + #slider, 
  #header.header-dark-transparent + #page-title:not(.page-title-classic), 
  #header.header-dark-transparent + .fullscreen, #header.header-dark-transparent + .halfscreen, 
  #header.header-dark-transparent + #google-map, #header.header-colored-transparent + #slider, 
  #header.header-colored-transparent + #page-title:not(.page-title-classic), #header.header-colored-transparent + .fullscreen, 
  #header.header-colored-transparent + .halfscreen, #header.header-colored-transparent + #google-map
  {margin-bottom: -110px;}
}
@media (max-width: 1280px) {
  .register .background-black {width: 90%;} 
  .justify-center {width: 85%;margin:0 auto !important;}
  .form-control-topissue {width: 80%;}
  .form-control.issue {width: 75%;}
  .player .video .resolution ul li {font-size: 12px;}
  .player .video .server ul li h2.none-xs {font-size: 1.2rem;line-height: 1.8em;}
  /*slider*/
  #header.header-transparent + #slider .hero-vignette-bottom.vignette-layer{bottom: 52px;}
  .slide.kenburns.background-overlay{height: 550px !important;}
  #header.header-transparent + #slider {height: 550px !important;}
  #header.header-transparent + #slider, #header.header-transparent + #page-title:not(.page-title-classic), 
  #header.header-transparent + .fullscreen, #header.header-transparent + .halfscreen, 
  #header.header-transparent + #google-map, #header.header-light-transparent + #slider, 
  #header.header-light-transparent + #page-title:not(.page-title-classic), 
  #header.header-light-transparent + .fullscreen, #header.header-light-transparent + .halfscreen, 
  #header.header-light-transparent + #google-map, #header.header-dark-transparent + #slider, 
  #header.header-dark-transparent + #page-title:not(.page-title-classic), 
  #header.header-dark-transparent + .fullscreen, #header.header-dark-transparent + .halfscreen, 
  #header.header-dark-transparent + #google-map, #header.header-colored-transparent + #slider, 
  #header.header-colored-transparent + #page-title:not(.page-title-classic), #header.header-colored-transparent + .fullscreen, 
  #header.header-colored-transparent + .halfscreen, #header.header-colored-transparent + #google-map
  {margin-bottom: -120px;}
}

@media (max-width: 1029px) {
 .form-control-topissue {width: 70%;}
 .live-player .channel-top ul li.resolution {width: fit-content;}
}

@media (max-width: 1024px) {
  .comment-content ul li {width: 45%;}
  .form-control.issue {width: 50%;} 
  .list-bottom-menu .boxblack1, .list-bottom-menu .boxblack2, .list-bottom-menu .boxblack3, .list-bottom-menu .boxblack4 {height: 600px;} 
  .grid-item > img, .grid-item > a > img {height: 100px;}
  #header.header-fullwidth #mainMenu:not(.menu-left):not(.menu-center) nav > ul > li.mega-menu-item > .dropdown-menu {left: 30%;margin-top: -1%;}
  .form-control-topissue {width: 80%;font-size: 11px;}
  .btn-default.report {font-size: 11px;padding:13px;}
  .justify-center {width: 75%;}
  .live-player .channel-top ul li.resolution {width: 70px;font-size:16px;}
  .player .video .server ul h2 {font-size:1rem; }
  .player .video .server ul li {padding:0 4px;}
  .player .video .server ul li img {width: 20px;vertical-align: middle;}
  .player .video .resolution {padding:0;margin:0;}
  .player .video .resolution ul li {margin:0;}
  .player .video .resolution ul {float: left;}
  .live-player .channel-live-player img {width: 50px;}
  .live-player .channel-live-player h1 {font-size: 14px;}
  .form-control.issue {width: 78%;}
  .register .background-black {width: 100%;padding: 0 10px;}
  .register .background-black ul li {padding: 10px;margin:0;}
  .renew .background-black {width: 90%;}
  .home-channel img {width: 9%;}
  #mainMenu nav > ul > li > a {padding: 11px 15px;}
  .tabs-navigation li a {padding: 10px 8px;}
  #last-update .video, #live-tv .video {width: 90%;}
  /*slider*/
  #header.header-transparent + #slider .hero-vignette-bottom.vignette-layer{bottom: 12px;}
  .slide.kenburns.background-overlay{height: 400px !important;}
  #header.header-transparent + #slider {height: 400px !important;}
  #header.header-transparent + #slider, #header.header-transparent + #page-title:not(.page-title-classic), 
  #header.header-transparent + .fullscreen, #header.header-transparent + .halfscreen, 
  #header.header-transparent + #google-map, #header.header-light-transparent + #slider, 
  #header.header-light-transparent + #page-title:not(.page-title-classic), 
  #header.header-light-transparent + .fullscreen, #header.header-light-transparent + .halfscreen, 
  #header.header-light-transparent + #google-map, #header.header-dark-transparent + #slider, 
  #header.header-dark-transparent + #page-title:not(.page-title-classic), 
  #header.header-dark-transparent + .fullscreen, #header.header-dark-transparent + .halfscreen, 
  #header.header-dark-transparent + #google-map, #header.header-colored-transparent + #slider, 
  #header.header-colored-transparent + #page-title:not(.page-title-classic), #header.header-colored-transparent + .fullscreen, 
  #header.header-colored-transparent + .halfscreen, #header.header-colored-transparent + #google-map
  {margin-bottom: -120px;}
}
@media (max-width: 991px) {
.list-bottom-menu .boxblack1, .list-bottom-menu .boxblack2, .list-bottom-menu .boxblack3, .list-bottom-menu .boxblack4,
.list-bottom-menu .boxblack5, .list-bottom-menu .boxblack6, .list-bottom-menu .boxblack7, .list-bottom-menu .boxblack8
 {min-height: auto;padding: 15px 20px;}
.all-tv-program img, .home-channel img {width: 22%;margin: 5px 2px;}
.slide.kenburns.background-overlay, #header.header-transparent + #slider, #slider {height: auto !important;}
.btn {font-size: 12px;}
.home-last-update h4 {font-size: 16px;}
.register .background-black h1 {font-size: 22px;}
.login .background-black, .btn-default.btnregister, .register .background-black,
.renew .background-black
 {width: 100%;}
.register .background-black ul li.bggray, .register .background-black ul li {padding: 10px 15px}
.home-last-update .today ul li {float: left;}
.live-player .channel-live-player img {width: 100px;}
.live-player .channel-top ul li.resolution {width: auto;display: inline-block;}
.live-player form {margin: 3% auto 0 auto;width: 100%;}
#header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item.account {/*background: #de4769;padding: 0 10px;*/display: none !important;}
#header.header-fullwidth #mainMenu:not(.menu-left):not(.menu-center) nav > ul > li.mega-menu-item.account  > .dropdown-menu {
    background: #de4769;color: #fff;}
#header.header-fullwidth #mainMenu:not(.menu-left):not(.menu-center) nav > ul > li.mega-menu-item.account  > .dropdown-menu a {color:#fff;}
.comment-content ul li {width: 50%;}

}

@media (max-width: 800px){
  #header {position: relative;}
  #header #logo {padding:0;width: auto;}
  #mainMenu nav {
    float: left;
    margin-left: 14%;}
  #mainMenu nav > ul > li > a {
    font-size: 10px;
    padding: 11px 8px;}
  .col-sm-3 {width: 25%;}
  .col-sm-9 {width: 75%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-7 { width: 58.33333333%;}
  .all-tv-program img{ width: 11%;}
  .grid-item > img, .grid-item > a > img {height: 120px;}
  .home-channel img {width: 11%;}
  .footer-content {padding-top:20px;}
  .post-thumbnail-entry {width: 100%;float: none;}
  .clean .detail-tv-program img {width: 85px;}
  .form-control-topissue {width: 100%;border-radius: 20px;font-size: 14px;}
  .btn-default.report {font-size: 14px;padding:13px;float: none;border-radius: 50px;width: 60%;margin:0 auto;display: grid;}
  .text-light div:not(.alert) {text-align: left;}
  .justify-center {width: 90%;}
  .btn-right {width: 100%;}
  .player .video .resolution, .player .video .server {/*width: 100%; display: grid; */text-align: center;}
  section.detail .tabs-navigation li {font-size: 16px;}
  section.detail .radius .tabs-content p {font-size: 14px;line-height: 1.4;text-align: left;}
  .live-player .channel-live-player img {width: 34px;}
  .clean .tabs-navigation li {float: left;}
  .clean .tabs-navigation li p {font-size: 14px;}
  .clean .tabs-navigation li span {font-size: 10px;}
  .tabs-navigation li a {padding:10px;}
  .list-bottom-menu .boxblack1, .list-bottom-menu .boxblack2 {height: 540px;}
  .list-bottom-menu .boxblack3, .list-bottom-menu .boxblack4 {height: 500px;}
  .btn-default-member {width: 30%;}
  .member .background-black {width: 100%;}
  .btn-default.btnregister {width:40%;}
  .channel-top.view-right, .channel-top.view-left {font-size: 12px;}
  .channel-top.view-left .fa-eye:before {font-size: 12px;}
  .player .channel-top ul.list-episode li{font-size: 14px;}
  .player .video .resolution ul li span.none-xs, .player .video .server ul li h2.none-xs,
  .player .video .download-right span.none-xs {display: none;}
  .player .video .resolution ul li {float: left;padding:0 5px;}
  .form-control.issue {width: 80%;}
  .commentList .icon-comment {width:4%;}
  .player .video .download-right {margin-top:0;font-size: 12px;}
  /*.visible-xs-player {display: inherit !important;}*/
  #header.header-transparent #header-wrap, #header.dark.header-transparent #header-wrap
  {background: #000;}
  .register .background-black .top {margin-top:0;}
  .register .background-black .bottom {margin-bottom:8%;}
  #header .header-extras.login {padding: 10px 15px 0 0;}
  .col-md-offset-3 {margin:0 auto;}
  .header-extras-login {margin-top:4%;}
  .register .background-black .pack-borderL {border: transparent;}
  .register .background-black ul li {width: 100%;margin:0;}
  #header .header-extras > ul > li {margin-left: 30px;margin-top:10%;}
  #header .header-extras > ul > li .btn-top-regsiter a {font-size: 9px;padding: 8px;}
  #mainMenu nav > ul > li{margin-left: 0px;}
  #header.header-fullwidth #header-wrap .header-extras {margin-left: 0px;}
  .player .video .resolution {margin-left:0;}
  .fa-server:before {font-size: 14px;}
  .player .video .download-right {margin:0;}
  .home-last-update .today ul {float: right;margin-bottom: 5px;}
  .btn-home {font-size: 16px;padding: 10px 25px;}
  .live-player .channel-top ul li img {width: 45%;}
  .home-channel p {font-size: 12px;border-left: 5px #de4769 solid;}
  .live-player .channel-top ul li.resolution {font-size: 14px;padding: 8px 15px;float: none;}
  .live-player .channel-top ul {padding: 0 auto;}
  .register .background-black {width: 70%;}
  .live-player .channel-top ul li.resolution {float:none;width: 60px;}
  .our-service .img-mobile{width: 100%;padding: 0 15px;}
  .our-service .img-mobile img {text-align: center;margin:0 auto;}
  .our-service .text-mobile {text-align: center;margin:0 auto; width: 100%;padding: 0 15px;}
  .list-bottom-menu .boxblack5,
  .list-bottom-menu .boxblack7{background:#000;}
  .list-bottom-menu .boxblack6,
  .list-bottom-menu .boxblack8{background:#0d0d0d;}
  .list-bottom-menu .rowboxall {width: 50%;}
  .live-player .channel-top ul {width: 100%;}
  #header.header-transparent + #slider .hero-vignette-bottom.vignette-layer {bottom: 5px;}
}

@media (min-width: 768px){
  .container {width: 100%;}
}
@media (max-width: 768px){
  .form-inline .form-control {
    display: inline-block;
    width: 50%;
    vertical-align: middle;}
  .comment-content ul li {width: 100%;}
  .home-channel p {float: left;font-size: 11px;}
  #header #logo {padding: 5px 1% 0 0;margin:1%; width: auto;}
  #mainMenu nav {float: left;margin-left: 15%;}
  /*#mainMenu nav > ul > li {margin-left: 0;}*/
  #mainMenu nav > ul > li > a {font-size: 10px;padding: 11px 10px;}
  .home-channel img {width: 11%;}
  .col-sm-9 {width: 75%;}
.col-sm-3 {width: 25%;}
#header.header-transparent + #slider .hero-vignette-top.vignette-layer {display: none;}
 .list-bottom-menu .boxblack1, .list-bottom-menu .boxblack2, .list-bottom-menu .boxblack3, .list-bottom-menu .boxblack4, {height: 500px;}
 .list-bottom-menu .boxblack5, .list-bottom-menu .boxblack6, .list-bottom-menu .boxblack7, .list-bottom-menu .boxblack8 {height: 325px;} 
 #header.header-fullwidth #mainMenu:not(.menu-left):not(.menu-center) nav > ul > li.mega-menu-item > .dropdown-menu {
    left: 33%;
    margin-top: -2%;
}
/*#header.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li > a, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li > a.active
{color: #ce3255;}*/
#header.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu
{background-color: rgba(0, 0, 0, 0.8);
    border: transparent; }
#header.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
#header.dark.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a
{color: #fff;font-size: 10px;}
#mainMenu nav > ul > li .dropdown-menu {min-width: 160px;}
 #mainMenu nav {margin-left: 14%;} 
  #mainMenu nav > ul > li {margin-left: -4px;}
  #mainMenu nav > ul > li > a {font-size: 9px;}
  .justify-center {width: 100%;}
  .live-player .channel-live-player img {width: 34px;}
  .player .video .resolution ul li span.none-xs {display: none;}
  .player .video .server ul li h2.none-xs {display: none;}
  .player .video .download-right span.none-xs {display: inline;}
  .register .background-black ul li.bggray, .register .background-black ul li {padding: 5px;margin:0;}
  /*.register .background-black {width: 100%;}*/
  .player h1 {font-size: 25px;}
  .form-control-topissue {width: 65%;border-radius: 20px 0 0 20px;}
 .btn-default.report {border-radius: 0 50px 50px 0;width: auto;padding: 15px 20px;}
 .live-player .channel-top ul li.resolution {width:auto;width: 70px;} 
 .form-group.textcenter {margin:0 auto;}
 .renew .background-black h1 {font-size: 25px; margin:10px 0 15px;}
 #last-update .video, #live-tv .video {width: 90%;}
  /*.hidden-xs {display: none !important;}
  .visible-xs {display: block !important;}*/
}

@media (max-width: 600px){
  #header.header-fullwidth #header-wrap .container {width: 100%;}
  .form-control-mobile {
    box-shadow: none;
    height: auto;
    line-height: 1.33333;
    padding: 10px 20px;
    border-radius: 50px;
    border: 2px solid #292929;
    background: #161616;
    margin-bottom: 6px;
    width: 100%;}
  .search-mobile {width: 90%;margin:4% auto 0 auto;background: #161616;}
  .iconsearch {margin: 2.5% 1%;position: absolute !important;right: 10%;}
  .toggle-item.toggle-active i:nth-of-type(2) {
    margin: 2.5% 1%;
    position: absolute !important;
    right: 10%;}
  .col-sm-3 {width: 25%;}
  .col-sm-9 {width: 75%;}
  #header #header-wrap #logo a > img {height: 65px;}
  #mainMenu nav {margin-left: 12%;} 
  #mainMenu nav > ul > li {margin-left: -4px;}
  #mainMenu nav > ul > li > a {font-size: 9px;}
  .mobile-none {display: none;}
  .form-control-topissue {width: 85%;}
  .btn-default.report {width: 15%;}
  .live-player .channel-top ul li {float: left;width: auto;}
  .view-right {padding: 0 4% 2% 0;}  
  .form-control.issue {width: 70%;}
  .comment-content ul li {text-align: left;}
  .home-last-update .today ul {float: left;margin-bottom: 5px;}
  .live-player .channel-live-player img {width: 46px;}
  .player .video .server {margin-left:0;}
  .player .video .server ul li h2.none-xs {display: inline;font-size: 14px;}
  /*.player .video .resolution ul li span.none-xs {display:inline;}*/
  .player .video .server ul {padding-left: 10px;}
  .player .video .download-right {margin-right:0;}
  #keyboard li {width: 30px;font-size: 1.3rem;}
  .search-tia-sp {right: 12%;}
  #container-key {top: 353%;}
  #header .header-extras > ul > li {/*margin-left: 20px;*/margin-left: 0;margin-top:30px;line-height:normal;}
  #header .header-extras > ul > li p.top {display: none;}
  #header .header-extras > ul > li .btn-top-regsiter {margin-top: -3%;}
  #header .header-extras > ul > li .btn-top-regsiter a {letter-spacing:0;}
  #mainMenu nav > ul > li > a {padding: 11px 7px;}
  .header-extras-login {margin-top:4%;font-size: 10px;padding: 10px 15px;}
  .name {text-align: center;float: none;}
  .player h1 {font-size: 25px;text-align: center;float: none;}
  .player .video .server ul {padding-left: 0;}
  .fa-server:before {margin-right: 0;font-size: 16px;}
  .player .video .server ul li.text-server span {font-size: 16px;}
  .player .video .server ul li {padding: 0 4px 4px 4px;}
  .player .video .server ul li img {width: 26px;}
  .btn-home {font-size: 14px;padding: 8px 15px;}
  /*.live-player .channel-top ul li.resolution {width: auto;}*/
  .live-player .channel-top ul {padding:none;margin:0 auto;} 
  .live-player .channel-top ul li img {float: right;padding: 0;}
  .live-player .channel-top ul.justify-center {float:none;margin-top: 5% !important;}
  .member .background-black {padding:10px 0;}
  .member .background-black h1 {font-size: 25px;}
  .btn-default.btnrenew {width: 55%;}
  .register .background-black {width: 85%;}
  #header {height: 80px;line-height: 80px;}
  #header .header-extras #favorites-top .fa-user-circle {margin-left: 20px;}
  .list-bottom-menu .boxblack4 {height:325px;}
  .slide.kenburns.background-overlay {background-size: cover;}
  #header.header-transparent + #slider .hero-vignette-bottom.vignette-layer {bottom: 0;}
}

@media (max-width: 480px){  
  .tabs-content {padding: 20px 15px;}
  .form-control.comment{width: 80%;}
  .comment-content ul li {width: 100%;}
  .text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .lead, .text-light p, .text-light i, .text-light li, .text-light label, .text-light span:not(.btn-label){text-align: center;}
  .text-light div:not(.alert) {text-align: left;}
  section.our-service .justify-content-center {padding: 0;margin:0 auto;}
  section.our-service .justify-content-center img{width: 100%;}
  .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]
  {margin-right:10px;position: relative;float: left;}
  .clean .detail-tv-program img {width: 70px;}
  .container {padding:0;}
  section.detail .tabs-navigation li.active a, section.detail .tabs-navigation li.active a:focus, section.detail .tabs-navigation li.active a:hover,section.detail .tabs-navigation li a
  {font-size: 12px; padding: 10px;}

  .member .background-black {width: 100%;padding:20px 0;}
  .member .background-black h1 {font-size: 22px;}
  .member .background-black .form-group.textleft input {margin:2px 0;width: 75%;} 
  .form-inline .form-control {width: 100%;}
  .member .background-black .form-group label {
    font-size: 14px;font-weight: 600;
    float: left ; text-align: left !important;}
  /*.live-player .channel-top ul li.resolution {float:left;}*/
  .player .channel-top ul.list-episode li{width: 100%;text-align: left;}
  /*.tabs-navigation li, */.tabs-vertical .tabs-navigation li, .justified .tabs-navigation li, 
  .justified .tabs-navigation li, .tabs-right .tabs-navigation li, .tabs-right .tabs-navigation li
  {width: 50%;}
  .home-channel p {float: left;}
  section.detail .tabs-navigation li.bdL {height: auto;}

/*mainMenu-trigger*/
  #header #mainMenu-trigger {
    position: relative;
    opacity: 1;
    visibility: visible;float: right;top:0; }
  #header #mainMenu-trigger button {top: -20px;}  
  #header .header-extras > ul > li .btn-top-regsiter {margin-top:11px;}
  #header .header-extras > ul > li .btn-top-regsiter a {font-size: 10px;}
  #header #mainMenu:not(.menu-overlay) {
  	/*padding-top:25px;*/
    max-height: 0;
    clear: both;
    display: block;
    width: 100%;
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86); }
    #header #mainMenu:not(.menu-overlay) > .container {
      text-align: left !important;
      width: 100%;
      max-width: 100%; }
    #header #mainMenu:not(.menu-overlay) nav {
      line-height: 40px;
      float: none;
      width: 100%;
      padding-bottom: 20px; }
      #header #mainMenu:not(.menu-overlay) nav > ul {
        float: none;
        width: 100%; }
        #header #mainMenu:not(.menu-overlay) nav > ul > li {
          padding: 0;
          margin: 0;
          clear: both;
          float: none;
          display: block;
          border: 0; }
          #header #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before {
            /*line-height: 40px;*/
            content: "\f105";
            font-family: fontawesome;
            font-size: 16px;
            opacity: 0.8;
            position: absolute;
            right: 15px;
            color: #fff;
            transition: .3s ease;
            transform: rotate(90deg); }
          #header #mainMenu:not(.menu-overlay) nav > ul > li > a {
            display: block;
            padding: 12px 0;
            font-size: 13px !important;
            border: 0;
            border-radius: 0; }
            #header #mainMenu:not(.menu-overlay) nav > ul > li > a:after {
              display: none; }
            #header #mainMenu:not(.menu-overlay) nav > ul > li > a .menu-sub-title {
              display: none !important; }
          #header #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu {
            background-image: none !important;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
            position: static;
            clear: both;
            float: none;
            box-shadow: none;
            border: 0 !important;
            min-width: 100%;
            margin: 0;
            border-radius: 0px;
            box-shadow: none;
            padding: 0 16px; }
            #header #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a,
            #header #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span,
            #header #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
              padding: 12px 0;
              display: block; }
          #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item {
            position: relative; }
            #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content {
              padding: 0 0 0 15px; }
              #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title {
                padding-top: 12px;
                padding-bottom: 12px; }
              #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > a,
              #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > span,
              #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a {
                padding: 10px 0px 10px 0px; }
              #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:first-child > a {
                padding-top: 12px; }
              #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:last-child > a {
                padding-bottom: 12px; }
          #header #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu {
            position: relative; }
            #header #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu:before {
              right: 0;
              top: 0;
              font-size: 16px; }
        #header #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu {
          border: 0 none;
          background-color: transparent;
          display: block; }
          #header #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu {
            position: relative; }
            #header #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu:before {
              right: 0;
              transform: rotate(90deg); }
        #header #mainMenu:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu {
          visibility: visible;
          opacity: 1;
          max-height: 2000px;padding: 5px 1% 0 1%; }
        #header #mainMenu:not(.menu-overlay) nav > ul [class*="col-md"] {
          width: 100%;
          padding: 0;
          margin: 0; }
    #header #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li {
      line-height: unset !important; }
      #header #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li .dropdown-submenu:before {
        top: 0; }
    #header #mainMenu:not(.menu-overlay).menu-slide nav > ul > li {
      visibility: visible;
      opacity: 1; }
    #header #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a, #header #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:hover > a, #header #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:focus > a {
      background-color: unset !important; }
    #header #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current, #header #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover, #header #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus {
      background-color: unset; }
      #header #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current > a, #header #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover > a, #header #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus > a {
        color: unset !important; }
    #header #mainMenu:not(.menu-overlay).menu-left nav {
      margin-left: 0; }

    .list-bottom-menu .boxblack3 {height:auto;min-height: auto;}
    .list-bottom-menu .boxblack1, .list-bottom-menu .boxblack2 {height:auto;min-height: auto;}
    .list-bottom-menu .boxblack4 {height:auto;min-height: auto;}
	.list-bottom-menu .boxblack7, .list-bottom-menu .boxblack8 {height:auto;min-height: auto;}
	#header.header-fullwidth #header-wrap .header-extras {margin-left:0;}
	.home-channel p {font-size: 12px;border-left: 6px #de4769 solid;padding: 0 0 0 7px;}
	.form-control-mobile {
    box-shadow: none;
    height: auto;
    line-height: 1.33333;
    padding: 12px 20px;
    border-radius: 50px;
    border: 2px solid #292929;
    background: #161616;
    margin-bottom: 6px;
    width: 100%;}
	.search-mobile {width: 90%;margin:4% auto 0 auto;}
	.home-last-update .today ul li {font-size: 10px;padding: 8px 12px}
  #mainMenu nav {margin-left: 0;}
  #header.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
  #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a
  {font-size: 12px;}
  #header.header-fullwidth #mainMenu:not(.menu-left):not(.menu-center) nav > ul > li.mega-menu-item > .dropdown-menu {margin-top:0;}
  .clean .detail-tv-program {border-bottom: transparent;}
  select {margin-bottom: 10px;}
  .all-tv-program img{width: 22%;}
  .grid-5-columns .grid-item {width: 50%;}
  .iconsearch {margin: 3.5% 1%;position: absolute !important;right: 10%;}
  .toggle-item.toggle-active i:nth-of-type(2) {margin: 3.5% 1%;position: absolute !important;right: 10%;}
  #header #logo {padding:2% 2% 0 2%;}
  #header.header-fullwidth.header-transparent.dark #header-wrap .header-extras {height: 60px;}
  #header {height: 60px;}
 select.player-select {padding-bottom: 6px;margin-bottom: 0;}
 .form-control.issue {width: 70%;}
 .comment-content ul li p {text-align: left;}
 .live-player .channel-live-player img {width: 80px;}
 .register .background-black {width: 100%;padding: 0 20px;}
 .btn-default.btnregister {width:80%;}
 .player .video .server ul li h2.none-xs {display:none;}
 .player .video .resolution ul li span.none-xs {display:none;}
 .form-inline button.btn-default-issue {margin:0 auto;}
 #keyboard li {width: 25px;font-size: 12px;}
#container-key {top: 0;margin-top:310px;}
input[type="radio"], input[type="checkbox"] {float: left;left: 0;margin-left: 0;}
.header-extras-login {font-size: 10px;padding: 10px;}
.header-extras-login {margin-top: 5%;padding: 8px 10px;}
.login .background-black h1 {font-size: 25px;}
#header .header-extras > ul > li {margin-top:-9%;margin-left: 20px;}
.btn-top-home {float: none;text-align: center;margin-top:0;}
.text-topheader {width: 100%;}
.text-large {font-size: 35px !important;}
.live-player .channel-top ul li img {float: none;}
.register .background-black {width: 100%;}
.register .background-black h1 {margin-top: 10px;margin-bottom: 20px;}
.register .background-black ul li.active, .register .background-black ul li {padding: 10px 2px;}
.form-group.textleft input[type="radio"] {float: none;} 
.member .background-black .form-group.textleft {font-size: 13px;}
.renew .background-black {padding: 0 10px;}
.renew .background-black .checkbox label {padding-left: 0;}
.renew .background-black .checkbox p {line-height: 1;}
.exit-renew {text-align: center !important;}
.our-service .img-mobile img {width: 75%;}
#header .header-extras #favorites-top .fa-heart{padding-top: 38px;}
#header .header-extras #favorites-top .fa-user-circle{padding-top: 36px;}
#header .header-extras #favorites-top .fa-user-circle {margin-left: 0;}
.live-player .channel-top ul li.resolution {float: left;margin:1px;}
.btn-favorites{padding: 8px 6px;margin-left: 5px;}
.slide.kenburns.background-overlay {background-size:contain;}

.dropdown-content {border: 1px #939393 solid;top: 45px;}
#header .header-extras > ul > li.dropdown.mega-menu-item {margin-left: 0;}
#header .header-extras > ul > li.dropdown.mega-menu-item .dropdown{margin-top: 92%;}
}

@media (max-width: 414px){
.grid-item > a > img {width: auto;}
.grid-item > img, .grid-item > a > img {height: 100px;}
.rating-top {padding: 14px 5px;}
.btn-favorites, .btn-favorites-ratings {margin-left: 5px;}
.btn-favorites {font-size: 14px;}
.btn-favorites-ratings {font-size: 14px;padding-bottom: 8px;}
.player .channel-top ul.list-episode li {font-size: 14px;}
.btn-default-issue {
    margin: 0 auto;
    display: grid;
    float: none;}
.live-player .channel-top ul li {
    margin: 5px auto;
    text-align: center;
    width: 100%;
    display: inline-block;}
.live-player .channel-top ul li img {width: 35%;}
.justify-center {width: 80%;text-align: center;}
.live-player .channel-live-player img {width: 67px;}
.player .video .resolution ul li {float: none;}
.player .video .server ul li h2.none-xs {display:none;}
 .player .video .resolution ul li span.none-xs {display:none;}
 .player .video .download-right span.none-xs{display:none;}
 #keyboard li {line-height: 30px;height: 30px;margin: 0 2px 1px 0;}
 #keyboard .left-shift {width: 55px;}
 #keyboard .right-shift {width: 55px;}
 .player .video .server ul li{padding:0 2px;}
 .detail-fav-view ul li {font-size: 18px;}
 .register .background-black .checkbox p {line-height: 1;font-size: 14px;}
 input[type="radio"], input[type="checkbox"] {margin:0;}
 .register .background-black h1 {margin:20px 0;}
 .header-extras-login {margin-top: 6%;}
 .player .video .server ul li.text-server {font-size: 11px;}
 .form-control-topissue {width: 75%;border-radius: 20px 0 0 20px;}
.btn-default.report {float: left;}
 .btn-default.report {border-radius: 0 50px 50px 0;width: auto;padding: 15px 20px;}
 .live-player .channel-top ul li.resolution {font-size: 14px;float: none;}
 .register .background-black {padding: 0 10px;}
 .form-control.comment{width: 75%;}
 section.our-service h1 {font-size: 26px;}
 .live-player .channel-top ul.justify-center {width:80%;float: none;}

}
@media (max-width: 384px){
.grid-item > a > img {
    width: 100%;}
.btn-favorites{font-size: 12px; padding:10px;}

.btn-favorites-ratings {padding-bottom: 0;}
.live-player .channel-live-player img {width: 62px;}
.form-control.issue{width: 100%;}
#keyboard li {font-size: 11px;width: 20px;height: 20px;line-height: 20px;}
#keyboard li.close {line-height:1.8;margin-right:5%;} 
.player .video .server ul{margin: 0 5px 0 0;}
.player .channel-top ul.list-episode li {padding:0 15px;}
.detail-fav-view ul li {font-size: 16px;}
.player h1 {font-size: 20px;float: none;}
.text-large {font-size: 25px !important;}
.player .video .server ul li.text-server span {font-size: 14px;}
.player .video .server ul li {padding: 0 4px 4px 4px;}
.player .video .server ul li img {width: 24px;}
.btn-default.report {width: 18%;}
.register .background-black .checkbox p small {float: left;margin-top:5px;}
.renew .background-black .checkbox p {font-size: 14px;}
.renew .background-black .checkbox p small {float: left;margin-top:5px;}
.renew .background-black input[type="radio"] {margin-top:-3px;}
.btn-default.btnrenew {padding: 15px 20px;}
.btn-favorites{font-size: 10px;}
select.player-select {padding: 12px 32px 15px 10px;font-size: 12px;margin-bottom: 0;}
.text-topheader {margin: 9% auto 0 auto;}
#header.header-transparent + #slider .hero-vignette-bottom.vignette-layer {display: none;}
}
@media (max-width: 375px){
.grid-item > a > img {width: 100%;}
.live-player .channel-live-player img {width: 58px;}
.player .video .download-right {padding: 1% ;}
.player .video .server ul li img {width: 20px;}
.fa-server:before {font-size: 14px;}
.channel-top.view-right, .channel-top.view-left {font-size: 11px;}
}
@media (max-width: 360px){
.grid-item > a > img {width: 100%;}
.live-player .channel-live-player img {width: 57px;}
.player .video .server ul li img {width: 15px;}
.player .video .download-right {padding: 1% 2% 0 0;}
.none-xs-cc {display: none;}
.visible-xs-player {display: inline;}
.list-bottom-menu .boxblack5 {height:270px;}
.slide.kenburns.background-overlay {background-size: contain;}
.btn-favorites{font-size: 8px;padding: 9px;}
select.player-select {font-size: 8px;}
}
@media (max-width: 320px){
.home-last-update .today ul li {font-size: 8px;}
.rating-top {font-size: 11px;}
.live-player .video ul li {margin:5px;}
.live-player .channel-live-player img {width: 50px;}
.player .video .resolution ul li span.none-xs {display:none;}
#keyboard li {font-size: 9px;width: 18px;}
.toggle-item.toggle-active i:nth-of-type(2) {margin: 5% 1%;}
.player .video .server {width: 100%;text-align: center !important;display: grid;float: left;}
.player .video .download-right{display: inline;padding-right:0;}
.detail-fav-view ul li {font-size: 14px;}
.grid-item > img, .grid-item > a > img {height: 80px;}
section.detail .tabs-navigation li.active a, section.detail .tabs-navigation li.active a:focus, 
section.detail .tabs-navigation li.active a:hover, section.detail .tabs-navigation li a {font-size: 10px;}
.none-xs-cc {display: none;}
.visible-xs-player {display: inline;}
.player .video .server ul li.text-server span {font-size: 12px;}
.player .video .server ul li {padding:0 2px;}
.btn-default.report {padding: 15px 10px;}
.register .background-black .checkbox p span.firstf {margin: 0 2px 2px 0;}
.register .background-black .checkbox p span {float: left;}
.register .background-black .checkbox p small {margin-left: 3px;}
.renew .background-black .checkbox p span.firstf {float: left;width: 100%;margin: 0 2px 2px 0;;}
.renew .background-black .checkbox p span {float: left;}
.renew .background-black .checkbox p small {margin-left: 3px;}
.form-control.comment{width: 70%;}
.list-bottom-menu .boxblack6 {height: 280px;}
.rating-top {width: 100%;text-align: left !important;}
.btn-favorites{font-size: 12px}
select.player-select {font-size:12px;padding-bottom:11px;}
}

.soft-test{
  color: blue;
}