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 : #AE813B;
    border-radius : 10vh;
  }
  ::-webkit-scrollbar-thumb:hover {
    background : #AE813B;
  }
  .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("https://king4kplayer.com/frontend/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: #AE813B;
    font-size: 15px;
    margin-top: 20px;
  }
  .lineinput{
    background-color: #fff0 !important;
    background-clip: padding-box !important;
    border-bottom: 1px solid #f9b315 !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: #ff6a39 solid 1px !important;
    color: #AE813B !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: #AE813B;
    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: #AE813B solid 3px !important;
    border-radius: 50px !important;
    margin-top: 10px !important;
    width: 100%;
    margin-left: 0;
    color: #AE813B !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: #AE813B;
  }
  .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: #AE813B 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: #AE813B !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: #AE813B;
    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 #AE813B;
    padding: 10px;
  }
  .loginboxbglinead{
    border: solid 2px #AE813B;
    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;
  }
  .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 #AE813B;
    border-right: solid 1px #AE813B;
    border-top: solid 1px #AE813B;
    border-bottom: solid 1px #AE813B;
    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 #AE813B;
    border-right: solid 0px #AE813B;
    border-top: solid 1px #AE813B;
    border-bottom: solid 1px #AE813B;
    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: #AE813B;
  }
  .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: #AE813B 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: #AE813B !important;
  }
  .line {
    border-top : 1px solid #AE813B;
    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: #AE813B 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: #AE813B !important;
    width: 100%;
    font-size: 20px !important;
    font-weight: 500 !important;
  }
  .loginbymac:hover {
    border : #bfa627 solid 3px !important ;
    color : #bfa627 !important ;
  }
  .form-labela {
    color : #AE813B;
    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 #AE813B;
  }
  .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;
    text-align: center;
  }
  .installheading{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Montserrat;
    margin-top: 10px;
  }
  .installtext{
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    font-family: Montserrat;
    margin-top: 10px;
  }
  .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: #AE813B;
    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: 100px;
  }
  .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;
  }
  .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: #996633;
  }
  #now-available-section {
    padding-top: 50px;
  }
  .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: 63%;
    display : block;
    margin-left : auto;
    margin-right : auto;
    margin-top : 30px;
  }
  .banbutton {
    margin-left : 0px;
  }
  .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: #000;*/
    /*background-color: #4b0883;*/
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(54, 54, 54,0.57);
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    white-space: nowrap;
  }
  .whiteareab {
    padding : 65px 0;
    background-color : #020c3e;
    height : 685px;
    background-image: url(../../images/bannerbg1.JPEG);
    background-size: cover;
  }
  .whiteareac{
    padding : 65px 0;
    background-color : #020c3e;
    /*height : 685px;*/
    /*background-image: url(../../images/bannerbgall.png);*/
    background-image: url(../../images/bannerbg1.JPEG);
    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: 100%;*/
    max-width: 100%;
    max-height: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .samsungboximgtext{
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 600;
    color: #996633;
    text-align: center;
  }
  .samsungboximgbutton{
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 500;
    color: #996633;
    text-align: center;
    margin-top: 15px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50px;
    border: solid 3px #996633;
    padding: 5px 10px 5px 10px;
    background-color: #0000;
    cursor: pointer;
    text-decoration: none;
  }
  .samsungboximgbutton:hover{
    color: #07306b;
    background-color: #f9b315;
  }
  .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 : #AE813B;
    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 {
    color: #f9b315;
    border: #f9b315 solid 2px;
    border-radius: 50px;
    padding: 0 10px;
    margin: 0;
  }
  .topmenu .active a {
    color: #f9b315;
    border: #f9b315 solid 2px;
    border-radius: 50px;
    padding: 0 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/bannerbg1.JPEG") center -40px no-repeat;
    background-size : cover;
    width : 100%;
    height : 700px;
  }
  .reseller-login-banner{
    background : url("../../images/bannerbg1.JPEG") center 0px no-repeat;
  }
  .bannerbgindex {
    background : url("../../images/bannerbg1.JPEG") center -40px no-repeat;
    background-size : cover;
    width : 100%;
    /*height : 725px;*/
  }
  .managepbannerbg {
    background : url("../../images/bannerbg1.JPEG") center -40px no-repeat;
    background-size : cover;
    width : 100%;
    height : 123px;
  }
  .bannerbga {
    background : url("../../images/bannerbg1.JPEG") center -40px no-repeat;
    background-size : cover;
    width : 100%;
    height : 140px;
  }
  .bantext {
    padding : 0px 0 0 0;
  }
  .bluebest {
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    font-family: Montserrat;
    text-transform: uppercase;
    padding: 0 0 0 0;
    margin-top: -95px;
  }
  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: #00000000;
    border: #f9b315 solid 2px;
    border-radius: 150px;
    color: #f9b315;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
  }
  .addplaylistmac {
    width: auto;
    height: auto;
    padding: 10px 40px 10px 40px;
    margin: 16px 0px 0px 0px;
    background-color: #AE813B;
    border: #AE813B solid 2px;
    border-radius: 150px;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
  }
  .addplaylistmac:hover{
    background-color: #f6e08a;
    border: #f6e08a solid 2px;
    color: #fff;
  }
  .bluearea {
    background-color : #020c3e;
    height : 350px;
  }
  .roundbt:hover {
    color : #f6e08a;
    border : #f6e08a solid 2px;
  }
  .whitearea {
    padding : 20px 0;
    background-color : #fff;
    clear : both;
  }
  .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 rgb(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 rgb(60, 66, 87, 0.12), 0 3px 6px 0 rgb(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 : rgb(84 105 212 / 0.5);
    background-color : rgb(255, 255, 255);
    border : rgb(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 : rgb(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("https://king4kplayer.com/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 : rgb(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;
    }
    .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: 35px;
    }
    .ourfeatures {
      font-size: 35px;
    }
    .frequently {
      font-size: 35px;
    }
    .footer {
      padding: 30px;
      padding-bottom: 60px;
    }
    .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;
    }
  
  }
  
  @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 : -26px;
    }
    .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 : 100px;
    }
    .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/Banner375.png) 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 : -26px;
    }
    .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 : 100px;
    }
    .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;
    }
  
  }
  
  
  @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 #AE813B;
      border-right: solid 1px #AE813B;
      border-top: solid 1px #AE813B;
      border-bottom: solid 1px #AE813B;
      padding: 5px;
    }
    .aplusplayerurl {
      background-color: #fff;
      width: 65%;
      height: 34px;
      margin-top: 15px;
      display: block;
      border-left: solid 1px #AE813B;
      border-right: solid 0px #AE813B;
      border-top: solid 1px #AE813B;
      border-bottom: solid 1px #AE813B;
      float: left;
    }
    .aplusplayerurltext {
      font-size: 15px;
      font-weight: 600;
      color: #3b3b3b;
      padding: 5px;
      width: 65%;
      border-left: solid 0px #AE813B;
      border-right: solid 0px #AE813B;
      border-top: solid 0px #AE813B;
      border-bottom: solid 0px #AE813B;
      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: #AE813B;
      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/Banner320.png) 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: 405px;
    }
    .samsungbox {
      margin-left : 55px;
    }
    .samsungbox:hover {
      background-color : #bfa627;
      margin-left : 55px;
      color : #bfa627;
    }
    .samsungtext {
      font-size : 25px;
    }
    .aplusbanheda {
      font-size: 30px;
      margin-top: 25px;
    }
    .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: 30px;
    }
    .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 : 100px;
    }
    .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: 130px;
    }
    .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;
    }
  }
  *{padding:0;margin:0}.nav-item{font-size:18px}#device-page-container{display:grid;grid-template-columns:250px 1fr;grid-column-gap:10px;position:relative;padding-top:10px;margin-bottom:10px}#menus-container{min-height:calc(100vh - 100px);background:#fff;position:relative;border-radius:5px}#device-page-content-container{background:#fff;margin:0;border-radius:5px}.device-page-menu{font-size:20px;color:#111;border-radius:5px;transition:all .2s;cursor:pointer}#device-page-logout-menu{position:absolute;bottom:0;left:0;font-size:20px;color:#111;width:100%;transition:all .2s;cursor:pointer;border-radius:5px}.device-page-menu a,#device-page-logout-menu a{color:#111;text-decoration:none;width:100%;padding:10px 15px;display:inline-block}.device-page-menu a{padding:5px 15px}.device-page-menu:hover,.device-page-menu.active,#device-page-logout-menu:hover{background:#111;color:#fff}.device-page-menu:hover a,.device-page-menu.active a,#device-page-logout-menu:hover a{color:#fff}header{z-index:999}.callback-form{margin-bottom:100px}.tabs-content{width:100%;margin-left:0}.sub-footer .social{overflow:hidden;margin-top:10px;text-align:center}.sub-footer .social li{margin:0 10px;display:inline-block}.callback-form.contact-us{margin-bottom:0}.home-page-more-info{margin-bottom:50px}.single-services{margin-top:40px;margin-bottom:50px}label{color:#111;font-size:17px;margin-top:5px}.submit-btn{width:100%;border-radius:10px;font-size:25px;background:#f17900;color:#fff;transition:background-color .2s;margin-left:0!important;margin-top:0!important}.submit-btn:hover{background:#fba303}#price-text{margin-top:10px;font-size:17px;color:#333;font-weight:700}.hide{display:none}#error-message{display:none}#success-message{display:none}.payment-method-item-container{position:absolute;font-size:20px;background:#fff;padding:5px 10px;border-radius:5px;color:#444;top:-20px;left:50%;transform:translateX(-50%);width:fit-content}.or{width:fit-content;background:#fff;z-index:100;padding:0 10px;font-size:20px;color:#111;letter-spacing:2px;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.or-border{margin-top:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;overflow:hidden;border-bottom:2px solid #333;z-index:0}.or-container{height:80px}.payment-item-container{}.note-for-playlist{background:#e81e1e;color:#fff;padding:10px 20px;font-size:20px;margin-top:20px}.payment-item-detail-container{padding:0 0}.payment-item-input{color:#111;font-size:20px}.error-message{margin-top:5px;margin-left:5px;color:red;height:0;overflow:hidden;transition:height .5s}.form-group.has-error .error-message{height:25px}.iti.iti--allow-dropdown{width:100%}.playlist-manage-btns-container{text-align:right;margin-bottom:10px}.playlist-manage-btn{margin-bottom:5px}.sub-nav-item{list-style:none}.sub-nav-link{text-decoration:none;width:100%;display:inline-block;padding:20px 10px;color:#444;background:#9fe135;font-size:20px;font-weight:700;margin-bottom:2px;transition:all .4s;position:relative}.sub-nav-link:hover,.sub-nav-link.active{color:#f16818}.sub-nav-link i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:30px}tr td:nth-child(2){max-width:250px;overflow-x:hidden;text-overflow:ellipsis}.device-info-container{padding:20px;font-size:18px;color:#222;width:fit-content;border-radius:20px;margin-left:auto}.device-info-label{display:inline-block}.device-info-value{display:inline-block;margin-left:10px}#playlist-table{}.playlist-modal-title{background:#1453c5;color:#fff;font-size:22px;padding:10px 20px}.playlist-modal .modal-content{overflow:hidden;border-radius:5px!important}.playlist-modal label{margin-bottom:2px!important}.playlist-modal-btn{width:100%;margin-left:0!important;background-color:#2a2c3600!important;border:#AE813B solid 3px!important;border-radius:50px!important;margin-top:20px!important;font-size:18px!important;color:#AE813B!important}.protect-note{margin-left:15px;color:#055a20;font-size:14px;font-weight:700}#device-page-loading-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:#11111126;display:none;z-index:2000}#device-page-loading-overlay img{width:100px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}#delete-confirm-title{text-align:center;padding:10px;font-size:28px;margin-top:20px;color:#f50707}.p-10{padding:10px}.reseller-information{margin-top:50px}.center-heading{text-align:center}.center-heading .section-title{font-weight:500;font-size:28px;color:#1e1e1e;letter-spacing:1.75px;line-height:38px;margin-bottom:20px}.center-text{text-align:center}.center-text p{font-size:15px;color:#777;margin-bottom:30px}.pricing-item{background:#fff;box-shadow:0 2px 48px 0 rgba(0,0,0,.1);border-radius:20px;margin-bottom:30px;margin-top:20px;padding:50px 0 40px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.pricing-item .pricing-header{text-align:center;display:block;position:relative;padding-bottom:10px}.pricing-title{font-size:20px;color:#111;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.pricing-item .pricing-body .price-wrapper{text-align:center;padding-top:10px;padding-bottom:13px;color:#111;width:80%;margin:auto;margin-top:0;border-radius:20px;font-size:40px;font-weight:600;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.pricing-item .pricing-period{font-weight:400;font-size:14px;display:block;letter-spacing:.88px;text-align:center}.pricing-item .pricing-footer{text-align:center;margin-top:50px}a.main-button{font-size:13px;border-radius:20px;padding:12px 20px;background-color:#fff5f4;text-transform:uppercase;color:#cc6969;font-weight:400;text-shadow:.2px .2px #cc6969;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.pricing-item:hover{background:#2a1c63}.pricing-item:hover .pricing-title{color:#eee}.pricing-item:hover .pricing-body .price-wrapper{color:#fff}.pricing-item:hover .pricing-period{color:#fff}.pricing-item:hover a.main-button{background:#ff7c6b;color:#fff}.pricing-item:hover a.main-button:hover{background:#ff6653}.purchase-information{margin-top:50px;margin-bottom:50px}.checkout-page-section-label{font-size:25px;color:#111;font-weight:700;margin-bottom:10px}.order-detail-container{height:100%;background:#ddd;padding:10px}.checkout-item-container{font-size:20px}.checkout-item-label{display:inline-block;vertical-align:middle}.checkout-item-value{display:inline-block;vertical-align:middle;margin-left:15px}.error-message{margin-top:5px;margin-left:5px;color:red;height:0;overflow:hidden;transition:height .5s}.form-group.has-error .error-message{height:25px}.status-modal-header{background:#e84756!important;text-align:center;padding:40px;display:block}#success-modal .status-modal-header{background:#3dce19!important}.status-message-icon{font-size:100px;color:#fff;width:90px;height:90px;text-align:center;margin:0 auto;border:2px solid;line-height:75px;border-radius:50%}#success-modal .status-message-icon{font-size:55px;line-height:90px}.status-message-content{text-align:center;padding:40px 30px;color:#000;font-size:22px}#error-modal .status-message-content{color:red}.status-message-btn{width:200px;text-align:center;display:block!important;margin:0 auto;background:#111!important;margin-bottom:20px;color:#fff!important;font-size:22px}.reseller-credential-item-container{width:360px;text-align:left;display:inline-block}.reseller-credential-item-value{color:#f18805;font-weight:500}.reseller-credential-item-label{width:110px;display:inline-block}.service-item{height:100%;background:#f7f7f7}.coupon-activation-sub-container{background:#e2e2e7;padding-top:25px;padding-bottom:25px}.coupon-activation-sub-container:first-of-type{border-right:1px solid #a19b9b}@media screen and (max-width:991px){.coupon-activation-sub-container:first-of-type{border-right:none;margin-bottom:20px}}.callback-form.coupon-activation .contact-form input{border-radius:5px}.input-btn-container{position:relative}.input-btn-container input{margin-bottom:0!important}.input-btn-container .btn{position:absolute;right:0;top:0;height:100%;color:#fff;width:120px;transition:background-color .2s}#coupon-validate-btn{background:#c32845}#coupon-validate-btn:hover{background:#e13536}#activate-device-btn{background:#087a21;color:#fff;margin-top:15px;width:100%}#activate-device-btn:hover{background:#11a331}#check-status-btn{background:#0e6eb3}#check-status-btn:hover{background:#148be1}.coupon-code-activation-note{max-width:800px;text-align:center;margin:0 auto;font-size:19px;font-style:italic;color:#505052}.validate-coupon-note{margin-top:15px;text-align:justify;font-style:italic;color:#f1085e}.coupon-info-container{margin-top:15px}.coupon-info-item{color:#111;padding:3px 0;font-size:18px}.coupon-info-item span{display:inline-block;vertical-align:middle}.coupon-info-label{font-style:italic;margin-right:10px}.coupon-activation-error-msg{text-align:left;color:red;margin-top:5px;display:none}.activation-plan-item-container{text-align:left}.coupon-activation-success-msg{text-align:left;background:#46a909;color:#fff;padding:5px 10px;margin-left:5px;display:none}.coupon-activation-sub-container input[type=radio]{display:none!important}.buy-coupon .section-heading{margin-bottom:40px}.buy-coupon-form-container{margin:0 auto;max-width:600px}.coupon-payment-label{font-size:25px;font-weight:700}.coupon-payment-description{font-style:italic}.payment-btn-container{margin-top:15px}.buy-coupon-form-container button{width:100%;border-radius:10px;font-size:25px;background:#f17900;color:#fff;transition:background-color .2s}.buy-coupon-form-container button:hover{background:#fba303}.coupon-price{font-weight:700;font-size:25px;margin-top:10px}input[type=radio]+label{font-weight:400;font-size:14px}input[type=radio]+label span{display:inline-block;width:18px;height:18px;margin:-2px 10px 0 0;vertical-align:middle;cursor:pointer;-moz-border-radius:50%;border-radius:50%;border:3px solid #fff}input[type=radio]+label span{background-color:#fff}input[type=radio]:checked+label{color:#333;font-weight:700}input[type=radio]:checked+label span{background-color:#f80;border:2px solid #fff;box-shadow:2px 2px 2px rgba(0,0,0,.1)}input[type=radio]+label span,input[type=radio]:checked+label span{-webkit-transition:background-color .24s linear;-o-transition:background-color .24s linear;-moz-transition:background-color .24s linear;transition:background-color .24s linear}#buy-coupon-note{color:red;font-size:20px;margin-top:20px;font-style:italic;font-weight:700;display:none}#device-info-container{text-align:center;margin-top:10px;margin-bottom:10px;font-size:18px;font-weight:500;color:#e54e06;font-style:oblique;display:none}.device-info-item-label{margin-right:10px}#check-device-note{margin-top:5px;text-align:justify;font-style:italic;margin-left:5px;color:#424142}#warning-info-modal{}.warning-info{background:#fff;padding:40px;border-radius:15px;position:relative}.warning-info-close-btn{position:absolute;right:20px;top:20px;font-size:35px;font-weight:700;width:40px;height:40px;text-align:center;line-height:32px;border-radius:50px;transition:all .2s;cursor:pointer}.warning-info-close-btn:hover{background:#383736;color:#fff}.warning-info-title-1{color:red;font-size:30px;font-weight:700}ul.warning-info-item-1{color:#111;font-size:20px}.warning-info li{list-style:disc}.warning-info-title-2{color:red;font-size:28px;font-weight:700;line-height:32px;margin-top:30px}ul.warning-info-item-2{font-size:20px;color:red;margin-top:10px}.warning-info-title-3{margin-top:20px;font-size:28px;line-height:33px}img.fake-site-image{display:block;margin-top:20px}.fake-site-link{font-weight:700;font-size:18px;margin-top:10px}.more-info{padding-bottom:50px}#contact-header-section{margin-top:50px}#contact-header-section h1{color:#111}.contact-form-wrap{margin-top:50px}.contact-info h5 i{margin-right:10px}.ui-tabs-panel{display:none!important}.ui-tabs-panel[aria-hidden=false]{display:block!important}.tabs-content{margin-left:30px;text-align:left;display:inline-block;transition:all .3s}.tabs-content img{max-width:100%;overflow:hidden}.tabs-content h4{font-size:20px;font-weight:700;letter-spacing:.25px;margin-bottom:15px;margin-top:30px}.tabs-content p{font-size:14px;color:#7a7a7a;margin-bottom:0}.playlist-manage-btn-text{display:inline-block}.submit-btn{width:100%;border-radius:10px;font-size:25px!important;background:#f17900!important;color:#fff!important;transition:background-color .2s}.submit-btn:hover{background:#fba303!important}#playlist-page-content ul{padding-left:0!important}td button{margin:1px!important}#playlist-tab .tab-pane{padding:10px}.billing-details-container label span{font-size:16px;margin-left:5px}.payment-details-container{margin-top:30px}.mylist-page-container{padding-top:80px;padding-bottom:80px}.page-container-1{padding-top:80px;padding-bottom:50px}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group-append,.input-group-prepend{transition:border .25s linear,color .25s linear,background-color .25s linear}.input-group-prepend{margin-right:-1px;background:#e4eaec}.input-group-append button{margin:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-text{height:2.573rem}.input-group-text{display:block;-ms-flex-align:center;align-items:center;padding:.15rem 1rem;margin-bottom:0;font-size:1.8rem;font-weight:400;line-height:1.57142857;color:#76838f;text-align:center;white-space:nowrap;background-color:#e4eaec;border:1px solid #e4eaec;border-radius:.215rem}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn:focus,.btn:hover{text-decoration:none}.alert-modal .modal-content{border:none}.modal-header.status-modal-header{border:none;border-top-left-radius:15px;border-top-right-radius:15px;padding:20px}
  @font-face{font-family:icomoon;src:url(https://king4kplayer.com/frontend/fonts/icomoon.eot);src:url(https://king4kplayer.com/frontend/fonts/icomoon.eot?) format('embedded-opentype'),url(https://king4kplayer.com/frontend/fonts/icomoon.woff) format('woff'),url(https://king4kplayer.com/frontend/fonts/icomoon.ttf) format('truetype'),url(https://king4kplayer.com/frontend/fonts/icomoon.svg) format('svg');font-weight:400;font-style:normal}.dl-menuwrapper{width:100%;max-width:300px;float:left;position:relative;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%}.dl-menuwrapper:first-child{margin-right:100px}.dl-menuwrapper button{background:#AE813B;border:none;width:48px;height:45px;text-indent:-900em;overflow:hidden;position:relative;cursor:pointer;outline:none;float:right}.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#AE813B}.dl-menuwrapper button:after{content:'';position:absolute;width:68%;height:5px;background:#fff;top:10px;left:16%;box-shadow:0 10px 0 #fff,0 20px 0 #fff}.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.dl-menuwrapper li{position:relative}.dl-menuwrapper li a{display:block;position:relative;padding:8px 20px;font-size:14px;line-height:20px;font-weight:400;color:#fff;outline:none;text-decoration:none;font-family:poppins,sans-serif}.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,.1)}.dl-menuwrapper li.dl-back>a{padding-left:30px;background:rgba(0,0,0,.1)}.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li>a:not(:only-child):after{position:absolute;top:0;line-height:37px;font-family:icomoon;speak:none;-webkit-font-smoothing:antialiased;content:"\e000"}.dl-menuwrapper li.dl-back:after{left:10px;color:rgba(212,204,198,.3);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dl-menuwrapper li>a:after{right:10px;color:rgba(0,0,0,.15)}.dl-menuwrapper .dl-menu{margin:5px 0 0;position:absolute;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;top:45px}.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all .3s ease}.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px)}.dl-menuwrapper li .dl-submenu{display:none}.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen>a,.dl-menu.dl-subview li.dl-subview>a{display:none}.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li{display:block}.dl-menuwrapper>.dl-submenu{position:absolute;width:100%;top:50px;left:0;margin:0}.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 .4s;animation:MenuAnimOut1 .4s}.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 .3s ease-in-out;animation:MenuAnimOut2 .3s ease-in-out}.dl-menu.dl-animate-out-3{-webkit-animation:MenuAnimOut3 .4s ease;animation:MenuAnimOut3 .4s ease}.dl-menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 .4s ease;animation:MenuAnimOut4 .4s ease}.dl-menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 .4s ease;animation:MenuAnimOut5 .4s ease}@-webkit-keyframes MenuAnimOut1{0%{}50%{-webkit-transform:translateZ(-250px) rotateY(30deg)}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}}@-webkit-keyframes MenuAnimOut2{0%{}100%{-webkit-transform:translateX(-100%);opacity:0}}@-webkit-keyframes MenuAnimOut3{0%{}100%{-webkit-transform:translateZ(300px);opacity:0}}@-webkit-keyframes MenuAnimOut4{0%{}100%{-webkit-transform:translateZ(-300px);opacity:0}}@-webkit-keyframes MenuAnimOut5{0%{}100%{-webkit-transform:translateY(40%);opacity:0}}@keyframes MenuAnimOut1{0%{}50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg)}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}100%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0}}@keyframes MenuAnimOut2{0%{}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes MenuAnimOut3{0%{}100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}}@keyframes MenuAnimOut4{0%{}100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}}@keyframes MenuAnimOut5{0%{}100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}}.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 .3s;animation:MenuAnimIn1 .3s}.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 .3s ease-in-out;animation:MenuAnimIn2 .3s ease-in-out}.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 .4s ease;animation:MenuAnimIn3 .4s ease}.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 .4s ease;animation:MenuAnimIn4 .4s ease}.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 .4s ease;animation:MenuAnimIn5 .4s ease}@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:.5}100%{-webkit-transform:translateZ(0px) rotateY(0deg);opacity:1}}@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@-webkit-keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:.5}100%{-webkit-transform:translateZ(0px) rotateY(0deg);transform:translateZ(0px) rotateY(0deg);opacity:1}}@keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}}@keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}}@keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}}@keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.dl-menuwrapper>.dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 .4s ease;animation:SubMenuAnimIn1 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 .3s ease-in-out;animation:SubMenuAnimIn2 .3s ease-in-out}.dl-menuwrapper>.dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 .4s ease;animation:SubMenuAnimIn3 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 .4s ease;animation:SubMenuAnimIn4 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 .4s ease;animation:SubMenuAnimIn5 .4s ease}@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}@keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}}@keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}}@keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}}@keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}}@keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.dl-menuwrapper>.dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 .4s ease;animation:SubMenuAnimOut1 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 .3s ease-in-out;animation:SubMenuAnimOut2 .3s ease-in-out}.dl-menuwrapper>.dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 .4s ease;animation:SubMenuAnimOut3 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 .4s ease;animation:SubMenuAnimOut4 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 .4s ease;animation:SubMenuAnimOut5 .4s ease}@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);opacity:0}}@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(100%);opacity:0}}@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);opacity:1}100%{-webkit-transform:translateZ(-300px);opacity:0}}@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);opacity:1}100%{-webkit-transform:translateZ(300px);opacity:0}}@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-200px);opacity:0}}@keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}}@keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}}@keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0}}.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;transform:none}.no-js .dl-menuwrapper li .dl-submenu{display:block}.no-js .dl-menuwrapper li.dl-back{display:none}.no-js .dl-menuwrapper li>a:not(:only-child){background:rgba(0,0,0,.1)}.no-js .dl-menuwrapper li>a:not(:only-child):after{content:''}.demo-1 .dl-menuwrapper button{background:#c62860}.demo-1 .dl-menuwrapper button:hover,.demo-1 .dl-menuwrapper button.dl-active,.demo-1 .dl-menuwrapper ul{background:#9e1847}.demo-2 .dl-menuwrapper button{background:#e86814}.demo-2 .dl-menuwrapper button:hover,.demo-2 .dl-menuwrapper button.dl-active,.demo-2 .dl-menuwrapper ul{background:#d35400}.demo-3 .dl-menuwrapper button{background:#08cbc4}.demo-3 .dl-menuwrapper button:hover,.demo-3 .dl-menuwrapper button.dl-active,.demo-3 .dl-menuwrapper ul{background:#00b4ae}.demo-4 .dl-menuwrapper button{background:#90b912}.demo-4 .dl-menuwrapper button:hover,.demo-4 .dl-menuwrapper button.dl-active,.demo-4 .dl-menuwrapper ul{background:#79a002}.demo-5 .dl-menuwrapper button{background:#744783}.demo-5 .dl-menuwrapper button:hover,.demo-5 .dl-menuwrapper button.dl-active,.demo-5 .dl-menuwrapper ul{background:#643771}