body {
  padding : 0;
  margin : 0;
  background : #fff;
  font-family : Montserrat;
  color : #5a5a5a;
  font-size : 17px;
}
p {
  font-family : Montserrat;
  color : #000;
  font-size : 17px;
  line-height : 26px;
}
.headertop {
  background-color : #020c3e;
  padding : 16px 0;
  margin : 0;
}
@import url(https://fonts.googleapis.com/css?family=Khula:700);
.hidden {
  opacity:0;
}
.console-container {
  font-family:Khula;
  font-size:4em;
  text-align:center;
  height:200px;
  /*width:600px;*/
  display:block;

  color:white;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}
.console-underscore {
  display:inline-block;
  position:relative;
  top:-0.14em;
  left:10px;
}
.tabmenumleft{
  margin-left: 5px;
}
.dl-menuwrapper {
  display : none;
}
.searchar {
  width : 70%;
  height : auto;
  padding : 0;
  margin : 0;
  float : left;
}
.logoiconsetting img {
  width : 4%;
  height : auto;
  padding : 0;
  position : absolute;
}
.managelogo {
  width : 10%;
  height : auto;
  display : block;
  margin-right : auto;
  margin-left : auto;
  padding-top : 10px;
  margin-bottom : 10px;
}
.logoicona {
  width : 20.5vh;
}
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 5000;
}
.backgroundin {
  background-color : #020c3e;
  width : 94%;
  height : 78vh;
  display : block;
  margin-left : auto;
  margin-right : auto;
  padding-top : 2vh;
}
.shadowin {
  width : 92%;
  height : 73vh;
  border-right : 2vh solid #394068;
  border-bottom : 2vh solid #232a50;
  border-left : 2vh solid #000;
  border-top : 2vh solid #000;
  display : block;
  margin-left : auto;
  margin-right : auto;
  border-radius : 3vh;
}
.shadowina {
  width : 100%;
  height : 69.1vh;
  border : #101010 solid 1vh;
  display : block;
  margin-left : auto;
  margin-right : auto;
}
.contentarea {
  width : 94%;
  height : auto;
  padding : 0 0 0 0;
  margin : 0 3% 0 3%;
}
.manageplaylist {
  width : 25%;
  height : 65px;
  border-radius : 50px;
  position : relative;
  box-sizing : border-box;
  font-family : Montserrat;
  font-weight : 600;
  display : block;
  padding : 2vh 0 0 2vh;
  margin-left : auto;
  margin-right : auto;
  background-color : #020c3e;
  margin-bottom : 2vh;
  border : #000 solid 0.6vh;
  margin-top : 2vh;
}
.manageplaylist:hover {
  background : #bfa627;
  transition : 0.5s;
  color : #000;
}
.manageicon {
  width : 30px;
}
.managetext {
  font-size : 1.7vh;
  text-decoration : none;
  font-family : Montserrat;
  font-weight : bolder;
  text-transform : uppercase;
  margin-top : -20px;
  margin-left : 45px;
  color : #fff;
}
.srbluea {
  color : #c1a426;
  font-size : 3.2vh;
  text-align : center;
}
.whitetexta {
  color : #fff;
  text-align : center;
  line-height : 3vh;
  font-size : 2.5vh;
}
.dvida {
  font-weight : 600;
  font-size : 3.5vh;
  padding : 1vh 0 1vh 0;
  margin : 0;
  text-align : center;
  color : #fff;
  line-height : 3vh;
}
.yellowtextidnum {
  color : #bfa627;
  text-align : center;
  line-height : 4vh;
  margin-bottom : 0;
}
.manageplaylistback {
  width : 12%;
  height : 50px;
  border-radius : 50px;
  position : relative;
  box-sizing : border-box;
  font-family : Montserrat;
  font-weight : 600;
  display : block;
  padding : 0.5vh 0 0 2vh;
  margin-left : auto;
  margin-right : auto;
  background-color : #020c3e;
  margin-bottom : 2vh;
  border : #000 solid 0.6vh;
  margin-top : 2vh;
}
.manageplaylistback:hover {
  background : #bfa627;
  transition : 0.5s;
  color : #000;
}
.backicon {
  width : 4.5vh;
}
.backtext {
  margin-top : -23px;
  margin-left : 40px;
  color : #fff;
}
.textopen {
  color : #ffffff;
  line-height : 18px;
  font-size : 12px;
  font-weight : 700;
  text-align : center;
  margin-top : 15px;
}
.backareasettings {
  height : auto;
  float : left;
  margin : 3% 3% 0% -6%;
  text-transform : uppercase;
  font-size : 2.7vh;
  font-weight : 500;
  text-decoration : none;
  color : #fff !important ;
}
.logosymbol img {
  width : 40%;
  height : auto;
}
.logoname {
  float : right;
  margin : 2.5% -6% 1% 0;
  width : 30%;
  text-align : right;
}
.settinglogs {
  width : 20% !important ;
}
.connectionbox {
  background-color : #020c3e;
  width : 5%;
  height : 7vh;
  margin-left : 22.5vh;
  position : absolute;
  margin-top : 38vh;
}
.backgroundtv {
  background-color : #020c3e;
  width : 77%;
  height : 77vh;
  display : block;
  margin-right : auto;
  padding-top : 2vh;
  float : left;
  margin-left : 7vh;
}
.shadowtv {
  width : 65%;
  height : 60vh;
  border-right : 2vh solid #394068;
  border-bottom : 2vh solid #232a50;
  border-left : 2vh solid #000;
  border-top : 2vh solid #000;
  border-radius : 3vh;
  margin-left : 3vh;
  display : inline;
  float : left;
}
.epgtext {
  color : yellow;
  font-size : 3vh;
  margin-left : 2vh;
  margin-top : 4vh;
}
.shadowtva {
  width : 100%;
  height : 56vh;
  border : #101010 solid 1vh;
  display : block;
  margin-left : auto;
  margin-right : auto;
}
.videoarea {
  width : 94.5vh;
  height : 54.1vh;
  margin-left : -0.1vh;
}
.content-centerssleft {
  width : 30%;
  height : auto;
  float : left;
}
.epghead {
  font-size : 4vh;
  text-align : center;
  margin-top : 2vh;
  color : #fff;
}
.videoarea img {
  width : 100%;
  height : 100%;
}
.searchicon {
  width : 14%;
  height : auto;
  padding : 0;
  margin : -3px 0 0 0;
  float : left;
}
.searchicon img {
  width : 70%;
}
.filmsnametext {
  color : #fff;
  font-size : 5vh;
  font-weight : 600;
  font-family : Montserrat;
  text-decoration : none;
  padding : 0 0 3.5vh 0;
  margin : 0 0 0 0;
  text-transform : uppercase;
}
.searchtextinput {
  width : 80%;
  height : auto;
  float : left;
}
.searchinput {
  width : 100%;
  height : 4vh;
  background : none;
  border : 0;
  border-bottom : 1px solid #585858;
  color : #aeaeae;
  font-family : Montserrat;
  font-size : 2vh;
}
.headingright {
  width : 45%;
  float : right;
  font-size : 5vh;
  color : #fff;
  font-family : Montserrat;
  font-weight : 600;
  text-transform : uppercase;
  text-align : right;
  margin-right : -90px;
  margin-top : -40px;
}
.headingright img {
  width : 10%;
  height : auto;
  margin-right : 3%;
}
.logoicon {
  float : left;
  margin : 5px 0 20px -75px;
  width : 20%;
}
.logoicon img {
  width : 30%;
  height : auto;
  padding : 0;
  margin : 0;
}
.backgrounda {
  background-color : #020c3e;
  width : 112%;
  height : 75vh;
  margin-left : -60px;
  padding-top : 4vh;
}
.leftcontent {
  width : 70%;
  height : auto;
  padding : 6vh 0 0 0;
  margin : 0;
  float : left;
}
.bigimg {
  width : 40%;
  height : 45vh;
  padding : 0;
  margin : 0 5% 0 0;
  float : left;
  border-radius : 2vh;
  overflow : hidden;
}
.bigimg img {
  width : 100%;
  min-height : 50vh;
  height : auto;
  border-radius : 2vh;
}
.bluebt1 {
  background : #c42118;
  height : auto !important ;
  padding : 2vh 0;
  margin : 0 auto 4vh auto !important ;
  color : #fff;
  font-size : 3vh;
  width : 65% !important ;
  display : block;
  border-radius : 50vh;
  text-decoration : none;
  font-family : Montserrat;
  font-weight : 500;
  text-align : center;
  transition : 0.5s;
  line-height : 1vh;
  background-color : #020c3e;
  margin-bottom : 2vh;
  border : #000 solid 0.6vh;
}
.bluebt1:hover {
  background : #bfa627;
  transition : 0.5s;
  color : #000;
}
.redbt1 {
  background : #c42118;
  height : auto !important ;
  padding : 2vh 0;
  margin : 0 auto 4vh auto !important ;
  color : #fff;
  font-size : 3vh;
  width : 65% !important ;
  display : block;
  border-radius : 50vh;
  text-decoration : none;
  font-family : Montserrat;
  font-weight : 500;
  text-align : center;
  transition : 0.5s;
  line-height : 1vh;
  background-color : #020c3e;
  margin-bottom : 2vh;
  border : #000 solid 0.6vh;
}
.redbt1:hover {
  background : #bfa627;
  transition : 0.5s;
  color : #000;
}
.blackbt1 {
  background : #c42118;
  height : auto !important ;
  padding : 2vh 0;
  margin : 0 auto 4vh auto !important ;
  color : #fff;
  font-size : 3vh;
  width : 65% !important ;
  display : block;
  border-radius : 50vh;
  text-decoration : none;
  font-family : Montserrat;
  font-weight : 500;
  text-align : center;
  transition : 0.5s;
  line-height : 1vh;
  background-color : #020c3e;
  margin-bottom : 2vh;
  border : #000 solid 0.6vh;
}
.blackbt1:hover {
  background : #bfa627;
  transition : 0.5s;
  color : #000;
}
.blackbt {
  background : #020c3e;
  height : auto !important ;
  padding : 1vh 0;
  margin : 0 0 0 2vh !important ;
  color : #fff;
  font-size : 3vh;
  width : 20% !important ;
  display : block;
  margin-top : 2vh !important ;
  border-radius : 50vh;
  text-decoration : none;
  font-family : Montserrat;
  font-weight : 500;
  text-align : center;
  margin-left : 40vh !important ;
  margin-top : -1vh !important ;
  white-space : nowrap;
  overflow : hidden;
  text-overflow : ellipsis;
  float : left;
  border : #000 solid 0.6vh;
}
.blackbt:hover {
  background : #bfa627;
  color : #000;
}
.blackbta {
  background : #020c3e;
  height : auto !important ;
  padding : 1vh 0;
  margin : 0 0 0 2vh !important ;
  color : #fff;
  font-size : 3vh;
  width : 20% !important ;
  display : block;
  margin-top : -1vh !important ;
  border-radius : 50vh;
  text-decoration : none;
  font-family : Montserrat;
  font-weight : 500;
  text-align : center;
  margin-left : 2vh !important ;
  white-space : nowrap;
  overflow : hidden;
  text-overflow : ellipsis;
  float : left;
  border : #000 solid 0.6vh;
}
.blackbta:hover {
  background : #bfa627;
  color : #000;
}
.epgtexta {
  color : white;
  font-size : 3vh;
  margin-left : 2vh;
}
.faviconye {
  width : 2vh;
}
.clear {
  clear : both;
}
.detailsarea {
  width : 40%;
  height : auto;
  padding : 0;
  margin : 0;
  float : left;
}
.whitetext {
  color : #fff;
  margin-bottom : 0 !important ;
}
.orangetext {
  color : #bfa627;
}
.buttonarea {
  width : 30%;
  height : auto;
  padding : 11% 0 0 0;
  margin : 0;
  float : right;
}
.server-right {
  width : 50%;
  height : auto;
  padding : 7vh 0 0 0;
  margin : 0 0 0 0;
  text-align : center;
  float : right;
}
.greytext {
  color : #5f5f5f;
}
.episode-right {
  width : 24%;
  height : auto;
  padding : 0;
  margin : 0;
  float : right;
}
.scrolls {
  padding : 0;
}
.title {
  font-size : 3em;
  text-align : left;
  padding : 0;
}
.title a {
  color : #f44336;
}
.custom-scroll {
  width : 97%;
  height : 60vh;
  padding-left : 3vh;
  text-align : left;
  background : none;
  margin-top : 1vh;
  display : inline-block;
  overflow : auto;
  padding-top : 1vh;
}
.filmmenua {
  width : auto;
  height : auto;
  padding : 0;
  margin : 0;
}
.filmmenua li {
  width : auto;
  height : auto;
  padding : 0;
  margin : 0 2% 5vh 0;
  width : 30%;
  height : auto;
  float : left;
  color : #fff;
  font-size : 2vh;
  font-weight : 600;
  font-family : Montserrat;
  text-align : left;
  text-decoration : none;
  display : block;
}
.filmmenua li a {
  padding : 0 0 0 0;
  color : #a3a2a2;
  font-size : 2.5vh;
  font-weight : 600;
  font-family : Montserrat;
  text-align : left;
  text-decoration : none;
  display : block;
  transition : 0.5s;
  border-radius : 2.3vh;
  border : #19224f solid 0.6vh;
  background-color : #19224f;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  width : 100%;
  height : 20vh;
}
.filmmenua li:hover a {
  color : #ffffff;
  font-size : 2.5vh;
  text-decoration : none;
  transform : scale(0.9);
  transition : 0.5s;
  background-color : #bfa627;
  border-radius : 2.3vh;
  border : #bfa627 solid 0.6vh;
}
.filmmenua li div {
  width : 100%;
  height : 25vh;
  margin-bottom : 2.3vh;
  overflow : hidden;
  margin-top : 5vh;
  padding-left : 1vh;
}
.filmmenua li div img {
  width : 100%;
  height : 100%;
  border-radius : 2.3vh;
}
.playlisttexrcolor {
  color : #fff;
}
.customscroll1 {
  width : 83%;
  height : 56vh;
  padding-left : 3vh;
  text-align : left;
  background : none;
  margin-top : 2vh;
  display : inline-block;
  overflow : auto;
  padding-top : 1vh;
}
.btn {
  display : inline-block;
  padding : 0;
  border : #333 solid 1px;
  font-size : 2em;
  margin : 1em;
  cursor : pointer;
}
.srblue {
  color : #c1a426;
  font-size : 3.2vh;
}
.playlistbt {
  background : #020c3e;
  height : auto !important ;
  padding : 1vh 0;
  margin : 4vh auto 4vh auto !important ;
  color : #fff;
  font-size : 3vh;
  width : 65% !important ;
  display : block;
  border-radius : 50vh;
  text-decoration : none;
  font-family : Montserrat;
  text-align : center;
  transition : 0.5s;
  border : #000 solid 0.6vh;
}
.playlistbt:hover {
  background : #fff;
  transition : 0.5s;
  color : #020c3e;
  border : #000 solid 0.6vh;
}
.idnum {
  font-size : 3vh;
}
.yellowtext {
  color : #bfa627;
}
.importanttext {
  color : #bfa627;
  font-size : 4vh;
  font-weight : 600;
  font-family : Montserrat;
  text-decoration : none;
  padding : 0 0 1.5vh 0;
  margin : 0;
  text-transform : capitalize;
  margin-top : -6vh;
}
.dvid {
  font-weight : 600 !important ;
  font-size : 3.5vh !important ;
  padding : 0 0 1vh 0 !important ;
  margin : 0;
  color : #fff;
}
.leftcontent {
  width : 70%;
  height : auto;
  padding : 6vh 0 0 0;
  margin : 0;
  float : left;
}
.bigimg {
  width : 35%;
  height : 50vh;
  padding : 0;
  margin : 0 5% 0 0;
  float : left;
  border-radius : 2vh;
  overflow : hidden;
}
.bigimg img {
  width : 100%;
  min-height : 50vh;
  height : auto;
  border-radius : 2vh;
}
.detailsarea {
  width : 50%;
  height : auto;
  padding : 0;
  margin : 0;
  float : left;
}
.seasonClass {
  border : #fff solid 0;
  padding : 1vh 9vh 1vh 3vh;
  float : left;
  color : #fff;
  font-weight : 500;
  font-size : 4vh;
  text-decoration : none;
  text-transform : unset;
  margin-top : 0;
  background-color : #bfa627;
  cursor : pointer;
}
.downarown {
  position : absolute;
  width : 6vh;
  margin-left : -8vh;
  margin-top : 1vh;
}
.seriesdetailsscroll {
  width : 26%;
  height : 40vh;
  overflow-y : scroll;
  position : absolute;
}
.selectdowndiv {
  font-size : 3vh;
  background-color : #dbd8d8;
  width : 48vh;
  padding : 2vh;
  color : black;
}
.selectdowndiv:hover {
  font-size : 3vh;
  background-color : #bfa627;
  width : 48vh;
  padding : 2vh;
  color : #fff;
}
.greyline {
  width : 100%;
  height : 1vh;
  border-bottom : 1px solid #3a3a3a;
  padding : 0 0 1.5vh 0;
  margin : 0 0 2.5vh 0;
}
.shadowa {
  width : 92%;
  height : 67vh;
  border-right : 2vh solid #394068;
  border-bottom : 2vh solid #232a50;
  border-left : 2vh solid #000;
  border-top : 2vh solid #000;
  display : block;
  margin-left : auto;
  margin-right : auto;
  border-radius : 3vh;
}
.settingul {
  width : auto;
  height : auto;
  padding-left : 12vh;
  margin : 0;
}
.settingbox {
  width : 23%;
  height : 27vh;
  padding : 1vh;
  border-radius : 5vh;
  text-align : center;
  display : inline;
  float : left;
  position : relative;
  margin : 1vh 1vh 1vh 1vh;
  line-height : 1vh;
  font-size : 2.6vh;
  color : #fff;
  text-decoration : none;
  font-weight : 600;
  font-family : Montserrat;
  background-color : #020c3e;
  margin-bottom : 2vh;
  transition : 0.5s;
  border : #000 solid 0.6vh;
}
.settingbox:hover {
  background-color : #bfa627;
  width : 23%;
  height : 27vh;
  padding : 1vh;
  border-radius : 5vh;
  text-align : center;
  display : inline;
  float : left;
  position : relative;
  margin : 1vh 1vh 1vh 1vh;
  line-height : 1vh;
  font-size : 2.6vh;
  color : #fff;
  text-decoration : none;
  font-weight : 600;
  font-family : Montserrat;
  margin-bottom : 2vh;
  transition : 0.5s;
  border : #000 solid 0.6vh;
}
.settingmargintopsa {
  margin-top : 5vh;
}
.settingmargintops {
  margin-top : 7vh;
}
.settingmargintopforuser {
  margin-top : 7vh;
}
.settingfontsa {
  color : #fff;
  padding-top : 2vh;
  font-size : 3vh;
}
.settingfonts {
  color : #fff;
  padding-top : 4vh;
  font-size : 3vh;
}
.settinglang {
  background-color : #d9080800;
  border : 0;
  height : 100%;
  width : 100%;
  margin-top : -17.8vh;
  border-radius : 5vh;
}
.shadowb {
  width : 100%;
  height : 100%;
  border : #101010 solid 1vh;
  display : block;
  margin-left : auto;
  margin-right : auto;
}
.contentarea {
  width : 100%;
  height : auto;
  padding : 0 0 0 0;
  margin : 0 0% 0 3%;
}
.server-left {
  width : 40%;
  height : auto;
  padding : 9vh 0 0 0;
  margin : 0 0 0 6.5%;
  text-align : center;
  float : left;
}
.samplearea {
  background : #020c3f;
  height : auto !important ;
  padding : 2.5vh 0;
  margin : 4vh auto 15vh auto !important ;
  color : #fff;
  font-size : 3.8vh;
  width : 90% !important ;
  display : block;
  margin-top : 3%;
  border-radius : 1.6vh;
  margin : 0 auto 0 auto;
  text-decoration : none;
  font-family : Montserrat;
  font-weight : 500;
  text-align : center;
  border : #000 solid 0.6vh;
}
.servplaybt {
  background : #ffffff;
  height : auto !important ;
  padding : 1.6vh 0;
  color : #020c3f;
  font-size : 3.8vh;
  width : 57% !important ;
  display : block;
  border-radius : 1.2vh;
  margin : -1.6vh 1vh 0 0 !important ;
  text-decoration : none;
  font-family : Montserrat;
  font-weight : 700;
  text-align : center;
  transition : 0.5s;
  float : right;
}
.servplaybt:hover {
  background : #c1a426;
  color : #000;
}
.servplaybt img {
  width : 11%;
  height : auto;
  margin-left : 0.7vh;
}
.contentareb {
  width : 118%;
  height : auto;
  padding : 0 0 0 0;
  margin : 0 -6% 0 -8%;
}
.backgroundleft {
  background-color : #020c3e;
  width : 101%;
  height : 71.2vh;
  padding-top : 4vh;
  margin-top : -0.1vh;
  padding-left : 0.2vh;
  margin-left : -0.1vh;
}
.shadowleft {
  width : 19%;
  height : 77vh;
  border-right : 2vh solid #394068;
  border-bottom : 2vh solid #232a50;
  border-left : 2vh solid #000;
  border-top : 2vh solid #000;
  display : block;
  margin-left : auto;
  margin-right : auto;
  border-radius : 3vh;
  float : left;
}
.shadowlefta {
  width : 100%;
  height : 73vh;
  border : #101010 solid 1vh;
  display : block;
  margin-left : auto;
  margin-right : auto;
  margin-top : -0.1vh;
}
.content-left {
  width : 100%;
  height : 67vh;
  padding : 0 0 0 0;
  margin : 0;
  float : left;
  overflow-y : scroll;
}
.viewdbt {
  color : #fff;
  font-size : 3vh;
  padding : 0 0 1% 0;
  margin : 1vh;
  font-family : Montserrat;
  font-weight : 600;
  text-decoration : none;
}
.viewdbt:hover {
  color : #bfa627;
  text-decoration : none;
}
.content-right {
  width : 100%;
  height : auto;
  padding : 0;
  margin : 0;
  float : right;
}
.topnav {
  width : 80%;
  padding : 0;
  font-family : Montserrat;
}
ul.topnav {
  padding : 0;
  margin : 4vh 0 0 0;
  font-size : 1em;
  line-height : 0.5em;
  list-style : none;
}
ul.topnav li a {
  line-height : 1vh;
  font-size : 2.6vh;
  color : #fff;
  display : block;
  text-decoration : none;
  font-weight : 600;
  font-family : Montserrat;
  background-color : #020c3e;
  padding : 1vh 0 1vh 3vh;
  margin-bottom : 2vh;
  width : 100%;
  height : auto !important ;
  border-radius : 50vh;
  transition : 0.5s;
  border : #000 solid 0.6vh;
}
ul.topnav li a:hover {
  background-color : #bfa627;
  color : #fff;
}
ul.topnav .active {
  background-color : #bfa627;
  color : #fff;
}
ul.topnav ul {
  margin : 0 0 3vh 0;
  padding : 0;
  display : none;
}
ul.topnav ul li {
  margin : 0;
  padding : 0;
  clear : both;
}
ul.topnav ul li a {
  padding-left : 3vh;
  font-size : 3vh;
  font-weight : normal;
  outline : 0;
  font-family : Montserrat;
  color : #fff;
  background : none;
  margin-bottom : 0;
  padding : 2.3vh 0 2.3vh 5vh;
}
ul.topnav ul li a:hover {
  color : #fff;
  background : #f57a24;
}
ul.topnav ul .active {
  color : #fff;
  background : #f57a24;
}
ul.topnav .act {
  color : #fff;
  background : red;
}
ul.topnav ul ul li a {
  color : silver;
  padding-left : 40px;
}
ul.topnav ul ul li a:hover {
  background-color : #D3CEB8;
  color : #fff;
}
ul.topnav span {
  float : right;
}
.textoverflow {
  white-space : nowrap;
  width : 80%;
  height : 4vh;
  overflow : hidden;
  text-overflow : ellipsis;
  float : left;
  padding : 1vh;
  margin-top : -0.5vh;
}
.starf {
  width : 2vh;
}
::-webkit-scrollbar {
  width : 2vh;
}
::-webkit-scrollbar-track {
  box-shadow : 0 0 10vh #1e2753 inset;
  border-radius : 10vh;
}
::-webkit-scrollbar-thumb {
  background : #ff6a3f;
  border-radius : 10vh;
}
::-webkit-scrollbar-thumb:hover {
  background : #ff6a3f;
}
.videoareb {
  width : 100%;
  height : 63vh;
  margin : 0 0 2.3% 0;
  overflow-y : scroll;
}
.episodebt {
  width : 88%;
  height : 9vh;
  line-height : 9vh;
  font-weight : 600;
  white-space : nowrap;
  overflow : hidden;
  text-overflow : ellipsis;
  padding-left : 3vh;
  background : #020c3e;
  margin : 4vh auto -2vh auto !important ;
  color : #fff;
  font-size : 3vh;
  display : block;
  border-radius : 50vh;
  text-decoration : none;
  font-family : Montserrat;
  text-align : center;
  transition : 0.5s;
  border : #000 solid 0.6vh;
}
.episodebt:hover {
  background : #bfa627;
  color : #000;
}
.videoareb img {
  width : 100%;
  height : 100%;
}
.playlistbutton .filmmenu {
  width : auto;
  height : auto;
  padding : 0;
  margin : 0;
}
.filmmenu li {
  width : auto;
  height : auto;
  padding : 0;
  margin : 0 2% 5vh 0;
  width : 17.5%;
  height : auto;
  float : left;
  color : #fff;
  font-size : 2vh;
  font-weight : 600;
  font-family : Montserrat;
  text-align : center;
  text-decoration : none;
  display : block;
}
.filmmenu li a {
  width : auto;
  height : auto;
  padding : 0 0 0 0;
  color : #fff;
  font-size : 2.5vh;
  font-weight : 600;
  font-family : Montserrat;
  text-align : center;
  text-decoration : none;
  display : block;
  transition : 0.5s;
  border-radius : 2.3vh;
  border : #19224f solid 0.6vh;
  background-color : #19224f;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
}
.filmmenu li:hover a {
  color : #ffffff;
  font-size : 2.5vh;
  text-decoration : none;
  transform : scale(0.9);
  transition : 0.5s;
  background-color : #bfa627;
  border-radius : 2.3vh;
  border : #bfa627 solid 0.6vh;
}
.filmmenu li div {
  width : 100%;
  height : 25vh;
  background-image : url("../images/loading.gif");
  background-repeat : no-repeat;
  background-position : top center;
  background-size : cover;
  margin-bottom : 2.3vh;
  border-radius : 2.3vh;
  overflow : hidden;
}
.filmmenu li div img {
  width : 100%;
  height : 100%;
  border-radius : 2.3vh;
}
.backsearch {
  float : left;
  width : 50%;
  text-align : left;
  margin-top : 1.2%;
}
.backarea {
  width : 23%;
  height : auto;
  float : left;
  margin : 0 5% 0 0;
  color : #d5d5d5;
  text-transform : uppercase;
  font-size : 2.7vh;
  font-weight : 500;
  text-decoration : none;
  color : #fff !important ;
  margin-top : 5px;
}
.backarea a {
  color : #fff;
  text-decoration : none;
}
.backarea:hover a {
  color : #bfa627;
  text-decoration : none;
}
.backarea img {
  width : 25%;
  height : auto;
  margin-right : 3%;
  margin-top : -10px;
}
.login {
  color : #fff;
  font-size : 40px;
  text-align : center;
}
.loginform {
  color : #fff;
  font-size : 30px;
  text-align : center;
}
.form-label {
  color: #ff6a3f;
  font-size: 15px;
  margin-top: 20px;
}
.lineinput{
  background-color: #fff0 !important;
  background-clip: padding-box !important;
  border-bottom: 1px solid #2183b9  !important;
  border-radius: 0rem !important;
  border-top: 0px solid #ced4da !important;
  border-left: 0px solid #ced4da !important;
  border-right: 0px solid #ced4da !important;
  color: #fff !important;
}
.optioncolor {
  color : black;
}
.thmeinput {
  background-color: #ff000000 !important;
  border: #2183b9 solid 1px !important;
  color: #2183b9 !important;
}
.logothmeinput {
  background-color : #ff000000 !important ;
  border : #000 solid 1px !important ;
  color : #000 !important ;
  width : 70px !important ;
  margin-left : 50px;
  display : block !important ;
  margin-top : -30px;
  float : left;
}
.privacy {
  color: #ff6a3f;
  margin-top: 0rem;
}
.textcenter {
  text-align : center;
  color : #fff;
}
.textdanger {
  color: #f6e08a !important;
  text-decoration: none;
}
.textdanger:hover{
  color: #ff6a32 !important;
}
.supportlogintext {
  color : #fff;
  text-align : center;
  margin-top : -40px;
}
.becomeap {
  background-color: #020c3e00 !important;
  border: #ff6a3f solid 3px !important;
  border-radius: 50px !important;
  margin-top: 10px !important;
  width: 100%;
  margin-left: 0;
  color: #ff6a3f !important;
}
.becomeap:hover {
  background-color: #020c3e00 !important;
  border : #f6e08a solid 3px !important ;
  color : #f6e08a !important ;
  border-radius : 50px !important ;
  margin-top : 10px !important ;
  color: #f6e08a !important;
}
.inputmargintop{
  margin-top: 0px !important;
}
.paypalimg{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.billingdetailstext{
  padding-top: 15px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: Montserrat;
}
.datetext{
  color: #ff6a3f;
}
.youraccountwilltext{
  padding-top: 15px;
  font-size: 18px;
  text-transform: uppercase;
  font-family: Montserrat;
}
.loginbutton {
  background-color : #020c3e !important ;
  border : #000 solid 3px !important ;
  border-radius : 50px !important ;
  margin-top : 50px !important ;
  display : block !important ;
  margin-right : auto;
  margin-left : auto;
  padding-left : 40px !important ;
  padding-right : 40px !important ;
}
.playlistbutton {
  background-color: #2a2c3600 !important;
  border: #ff6a3f solid 3px !important;
  border-radius: 50px !important;
  margin-top: 40px !important;
  margin-left: 0 !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  width: 100%;
  color: #ff6a3f !important;
}
.playlistbutton:hover {
  background-color : #2a2c3600 !important ;
  border : #f6e08a solid 3px !important ;
  color : #f6e08a !important ;
}
.loginbyyourtext{
  margin-top: 60px;
}
.logintoyourbox{
  background-color: #fff;
}
.logintoyourheading{
  color: #000;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  font-family: Montserrat;
  padding: 0 0 18px 0;
  margin: 0;
  text-align: center;
  margin-top: 35px;
}
.logintoyourtext{
  color: #000;
  font-size: 12px;
  font-family: Montserrat;
  text-align: center;
  width: 65%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.allapimg{
  position: absolute;
  margin-top: 110px;
}
.macaddressheading{
  color: #ff6a3f;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  font-family: Montserrat;
  text-transform: capitalize;
  padding: 0 0 5px 0;
  margin: 0;
  text-align: center;
  margin-top: -15px;
}
.loginboxbg{
  background-color:#000;
  padding-top: 30px;
  padding-bottom: 30px;
}
.loginboxbgline{
  border: solid 2px #ff6a3f;
  padding: 10px;
}
.loginboxbglinead{
  border: solid 2px #ff6a3f;
  padding: 0px 70px 30px 70px;
}
.loginboxbglinead label {
  margin-top:0;
}
.macaddress {
  color : #000;
}
.showb {
  color : #000;
  margin-top : 0px;
  margin-left: 10px;
}
::placeholder {
  color: #fff !important;
}
.contectmart{
  margin-top: 70px;
}
.nametext {
  color : #000;
  margin-top : 10px;
  display : block !important ;
  float : left;
  cursor : pointer;
  margin-left: 10px;
}
.actiontext {
  color : #000;
  margin-top : 10px;
  display : block !important ;
  float : right;
  cursor : pointer;
  margin-right: 10px;
}
.Showingtext {
  color : #fff;
  margin-top : 30px;
}
.nexttext {
  color : #fff;
  float : right;
  margin-top : -22px;
}
.Previoustext {
  color : #fff;
  float : right;
  margin-top : -22px;
  margin-right : 20px;
}
.boxonetext {
  color : #fff;
  text-align : center;
  margin-top : 10px;
}
.loginbuttona {
  background-color : #020c3e !important ;
  border : #000 solid 3px !important ;
  border-radius : 50px !important ;
  margin-top : 50px !important ;
  display : block !important ;
  margin-right : auto;
  margin-left : auto;
  padding-left : 120px !important ;
  padding-right : 120px !important ;
}
.loginbuttona:hover {
  background-color : #020c3e !important ;
  border : #bfa627 solid 3px !important ;
  color : #bfa627 !important ;
}
.uparrow {
  width : 20px;
  margin-left : 5px;
  cursor : pointer;
}
#now-available-section {
  padding-top:50px;
  margin-bottom: 0;
}
.boxone {
  float : right;
  margin-top : -30px;
  margin-right : 15px;
  border : #fff solid 1px;
  width : 45px;
  height : 45px;
  border-radius : 5px;
  cursor : pointer;
}
.liftuparrow {
  width : 20px;
  margin-right : 10px;
  cursor : pointer;
}
.rightuparrow {
  width : 20px;
  margin-left : 10px;
  cursor : pointer;
}
.aplusplayer {
  background-color : #f1f1f1;
  width : 12%;
  height : 34px;
  margin-top : 15px;
  display : block;
  float : left;
  border-left: solid 0px #ff6a3f;
  border-right: solid 1px #ff6a3f;
  border-top: solid 1px #ff6a3f;
  border-bottom: solid 1px #ff6a3f;
  padding: 5px;
}


}
.aplusplayertext {
  padding-top : 5px;
  text-align : center;
  font-size : 15px;
  font-weight : 600;
  color : #3b3b3b;
}
.aplusplayerurl {
  background-color : #fff;
  width : 88%;
  height : 35px;
  margin-top : 15px;
  display : block;
  float : left;
}
.aplusplayerurltext {
  font-size: 15px;
  font-weight: 600;
  color: #3b3b3b;
  border-left: solid 1px #ff6a3f;
  border-right: solid 0px #ff6a3f;
  border-top: solid 1px #ff6a3f;
  border-bottom: solid 1px #ff6a3f;
  padding: 5px;
}
.pencilicon {
  float : right;
  width : 20px;
  margin-top : -26px;
  margin-right : 50px;
  cursor : pointer;
}
.binicon {
  float : right;
  width : 20px;
  margin-top : -26px;
  margin-right : 10px;
  cursor : pointer;
}
.urltext {
  color : #000;
  margin-top : 10px;
  display : block !important ;
  float : left;
  margin-left : 10px;
  cursor : pointer;
}
.logothmeinputa {
  background-color : #ff000000 !important ;
  border : #000 solid 1px !important ;
  color : #000 !important ;
  width : 200px !important ;
  float : right !important ;
  margin-top : -30px;
  margin-right: 10px;
}
.logothmeinputoption {
  background-color : #ff000000 !important ;
  border : #fff solid 1px !important ;
  color : #fff !important ;
  width : 200px !important ;
  float : right !important ;
  margin-top : -30px;
}
.Searchtext {
  color: #000;
  margin-top: -25px;
  display: block;
  float: right;
  margin-right: 215px;
}
.showa {
  color : #000;
  margin-top : -25px;
  display : block;
  float : left;
  margin-left : 10px;
}
.plusicon {
  width : 16px;
  margin-right : 15px;
}
.apluslink {
  color: #f6e08a;
  text-decoration: none;
}
.apluslink:hover{
  color: #ff6a3f;
}
.fortext {
  text-align : center;
  color : #fff;
  margin-top : 30px;
}
.loginbutton:hover {
  background-color : #020c3e !important ;
  border : #bfa627 solid 3px !important ;
  color : #bfa627 !important ;
}
.enteryour {
  padding-right : 35px;
  padding-left : 35px;
  margin-top : 60px;
}
.enteryourb {
  padding-right : 35px;
  padding-left : 35px;
}
.becomeapsh {
  background-color: #020c3e00 !important;
  border: #ff6a3f solid 3px !important;
  border-radius: 5px !important;
  margin-top: 25px !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 10px 60px 10px 60px !important;
  color: #ff6a3f !important;
}
.line {
  border-top : 1px solid #ff6a3f;
  width : 100%;
  margin-top : 20px;
}
.becomeapsh:hover {
  border : #bfa627 solid 3px !important ;
  color : #bfa627 !important ;
}
.inputt{
  background-color: #000 !important;
  color: #fff !important;
}
.loginboxbgad{
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #000;
  padding: 60px 25px 20px 25px !important;
}
.loginbymac{
  background-color: #020c3e00 !important;
  border: #ff6a3f solid 3px !important;
  border-radius: 5px !important;
  margin-top: 25px !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 5px 0px 5px 0px !important;
  color: #ff6a3f !important;
  width: 100%;
  font-size: 20px !important;
  font-weight: 500 !important;
}
.loginbymac:hover {
  border : #bfa627 solid 3px !important ;
  color : #bfa627 !important ;
}
.form-labela {
  color : #ff6a3f;
  font-size : 15px;
}
.formbox {
  padding : 70px;
}
.formboxloin {
  padding : 25px;
}
.formboxb {
  padding : 70px 0 0 0;
}
.backgroundright {
  background-color: #020c3e00;
  width: 100%;
  height: 310px;
  margin-top: 130px;
  border: solid 2px #ff6a3f;
}
.backgroundrightb {
  background-color : #020c3e;
  width : 77%;
  height : 77vh;
  display : block;
  margin-right : auto;
  padding-top : 2vh;
  float : left;
  margin-left : 7vh;
}
.howtousebox{
  margin-top: 30px;
  background-color: #fff;
  width: 100%;
  /*height: 360px;*/
  border-radius: 5px;
}
.install-heading-container {
  position: relative;
}
.installheading{
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: Montserrat;
  /* padding-top: 60px; */
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0 30px;
  width: 100%;
  transform: translate(-50%, calc(-50% - 40px));
}
.downloadicon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.installtext{
text-align: center;
font-size: 12px;
font-weight: 500;
font-family: Montserrat;
padding-top: 30px;
padding-bottom: 30px;
}
.shadowrightb {
width : 90%;
height : 71vh;
border-right : 2vh solid #394068;
border-bottom : 2vh solid #232a50;
border-left : 2vh solid #000;
border-top : 2vh solid #000;
border-radius : 3vh;
display : block;
margin-left : auto;
margin-right : auto;
}
.shadowrightc {
width : 100%;
height : 67vh;
border : #101010 solid 1vh;
display : block;
margin-left : auto;
margin-right : auto;
}
.shadowrighta {
width : 100%;
height : 100%;
border : #101010 solid 3px;
display : block;
margin-left : auto;
margin-right : auto;
}
.shadowright {
width : 90%;
height : 790px;
border-right : 8px solid #394068;
border-bottom : 8px solid #232a50;
border-left : 8px solid #000;
border-top : 8px solid #000;
border-radius : 12px;
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 15px;
}
.shadowrightform {
width : 40%;
height : 470px;
border-right : 8px solid #394068;
border-bottom : 8px solid #232a50;
border-left : 8px solid #000;
border-top : 8px solid #000;
border-radius : 12px;
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 0;
}
.shadowrightsh {
width : 90%;
height : 320px;
border-right : 8px solid #394068;
border-bottom : 8px solid #232a50;
border-left : 8px solid #000;
border-top : 8px solid #000;
border-radius : 12px;
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 50px;
}
.samsungbox {
background-color : #fff;
width : 150px;
height : 150px;
border-radius : 100px;
margin-top : 25px;
margin-left : 100px;
color : #fff;
padding-top : 1px;
}
.samsungbox:hover {
background-color : #bfa627;
width : 150px;
height : 150px;
border-radius : 100px;
margin-top : 25px;
margin-left : 100px;
color : #bfa627;
}
.samsungboxline {
background-color : #0000;
width : 125px;
height : 125px;
border-radius : 100px;
border : #010d3f solid 4px;
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 11.5px;
}
.samsungimg {
width : 90px;
margin-left : 15px;
margin-top : 45px;
}
.iosimg {
width : 90px;
margin-left : 15px;
margin-top : 35px;
}
.samsungtextbox {
font-size : 20px;
font-family : Montserrat;
text-align : center;
margin-top : 20px;
text-transform : uppercase;
}
.maindiv {
margin-top : -30px;
}
.logosymbol {
width : 30%;
height : auto;
position : absolute;
margin : 15% auto 0 auto;
left : 0;
right : 0;
text-align : center;
}
.logosymbol img {
width : 40%;
height : auto;
}
.curato {
cursor : auto;
}
.whatsapp {
width : 8%;
margin-right : 20px;
}
.mail {
width : 8%;
margin-right : 20px;
}
.copyright {
text-align: center;
font-size: 15px;
font-family: Montserrat;
font-weight: 500;
color: #fff;
background-color: #ff6a3f;
width: 100%;
height: 35px;
padding-top: 8px;
margin-bottom: 0rem;
}
.copyrighta {
text-align : center;
font-size : 15px;
font-family : Montserrat;
font-weight : 600;
color : #8b8b8b;
margin-top : 20px;
}
.livetvbox {
background-color : #fff;
width : 135px;
height : 135px;
border-radius : 100px;
margin-top : 15px;
margin-left : 485px;
position : absolute;
color : #fff;
}
.livetvbox:hover {
background-color : #bfa627;
width : 135px;
height : 135px;
border-radius : 100px;
margin-top : 15px;
margin-left : 485px;
position : absolute;
color : #bfa627;
}
.livetvboxline {
background-color : #0000;
width : 110px;
height : 110px;
border-radius : 100px;
border : #010d3f solid 4px;
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 11.5px;
}
.livetvimg {
width : 50px;
margin-left : 27.2px;
margin-top : 27px;
}
.livetvtextbox {
font-size : 20px;
font-family : Montserrat;
text-align : center;
margin-top : 20px;
text-transform : uppercase;
}
.flimsbox {
background-color : #fff;
width : 135px;
height : 135px;
border-radius : 100px;
margin-top : 160px;
margin-left : 670px;
position : absolute;
color : #fff;
}
.flimsbox:hover {
background-color : #bfa627;
width : 135px;
height : 135px;
border-radius : 100px;
margin-top : 160px;
margin-left : 670px;
position : absolute;
color : #bfa627;
}
.flimsboxline {
background-color : #0000;
width : 110px;
height : 110px;
border-radius : 100px;
border : #010d3f solid 4px;
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 11.5px;
}
.flimsimg {
width : 50px;
margin-left : 27.2px;
margin-top : 27px;
}
.filmstextbox {
font-size : 20px;
font-family : Montserrat;
text-align : center;
margin-top : 20px;
text-transform : uppercase;
}
.seriesbox {
background-color : #fff;
width : 135px;
height : 135px;
border-radius : 100px;
margin-top : 355px;
margin-left : 610px;
position : absolute;
color : #fff;
}
.seriesbox:hover {
background-color : #bfa627;
width : 135px;
height : 135px;
border-radius : 100px;
margin-top : 355px;
margin-left : 610px;
position : absolute;
color : #bfa627;
}
.seriesboxline {
background-color : #0000;
width : 110px;
height : 110px;
border-radius : 100px;
border : #010d3f solid 4px;
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 11.5px;
}
.seriesimg {
width : 50px;
margin-left : 27.2px;
margin-top : 27px;
}
.seriestextbox {
font-size : 20px;
font-family : Montserrat;
text-align : center;
margin-top : 20px;
text-transform : uppercase;
}
.playlistbox {
background-color : #fff;
width : 135px;
height : 135px;
border-radius : 100px;
margin-top : 355px;
margin-left : 365px;
position : absolute;
color : #fff;
}
.playlistbox:hover {
background-color : #bfa627;
width : 135px;
height : 135px;
border-radius : 100px;
margin-top : 355px;
margin-left : 365px;
position : absolute;
color : #bfa627;
}
.playlistboxline {
background-color : #0000;
width : 110px;
height : 110px;
border-radius : 100px;
border : #010d3f solid 4px;
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 11.5px;
}
.playlistimg {
width : 50px;
margin-left : 27.2px;
margin-top : 27px;
}
.playlisttextbox {
font-size : 20px;
font-family : Montserrat;
text-align : center;
margin-top : 20px;
text-transform : uppercase;
}
.settingboxb {
background-color : #fff;
width : 135px;
height : 135px;
border-radius : 100px;
margin-top : 160px;
margin-left : 310px;
position : absolute;
color : #fff;
}
.settingboxb:hover {
background-color : #bfa627;
width : 135px;
height : 135px;
border-radius : 100px;
margin-top : 160px;
margin-left : 310px;
position : absolute;
color : #bfa627;
}
.settingboxline {
background-color : #0000;
width : 110px;
height : 110px;
border-radius : 100px;
border : #010d3f solid 4px;
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 11.5px;
}
.settingimg {
width : 50px;
margin-left : 27.2px;
margin-top : 27px;
}
.settingtextbox {
font-size : 20px;
font-family : Montserrat;
text-align : center;
margin-top : 20px;
text-transform : uppercase;
}
.logomenu {
padding-top : 25px;
}
.logomenua {
padding-top : 0;
}
.logoleft {
  width: 130px;
}
.logolefta {
width: 15%;
padding-top: 30px;
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
}
.logolefcenter {
width : 250px;
padding-top : 30px;
display : block;
margin-left : auto;
margin-right : auto;
}
.aplustext {
color : #fff;
font-family : Montserrat;
font-size : 45px;
text-transform : uppercase;
text-align : end;
/*margin-top : -100px;*/
}
.aplustextcenter {
  color : #fff;
  font-family : Montserrat;
  font-size : 60px;
  text-transform : uppercase;
  text-align : center;
  margin-top : 40px;
}
.clicktextcenter {
  color : #e6c203;
  font-family : Montserrat;
  font-size : 20px;
  text-align : center;
  margin-top : 25px;
}
.arrowplay {
  width : 100px;
  margin-top : 15px;
  display : block;
  margin-left : auto;
  margin-right : auto;
}
.aplusbanhed {
  color : #fff;
  font-size : 66px;
  font-weight : 700;
  font-family : Montserrat;
  text-transform : uppercase;
  padding : 0 0 0 0;
  margin : 0;
  margin-top : -15px;
}
.aplusbanheda {
  color : #000;
  font-size : 45px;
  font-weight : 600;
  font-family : Montserrat;
  text-transform : uppercase;
  padding : 0 0 0 0;
  margin : 0;
  text-align : center;
  margin-top : 90px;
  margin-bottom: 70px;
}
.ourfeatures {
  color : #ffffff;
  font-size : 45px;
  font-weight : 600;
  font-family : Montserrat;
  text-transform : uppercase;
  padding : 0 0 0 0;
  margin : 0;
  text-align : center;
}
.whitearea .ourfeatures {
  color: #111;
}
.now-available-img-container {
  text-align: center;
  padding:20px;
}
img.now-available-img {
  max-height: 300px;
  max-width: 95%;
}
.frequently {
  color : #000;
  font-size : 45px;
  font-weight : 600;
  font-family : Montserrat;
  text-transform : uppercase;
  padding : 0 0 0 0;
  margin : 0;
  text-align : center;
  margin-bottom : 20px;
}
.about-us {
  font-size: 22px;
  font-style: italic;
  color: #ff4700;
  text-align: justify;
}
.partnerstext {
  color : #020c3e;
  font-size : 25px;
  font-weight : 600;
  font-family : Montserrat;
  padding : 0 0 0 0;
  margin : 0;
  text-align : center;
  margin-bottom : -55px;
  margin-top : 39px;
}
.partners {
  margin-top : 50px;
  display : block;
  margin-left : auto;
  margin-right : auto;
}
.lg {
  background-color : #020c3e;
  height : 355px;
  margin-top : 25px;
  border : #000 solid 4px;
}
.web {
  background-color : #020c3e;
  height : 735px;
  margin-top : 25px;
  border : #000 solid 4px;
  padding : 20px;
}
.android {
  background-color : #020c3e;
  height : 355px;
  margin-top : 25px;
  border : #000 solid 4px;
}
.ios {
  background-color : #020c3e;
  height : 355px;
  margin-top : 25px;
  border : #000 solid 4px;
}
.aplusbantext {
  font-family : Montserrat;
  color : #bfa627;
  font-size : 18.5px;
  font-weight : 500;
  text-align : center;
  text-transform : uppercase;
  margin-top : -10px;
}
.aplusbantexta {
  font-family : Montserrat;
  color : #ffffff;
  font-size : 15px;
  font-weight : 700;
  text-align : center;
  text-transform : uppercase;
  margin-top : -10px;
}
.banimg {
  width: 100%;
  display : block;
  margin-left : auto;
  margin-right : auto;
  margin-top : 125px;
}
.banbutton {
  margin-top: -135px;
}
.samsungtext {
  color : #fff;
  font-size : 30px;
  font-weight : 600;
  font-family : Montserrat;
  text-transform : uppercase;
  text-align : center;
  margin-top : 35px;
  margin-bottom : 10px;
}
.samsungbutton {
  width : 200px;
  height : 50px;
  background-color : #020c3e;
  border-radius : 50px;
  border : #000 solid 3px;
  display : block;
  margin-left : auto;
  margin-right : auto;
  font-size : 20px;
  font-weight : 500;
  text-align : center;
  color : #fff;
}
.samsungbutton:hover {
  width : 200px;
  height : 50px;
  background-color : #020c3e;
  border-radius : 50px;
  border : #bfa627 solid 3px;
  display : block;
  margin-left : auto;
  margin-right : auto;
  font-size : 20px;
  font-weight : 500;
  text-align : center;
  color : #bfa627;
}
.webimg {
  width : 100%;
  display : block;
  margin-left : auto;
  margin-right : auto;
  padding-top : 225px;
}
.logoap img {
  width : 5%;
  position : absolute;
  margin-top : 500px;
  margin-left : 340px;
  z-index : 5000;
}
.logoapa img {
  width : 5%;
  position : absolute;
  margin-top : 500px;
  margin-left : 730px;
  z-index : 5000;
}
.samsungblackbox{
  width: 100%;
  /*height: 200px;*/
  background-color: #f1d100;
  border-radius: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  white-space: nowrap;
}
.whiteareab {
  padding : 65px 0;
  background-color : #000;
  height : 685px;
  background-image: url(../../images/bannerbg.jpg);
  background-size: cover;
}
.whiteareac{
  padding : 65px 0;
  background-color : #000;
  /*height : 685px;*/
  /*background-image: url(../../images/bannerbgall.png);*/
  /*background-size: cover;*/
}
.installiconimg{
  width: 100%;
}
.samsungicon{
  width: 50%;
  padding: 20px;
  display: inline-block;
  vertical-align: middle;
}
.samsungicontext{
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.samsungboximg{
  width: 70%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.samsungboximgtext{
  font-size: 15px;
  font-family: Montserrat;
  font-weight: 500;
  color: #000;
  text-align: center;
  margin-top: 55px;
}
.samsungboximgbutton{
  font-size: 15px;
  font-family: Montserrat;
  font-weight: 500;
  color: #2183b9;
  text-align: center;
  margin-top: 15px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50px;
  border: solid 3px #2183b9;
  padding: 5px 10px 5px 10px;
  background-color: #0000;
  cursor: pointer;
  text-decoration: none;
}
.samsungboximgbutton:hover{
  color: #f1d100;
  border: solid 3px #f1d100;
}
.livetviconimgbox{
  display: inline;
  width: 20%;
  float: left;
}
.livetviconimgboxa{
  display: inline;
  width: 20%;
  float: left;
}
.livetviconimg{
  width: 70%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.footer {
  background-color : #000;
  width : 100%;
  height : 100%;
  padding : 50px;
}
.foomenu {
  list-style : none;
  width : auto;
  height : auto;
  padding : 0;
  margin : 0;
}
.foomenu li {
  width : auto;
  height : auto;
  padding : 0;
  margin : 0;
  display : block;
}
.foomenu a {
  text-decoration : none;
  color : #fff;
  font-size : 17px;
  font-weight : 500;
  font-family : Montserrat;
  line-height : 33px;
  width : auto;
  height : auto;
  padding : 0;
  margin : 0;
  display : block;
}
.foomenu a:hover {
  text-decoration : none;
  color : #ff6a3f;
  font-size : 17px;
  font-weight : 500;
  font-family : Montserrat;
  line-height : 33px;
  width : auto;
  height : auto;
  padding : 0;
  margin : 0;
  display : block;
}
.container {
  width : 1200px;
  max-width : 100%;
  height : auto;
  padding : 0;
  margin : 0 auto !important ;
  left : 0 !important ;
  right : 0 !important ;
}
.topmenu {
  width : auto;
  height : auto;
  padding : 0;
  margin : 30px 0 0 0;
  float : right;
}
.topmenu li {
  width : auto;
  height : auto;
  padding : 0;
  margin : 0;
  display : inline-block;
}
.topmenu li a {
  width : auto;
  height : auto;
  padding : 0 10px;
  margin : 0;
  display : block;
  color : #fff;
  font-size : 15px;
  font-family : Montserrat;
  font-weight : 500;
  text-decoration : none;
  border : #bfa62700 solid 2px;
}
.topmenu li a:hover {
  background-color: #e43a3b;
  border-radius : 5px;
  padding : 5px 10px;
  margin : 0;
}
.topmenu .active a {
  background-color: #e43a3b;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0;
}
.topmenua {
  width : auto;
  height : auto;
  padding : 0;
  margin : 15px 0 15px 0;
  float : right;
}
.topmenua li {
  width : auto;
  height : auto;
  padding : 0;
  margin : 0;
  display : inline-block;
}
.topmenua li a {
  width : auto;
  height : auto;
  padding : 0 10px;
  margin : 0;
  display : block;
  color : #fff;
  font-size : 15px;
  font-family : Montserrat;
  font-weight : 500;
  text-decoration : none;
  border : #bfa62700 solid 2px;
}
.topmenua li a:hover {
  color : #bfa627;
  border : #bfa627 solid 2px;
  border-radius : 50px;
  padding : 0 10px;
  margin : 0;
}
.topmenua .active a {
  color : #bfa627;
  border : #bfa627 solid 2px;
  border-radius : 50px;
  padding : 0 10px;
  margin : 0;
}
.bannerbg {
  background : url("../../images/bannerbg.jpg") center -40px no-repeat;
  background-size : cover;
  width : 100%;
  height : 700px;
}
.reseller-login-banner{
  /*background : url("../../images/bannerbg.jpg") center 0px no-repeat;*/
  /*background : url("../../images/reseller-bg.JPEG") center 0px no-repeat;*/
}
.bannerbgindex {
  background : url("../../images/bannerbg.jpg") center 0px no-repeat;
  background-size : cover;
  width : 100%;
  /*height : 725px;*/
}
.managepbannerbg {
  background : url("../../images/bannerbg.jpg") center -40px no-repeat;
  background-size : cover;
  width : 100%;
  height : 123px;
}
.bannerbga {
  background : url("../../images/bannerbg.jpg") center -40px no-repeat;
  background-size : cover;
  width : 100%;
  height : 140px;
}
.bantext {
  padding: 80px 0 0 0;
}
.bluebest {
  color: #ffffff;
  font-size: 40px;
  font-weight: 600;
  font-family: Montserrat;
  text-transform: uppercase;
  padding: 0 0 0 0;
  text-align: center;
  line-height: 1.1;
}
.bannertext {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  font-family: Montserrat;
  padding: 0 0 0 0;
  text-align: center;
  padding-top: 15px;
}
h1 {
  color : #fff;
  font-size : 66px;
  font-weight : 900;
  font-family : Montserrat;
  text-transform : uppercase;
  padding : 0 0 0 0;
  margin : 0;
}
h2 {
  color : #000;
  font-size : 35px;
  line-height : 35px;
  font-weight : 700;
  font-family : Montserrat;
  text-transform : uppercase;
  padding : 0 0 0 0;
  margin : 0;
}
h3 {
  color : #fff;
  font-size : 20px;
  line-height : 35px;
  font-weight : 700;
  font-family : Montserrat;
  text-transform : uppercase;
  padding : 0 0 18px 0;
  margin : 0;
}
h4 {
  color : #000;
  font-size : 25px;
  line-height : 35px;
  font-weight : 700;
  font-family : Montserrat;
  text-transform : capitalize;
  padding : 0 0 5px 0;
  margin : 0;
}
.roundbt {
  width: auto;
  height: auto;
  padding: 10px 45px 10px 45px;
  margin: 15px 20px 0 0;
  float: left;
  background-color: #1b1b3c;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Montserrat';
  text-align: center;
  width: 215px;
}
.addplaylistmac {
  width: auto;
  height: auto;
  padding: 10px 40px 10px 40px;
  margin: 16px 0px 0px 0px;
  background-color: #ff6a3f;
  border: #ff6a3f solid 2px;
  border-radius: 150px;
  color: #fff;
  text-decoration: none;
  font-size: 17px;
  font-weight: 500;
}
.addplaylistmac:hover{
  color: #fff;
  background-color: #e43a3b;
}
.bluearea {
  background-color : #020c3e;
  height : 350px;
}
.roundbt:hover {
  color: #fff;
  background-color: #e43a3b;
}
.whitearea {
  padding : 20px 0;
  background-color : #fff;
  clear : both;
  margin-top: 10px;
  margin-bottom: 90px;
}
.greyearea {
  padding : 65px 0;
  background-color : #f5f5f5;
  clear : both;
}
.leftimage {
  width : 45%;
  height : auto;
  padding : 0;
  margin : 0;
  float : left;
  text-align : center;
}
.leftimage img {
  width : 82%;
  height : auto;
}
.rightimage {
  width : 45%;
  height : auto;
  padding : 0;
  margin : 0;
  float : right;
  text-align : center;
}
.rightimage img {
  width : 82%;
  height : auto;
}
.righttext {
  width : 50%;
  height : auto;
  padding : 85px 0 0 0;
  margin : 0;
  float : right;
  text-align : left;
}
.lefttext {
  width : 50%;
  height : auto;
  padding : 85px 0 0 0;
  margin : 0;
  float : left;
  text-align : right;
}
.clear {
  clear : both;
}
.greenbt {
  width : auto;
  height : auto;
  padding : 11px 40px;
  background-color : #5fc457;
  font-size : 16px;
  font-weight : 500;
  float : left;
  border-radius : 80px;
  text-decoration : none;
  display : block;
  color : #fff;
  margin : 15px 0 0 0;
}
.greenbt:hover {
  background-color : #0c0c0c;
}
.yellowbt {
  width : auto;
  height : auto;
  padding : 11px 40px;
  background-color : #fbcc3b;
  font-size : 16px;
  font-weight : 500;
  float : right;
  border-radius : 80px;
  text-decoration : none;
  display : block;
  color : #fff;
  margin : 15px 0 0 0;
}
.yellowbt:hover {
  background-color : #0c0c0c;
}
.redbt {
  width : auto;
  height : auto;
  padding : 11px 40px;
  background-color : #c62a21;
  font-size : 16px;
  font-weight : 500;
  float : left;
  border-radius : 80px;
  text-decoration : none;
  display : block;
  color : #fff;
  margin : 15px 0 0 0;
}
.redbt:hover {
  background-color : #0c0c0c;
}
.purplebt {
  width : auto;
  height : auto;
  padding : 11px 40px;
  background-color : #9751ae;
  font-size : 16px;
  font-weight : 500;
  float : right;
  border-radius : 80px;
  text-decoration : none;
  display : block;
  color : #fff;
  margin : 15px 0 0 0;
}
.purplebt:hover {
  background-color : #0c0c0c;
}
.featuresmenu {
  width : 100%;
  height : auto;
  padding : 0;
  margin : 0;
}
.featuresmenu li {
  width : 20%;
  height : auto;
  padding : 45px 0;
  margin : 0;
  float : left;
  border : 0;
  color : #000000;
  font-size : 22px;
  text-transform : uppercase;
  text-align : center;
  font-weight : 700;
  list-style : none;
}
.featuresmenu li:hover {
  box-shadow : 1px 1px 15px rgba(0, 0, 0, 0.2);
}
.featuresmenu li img {
  margin : 0 auto 25px auto;
}
.featurehead {
  font-size : 45px;
  font-weight : 700;
  text-align : center;
  padding-bottom : 40px;
}
.betweenspance {
  width : 100%;
  height : 20px;
  clear : both;
}
.padding-top--48 {
  padding-top : 30px;
}
.padding-bottom--24 {
  padding-bottom : 10px;
}
.padding-horizontal--48 {
  padding : 30px;
}
.padding-bottom--15 {
  padding-bottom : 15px;
}
.flex-justifyContent--center {
  justify-content : center;
}
.formbg {
  margin : 0 auto;
  width : 100%;
  max-width : 700px;
  background : white;
  border-radius : 4px;
  margin-bottom : 30px;
  box-shadow : 0 7px 14px 0 rgba(60, 66, 87, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
span {
  font-size : 20px;
  line-height : 28px;
  color : #1a1f36;
}
label {
  margin-bottom : 5px;
}
.reset-pass a, label {
  font-size : 16px;
  font-weight : 600;
  display : block;
}
.reset-pass > a {
  text-align : right;
  margin-bottom : 10px;
}
.grid--50-50 {
  display : grid;
  grid-template-columns : 50% 50%;
  align-items : center;
}
.field input {
  font-size : 16px;
  line-height : 28px;
  padding : 8px 16px;
  width : 90%;
  height : 19px;
  border : unset;
  border-radius : 4px;
  outline-color : rgba(84, 105, 212,  0.5);
  background-color : rgb(255, 255, 255);
  border : rgba(0, 0, 0, 0.3) solid 1px;
}
.paybt {
  width : 100%;
  height : auto;
  margin-bottom : 20px;
}
.paybt:hover {
  opacity : 0.8;
}
.orr {
  text-align : center;
  font-size : 20px;
  font-weight : 600;
  line-height : 50px;
  background-color : #c62a21;
  color : #fff;
  width : 50px !important ;
  height : 50px !important ;
  border-radius : 50%;
  margin : -40px auto 0 auto;
  position : absolute;
  left : 0;
  right : 0;
}
.leftside {
  width : 25%;
  height : auto;
  background-color : #EFEFEF;
  padding : 2%;
  margin : 0;
  float : left;
}
.rightside {
  width : 65%;
  height : auto;
  background-color : #fff;
  padding : 0;
  margin : 0;
  float : right;
}
.rightside p {
  color : #000;
}
.addplaybt {
  width : auto;
  height : auto;
  padding : 12px 30px;
  color : #000;
  border : #000 solid 1px;
  float : left;
  margin : 20px 15px 25px 0;
  text-decoration : none;
  font-weight : 500;
}
.addplaybt:hover {
  color : red;
  border : red solid 1px !important ;
}
.tabtd {
  background-color : #313131;
  color : #fff;
  padding : 10px;
  text-align : center;
}
.panel {
  background-color : #444;
  height : 34px;
  padding : 10px;
}
.panel a#login_pop, .panel a#join_pop {
  border : #aaa solid 2px;
  color : #fff;
  display : block;
  float : right;
  margin-right : 10px;
  padding : 5px 10px;
  text-decoration : none;
  text-shadow : 1px 1px #000;
  border-radius : 10px;
}
a#login_pop:hover, a#join_pop:hover {
  border-color : #eee;
}
.overlay {
  background-color : rgba(0, 0, 0, 0.6);
  bottom : 0;
  cursor : default;
  left : 0;
  opacity : 0;
  position : fixed;
  right : 0;
  top : 0;
  visibility : hidden;
  z-index : 1;
  transition : opacity 0.5s;
}
.overlay:target {
  visibility : visible;
  opacity : 1;
}
.popup {
  width : 30%;
  min-height : 68%;
  background-color : #fff;
  background-image : url("../../images/top-shadow.png");
  background-repeat : repeat-x;
  display : inline-block;
  left : 50%;
  opacity : 0;
  position : fixed;
  text-align : justify;
  top : 40%;
  visibility : hidden;
  z-index : 10;
  border : #fff solid 0.3vh;
  padding : 0;
  color : #000;
  transform : translate(-50%,-50%);
  border-radius : 10px;
  transition : opacity 0.5s, top 0.5s;
}
.overlay:target + .popup {
  top : 50%;
  opacity : 1;
  visibility : visible;
}
.close {
  background-color : #000;
  height : 6vh;
  line-height : 6vh;
  position : absolute;
  right : 0;
  text-align : center;
  text-decoration : none;
  top : 0;
  width : 6vh;
  font-size : 3vh;
  font-weight : 600;
  border-radius : 3vh;
}
.close:before {
  color : rgba(255, 255, 255, 0.9);
  content : "X";
  font-size : 3vh;
  font-weight : 600;
}
.close:hover {
  background-color : #c42118;
}
.popup p, .popup div {
  margin-bottom : 10px;
}
.popup label {
  display : inline-block;
  text-align : left;
  width : 100%;
}
.popup input[type="text"], .popup input[type="password"] {
  border : solid 1px;
  border-color : #999 #ccc #ccc;
  margin : 0;
  padding : 2px;
  border-radius : 2px;
}
.popup input[type="text"]:hover, .popup input[type="password"]:hover {
  border-color : #555 #888 #888;
}
.pophead {
  color : #000;
  text-align : center;
  font-weight : 800;
  padding : 0 0 1vh 0;
  margin : 0;
}
.pophead img {
  width : 5%;
  height : auto;
  margin-bottom : -1.5vh;
  margin-right : 1.5vh;
}
.testar {
  width : 96%;
  height : 50px;
}

@media only screen and (max-width: 1024px) {

  .dl-menuwrapper {
    display : block !important ;
    position : absolute !important ;
    margin-top : -75px !important ;
    float : right !important ;
    right : 10px !important ;
  }
  .topmenu {
    display : none;
  }
  .logosymbol {
    display: none;
  }
  .topmenua {
    display : none;
  }
  .topmenu li a {
    padding : 1px 7px;
    font-size : 15px;
  }
  .dl-menuwrapper button {
    background : #bfa627;
    border : none;
    width : 48px;
    height : 45px;
    text-indent : -900em;
    overflow : hidden;
    position : relative;
    cursor : pointer;
    outline : none;
    float : right;
    margin-top : 12px;
  }
  .banbutton {
    /*margin-left: 265px;*/
  }
  .banimg {
    width: 435px;
  }
  .aplusbanheda {
    margin-top: 10px;
  }
  .samsungbox {
    margin-top: 25px;
    margin-left: 70px;
  }
  .samsungbox:hover {
    margin-left : 70px;
  }
  .samsungtext {
    font-size: 20px;
  }
  .logoap img {
    width: 7%;
    margin-top: 425px;
    margin-left: 265px;
  }
  .logoapa img {
    width: 7%;
    margin-top: 425px;
    margin-left: 595px;
  }
  .livetvbox {
    margin-top: 25px;
    margin-left: 395px;
  }
  .livetvbox:hover{
    margin-top: 25px;
    margin-left: 395px;
  }
  .flimsbox {
    margin-top: 160px;
    margin-left: 580px;
  }
  .flimsbox:hover{
    margin-top: 160px;
    margin-left: 580px;
  }
  .seriesbox {
    margin-top: 370px;
    margin-left: 515px;
  }
  .seriesbox:hover{
    margin-top: 370px;
    margin-left: 515px;
  }
  .playlistbox {
    margin-top: 370px;
    margin-left: 285px;
  }
  .playlistbox:hover{
    margin-top: 370px;
    margin-left: 285px;
  }
  .settingboxb {
    margin-top: 160px;
    margin-left: 215px;
  }
  .settingboxb:hover{
    margin-top: 160px;
    margin-left: 215px;
  }
  .logosymbol {
    width: 35%;
    height: auto;
    margin: 20% auto 0 auto;
  }

}

@media only screen and (max-width: 768px) {

  .dl-menuwrapper {
    display : block !important ;
    position : absolute !important ;
    margin-top : -75px !important ;
    float : right !important ;
    right : 10px !important ;
  }
  .topmenu {
    display : none;
  }
  .logosymbol {
    display: none;
  }
  .topmenua {
    display : none;
  }
  .topmenu li a {
    padding : 1px 7px;
    font-size : 15px;
  }
  .dl-menuwrapper button {
    background : #bfa627;
    border : none;
    width : 48px;
    height : 45px;
    text-indent : -900em;
    overflow : hidden;
    position : relative;
    cursor : pointer;
    outline : none;
    float : right;
    margin-top : 12px;
  }
  .banbutton {
    /*margin-left: 150px;*/
  }
  .banimg {
    width: 435px;
    margin-top:50px;
  }
  .whitearea {
    padding: 10px 0;
  }
  .samsungbox {
    margin-top: 25px;
    margin-left: 35px;
  }
  .samsungbox:hover {
    margin-left : 35px;
  }
  .samsungtext {
    font-size: 20px;
  }
  .web {
    padding: 8px;
  }
  .whiteareab {
    margin-top: 55px;
  }
  .whiteareac{
    margin-top: 55px;
  }
  .logoap img {
    width: 7%;
    margin-top: 445px;
    margin-left: 210px;
  }
  .logoapa img {
    width: 7%;
    margin-top: 445px;
    margin-left: 460px;
  }
  .whitearea {
    padding: 10px 0;
  }
  .livetvbox {
    margin-top: 25px;
    margin-left: 290px;
  }
  .livetvbox:hover{
    margin-top: 25px;
    margin-left: 290px;
  }
  .flimsbox {
    margin-top: 160px;
    margin-left: 465px;
  }
  .flimsbox:hover{
    margin-top: 160px;
    margin-left: 465px;
  }
  .seriesbox {
    margin-top: 370px;
    margin-left: 430px;
  }
  .seriesbox:hover{
    margin-top: 370px;
    margin-left: 430px;
  }
  .playlistbox {
    margin-top: 370px;
    margin-left: 170px;
  }
  .playlistbox:hover{
    margin-top: 370px;
    margin-left: 170px;
  }
  .settingboxb {
    margin-top: 160px;
    margin-left: 125px;
  }
  .settingboxb:hover{
    margin-top: 160px;
    margin-left: 125px;
  }
  .logosymbol {
    width: 50%;
    margin: 30% auto 0 auto;
  }
  .aplusbanheda {
    font-size: 35px;
    margin-top: 100px;
    margin-bottom: 10px;
  }
  .ourfeatures {
    font-size: 35px;
  }
  .frequently {
    font-size: 35px;
  }
  .footer {
    padding: 30px;
  }
  .foomenu a {
    font-size: 14px;
  }
  .foomenu a:hover{
    font-size: 14px;
  }
  h3 {
    font-size: 20px !important;
  }
  .installiconimg{
    width: 50%;
  }
  .samsungicon{
    width: 30%;
  }

  .deleteleftrightpading {
    margin-bottom: 30px;
  }
  .deleteleftrightpading:last-of-type{
    margin-bottom: 0;
  }
  h3.quick {
    margin-bottom: 0 !important;
    padding-bottom: 5px;
  }

  .bantext {
    padding: 0px 0 0 0;
  }
  .console-container {
    height: 150px;
  }
  .samsungboximgtext {
    margin-top: 10px;
  }
  .downloadicon {
    width: 80%;
  }
}
@media only screen and (max-width: 494px) {
  .aplusbanheda {
    margin-top: 170px;
  }
  .loginboxbglinead {
    padding: 0px 20px 30px 20px;
  }
}


@media only screen and (max-width: 425px) {
  .container {
    padding-left : 15px;
    padding-right : 15px;
  }
  .bannerbg {
    /*background : url(../../images/Banner425.png) right 0 no-repeat;*/
    /*background-color : #ffffff !important ;*/
    height: 750px;
  }
  .bannerbgindex {
    /*background : url(../../images/Banner425.png) right 0 no-repeat;*/
    /*background-color : #ffffff !important ;*/
    /*height: 750px;*/
  }
  .aplusbanheda {
    margin-top : 20px;
  }
  .console-container {
    height: 30px;
  }
  .samsungbox {
    margin-left : 100px;
  }
  .samsungbox:hover {
    background-color : #bfa627;
    margin-left : 100px;
    color : #bfa627;
  }
  .samsungtext {
    font-size : 25px;
  }
  .aplusbanheda {
    font-size : 30px;
  }
  .webimg {
    padding-top : 15px;
  }
  .web {
    height : 355px;
  }
  .ourfeatures {
    font-size : 30px;
  }
  .livetvbox {
    margin-left : 110px;
  }
  .livetvbox:hover {
    background-color : #bfa627;
    margin-left : 110px;
    color : #bfa627;
  }
  .flimsbox {
    margin-left : 110px;
    margin-top : 220px;
  }
  .flimsbox:hover {
    background-color : #bfa627;
    margin-left : 110px;
    margin-top : 220px;
    color : #bfa627;
  }
  .seriesbox {
    margin-left : 110px;
    margin-top : 420px;
  }
  .seriesbox:hover {
    background-color : #bfa627;
    margin-left : 110px;
    margin-top : 420px;
    color : #bfa627;
  }
  .playlistbox {
    margin-left : 110px;
    margin-top : 620px;
  }
  .playlistbox:hover {
    background-color : #bfa627;
    margin-left : 110px;
    margin-top : 620px;
    color : #bfa627;
  }
  .settingboxb {
    margin-left : 110px;
    margin-top : 820px;
  }
  .settingboxb:hover {
    background-color : #bfa627;
    margin-left : 110px;
    margin-top : 820px;
    color : #bfa627;
  }
  .whiteareab {
    height : 1100px;
  }
  .whiteareac{
    /*height : 1100px;*/
  }
  .livetvtextbox {
    font-size : 14px;
  }
  .filmstextbox {
    font-size : 14px;
  }
  .seriestextbox {
    font-size : 14px;
  }
  .playlisttextbox {
    font-size : 14px;
  }
  .settingtextbox {
    font-size : 14px;
  }
  .partners {
    width : 100%;
  }
  .frequently {
    font-size : 30px;
  }
  .partnerstext {
    font-size : 15px;
  }
  .foomenu a {
    font-size : 13px;
    line-height : 28px;
  }
  .quick {
    font-size : 20px;
    margin-top : 20px;
  }
  .foomenu {
    /*margin-top : -25px;*/
  }
  .deleteleftrightpading {
    padding-left : 0 !important ;
    padding-right : 0 !important ;
  }
  .banimg {
    width: 100%;
    margin-top: 20px;
  }
  .logoap img {
    width: 15%;
    position: absolute;
    margin-top: 370px;
    margin-left: 150px;
    z-index: 5000;
  }
  .logoapa img {
    width : 15%;
    position : absolute;
    margin-top : 1510px;
    margin-left : 150px;
    z-index : 5000;
  }
  .copyright {
    font-size : 10px;
  }
  .banbutton {
    margin-left : 30px;
    margin-top: -15px;
  }
  .aplusbantexta {
    font-size : 10px;
  }
  .aplusbantext {
    font-size : 13px;
    line-height : 11px;
    margin-top : -4px;
  }
  .aplusbanhed {
    font-size : 24px;
  }
  .logoleft {
    width : 170px;
  }
  .dl-menuwrapper button {
    background : #bfa627;
    border : none;
    width : 48px;
    height : 45px;
    text-indent : -900em;
    overflow : hidden;
    position : relative;
    cursor : pointer;
    outline : none;
    float : right;
    margin-top : 12px;
  }
  .topmenu li a {
    padding : 1px 7px;
    font-size : 15px;
  }
  h1 {
    font-size : 30px;
  }
  .bantext {
    /*padding : 115px 0 0 0;*/
  }
  .bluebest {
    margin-bottom : 11px;
    font-size : 15px;
  }
  .roundbt {
    /*width : auto;*/
    height : auto;
    padding : 10px 20px 10px 20px;
    margin : 10px 4px 0 5px;
    font-size : 14px;
  }
  .whitearea {
    padding: 40px 0;
    margin-top: 15px;
  }
  .greyearea {
    padding : 30px 0;
  }
  .leftimage {
    width : 100%;
  }
  .righttext {
    width : 100%;
    padding : 25px 0 0 0;
    float : left;
  }
  h2 {
    font-size : 29px;
  }
  .rightimage {
    width : 98%;
    float : left;
  }
  .lefttext {
    width : 100%;
    padding : 0 0 25px 0;
    float : left;
    text-align : left;
  }
  .yellowbt {
    float : left;
  }
  .purplebt {
    float : left;
  }
  .featuresmenu li {
    width : 100%;
  }
  .fooleftp {
    padding-left : 0;
  }
  .foo1 {
    width : 100%;
    height : auto;
    padding : 0 0 35px 0;
  }
  .leftside {
    width : 95%;
    padding : 2%;
    text-align : center;
  }
  .rightside {
    width : 100%;
  }
  .addplaybt {
    margin : 0 15px 15px 0;
  }
  .popup {
    width : 95%;
    min-height : 68%;
    font-size : 13px;
    text-align : left;
  }
  .popup label {
    font-size : 14px;
  }
  .testar {
    height : 30px;
  }
  .padding-bottom--24 {
    padding-bottom : 0;
  }
  .padding-horizontal--48 {
    padding : 15px;
  }
  .dl-menuwrapper {
    display : block !important ;
    position : absolute !important ;
    margin-top : -75px !important ;
    float : right !important ;
    right : 10px !important ;
  }
  .topmenu {
    display : none;
  }
  .logosymbol {
    display: none;
  }
  .topmenua {
    display : none;
  }
  .shadowright{
    margin-top: 20px;
  }
  .formbox {
    padding: 5px;
  }
  .logolefta {
    width: 50px;
    margin-top: 5px;
  }
  .aplustext {
    font-size: 30px;
    margin-top: -45px;
  }

}

@media only screen and (max-width: 375px) {
  .container {
    padding-left : 15px;
    padding-right : 15px;
  }
  .bannerbg {
    background : url(../../images/bannerbg.jpg) right 0 no-repeat;
    background-color : #ffffff !important ;
    height: 750px;
  }
  .bannerbgindex {
    /*background : url(../../images/Banner375.png) right 0 no-repeat;*/
    /*background-color : #ffffff !important ;*/
    /*height: 750px;*/
  }
  .aplusbanheda {
    margin-top : 220px;
  }
  .samsungbox {
    margin-left : 75px;
  }
  .samsungbox:hover {
    background-color : #bfa627;
    margin-left : 75px;
    color : #bfa627;
  }
  .samsungtext {
    font-size : 25px;
  }
  .aplusbanheda {
    font-size : 30px;
  }
  .webimg {
    padding-top : 15px;
  }
  .web {
    height : 355px;
  }
  .ourfeatures {
    font-size : 30px;
  }
  .livetvbox {
    margin-left : 90px;
  }
  .livetvbox:hover {
    background-color : #bfa627;
    margin-left : 90px;
    color : #bfa627;
  }
  .flimsbox {
    margin-left : 90px;
    margin-top : 220px;
  }
  .flimsbox:hover {
    background-color : #bfa627;
    margin-left : 90px;
    margin-top : 220px;
    color : #bfa627;
  }
  .seriesbox {
    margin-left : 90px;
    margin-top : 420px;
  }
  .seriesbox:hover {
    background-color : #bfa627;
    margin-left : 90px;
    margin-top : 420px;
    color : #bfa627;
  }
  .playlistbox {
    margin-left : 90px;
    margin-top : 620px;
  }
  .playlistbox:hover {
    background-color : #bfa627;
    margin-left : 90px;
    margin-top : 620px;
    color : #bfa627;
  }
  .settingboxb {
    margin-left : 90px;
    margin-top : 820px;
  }
  .settingboxb:hover {
    background-color : #bfa627;
    margin-left : 90px;
    margin-top : 820px;
    color : #bfa627;
  }
  .whiteareab {
    height : 1100px;
  }
  .whiteareac{
    /*height : 1100px;*/
  }
  .livetvtextbox {
    font-size : 14px;
  }
  .filmstextbox {
    font-size : 14px;
  }
  .seriestextbox {
    font-size : 14px;
  }
  .playlisttextbox {
    font-size : 14px;
  }
  .settingtextbox {
    font-size : 14px;
  }
  .partners {
    width : 100%;
  }
  .frequently {
    font-size : 30px;
  }
  .partnerstext {
    font-size : 15px;
  }
  .foomenu a {
    font-size : 13px;
    line-height : 28px;
  }
  .quick {
    font-size : 20px;
    margin-top : 20px;
  }
  .foomenu {
    /*margin-top : -25px;*/
  }
  .deleteleftrightpading {
    padding-left : 0 !important ;
    padding-right : 0 !important ;
  }
  .banimg {
    width: 100%;
    margin-top: 20px;
  }
  .logoap img {
    width: 15%;
    position: absolute;
    margin-top: 370px;
    margin-left: 130px;
    z-index: 5000;
  }
  .logoapa img {
    width : 15%;
    position : absolute;
    margin-top : 1510px;
    margin-left : 130px;
    z-index : 5000;
  }
  .copyright {
    font-size : 10px;
  }
  .banbutton {
    margin-left : 30px;
    margin-top: -15px;
  }
  .aplusbantexta {
    font-size : 10px;
  }
  .aplusbantext {
    font-size : 13px;
    line-height : 11px;
    margin-top : -4px;
  }
  .aplusbanhed {
    font-size : 24px;
  }
  .logoleft {
    width : 155px;
  }
  .dl-menuwrapper button {
    background : #bfa627;
    border : none;
    width : 48px;
    height : 45px;
    text-indent : -900em;
    overflow : hidden;
    position : relative;
    cursor : pointer;
    outline : none;
    float : right;
    margin-top : 12px;
  }
  .topmenu li a {
    padding : 1px 7px;
    font-size : 15px;
  }
  h1 {
    font-size : 30px;
  }
  .bantext {
    padding : 115px 0 0 0;
  }
  .bluebest {
    margin-bottom : 11px;
    font-size : 15px;
  }
  .roundbt {
    /*width : auto;*/
    height : auto;
    padding : 10px 20px 10px 20px;
    margin : 10px 4px 0 5px;
    font-size : 14px;
  }
  .whitearea {
    padding: 40px 0;
    margin-top: 15px;
  }
  .greyearea {
    padding : 30px 0;
  }
  .leftimage {
    width : 100%;
  }
  .righttext {
    width : 100%;
    padding : 25px 0 0 0;
    float : left;
  }
  h2 {
    font-size : 29px;
  }
  .rightimage {
    width : 98%;
    float : left;
  }
  .lefttext {
    width : 100%;
    padding : 0 0 25px 0;
    float : left;
    text-align : left;
  }
  .yellowbt {
    float : left;
  }
  .purplebt {
    float : left;
  }
  .featuresmenu li {
    width : 100%;
  }
  .fooleftp {
    padding-left : 0;
  }
  .foo1 {
    width : 100%;
    height : auto;
    padding : 0 0 35px 0;
  }
  .leftside {
    width : 95%;
    padding : 2%;
    text-align : center;
  }
  .rightside {
    width : 100%;
  }
  .addplaybt {
    margin : 0 15px 15px 0;
  }
  .popup {
    width : 95%;
    min-height : 68%;
    font-size : 13px;
    text-align : left;
  }
  .popup label {
    font-size : 14px;
  }
  .testar {
    height : 30px;
  }
  .padding-bottom--24 {
    padding-bottom : 0;
  }
  .padding-horizontal--48 {
    padding : 15px;
  }
  .dl-menuwrapper {
    display : block !important ;
    position : absolute !important ;
    margin-top : -75px !important ;
    float : right !important ;
    right : 10px !important ;
  }
  .topmenu {
    display : none;
  }
  .topmenua {
    display : none;
  }
  .shadowright{
    margin-top: 20px;
  }
  .formbox {
    padding: 5px;
  }
  .logolefta {
    width: 50px;
    margin-top: 5px;
  }
  .aplustext {
    font-size: 30px;
    margin-top: -45px;
  }
  .loginboxbgad {
    padding: 60px 0px 20px 0px !important;
  }
  .loginboxbglinead {
    padding: 0px 10px 30px 10px;
  }

}


@media only screen and (max-width: 320px) {
  .livetviconimgbox {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    float: inherit;
    margin-bottom: 15px;
  }
  .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background-color: #a61e22;
    width: 100%;
  }
  .nav-item{
    width: 100% !important;
  }
  .tabmenumleft {
    margin-left: 0px;
  }
  .logothmeinputa {
    background-color: #ff000000 !important;
    border: #000 solid 1px !important;
    color: #000 !important;
    width: 200px !important;
    margin-top: -28px !important;
    margin-left: 85px;
    float: inherit !important;
  }
  .aplusplayer {
    background-color: #f1f1f1;
    width: 35%;
    height: 34px;
    margin-top: 15px;
    display: block;
    float: left;
    border-left: solid 0px #ff6a3f;
    border-right: solid 1px #ff6a3f;
    border-top: solid 1px #ff6a3f;
    border-bottom: solid 1px #ff6a3f;
    padding: 5px;
  }
  .aplusplayerurl {
    background-color: #fff;
    width: 65%;
    height: 34px;
    margin-top: 15px;
    display: block;
    border-left: solid 1px #ff6a3f;
    border-right: solid 0px #ff6a3f;
    border-top: solid 1px #ff6a3f;
    border-bottom: solid 1px #ff6a3f;
    float: left;
  }
  .aplusplayerurltext {
    font-size: 15px;
    font-weight: 600;
    color: #3b3b3b;
    padding: 5px;
    width: 65%;
    border-left: solid 0px #ff6a3f;
    border-right: solid 0px #ff6a3f;
    border-top: solid 0px #ff6a3f;
    border-bottom: solid 0px #ff6a3f;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .Searchtext {
    color: #000;
    margin-top: 25px;
    display: block;
    float: inherit;
    margin-left: 25px;
  }
  .loginbyyourtext {
    margin-top: 10px;
  }
  .allapimg {
    position: absolute;
    margin-top: 0px;
  }
  .logintoyourtext {
    color: #000;
    font-size: 12px;
    font-family: Montserrat;
    text-align: center;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .macaddressheading {
    color: #ff6a3f;
    font-size: 20px;
    line-height: 35px;
    font-weight: 700;
    font-family: Montserrat;
    text-transform: capitalize;
    padding: 0 0 5px 0;
    margin: 0;
    text-align: center;
    margin-top: -15px;
  }
  .logintoyourheading {
    color: #000;
    font-size: 20px;
    line-height: 35px;
    font-weight: 700;
    font-family: Montserrat;
    padding: 0 0 18px 0;
    margin: 0;
    text-align: center;
    margin-top: 10px;
  }
  .logintoyourbox {
    background-color: #fff;
    height: 200px;
  }
  .container {
    padding-left : 15px;
    padding-right : 15px;
  }
  .bannerbg {
    background : url(../../images/bannerbg.jpg) right 0 no-repeat;
    background-color : #ffffff !important ;
    height: 800px;
  }
  .bannerbgindex {
    /*background : url(../../images/Banner320.png) right 0 no-repeat;*/
    /*background-color : #ffffff !important ;*/
    /*height: 605px;*/
  }
  .samsungbox {
    margin-left : 55px;
  }
  .samsungbox:hover {
    background-color : #bfa627;
    margin-left : 55px;
    color : #bfa627;
  }
  .samsungtext {
    font-size : 25px;
  }
  .aplusbanheda {
    font-size: 30px;
  }
  .webimg {
    padding-top : 15px;
  }
  .web {
    height : 355px;
  }
  .ourfeatures {
    font-size : 30px;
  }
  .livetvbox {
    margin-left : 65px;
  }
  .livetvbox:hover {
    background-color : #bfa627;
    margin-left : 65px;
    color : #bfa627;
  }
  .flimsbox {
    margin-left : 65px;
    margin-top : 220px;
  }
  .flimsbox:hover {
    background-color : #bfa627;
    margin-left : 65px;
    margin-top : 220px;
    color : #bfa627;
  }
  .seriesbox {
    margin-left : 65px;
    margin-top : 420px;
  }
  .seriesbox:hover {
    background-color : #bfa627;
    margin-left : 65px;
    margin-top : 420px;
    color : #bfa627;
  }
  .playlistbox {
    margin-left : 65px;
    margin-top : 620px;
  }
  .playlistbox:hover {
    background-color : #bfa627;
    margin-left : 65px;
    margin-top : 620px;
    color : #bfa627;
  }
  .settingboxb {
    margin-left : 65px;
    margin-top : 820px;
  }
  .settingboxb:hover {
    background-color : #bfa627;
    margin-left : 65px;
    margin-top : 820px;
    color : #bfa627;
  }
  .whiteareab {
    height : 670px;
  }
  .whiteareac{
    /*height : 1175px;*/
  }
  .livetvtextbox {
    font-size : 14px;
  }
  .filmstextbox {
    font-size : 14px;
  }
  .seriestextbox {
    font-size : 14px;
  }
  .playlisttextbox {
    font-size : 14px;
  }
  .settingtextbox {
    font-size : 14px;
  }
  .partners {
    width : 100%;
  }
  .frequently {
    font-size : 30px;
  }
  .partnerstext {
    font-size : 15px;
  }
  .foomenu a {
    font-size : 13px;
    line-height : 28px;
  }
  .quick {
    font-size : 20px;
    margin-top : 20px;
  }
  .foomenu {
    /*margin-top : -25px;*/
  }
  .deleteleftrightpading {
    padding-left : 0 !important ;
    padding-right : 0 !important ;
  }
  .banimg {
    width : 100%;
    margin-top: 70px;
  }
  .logoap img {
    width : 20%;
    position : absolute;
    margin-top : 370px;
    margin-left : 100px;
    z-index : 5000;
  }
  .logoapa img {
    width : 20%;
    position : absolute;
    margin-top : 1510px;
    margin-left : 100px;
    z-index : 5000;
  }
  .copyright {
    font-size : 10px;
  }
  .banbutton {
    margin-left : 0;
    margin-top: -5px;
  }
  .aplusbantexta {
    font-size : 10px;
  }
  .aplusbantext {
    font-size : 13px;
    line-height : 11px;
    margin-top : -4px;
  }
  .aplusbanhed {
    font-size : 24px;
  }
  .logoleft {
    width : 170px;
  }
  .dl-menuwrapper button {
    background : #bfa627;
    border : none;
    width : 48px;
    height : 45px;
    text-indent : -900em;
    overflow : hidden;
    position : relative;
    cursor : pointer;
    outline : none;
    float : right;
    margin-top : 12px;
  }
  .topmenu li a {
    padding : 1px 7px;
    font-size : 15px;
  }
  h1 {
    font-size : 30px;
  }
  .bantext {
    padding : 0 0 0 0;
  }
  .console-container{
    height: 20px;
  }
  .bluebest {
    margin-bottom : 11px;
    font-size : 15px;
  }
  .roundbt {
    /*width : auto;*/
    height : auto;
    padding : 10px 20px 10px 20px;
    margin : 10px 4px 0 5px;
    font-size : 14px;
  }
  .whitearea {
    padding : 40px 0 ;
    margin-top: 0px;
  }
  .greyearea {
    padding : 30px 0;
  }
  .leftimage {
    width : 100%;
  }
  .righttext {
    width : 100%;
    padding : 25px 0 0 0;
    float : left;
  }
  h2 {
    font-size : 29px;
  }
  .rightimage {
    width : 98%;
    float : left;
  }
  .lefttext {
    width : 100%;
    padding : 0 0 25px 0;
    float : left;
    text-align : left;
  }
  .yellowbt {
    float : left;
  }
  .purplebt {
    float : left;
  }
  .featuresmenu li {
    width : 100%;
  }
  .fooleftp {
    padding-left : 0;
  }
  .foo1 {
    width : 100%;
    height : auto;
    padding : 0 0 35px 0;
  }
  .leftside {
    width : 95%;
    padding : 2%;
    text-align : center;
  }
  .rightside {
    width : 100%;
  }
  .addplaybt {
    margin : 0 15px 15px 0;
  }
  .popup {
    width : 95%;
    min-height : 68%;
    font-size : 13px;
    text-align : left;
  }
  .popup label {
    font-size : 14px;
  }
  .testar {
    height : 30px;
  }
  .padding-bottom--24 {
    padding-bottom : 0;
  }
  .padding-horizontal--48 {
    padding : 15px;
  }
  .dl-menuwrapper {
    display : block !important ;
    position : absolute !important ;
    margin-top : -75px !important ;
    float : right !important ;
    right : 10px !important ;
  }
  .topmenu {
    display : none;
  }
  .topmenua {
    display : none;
  }
  .shadowright{
    margin-top: 20px;
  }
  .formbox {
    padding: 5px;
  }
  .logolefta {
    width: 50px;
    margin-top: 5px;
  }
  .aplustext {
    font-size: 30px;
    margin-top: -45px;
  }
}