body {
    font-family: 'Nunito', sans-serif;
    /*    background-image: linear-gradient(to top, #000000, #404040);*/
    /* background-color: #2E2E2E; */
    background-color: #000;
}

.cursor-default {
    cursor: default !important;
}

.window-height {
    min-height: calc(100vh - 260px);
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    max-height: 100%;
}

.form-body .window-height {
    justify-content: center;
    /* min-height: inherit; */
    /* height: 100%; */
    max-height: inherit;
}

.channel-body .window-height {
    min-height: calc(100vh - 257px);
    background-image: url('../img/channel-bg-v2.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #000;
    background-size: 100%;
}

.myaccount-body .window-height {
    /*    min-height: auto;*/
}

.header-section {
    background-image: url(../img/bg-5.png?v=1.6);
    min-height: 80vh;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    display: flex;
    border-bottom: 2px solid #f7412c;
}

.header-logo {
    margin: 0px 0px;
    padding-left: 0px;
}

.header-logo img {
    width: 10vw;
}

.header-logo a {
    display: inline-block;
}

.header-content {
    /* min-height: calc(80vh); */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.header-content>img {
    /* width: 300px; */
    margin-top: 20px;
}

.header-content h1 {
    font-family: Nunito;
    font-size: 2.5vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 15px;
    margin-top: 15px;
}

.header-content h1 span {
    position: relative;
    z-index: 2;
}

.header-content h1 span:before {
    content: "";
    background-color: #f7412c;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0px;
    left: 0px;
}

.header-content h3 {
    font-family: Nunito;
    font-size: 1.8vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 15px;
    margin-top: 0px;
}

.header-content h3 span {
    color: #f7412c;
    font-weight: bold;
}

.header-content h6 {
    font-family: 'Nunito', sans-serif;
    font-size: 1.4vw;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0px;
}

.available-platforms {
    margin-top: 15px;
    margin-bottom: 15px;
}

.available-platforms img {
    max-width: 100%;
    width: 20%;
}

.live-channel-content {
    background-image: linear-gradient(to right, #000000 0%, #000000 72%, rgba(0, 0, 0, 0) 100%);
    padding: 30px;
}

.view-more {
    border-radius: 10px;
    border: 3px solid #f7412c;
    font-family: Nunito;
    font-size: 1.5vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 10px 20px;
    margin: 0px auto 20px auto;
    display: inline-block;
}

.view-more:hover {
    background-color: #f7412c;
    color: #fff;
}

.live-channel-content h1 {
    font-family: Nunito;
    font-size: 2.5vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin: 20px 0px;
}

.live-channel-content h1 span {
    color: #f7412c;
}

.live-channel-content p {
    font-family: Nunito;
    font-size: 1.5vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin: 0px 0px 30px 0px;
}

.live-channel-contentDiv {
    width: 48vw;
    text-align: center;
}

.live-channel {
    background-image: url(../img/channels-v1.png?v=1.2);
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    border-bottom: 2px solid #f7412c;
}

.platform {
    background-image: linear-gradient(to top, #000000, #404040);
    border-bottom: 2px solid #f7412c;
}

.platform img {
    max-width: 100%;
    width: 100%;
}

.platform h2 {
    font-family: Nunito;
    font-size: 2.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 10px;
}

.platform h2 span {
    color: #f7412c;
}

.platform h3 {
    font-family: Nunito;
    font-size: 2.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 30px;
}

.platform p {
    font-family: Nunito;
    font-size: 1.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 20px;
}

.platform a {
    display: inline-block;
    margin-bottom: 30px;
}

.platform a img {
    max-width: 100%;
}

.footer-section {
    background-color: #000;
    border-top: 2px solid #2c2c2c;
    z-index: 50;
}

.form-body .footer-section {
    -webkit-backdrop-filter: blur(10px);
    /* backdrop-filter: blur(10px); */
    /* background-image: linear-gradient(to top, #000000a6, #333333c2); */
}

.footer-section h6,
.footer-section h6 a {
    font-family: Nunito;
    font-size: 1.1vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 1.8px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0px;
}

.footer-section ul li a {
    font-family: Nunito;
    font-size: 1.1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 1.8px;
    text-align: center;
    color: #ffffff;
}

.footer-section ul li a:hover {
    color: #f7412c;
}

.footer-section h6 a:hover {
    color: #f7412c;
}

.footer-section p {
    font-family: Nunito;
    font-size: 1vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0px;
}

.footer-section ul li {
    border-right: 1px solid #fff;
}

.footer-section ul li:last-child {
    border: 0px;
}

.footer-section ul {
    list-style: none;
    margin-bottom: 0px;
}

.sign-in-btn {
    border: 0.1vw solid #ffffff;
    font-size: 1.2vw;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 0.5vw;
    min-width: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sign-in-btn:hover {
    border: 0.1vw solid #C43323;
    color: #ffffff !important;
    background-color: #C43323;
}

.sign-up-btn {
    border: 0.1vw solid #f7412c;
    font-size: 1.2vw;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff !important;
    border-radius: 0.5vw;
    background-color: #f7412c;
    min-width: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sign-up-btn:hover {
    border: 0.1vw solid #C43323;
    color: #ffffff !important;
    background-color: #C43323;
}

.custom-nav {
    margin: 0px 15px;
}

.w-lg-35 {
    width: 40% !important;
}

.header-content input {
    font-size: 1.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #808080;
    height: 3.6vw !important;
    padding: 1.2vw;
}

.reachout input {
    font-size: 1.5vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    height: 3.6vw !important;
}

.reachout h3 {
    font-family: Nunito;
    font-size: 2.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.get-started {
    font-size: 1.2vw;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    background-color: #f7412c;
    padding: 0px 1.2vw !important;
    height: 3.6vw !important;
    margin: 0px;
}

.get-started:hover {
    background-color: #91261A;
    color: #ffffff;
}

.nav-link {
    color: #fff;
}

.nav-link:hover {
    color: #f7412c;
}

.custom-form {
    width: 100%;
    margin: auto;
    text-align: left;
    color: #fff;
    padding: 2vw;
    background-image: url(../img/signup/signupbg-1.png);
    background-size: cover;
    background-position: center;
    border: 1px solid #808080;
    border-radius: 5px;
}

.custom-form h2 {
    font-size: 1.8vw;
    margin-bottom: 1.5rem !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    font-family: Nunito;
}

.custom-form h2.gensisSignup {
    font-weight: bold;
    margin-bottom: 0.5rem !important;
}

.custom-form p {
    font-size: 1vw;
}

.custom-form a {
    color: #fff;
}

.forgotPassword {
    font-size: 1.2vw;
}

.custom-form a:hover {
    color: #f7412c;
}

.custom-form .form-control {
    height: 3.5vw;
    font-size: 1.3vw;
    border-radius: 0.3vw;
    background-color: #e6e6e6;
    color: #000;
    padding: 0.5vw 1vw;
}

.btn-sumbit {
    height: 3.5vw;
    font-size: 1.2vw;
    border-radius: 5px;
    background-color: #f7412c;
    color: #fff;
    border-color: #f7412c;
    outline: 0px;
}

.btn-sumbit:hover {
    background-color: #b93e30;
    border-color: #b93e30;
    color: #fff;
}

.custom-form h6 {
    color: #fff;
    margin-bottom: 0px;
    text-align: center;
    font-size: 1.2vw;
}

.custom-form h6 a {
    color: #f7412c;
}

.form-body {
    background-image: url(../img/signup/signupbg.png?v=1.1);
    background-color: transparent;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.nav-tint {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    /* background-image: linear-gradient(to top, rgba(0,0,0,0.54), rgba(51,51,51,0.62)); */
    border-bottom: 2px solid #343434;
    background-color: #000;
}

.btn-sumbit:hover {
    color: #fff !important;
}

.custom-form h5 {
    font-size: 1.3vw;
}

.custom-form h4 {
    text-align: left;
    font-size: 1.2vw;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.custom-form h3 {
    font-size: 1.5vw;
}

.subscribeContent {
    width: 100%;
    margin: auto;
    text-align: left;
    color: #fff;
    padding: 2vw;
    background-image: url(../img/signup/signupbg-1.png);
    background-size: cover;
    background-position: center;
    border: 1px solid #808080;
    border-radius: 5px;
}

.subscribeContent h5 {
    font-size: 1.8vw;
}

.subscribeContent h2 {
    font-size: 2.5vw;
    text-align: center;
    margin-bottom: 0.5rem !important;
}

.subscribeContent p {
    font-size: 1.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #e6e6e6;
}

.subscribeContent h4 {
    font-size: 1.4vw;
}

.custom-form-sign-up {}

.card-details {
    padding: 15px;
    background-color: #000000;
    border-radius: 5px;
}

.cards-img img {
    width: 60px;
}

.signUptext h1 {
    font-size: 3.5vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.signUptext h5 {
    font-size: 2vw;
    font-weight: 300;
    letter-spacing: 2.28px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    text-align: center;
    color: #fff;
}

.custom-form-sign-up p {
    text-align: left;
    font-size: 1vw;
}

.custom-form-sign-up p a {
    color: #1592e6;
}

select .select2-default {
    color: #f00 !important;
}

option:first {
    color: #999;
}

select:required:invalid {
    color: #808080;
}

option[value=""][disabled] {
    display: none;
}

option {
    color: black;
}

.channel-body {
    /* background-image: url(../img/channel-bg.png?v=1.1); */
    /* background-size: contain; */
    /* background-position: center; */
    /* background-repeat: repeat; */
}

.channel-body .nav-tint {
    background-image: none;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    box-shadow: none;
}

.channel-body .nav-tint .navbar {
    box-shadow: none;
}

.channel-content h1 {
    font-size: 1.6vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding: 0px 15px;
    margin-bottom: 0px;
}

.channel-card {
    background-color: #25252e;
    padding: 15px;
}

.channel-img {
    height: 6vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.channel-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.channel-text h5 {
    font-size: 1.5vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 5px;
}

.channel-text p {
    font-size: 1.1vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 0px;
}

.channel-list {
    padding: 0px 30px;
}

.spinnerLoad {
    margin: auto;
    width: 200px;
    height: 70px;
    text-align: center;
    font-size: 10px;
}

.spinnerLoad>div {
    background-color: #e42424;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
    margin-right: 6px;
}

.spinnerLoad .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinnerLoad .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinnerLoad .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinnerLoad .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.spinnerLoad .rect6 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

@-webkit-keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.channel-list .search {
    background-color: #1f1f1f;
    border: 0px;
    height: 3.5vw;
    font-size: 1.3vw;
    color: #cccccc !important;
}

.search-btn {
    background-color: #1f1f1f;
    border: 0px;
    height: 3.5vw;
    box-shadow: none;
    color: #cccccc !important;
    border-left: 2px solid #fff;
    padding: 0px;
    width: 20%;
    font-size: 1.2vw;
}

.search-btn i {
    color: #cccccc !important;
}

.w-80 {
    width: 80%;
}

.channel-list select,
.channel-list select:focus {
    background-color: #292933;
    border: 0px;
    height: 3.5vw;
    box-shadow: none;
    /* color: #e0edff; */
    padding: 0px;
    font-size: 1.2vw;
    padding: 0.5vw 1vw;
    background-image: url(../img/expand.svg);
    background-size: 2vw;
    border: 0.1vw solid #525266;
}

.channel-list select option {
    color: #cccccc !important;
}

.btn-clear {
    background-color: #f6412c;
    border-radius: .25rem;
    height: 3.5vw;
    box-shadow: none;
    color: #fff !important;
    padding: 0px;
    font-size: 1.2vw;
    padding: 0.5vw 2vw;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.btn-clear.disabled {
    background-color: #292933;
}

.btn-filter {
    background-color: #525257;
}

.channel-list .search::-webkit-input-placeholder {
    /* Edge */
    color: #cccccc !important;
}

.channel-list .search:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #cccccc !important;
}

.channel-list .search::placeholder {
    color: #cccccc !important;
}

.btn-load {
    background-color: #f7412c;
    border: 0px;
    height: 8vh;
    box-shadow: none;
    color: #ffffff !important;
    font-size: 1.2vw;
    padding: 1vw 3vw;
    display: inline-block;
    margin: 0px auto;
    text-align: center;
}

.samePasswordEnterError {
    /* margin-top: -1rem; */
}

.footer-section a img {
    width: 2vw;
}

.text-left {
    text-align: left;
}

.custom-close {
    position: absolute;
    top: 6px;
    right: 15px;
}

.home-btn {
    background-color: #f7be2c00;
    border-color: #ffffff;
    border: 2px solid #fff;
}

.home-btn:hover {
    background-color: #cc9c2100;
    border-color: #f7412c;
}

.samePasswordEnterError {
    /*    margin-top: -1rem;*/
}

.myaccount-body .footer-section {
    background-image: none;
    background-color: #000;
    border-top: 2px solid #f7412c;
}

.myaccount-header {
    background-color: #000;
    display: flex;
}

.navbar-nav .nav-link {
    font-size: 1.2vw;
    text-transform: uppercase;
}

.btn-myaccount,
.btn-myaccount:hover {
    border: 1px solid #ffffff;
    background-color: #000000;
    font-family: Nunito;
    font-size: 1.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 6px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-myaccount img {
    width: 1.1vw;
}

/* Profile Select Menu */
.menuProfiles {
    min-width: 10vw;
    position: absolute;
    top: 55px;
    right: 0px;
    background-color: #000;
    z-index: 9999999;
    border-radius: 3px;
    display: none;
}

.m-profiles {
    padding-bottom: 6px;
    padding-top: 6px;
}

.menuProfiles h4 {
    font-size: 1.2vw;
    padding: 0px 12px;
    padding-top: 14px;
    margin: 0px;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    display: flex;
    align-items: center;
    line-height: normal;
    padding-top: 0px;
}

.menuProfile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    padding: 6px 16px;
}

.menuProfileLogo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}

.menuProfile:hover {
    background-color: rgb(255 255 255 / 20%);
}

.selectedProfileMenuName:hover {
    color: #f7412c;
}

.selectedProfileMenuImg {
    width: 1.5vw;
}

.selectedProfileMenuName {
    font-size: 1.2vw;
    margin-right: 0.3vw;
    margin-left: 0.3vw;
    color: #fff;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    max-width: 7vw;
}

.menuManageProfile {
    display: flex;
    align-items: center;
    padding: 10px 0px;
    cursor: pointer;
    width: 1.6vw;
}

.menuManageProfile:hover,
.menuMyAcc:hover {
    /* background-color: rgb(255 255 255 / 20%); */
}

.menuManageProfile span i {
    font-size: 18px;
    margin-right: 14px;
}

.menuManageProfile:hover {
    color: #f7412c;
}

.menuManageProfile span,
.menuMyAcc span {
    line-height: normal;
    font-size: 1vw;
}

.menuMyAcc {
    display: flex;
    align-items: center;
    color: #fff;
    /* margin-bottom: 6px; */
    padding: 6px 16px;
}

.menuMyAcc span i {
    font-size: 18px;
    margin-right: 16px;
}

.menuMyAcc:hover {
    color: #f7412c;
}

.menuSignout {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #FFF;
    /* padding: 10px 16px; */
    /* border-top: 1px solid rgb(255 255 255 / 50%); */
    width: 100%;
    font-size: 1vw;
    padding: 10px 16px;
    line-height: normal;
}

.menuSignout img {
    width: 1vw;
    margin-left: 8px;
}

.menuSignout span {
    margin-left: 13px;
}

.menuSignout:hover {
    background-color: rgb(255 255 255 / 20%);
    color: #f7412c;
}

.myaccount-header .custom-nav {
    margin: 0px 15px;
}

.liveChannels-body .custom-nav {
    padding: 0px 1vw;
    background-image: linear-gradient(to bottom, rgba(52, 49, 49, 0) -81%, rgba(0, 0, 0, 0.35) 83%);
    margin-right: 0px;
    display: inline-block;
    float: right;
    border-radius: 2vw;
}

.liveChannels-body .myaccount-header {
    /*    background-color: rgba(0, 0, 0, 0.72);
        display: flex;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 1;*/
}

.myaccount-body {
    background-color: #fff;
    /*    min-height: 100vh;
    display: grid;*/
}

.myaccount-content h1 {
    font-family: Nunito;
    font-size: 2.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    border-bottom: 1px solid #707070;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.myaccount-content h1 span {
    color: #f7412c;
}

.myaccount-content {
    padding: 0px 15px;
    min-height: calc(100vh - 265px);
}

.nav-tabs .nav-link:hover {
    color: #707070;
}

.basic-info-content {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #000000;
}

.basic-info-content h3 {}

.basic-info-content h3 a {
    font-family: Nunito;
    font-size: 1.1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 19px;
    background-color: #f7412c;
    padding: 6px 15px;
    /* display: inline-block; */
    /* justify-content: flex-end; */
    /* align-items: flex-end; */
    float: right;
}

.basic-info-content h3 a:hover {
    color: #ffffff !important;
    background-color: #C43323;
}

.basic-info-content h3 {
    font-family: Nunito;
    font-size: 1.8vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0px;
    display: block;
    align-items: center;
    width: 100%;
}

.basic-info-content h3 span {
    display: inline-block;
    float: left;
}

.vipAccess {
    float: right !important;
    color: #f7412c;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

.vipAccess img {
    width: auto;
    position: relative;
    top: -2px;
    height: 40px;
}

.infotile {
    display: flex;
    align-items: center;
}

.basic-info-content p {
    font-family: Nunito;
    font-size: 1.1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.basic-info-content h2 {
    font-family: Nunito;
    font-size: 1.1vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    display: flex;
    align-items: center;
}

.basic-info-content h2 .infoContent {
    font-family: Nunito;
    font-size: 1.5vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.infoTitle {
    min-width: 150px;
}

.customModal h5 {
    font-family: Nunito;
    font-size: 2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
}

.customModal form label {
    font-family: Nunito;
    font-size: 1.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
}

.customModal form input {
    font-family: Nunito;
    font-size: 1.3vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    border-radius: 5px;
    border: 1px solid #808080;
    height: 3.5vw;
    display: flex;
    align-items: center;
}

.customModal .btn-sumbit {
    font-family: Nunito;
    font-size: 1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    background-color: #f7412c;
    border-radius: 30px;
    border: 0px;
    /* height: 50px; */
}

.subscriptionCancle .btn-sumbit {
    height: 50px;
    font-size: 20px;
}

.subscriptionCancle .planBtn .btn {
    height: 50px;
    font-size: 18px;
}

.subscriptionCancle h3 span {
    color: #f7412c;
}

.customModal .btn-sumbit:hover {
    background-color: #b93e30;
    border-color: #b93e30;
    color: #fff;
}

.paymentCard {
    display: inline-flex;
    padding: 15px;
    border: 1px solid #000000;
}

.paymentCard span {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

.paymentCard span img {
    max-width: 100%;
}

.paymentCard h4 {
    font-family: Nunito;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0px;
}

.paymentCard h5 {
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0px;
}

.billingDate {
    font-family: Nunito;
    font-size: 1.3vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0px;
}

.billingDate span {
    font-weight: normal;
}

.notes {
    font-size: 1.15vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #707070;
}

.table-card {
    height: 30px;
    margin-right: 15px;
}

.custom-table tr td {
    font-size: 1.3vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.36px;
    text-align: left;
    color: #000000;
}

.activeStatus {
    float: right;
    font-family: Nunito;
    font-size: 1.3vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.saveCards {
    width: 100%;
}

.saveCards span:first-child {
    width: 75%;
}

.saveCards span:nth-child(2) {
    width: 25%;
    text-align: right;
}

.removeCard {
    font-family: Nunito;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: right;
    color: #2680eb;
    text-decoration: underline;
}

.text-right {
    text-align: right;
}

.customModal h3 {
    font-family: Nunito;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.cardsImg img {
    max-width: 75px;
}

.customModal select,
.customModal select:focus {
    font-family: Nunito;
    font-size: 1.3vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
    border-radius: 5px;
    border: 1px solid #808080;
    height: 3.5vw;
    display: flex;
    align-items: center;
}

.channel-list select option {
    color: #cccccc !important;
}

.cancelAlert {
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    background-color: #f7e0de;
    padding: 10px;
    display: flex;
    align-items: center;
}

.cancelAlert span {
    display: inline-flex;
}

.cancelAlert span img {}

.customModal p {
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.planBtn .btn {
    width: 100%;
    margin-top: 0px;
}

.planBtn .btn-sumbit {
    border: 1px solid #f7412c;
}

.btn-keepplan {
    font-family: Nunito;
    font-size: 1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #707070;
    height: 3.5vw;
    outline: 0px;
}

.custom-nav .dropdown-menu {
    background-color: #000000;
    font-family: Nunito;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.myaccont-menu {
    border-bottom: 1px solid #fff;
}

.sign-out-menu {}

.float-right {
    float: right;
}

.privacyPolicy {
    background-color: #fff;
    padding: 15px;
}

.privacyPolicy h3 {
    font-family: Nunito;
    font-size: 1.8vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 15px;
}

.privacyPolicy h4 {
    font-family: Nunito;
    font-size: 1.5vw;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 15px;
}

.privacyPolicy p {
    font-family: Nunito;
    font-size: 1.1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 15px;
}

.privacyPolicy ul {
    /*    padding-left: 25px;*/
    margin-bottom: 15px;
}

.privacyPolicy ul li {
    font-family: Nunito;
    font-size: 1.1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.list-decimal {
    list-style: decimal
}
.list-circle {
    list-style: circle
}

.list-disc {
    list-style: disc
}

/* terms-of-use */

.termsOfUse {
    background-color: #fff;
    padding: 15px;
}

.termsOfUse h3 {
    font-family: Nunito;
    font-size: 1.8vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 15px;
}

.termsOfUse h4 {
    font-family: Nunito;
    font-size: -19.5vw;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 15px;
}

.termsOfUse p {
    font-family: Nunito;
    font-size: 1.1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 15px;
}

.termsOfUse ul {
    margin-bottom: 15px;
}

.termsOfUse ul li, .termsOfUse table tbody tr td {
    font-family: Nunito;
    font-size: 1.1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.customer-form .form-control,
.customer-queries .form-control {
    height: 3.6vw;
    font-size: 1.2vw;
    font-weight: normal;
    border-radius: 5px;
    border: solid 1px #707070;
    background-color: #fff !important;
    color: #000;
}

.channel-list select:required:invalid,
.channel-list select:required:invalid:focus {
    color: #808080;
}

.channel-list select:required:valid,
.channel-list select:required:valid:focus {
    color: #e0edff;
}

select:required:invalid {
    color: #808080;
}

option[value=""][disabled] {
    display: none;
}

option {
    color: #000;
}

select:required:valid {
    color: #000;
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;
}

.customer-form textarea.form-control {
    height: auto;
}

.form-outline .form-control {
    height: 146px;
    border: 0 !important;
}

.customer-support-form {
    padding: 30px 0px;
}

.customer-support-form h2 {
    font-size: 2.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.customer-support-form h2 span {
    color: #f7412c;
}

.customer-form {
    border-right: 1px solid #000;
    padding-right: 20px;
}

.customer-form p,
.customer-form label {
    font-size: 1.5vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.inputLabel {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.63;
    letter-spacing: normal;
    color: #333333;
}

.customer-form .sendEnquiry {
    /* height: 43px; */
    padding: 10px 35px 9px;
    background-color: #f7412c;
    color: #fff;
    font-size: 18px;
    text-transform: none;
    font-size: 1.5vw;
    border-radius: 30px;
}

.customer-queries a.btn {
    padding: 10px 35px 9px;
    background-color: #80808000;
    color: #808080;
    font-size: 18px;
    text-transform: none;
    font-size: 1.5vw;
    border-radius: 30px;
    border-color: #808080;
    border: 2px solid #808080;
}

.customer-form .sendEnquiry:hover {
    color: #ffffff !important;
    background-color: #C43323;
}

.customer-queries a.btn:hover {
    color: #ffffff !important;
    background-color: #808080;
    border: 2px solid #808080;
}

.customer-queries ul li {
    font-size: 1.2vw;
    margin-bottom: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.customer-queries ul li a {
    color: #000;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    font-size: 1.2vw;
}

.customer-queries h2:last-of-type {
    margin: 20px 0px 12px 0px;
}

.dataList {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.find-answer {
    position: relative;
}

.find-answer i {
    position: absolute;
    left: 90%;
    z-index: 4;
    font-size: 1.5vw;
}

.modal-header button {
    margin-top: -25px !important;
}

.pairNewdevice {
    background-color: #dedede;
}

.pairdevicealert {
    border-radius: 5px;
    border: 1px solid #707070;
    width: 55%;
    max-width: 100%;
    padding: 15px;
    /* background-image: url(../img/pair/tick.png); */
    /* background-repeat: no-repeat; */
    /* background-position: 1% 50%; */
    display: flex;
    /* justify-content: center; */
    flex-direction: row;
    /*    margin: 0px auto;*/
}

.pairdevicealert h1 {
    font-family: Nunito;
    font-size: 1.4vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.pairdevicealert p {
    font-family: Nunito;
    font-size: 1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #808080;
    margin-bottom: 0px;
    margin-left: 2px;
}

.deviceImg img {
    width: 100%;
}

.deviceCode {
    text-align: center;
    width: 100%;
}

.deviceCode img {
    max-width: 66px;
}

.deviceCode h2 {
    font-family: Nunito;
    font-size: 2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.deviceCode h3 {
    font-family: Nunito;
    font-size: 1.8vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.48px;
    text-align: center;
    color: #000000;
}

.deviceCode h3 span {
    color: #f7412c;
}

.deviceCode p {
    font-family: Nunito;
    font-size: 1.2vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
}

.deviceCode h4 {
    font-family: Nunito;
    font-size: 1.5vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.deviceCode input {
    border-radius: 5px;
    border: solid 1px #707070;
    background-color: #f2f2f2;
    height: 3.7vw;
}

.deviceCode button {}

.getStarte-error {
    position: absolute;
    margin: 0px !important;
    left: 0px;
    text-align: left;
    bottom: -32px;
    font-size: 20px;
    color: #f7412c;
}

.deviceLoginfo {
    position: relative;
    padding: 10px 10px;
    text-align: center;
}

.deviceLoginfo p {
    font-family: Nunito;
    font-size: 1.1vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 5px;
}

.deviceLoginfo a {
    position: absolute;
    right: 10px;
    display: none;
}

.deviceLoginfo img {}

.deviceLoginfo a img {
    width: auto !important;
}

.deviceLoginfo:hover {
    border-radius: 5px;
    background-color: #0000001a;
}

.deviceLoginfo:hover a {
    display: block;
}

.deviceLoginfo p span {
    color: #000;
}

.deviceTitle {
    color: #808080 !important;
}

.deviceActive {
    color: #31b52c !important;
}

.paymentModal {
    width: 100%;
    background-color: #fff;
    padding: 0px;
    color: #000;
    font-weight: normal;
    background-image: none;
    border: 0px;
}

.paymentModal .form-control {
    background-color: #ffffff;
    border: 1px solid #808080;
    color: #000;
    font-weight: normal;
    height: 60px;
}

.billAmount p {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
}

.billAmount p span {
    color: #f7412c;
    font-weight: bold;
    font-size: 1.3vw;
    margin-left: 0px;
}

.channel-body .myaccount-header {
    /* background-color: transparent; */
}

.channel-body .myaccount-header .custom-nav {
    box-shadow: none;
}


/* FAQ */

.faqTitle h1 {
    font-family: Nunito;
    font-size: 2.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #f7412c;
    border-bottom: 1px solid #707070;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.faqTitle h1 a {
    float: right;
    font-size: 1.3vw;
    padding: 6px 20px;
    border: 2px solid #f7412c;
    border-radius: 30px;
    color: #f7412c;
}

.faqTitle h1 a:hover {
    color: #ffffff;
    background-color: #f7412c;
}

.faq-content {
    padding: 0px 15px;
}

.faq-content ul li a {
    text-align: center !important;
    justify-content: center;
    padding: 20px 15px !important;
    font-family: Nunito !important;
    font-size: 1.2vw !important;
    font-weight: normal !important;
}

.generalImg {
    background-image: url(../img/faq/general.png);
    display: flex;
    height: 3vw;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
    background-size: contain;
}

.faq-content p {
    font-size: 18px !important;
    color: #000;
    font-family: Nunito;
    font-weight: normal;
    font-style: italic;
}

.faq-content p a {
    color: #f7412c;
}

.accountImg {
    background-image: url(../img/faq/manage-account.png);
    display: flex;
    height: 3vw;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
    background-size: contain;
}

.billingImg {
    background-image: url(../img/faq/billing.png);
    display: flex;
    height: 2.5vw;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
    background-size: contain;
}

.technicalImg {
    background-image: url(../img/faq/technical-support.png);
    display: flex;
    height: 2.5vw;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
    background-size: contain;
}

.tab-content .faqTitle h1 {
    font-size: 1.6vw;
}

.customTabs {}

.customTabs .nav-item.show .nav-link,
.customTabs .nav-link.active {
    color: #f7412c;
    background-color: transparent !important;
}

.customTabs .nav-item.show .nav-link .generalImg,
.customTabs .nav-link.active .generalImg {
    background-image: url(../img/faq/general-selected.png);
}

.customTabs .nav-item.show .nav-link .accountImg,
.customTabs .nav-link.active .accountImg {
    background-image: url(../img/faq/manage-account-selected.png);
}

.customTabs .nav-item.show .nav-link .billingImg,
.customTabs .nav-link.active .billingImg {
    background-image: url(../img/faq/billing-selected.png);
}

.customTabs .nav-item.show .nav-link .technicalImg,
.customTabs .nav-link.active .technicalImg {
    background-image: url(../img/faq/technical-support-selected.png);
}

#scroll {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 3vw;
    height: 3vw;
    background-color: #f7412c;
    /*    text-indent:-9999px;*/
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    color: #fff;
    z-index: 7;
}

#scroll i {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 1.6vw;
    right: 0px;
    bottom: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#scroll:hover {
    background-color: #e74c3c;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.subscriptionCancleclose {
    font-size: 14px;
}

.custom-form label {
    font-size: 1.1vw;
}

.five-hunder-error {
    background-image: url(../img/500-bg.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-500 {
    position: relative;
}

.error-500 img {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0px auto;
}

.erro-text {
    background-color: #000;
    padding: 15px;
}

.erro-text h3 {
    font-family: Nunito;
    font-size: 1.5vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 5px;
}

.erro-text h3 a {
    color: #1592e6;
    text-decoration: underline;
}

.erro-text h3 a:hover {
    color: #f7412c;
}

.error404 {
    background-image: url(../img/404.svg);
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.erro-text img {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0px auto;
}

.erro-text {
    background-color: #000;
    padding: 15px;
}

.erro-text h3 {
    font-family: Nunito;
    font-size: 1.5vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 5px;
}

.erro-text h5 {
    font-family: Nunito;
    font-size: 1.2vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #b7b7b7;
    margin-bottom: 0px;
}

.erro-text h3 a {
    color: #1592e6;
    text-decoration: underline;
}

.erro-text h3 a:hover {
    color: #f7412c;
}

.error419 {
    background-color: #141419;
    margin: 0px auto;
    text-align: center;
    min-height: 100vh;
}

.error-toober {
    margin: 0px auto 0px auto;
    padding-top: 25px;
}


.error419-text {
    min-height: calc(100vh - 73px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.error419-text h5 {
    font-size: 2vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 2vw auto 9vw auto;
}

.error419-text img {
    max-width: 100%;
    min-width: 200px;
    padding-top: 2vw;
    width: 33vw;
}

.error419-text a {
    font-size: 1.5vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 0.5vw 1.5vw;
    border: 0.3vw solid #f7412c;
    border-radius: 3vw;
    background-color: #f7412c;
    border-color: #f7412c;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2vw;
}

.error419-text a:hover {
    background-color: #fff;
    color: #f7412c;
    border-color: #fff;
}

.privacyPolicy p span,
.termsOfUse p span,
.list-low-roman li p {
    padding-left: 10px;
}

.list-low-roman {
    list-style-type: lower-roman;
    color: #000;
}

/* Live Channels */
.liveChannels-body {
    background-color: #fff;
    /* min-height: 100vh; */
    background-color: #141414;
    /* display: grid; */
    position: relative;
    color: #fff;
}

.liveVideoSection {
    padding: 0px 0px 0px 0px;
    background-image: linear-gradient(to bottom,
            #f7412c -81%,
            rgba(0, 0, 0, 0.43) 83%);
}

.channelDetails {
    display: flex;
    align-items: center;
    /* margin-top: 1rem; */
}

.channelTitleLogo {
    width: 5vw;
    height: 5vw;
}

.channelName {
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-left: 1rem;
    margin-bottom: 0px;
}

.programDetails {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.programTitle {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #d9d9d9;
    margin-bottom: 1rem;
    white-space: nowrap;
    overflow: hidden;
    animation: marquee 5s linear infinite;
}

.timeDuration {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    /* margin-bottom: 1rem; */
}

.timeDuration .timeBox,
.timeDuration .favBox {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
    margin-right: 1rem;
}

.timeDuration .timeIcon {
    width: 1.4vw;
    height: 1.4vw;
}

.programDuration {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #d9d9d9;
    margin-left: 12px;
}

.favBox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 5px;
}

.favBox img {
    cursor: pointer;
    width: 2.4vw;
    opacity: 0.8;
}

.favBox span {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.favBox:hover span {
    color: #fff;
}

.favBox:hover img {
    opacity: 1;
}

.timeDuration .favIcon {
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.programContent {
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgb(255 255 255 / 70%);
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 44px;
}

.liveVideoContainer {
    /* height: 30vw; */
    overflow: hidden;
    position: relative;
    margin-left: auto;
    /* transition: 0.1s ease-in-out; */
}

.liveProgramVideo {
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    padding-top: 56.3% !important;
    /* background-image: url('../img/metatagimg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
}

.toolbar-nav {
    background-color: #252525;
    /* padding: 8px 15px 8px 15px; */
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.toolbar-nav ul {
    padding-left: 0px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0px;
}

.channel-navbar,
.guide-navbar {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px 8px 15px;
}

.guide-navbar {
    margin-left: 3rem;
}

.toolbar-nav ul li {
    list-style-type: none;
    color: #b3b3b3;
}

.toolbar-nav ul li a {
    color: b3b3b3;
    padding-bottom: 8px;
    cursor: pointer;
    /* pointer-events: none; */
}

.toolbar-nav ul li a:hover {
    color: #f7412c !important;
}

.channel-navbar ul li {
    margin-left: 2rem;
}

.channel-navbar ul li:first-child {
    margin-left: 0;
}

.guide-navbar span {
    color: #b3b3b3;
    padding-right: 0.3rem;
    /* padding-right: 0.5rem; */
}

.guide-navbar ul li {
    line-height: 1.2;
    padding: 0px 8px;
}

.guide-navbar ul li:last-child {
    border-left: 2px solid #b3b3b3;
    padding-right: 0px;
}

.toolbar-nav ul li a.active {
    border-bottom: 2px solid #f7412c;
}

.filterIcon {
    width: 1vw;
    height: 1vw;
    margin-bottom: 4px;
    margin-left: 8px;
}

.filterHoverIcon {
    width: 1vw;
    height: 1vw;
    margin-bottom: 4px;
    margin-left: 8px;
    display: none;
}

.gridContent {
    position: relative;
    padding: 0px 10px 8px 10px;
    overflow: hidden;
    /* height: calc(50vh + 13px) !important; */
    min-height: 424px;
}

.gridTimes {
    display: flex;
    padding: 40px 20px 10px 20px;
}

.dateField {
    padding: 12px 24px;
    border-radius: 5px;
    background-color: #302f2f;
}

.timeIntervals {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: #302f2f;
    /* margin-left: 15px; */
    position: relative;
}

.timeIntervals span {
    flex: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrowLeft {
    position: absolute;
    font-size: 1.5vw;
    /* width: 28px; */
    left: 0;
    /* top: 0px; */
}

.arrowRight {
    position: absolute;
    font-size: 1.5vw;
    /* width: 28px; */
    /* right: 1%; */
    /* top: 0.5vw; */
}

.arrowLeft:hover,
.arrowRight:hover {
    color: #f7412c;
}

.gridRow {
    padding: 0px 10px 20px 20px;
    display: flex;
    max-height: 400px;
    overflow-y: scroll;
    margin-right: 6px;
}

.gridRow ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.gridRow ul li {
    list-style-type: none;
    width: 100%;
    display: flex;
    border-bottom: solid 1px #707070;
    position: relative;
}

.gridRow ul li.active::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 100%;
    background-color: red;
    z-index: 10;
}

.gridRow ul li:first-child {
    border-top: solid 1px #707070;
}

.channelLogoGrid {
    padding: 10px 30px;
    background-color: #444;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: solid 1px #707070;
    position: relative;
}

.channelLogoGrid img {
    width: 35px;
    background-color: #444;
}

.channelLogoGrid img.favImg {}

.airings {
    /* display: flex; */
    width: 100%;
}

.airings:last-child {
    margin-bottom: 10px !important;
    border-bottom: solid 1px #707070 !important;
}

.airings .epg {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    z-index: 10;
}

.epgPrograms {
    border-left: solid 1px #707070;
    background-color: #302f2f;
    height: 55px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    padding: 0px 5px;
    white-space: nowrap;
}

.favImg {
    position: absolute;
    width: 14px !important;
    top: 6px;
    right: 4px;
}

.watchedColor {
    position: relative;
}

.watchedColor::before {
    content: "";
    width: 20%;
    height: 100%;
    background: #de3a28;
    z-index: 1;
    position: absolute;
    left: 0;
    /* right: 0; */
}

.epgPrograms.activeProgram {
    background-color: #5f0f05;
}

.watchingIndicator img {
    width: 12px;
}

/* width */
.gridRow::-webkit-scrollbar {
    width: 6px;
}

.toolbar-nav::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

/* Track */
.gridRow::-webkit-scrollbar-track {
    box-shadow: inset 0 0 20px #404040;
    border-radius: 10px;
}

/* Handle */
.gridRow::-webkit-scrollbar-thumb {
    background: #f7412c;
    border-radius: 10px;
}

/* Handle on hover */
.gridRow::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

.epgGridBottomTint {
    width: 98%;
    padding-top: 20px;
    /*    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #0a0a0a);*/
    position: absolute;
    bottom: 0px;
    left: 0;
}

.gridContent+section {
    border-top: 0px;
}

html {
    scroll-behavior: smooth;
}

/* Epg Grid Styles */

.epg-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: none;
    margin: 0 auto;
    /* background-color: #302f2f; */
    height: 100%;
}

.epg-container ul.listings-grid {
    list-style-type: none;
    padding: 0;
    padding-right: 12px;
    margin: 0;
    padding-bottom: 0px;
    white-space: nowrap;
    /* background-color: #302f2f; */
    height: calc(100% - 62px);
    /* height: calc(50vh - 65px); */
    overflow-y: auto;
}

.epg-container ul.listings-grid li {
    font-size: 18px;
}

.epg-container .listings-timebar {
    /* height: 48px; */
    color: #464855;
    margin-bottom: 6px;
    margin-top: 5px;
    padding-right: 18px;
}

.timebar-date {
    /* padding: 6% 24%; */
    /* padding: 12px 20px; */
    /* background: #302f2f; */
    /* border-radius: 5px; */
    display: block;
    text-align: center;
}

.epg-container .listings-timebar-time {
    width: 25%;
    color: #fff;
    font-size: 1vw;
    text-align: center;
    vertical-align: middle;
    float: left;
    padding: 0.6vw 0.5vw;
    line-height: normal;
    /* border-right: 2px solid #707070; */
    font-weight: 600;
    background-color: #302f2f;
    position: relative;
}

/* .epg-container .listings-timebar-time:first-child {
    width: 12%;
    background: #302f2f;
    border-radius: 5px 0px 0px 5px;
    padding: 0px;
    border: 0px;
    text-align: left;
} */

.epg-container .listings-timebar-time:nth-of-type(2n) {
    /* padding-left: 50px; */
}

.epg-container .listings-timebar-time:nth-of-type(2n)::after {
    content: "";
    width: 1px;
    display: block;
    height: 100%;
    background: #707070;
    z-index: 10;
    position: absolute;
    top: 0px;
    right: 0;
}

.epg-container .listings-timebar-time:nth-child(2) {
    /* border-radius: 5px 0px 0px 5px; */
}

.listings-timebar-time.active.timeZero::before {
    content: "";
    width: 1px;
    display: block;
    height: 100%;
    background: #707070;
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0;
}

.listings-timebar-time.active.timeZero::after {
    content: "";
    width: 1px;
    display: block;
    height: 100%;
    background: #707070;
    z-index: 10;
    position: absolute;
    top: 0px;
    right: 0;
}

.epg-container .listings-timebar-time:nth-of-type(3n) {
    padding-left: 15px;
}

.epg-container .listings-timebar-time:nth-of-type(3n)::after {
    content: "";
    width: 1px;
    display: block;
    height: 100%;
    background: #707070;
    z-index: 10;
    position: absolute;
    top: 0px;
    right: 0;
}

.epg-container .listings-timebar-time:nth-of-type(4n) {
    padding-left: 15px;
    border-radius: 0px 5px 5px 0px;
    border-right: 0px;
}

.epg-container .listings-timebar-time:nth-of-type(4n)::after {
    display: none;
}

/* .epg-container .listings-timebar-time:nth-of-type(5n) {
    padding-left: 15px;
    border-radius: 0px 5px 5px 0px;
    border-right: 0px;
} */

.epg-container .listings-timebar-time:last-of-type {
    border-right: 0;
}

.channelRight {
    position: absolute;
    width: 2vw;
    height: 100%;
    line-height: 33px;
    text-align: center;
    top: 0px;
    z-index: 99;
    right: 10px;
    color: #fff;
    font-size: 20px;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.channelLeft {
    position: absolute;
    width: 2vw;
    height: 100%;
    line-height: 100%;
    text-align: center;
    top: 0px;
    z-index: 99;
    left: 10px;
    color: #fff;
    font-size: 20px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.epg-container ul.listings-grid .listings-channel-row {
    display: flex;
    height: auto;
    padding: 0;
    border-bottom: 1px solid #707070;
    background-color: #302f2f;
    /* overflow: hidden; */
    position: relative;

    /*  */
    min-width: 600px;
}

.epg-container ul.listings-grid .listings-channel-row.active::before {
    content: "";
    height: 100%;
    width: 3px;
    background: #f7412c;
    position: absolute;
    left: 0;
    z-index: 10;
}

.epg-container ul.listings-grid .listings-channel-row:nth-child(2) {
    border-top: 1px solid #707070;
}

.airings:nth-child(2) {
    /* margin-top: 20px;
    border-top: 1px solid #707070; */
}

.epg-container ul.listings-grid .listings-channel {
    color: white;
    width: 12%;
    height: 62px;
    float: left;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    vertical-align: middle;
    background-color: #302f2f;
    border-right: 1px solid #707070;
    border-left: 1px solid #707070;
    position: relative;
}

.epg-container ul.listings-grid .listings-channel:hover {
    background-color: #8c8383 !important;
}

.channelLogo {
    width: 50px;
    height: 50px;
}

.programAirings {
    width: 88%;
    display: flex;
}

.epg-container ul.listings-grid .listings-program {
    text-align: left;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    border-right: 1px solid #707070;
    float: left;
    padding: 10px 0px 0px 0px;
    /* background-color: #37474f; */
    font-size: 18px;
    position: relative;
    white-space: normal;
    overflow: hidden;
    padding-left: 7px;
}

.epg-container ul.listings-grid .listings-program:hover {
    background-color: #666666;
}

.focussedEl {
    background-color: #666666;
}

.epg-container ul.listings-grid .listings-program:focus {
    border: none;
    outline: none;
    border-right: 1px solid #707070;
}

.activeProgram {
    background-color: #5f0f05 !important;
}

.programHighlight {
    content: "";
    width: 0%;
    height: 100%;
    background-color: #de3a28;
    position: absolute;
    left: 0;
}

.airingTitle {
    cursor: pointer;
}

.listings-program-title {
    position: relative;
    z-index: 9;
    display: inline-block;
    padding-left: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 100;
    width: 100%;
    padding: 0px 5px;
    cursor: pointer;
}

/* Progress */
.activeProgramProgress {
    /* width: 0%; */
    height: 100%;
    background: #de3a28;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.programtreepgcontent {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 10;
}

/* EPG ScrollBar */
.customScroll::-webkit-scrollbar {
    width: 6px;
    background-color: #404040;
    border-radius: 10px;
    scroll-behavior: smooth;
}

.customScroll::-webkit-scrollbar-track {
    background-color: #404040;
    -webkit-box-shadow: inset 0 0 6px #404040 !important;
    border-radius: 10px;
}

.customScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #f7412c;
    -webkit-box-shadow: inset 0 0 6px #f7412c;
}

.customScroll::-webkit-scrollbar-corner {
    background-color: #404040;
}

.backToCurrent {
    position: absolute;
    bottom: 8px;
    right: 40px;
    z-index: 10;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.arrowUp {
    display: block;
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: #f7412c;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    color: #fff;
    border: 0px solid #f7412c !important;
}

.arrowUp i {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 24px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.1s all;
}

.arrowUp i:hover {
    padding-bottom: 5px;
}

.backToCurrent span {
    display: block;
    text-align: center;
    z-index: 10;
}

.liveIndicator {
    z-index: 20;
    position: absolute;
    /* display: flex !important; */
    display: flex;
    flex-direction: column;
    align-items: center;
    top: -27px;
    /* left: calc(9% - 15px); */
    /* left: calc(232.75px - 33px); */
    /* transition: 1s linear; */
    /* visibility: visible; */
}

img.indicatorLogo {
    width: 26px;
}

.indicatorLine {
    width: 1px;
    height: 100vh;
    background-color: #f7412c;
}

@media (max-width: 575.96px) {

    /* Header Section */
    .getStarte-error {
        position: relative;
        bottom: 0px;
    }
}

@media (max-width: 767.98px) {
    .customer-support-form h2 {
        font-size: 25px;
    }

    .custom-form {
        /* border-right: none; */
        padding-right: 0;
    }

    .customaccordion .accordion-button img {
        width: 20px;
    }

    .accordion-button {
        font-size: 16px !important;
    }

    .mobileLogout:after {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .error419-text a {
        font-size: 20px;
        padding: 10px 15px;
        border: 1px solid #f7412c;
        border-radius: 30px;
        margin-bottom: 20px;
    }

    .error419-text img {
        width: 200px;
    }

    .error419-text h5 {
        margin: 20px auto;
        font-size: 20px;
    }

    .erro-text h3 {
        font-size: 18px;
    }

    .erro-text h5 {
        font-size: 16px;
    }

    .faq-content ul li a {}

    .tab-content .faqTitle h1 {
        font-size: 24px;
    }

    /* customer-support-page */
    .custom-table tr td {
        font-size: 14px;
    }

    .customer-form p,
    .custom-form label {
        font-size: 16px;
    }

    .customer-form .sendEnquiry {
        font-size: 18px;
    }

    .customer-queries a.btn {
        font-size: 18px;
    }

    .deviceCode input {
        height: 50px;
        font-size: 18px;
        color: #000;
    }

    .deviceCode h2 {
        font-size: 30px;
    }

    .deviceCode h3 {
        font-size: 24px;
    }

    .deviceCode p {
        font-size: 16px;
    }

    .deviceCode .btn {
        width: 100%;
    }

    .pairdevicealert {
        width: 100%;
    }

    .pairdevicealert h1 {
        font-size: 20px;
    }

    .pairdevicealert p {
        font-size: 14px;
    }

    .deviceImg img {
        width: 500px;
        margin: 0px auto;
        max-width: 100%;
    }

    .mobile-nav {
        background-color: #000;
        padding: 6px 15px;
        /* height: 52px; */
        /* position: static; */
    }

    .mobile-nav .navbar-collapse.collapse.show {
        /* position: absolute; */
        /* top: 52px; */
        width: 100%;
        left: 0px;
        background-color: #000;
        /* height: auto!important; */
        right: 0px;
        /* padding: 0px 15px; */
        /* z-index: 99999; */
    }

    .sign-in-btn {
        font-size: 16px;
        margin-top: 10px;
    }

    .sign-up-btn,
    .sign-up-btn:hover {
        font-size: 16px;
        margin-top: 10px;
    }

    .deviceCode h4 {
        font-size: 20px;
    }

    .deviceCode h4 img {
        width: 30px;
    }

    .cardsImg img {
        max-width: 40px;
    }

    .channel-body .myaccount-header {
        background-color: #000;
    }

    .faqTitle h1 {
        font-size: 24px;
        width: 100%;
    }

    .faq-content {
        padding: 0px;
    }

    .faqTitle h1 a {
        font-size: 14px;
        padding: 3px 10px;
        border: 1px solid #f7412c;
    }

    .faq-content p {
        font-size: 14px !important;
    }

    .panel-body {
        border: 2px solid #f2f2f2;
        border-top: 0px;
    }

    .mobile-accordion-button {
        background-color: #f7412c !important;
        color: #ffffff !important;
    }

    .mobile-accordion-button:after {
        background-image: url('../img/myaccount/mobile/down-1.png');
    }

    .mobile-accordion-button:not(.collapsed):after {
        background-image: url('../img/myaccount/mobile/down-1.png');
    }

    .accordion-button {
        font-size: 20px;
    }

    .vipAccess {}

    .vipAccess img {
        width: 30px;
        height: auto;
    }

    .custom-form p {
        font-size: 14px;
    }
}

@media (max-width: 1399.98px) {

    /* customer-support-page */
    /* .customer-support-form h2 {
      font-size: 30px;
    } */
    .customer-form .form-control,
    .customer-queries .form-control {
        font-size: 16px;
    }

    .customer-queries ul li {
        font-size: 16px;
    }

    .find-answer i {
        font-size: 1rem;
    }

    .footer p {
        font-size: 16px;
    }
}


/* Medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) {
    .header-logo img {
        width: 150px;
    }

    .custom-nav {
        margin: 0px;
    }

    .custom-form {
        width: 100%;
        padding: 15px;
    }

    .custom-form h2 {
        font-size: 24px;
        margin-bottom: 20px !important;
    }

    .custom-form .form-control {
        height: 50px;
        font-size: 18px;
    }

    .form-check-label {
        font-size: 14px;
    }

    .custom-form a {
        font-size: 18px;
    }

    .custom-form h6,
    .custom-form h6 a {
        font-size: 16px;
    }

    .signUptext h1 {
        font-size: 28px;
    }

    .btn-sumbit,
    .btn-sumbit:hover {
        height: 50px;
        font-size: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        height: auto;
    }

    .footer-section h6,
    .footer-section h6 a {
        font-size: 16px;
    }

    .footer-section a img {
        width: 25px
    }

    .footer-section ul li a {
        font-size: 16px;
    }

    .footer-section p {
        font-size: 14px;
    }

    .footer-section ul li {
        border: 0px;
    }

    .navbar-toggler i {
        color: #fff;
    }

    .custom-form-sign-up p {
        font-size: 16px;
        /*        margin: 0px auto;*/
        display: inline-block;
    }

    .billAmount p span {
        font-size: 16px;
        display: inline-flex;
    }

    .plusTaxes {
        font-size: 12px;
    }

    .card-details {
        /* padding: 15px 0px; */
        /* background-color: #00000000; */
        border-radius: 5px;
    }

    .custom-form h5 {
        font-size: 18px;
    }

    .custom-form h3 {
        font-size: 18px;
    }

    .custom-form h4 {
        font-size: 18px;
    }

    .subscribeContent p {
        font-size: 16px;
    }

    .device-mobile {
        padding: 30px 15px !important;
    }

    .platform h3 {
        margin-bottom: 20px;
        font-size: 24px;
        text-align: center;
    }

    .platform h2 {
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 24px;
        text-align: center;
    }

    .platform p {
        margin-bottom: 20px;
        font-size: 20px;
        text-align: center;
    }

    .platform a {
        margin-bottom: 20px;
    }

    .header-content>img {
        max-width: 100%;
    }

    .header-content h1 {
        font-size: 46px;
    }

    .header-content h3 {
        font-size: 24px;
    }

    .header-content h6 {
        font-size: 20px;
    }

    .header-content h6 b {
        font-size: 20px;
    }

    .available-platforms {}

    .header-content input {
        font-size: 18px;
        height: 60px !important;
    }

    .reachout input {
        font-size: 18px;
        height: 60px !important;
    }

    .reachout h3 {
        font-size: 24px;
    }

    .get-started,
    .get-started:hover {
        font-size: 18px;
        height: 60px !important;
        max-height: 60px !important;
    }

    .w-md-70 {
        width: 75% !important;
    }

    .live-channel-content h1 {
        font-size: 30px;
        text-align: center;
        margin-top: 0px;
    }

    .live-channel-content p {
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
    }

    .view-more {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .channel-list {
        padding: 0px 15px;
    }

    .channel-content h1 {
        font-size: 20px;
        padding: 0px;
    }

    .channel-list .search {
        height: 50px;
        font-size: 16px;
    }

    .search-btn {
        height: 50px;
        font-size: 14px;
    }

    .channel-list select,
    .channel-list select:focus {
        height: 50px;
        font-size: 15px;
        background-size: 20px;
        padding: 10px 15px;
    }

    .custom-dropdown-button,
    .custom-dropdown-button:focus {
        height: 50px !important;
        font-size: 15px !important;
        background-size: 20px !important;
        padding: 10px 15px !important;
    }

    .custom-dropdown-button::before {
        width: 20px !important;
        height: 20px !important;
        left: 87% !important;
    }

    .btn-clear {
        height: 50px;
        font-size: 14px;
        padding: 10px 20px;
    }

    .channel-img {
        height: 70px;
    }

    .channel-text h5 {
        font-size: 18px;
    }

    .channel-text p {
        font-size: 14px;
    }

    .btn-load {
        height: 50px;
        font-size: 16px;
    }

    .spinnerLoad {
        width: 150px;
        height: 50px;
    }

    .privacyPolicy {
        padding: 15px 0px;
    }

    .privacyPolicy h3 {
        font-size: 24px;
    }

    .privacyPolicy h4 {
        font-size: 20px;
    }

    .privacyPolicy p {
        font-size: 16px;
    }

    .privacyPolicy ul li {
        font-size: 16px;
    }

    /* terms-of-use */
    .termsOfUse {
        padding: 15px 0px;
    }

    .termsOfUse h3 {
        font-size: 24px;
    }

    .termsOfUse h4 {
        font-size: 20px;
    }

    .termsOfUse p {
        font-size: 16px;
    }

    .termsOfUse ul li, .termsOfUse table tbody tr td {
        font-size: 16px;
    }

    .btn-myaccount,
    .btn-myaccount:hover {
        font-size: 18px;
        margin-top: 10px;
        display: inline-flex;
    }

    .btn-myaccount {}

    .myaccount-content h1 {
        font-size: 24px;
    }

    .nav-tabs .nav-link {
        font-size: 16px;
    }

    .nav-tabs .nav-link img {
        width: 20px;
    }

    .basic-info-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .basic-info-content h3 a {
        font-size: 14px;
    }

    .basic-info-content p {
        font-size: 14px;
    }

    .basic-info-content h2 {
        font-size: 14px;
    }

    .basic-info-content h2 .infoContent {
        font-size: 16px;
    }

    .myaccount-header .custom-nav {
        margin: 0px;
    }

    .customModal h5 {
        font-size: 24px;
    }

    .myaccount-content {
        padding: 0px;
    }

    .customModal form label {
        font-size: 14px;
    }

    .customModal form input {
        font-size: 16px;
        height: 50px;
    }

    .customModal .btn-sumbit {
        font-size: 15px;
    }

    .subscriptionCancle .planBtn .btn {
        font-size: 15px;
    }

    .customModal select {
        font-size: 16px;
        height: 50px;
    }

    .notes {
        font-size: 14px;
    }

    .table th {
        font-size: 16px;
    }

    .billingDate {
        font-size: 16px;
    }

    .activeStatus {
        font-size: 16px;
    }

    .btn-keepplan {
        font-size: 15px;
        height: 50px;
    }

    .customer-form p,
    .customer-form label {
        font-size: 14px;
    }

    .customer-queries ul li a {
        font-size: 16px;
    }

    .customer-form .form-control,
    .customer-queries .form-control {
        height: 50px;
    }

    .navbar-nav .nav-link {
        font-size: 20px;
        ;
    }

    .btn-myaccount img {
        width: 20px;
    }
}


/*Small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px) {
    .custom-form {
        /* width: 80%; */
    }

    .w-sm-80 {
        width: 80% !important;
    }

    .live-channel-contentDiv {
        width: 100%;
    }

    .live-channel img {
        width: 100%;
        display: block;
    }

    .live-channel {
        background-image: none;
    }

    .basic-info-content {
        padding: 0px;
        border-radius: 0px;
        border: 0px solid #000000;
    }

    .paymentCard span img {
        width: 50px
    }

    .activeStatus {
        font-size: 16px;
        float: left;
        width: 100%;
        margin: 10px 0px;
    }

    .myaccount-btn-home,
    .myaccount-btn-home:hover {
        padding: 6px 15px;
        border: 2px solid #f7412c;
        border-radius: 20px;
        min-width: calc(50% - 10px);
        text-align: center;
        color: #f7412c;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        font-weight: bold;
    }

    .myaccount-btn-logout,
    .myaccount-btn-logout:hover {
        padding: 6px 15px;
        border: 2px solid #f7412c;
        border-radius: 20px;
        min-width: calc(50% - 10px);
        text-align: center;
        color: #fff;
        font-size: 16px;
        background-color: #f7412c;
        margin-left: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        font-weight: bold;
    }

    .btn-keepplan {
        margin-bottom: 10px;
    }

    .pairdevicealert img {
        height: 30px;
    }

    .pairdevicealert h1 img {
        height: 20px;
    }

    .get-started,
    .get-started:hover {
        height: 50px !important;
    }

    .header-content input {
        height: 50px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .custom-form {
        /* width: 62%; */
    }

    .paymentModal {
        width: 100%;
        padding: 0px;
    }

    .custom-form-sign-up {
        /* width: 100%; */
    }

    .custom-form-sign-up .card-details {
        padding: 15px;
        background-color: #000000;
        border-radius: 5px;
    }
}

@media (max-width: 575.98px) {
    .pairdevicealert h1 {
        font-size: 14px;
        letter-spacing: -0.1px;
    }

    .pairdevicealert p {
        font-size: 12px;
    }

    .custom-form {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .custom-form h4 img {
        width: 30px;
    }

    .w-100 {
        width: 100% !important;
    }

    .header-content h1 {
        font-size: 30px;
    }

    .header-content>img {
        width: 200px;
        margin-top: 20px;
    }

    .header-content {
        height: auto;
        min-height: auto;
        display: block;
    }

    .header-section {
        height: auto;
        min-height: auto;
    }

    .header-content h3 {
        font-size: 18px;
    }

    .header-content h6 {
        font-size: 16px;
    }

    .header-content input {
        font-size: 16px;
        height: 50px !important;
    }

    .reachout input {
        font-size: 16px;
        height: 50px !important;
    }

    .reachout h3 {
        font-size: 18px;
    }

    .get-started,
    .get-started:hover {
        display: block;
        width: 100%;
        margin-top: 15px;
        font-size: 16px;
        height: 50px !important;
        border-radius: 27px !important;
        margin-left: 0px !important;
    }

    .available-platforms {
        width: 100%;
        display: inline-block;
    }

    .available-platforms img {
        width: 45%;
    }

    .infoTitle {
        min-width: 90px;
    }

    .basic-info-content h2 .infoContent {
        word-break: break-all;
    }

    .mobileBtn {
        font-family: Nunito;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        border-radius: 19px;
        background-color: #f7412c;
        padding: 6px 15px;
        float: none;
        align-items: center;
        justify-content: center;
        max-width: 190px;
        margin: 0px auto 10px auto;
    }

    .custom-form-sign-up p {
        font-size: 15px;
        margin: 0px 0px 0px 0px;
    }

    .cards-img img {
        width: 60px;
    }
}


/* Large devices (desktops, less than 1200px)*/

@media (max-width: 1199.98px) {}


/* X-Large devices (large desktops, less than 1400px)*/

@media (max-width: 1399.98px) {
    .custom-form h4 img {
        width: 30px;
    }

    .pairdevicealert img {
        height: 30px;
    }

    .pairdevicealert h1 img {
        height: 19px;
    }

    .profileName {
        font-size: 2vw;
    }
}

.redBox {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
    background-color: #f7412c;
    padding-top: 35px;
    padding-bottom: 25px;
}

.redBox h4 {
    font-family: Nunito;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    /* text-transform: uppercase; */
    margin-bottom: 0px;
}

.redBox h4 span {
    font-size: 54px;
}

.whyTooberCard {
    text-align: center;
}

.whyTooberCard h3 {
    margin: 0px auto;
    font-family: Nunito;
    text-align: center;
    position: relative;
    z-index: 4;
}

.whyTooberCard h3:before {
    /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35); */
    background-color: #f7412c;
    position: absolute;
    content: "";
    left: 0px;
    height: 16px;
    width: 100%;
    top: 50%;
    z-index: 1;
}

.whyTooberCard h3:after {}

.whyTooberCard h3 span {
    color: #f7412c;
}

.whyTooberContent {
    position: relative;
    border-radius: 12px;
    background-color: #ffffff;
    height: 877px;
    margin: 50px;
    position: relative;
}

.whyTooberContent:before {
    /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35); */
    background-color: #f7412c;
    position: absolute;
    content: "";
    left: -50px;
    height: calc(111% + 73px);
    width: 16px;
    top: calc(-11% + -19px);
    z-index: 0;
}

.whyTooberContent:after {
    /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35); */
    background-color: #f7412c;
    position: absolute;
    content: "";
    right: -50px;
    height: calc(111% + 73px);
    width: 16px;
    top: calc(-11% + -19px);
    z-index: 0;
}

.bottomBorder {
    width: 100%;
    background-color: #f7412c;
    height: 16px;
    position: relative;
    /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35); */
}

.bottomBorder:before {
    background-image: url('../img/borderShadow.png');
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -12px;
    content: "";
    height: 20px;
    position: absolute;
    left: 0px;
}

.whyTooberContent p {
    font-family: Nunito;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
}

.titlesignup {}

.titlesignup img {}

.titlesignup h3 {
    font-size: 22.6px;
}

.signup-form {
    border-radius: 10px;
    background-color: #ffffff;
    padding: 15px;
}

.signup-form h3 {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2.24px;
    text-align: left;
    color: #333333;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 15px;
    font-size: 30px;
}

.borderRed {
    width: 126px;
    height: 5px;
    border-radius: 5px;
    background-image: linear-gradient(to right, rgba(247, 65, 44, 0.21), #f7412c 102%);
    margin-bottom: 20px;
    margin: 0px auto;
}

.signup-form .form-control {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.01px;
    text-align: left;
    color: #333333;
    font-family: Nunito;
    border-radius: 5px;
    background-color: #e3e3e34f;
    border-color: #e3e3e34f;
    outline: 0px;
    height: 45px;
    box-shadow: none;
}

.sumbitBtn {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.52;
    letter-spacing: 1.4px;
    text-align: left;
    color: #ffffff;
    border-radius: 38px;
    background-color: #f7412c;
    padding: 7px 25px;
    margin: 30px auto;
    display: block;
}

.sumbitBtn:hover {
    color: #ffffff;
}

.signup-form p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.01px;
    text-align: left;
    color: #333333;
    margin-bottom: 15px;
    font-family: Nunito;
}

.signup-form p a {
    color: #f7412c;
}

.registerBtn {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.52;
    letter-spacing: 1.4px;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    background-color: #f7412c;
    padding: 10px 25px;
    margin: 0px auto;
    display: block;
    width: 100%;
}

.registerBtn:hover {
    color: #ffffff;
}

.alert-content {
    padding: 30px 15px;
    text-align: center;
    margin: 0px auto;
}

.alert-content span {
    margin-bottom: 30px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    line-height: 80px;
    color: #fff;
    font-size: 36px;
}

.alert-success {
    background-color: #E3FDEB;
}

.alert-success {
    color: #000 !important;
}

.alert-content p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.01px;
    text-align: center;
    color: #333333;
    font-family: Nunito;
    margin-bottom: 0px;
}

.processing-spinner {
    width: 4rem;
    height: 4rem;
}

.newsContent {
    background-color: #000;
    padding: 15px 0px;
}

.newsImage {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: right;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.newsToober {
    padding: 15px;
    background-color: rgba(243, 243, 243, 5%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.aboutToober {
    background-color: #0f0f0f;
}

.aboutToober h1 {
    font-size: 2vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #f7412c;
}

.newsContent p {
    font-size: 1.3vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.newsTag {
    background-color: rgba(255, 255, 255, 7%);
    padding: 15px;
}

.newsTag ul {
    padding: 0px;
    list-style-type: none;
    margin-bottom: 0px;
    display: flex;
    width: 100%;
}

.newsTag ul li {
    font-size: 1.3vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #f7412c;
    display: inline-flex;
    align-items: center;
}

.newsContent h5 {
    font-size: 1.5vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.newsImageContent {
    background-color: #0d0d0d;
}

.newsImageContent p {
    color: rgba(255, 255, 255, 70%);
}

.newsImageContent h5 {
    color: rgba(255, 255, 255, 50%);
}

.newsImageContent h3 {
    font-weight: 900;
    font-size: 1.8vw;
    color: #fff;
}

.newsContact {
    background-color: #0d0d0d;
}

.newsContact h4 {
    font-size: 1.2vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.newsContact h6 {
    font-size: 1.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.newsContact ul {
    margin-bottom: 0px;
    list-style-type: none;
    padding: 0px;
}

.newsContact ul li {
    font-size: 1.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    display: inline-flex;
}

.newsDate h6 {
    text-align: right
}

.ukrainianChannel {
    min-height: calc(100vh - 238px);
    background-image: url(../img/channelBg.png?v=1.1);
    background-color: transparent;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ukrainianChannel h3 {
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.uaChannelPlatform ul {
    margin-bottom: 0px;
    position: relative;
}

.uaChannelPlatformContent {
    margin-top: 40px;
}

.uaChannelPlatform ul li {
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.uaChannelPlatform ul li img {
    width: 75px;
}

.uaChannelPlatform p {
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.uaChannelPlatform {
    border-radius: 5px;
    border: 1px solid #f7412c;
    background-color: rgba(0, 0, 0, 70%);
    padding: 15px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.bannerLabel img {
    width: 100%;
}

.uaChannelPlatformImg {
    position: absolute;
    top: -35px;
    padding: 0px 15px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.uaChannelPlatformImg img {
    max-width: 100%;
    width: 250px;
}

.bannerLabel {
    position: absolute;
    left: 30px;
    top: 90px;
    width: 25%;
    z-index: 1;
}

.bannerLabelOne {
    color: #3c75ba;
    position: absolute;
    left: 32px;
    font-size: 20px;
    font-weight: bold;
    top: 20.5px;
    line-height: normal;
}

.bannerLabelTwo {
    color: #f6df15;
    position: absolute;
    left: 115px;
    top: 101.5px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
}

@media (max-width: 1199.99px) {
    .whyTooberContent {
        height: 732px;
    }

    .whyTooberContent p {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .TooberCard img {
        width: 150px;
    }
}

@media (max-width: 992px) {
    .whyToober .container {
        max-width: 100%;
    }

    .whyTooberContent {
        margin: 0px;
    }

    .whyTooberCard h3 {
        margin-bottom: 20px;
    }

    .whyTooberContent:before {
        display: none;
    }

    .whyTooberContent:after {
        display: none;
    }

    .bottomBorder {
        display: none;
    }

    .TooberCard img {
        width: 130px;
    }

    .whyTooberCard h3:before {
        left: -15px;
        width: calc(100% + 30px);
    }

    .redBox h4 span {
        font-size: 48px;
    }

    .redBox h4 {
        font-size: 28px;
    }

    .custom-table {
        white-space: nowrap;
    }

    .newsContact h4 {
        font-size: 18px;
    }

    .newsContact h6 {
        font-size: 18px;
    }

    .newsContact ul li {
        font-size: 18px;
    }

    .newsImageContent h3 {
        font-size: 20px;
    }

    .newsContent h5 {
        font-size: 18px;
    }

    .newsContent p {
        font-size: 16px;
    }

    .newsTag ul {
        display: block;
        color: #fff;
    }

    .newsTag ul li {
        font-size: 16px;
    }

    .aboutToober h1 {
        font-size: 20px;
    }

    .uaChannelPlatformImg {
        top: -35px;
    }

    .uaChannelPlatform ul li {
        font-size: 18px;
    }

    .uaChannelPlatform p {
        font-size: 18px;
    }

    .uaChannelPlatformContent {
        margin-top: 25px;
    }

    .ukrainianChannel h3 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .whyTooberContent:before {
        display: none;
    }

    .whyTooberContent:after {
        display: none;
    }

    .whyTooberCard h3:before {
        left: -15px;
        width: calc(100% + 30px);
    }

    .whyTooberContent {
        width: 100%;
        margin: 30px 0px;
    }

    .bottomBorder {
        display: none;
    }

    .TooberCard img {
        width: 120px;
    }

    .whyTooberContent {
        height: 637px;
    }

    .newsDate h6 {
        text-align: left;
    }

    .newsImage {
        padding-top: 56.25%;
    }
}

.mobileWhytoober {
    border-radius: 7.1px;
    background-color: #ffffff;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
}

@media (max-width: 599.99px) {
    .whyTooberCard h3 img {
        width: 280px;
    }

    .redBox h4 {
        font-size: 23px;
        letter-spacing: normal;
    }

    .redBox h4 span {
        font-size: 28px;
        letter-spacing: normal;
    }

    .redBox {
        padding: 20px 0px;
    }

    .customer-form p,
    .custom-form label {
        font-size: 14px;
    }

    .custom-form a {
        font-size: 14px;
    }

    .newsTag ul li {
        display: block;
    }
}

@media (max-width: 767.99px) {
    .mobile-whytoober {
        border-radius: 7.1px;
        background-color: #ffffff;
        width: 100%;
        text-align: center;
        padding: 15px;
    }

    .mobileTobberConetnt img {
        width: 118px;
    }

    .mobileTobberConetnt p {
        font-family: Nunito;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.16;
        letter-spacing: normal;
        text-align: left;
        color: #333333;
        margin-bottom: 0px;
    }

    .customer-form {
        border: 0px;
        padding: 0px;
    }
}

.whyTooberCard h3>img {
    z-index: 4;
}

.float-left {
    float: left !important;
}

@media (min-width: 1450px) and (max-width: 9999px) {
    .modal-dialog {
        max-width: 40vw;
    }
}

.btn-sumbit-signup {
    background-color: transparent;
    border-color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-sumbit-signup:hover {
    background-color: transparent;
    border-color: #f7412c;
    border: 2px solid #f7412c;
}

.btn-sumbit-home {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

select::-ms-expand {
    display: none;
}

.invoiceLink {
    color: #f7412c;
}

.invoiceLink:hover {
    color: #f7412c;
}

.aboutUsbg {
    width: 100%;
    padding: 0px;
}

.aboutUsTitle h2 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    margin: 0px auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutUsTitle h2 img {
    max-width: 100%;
    position: relative;
    top: 80px;
}

.aboutUsText {
    background-image: url(../img/about-us/aboutbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 100vh;
    min-height: calc(100vh - 558px);
    border-top: 2px solid #f7412c;
}

.aboutUsText p {
    color: #fff;
    font-size: 1.7vw;
    font-weight: 100;
    line-height: normal;
}

.aboutUsText p b {
    font-weight: bold;
}

.aboutUsText p span {
    font-size: 2.2vw;
    font-weight: bold;
}

@media (min-width: 200px) and (max-width: 575.98px) {
    .aboutUsText p {
        font-size: 18px;
    }

    .aboutUsText p span {
        font-size: 20px;
    }

    .aboutUsTitle h2 img {
        top: 20px;
        width: 260px;
    }

    .uaChannelPlatformContent {
        margin-top: 25px;
    }

    .uaChannelPlatformImg {
        top: -35px;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .aboutUsTitle h2 img {
        top: 40px;
        width: 260px;
    }
}

@media (max-width: 991.98px) {
    .bannerLabel {
        position: relative;
        top: 0px;
        display: flex;
        align-items: center;
        width: 100%;
        background-color: #f6df15;
        padding: 10px 10px;
        color: #3c75ba;
        font-size: 18px;
        font-weight: bolder;
        line-height: normal;
        text-align: center;
        left: 0px;
        align-items: center;
        justify-content: center;
    }

    .bannerLabel a span {
        color: #3c75ba;
        font-size: 18px;
        font-weight: bolder;
        line-height: normal;
        text-align: center;
    }
}

.whyTooberCard h3 span {
    background-color: #333;
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.marketing h3:before {
    top: 40%;
}

.marketing p {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    display: inline-block;
}

.marketingContent {
    margin: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

.marketingContent :before {
    left: -15px;
    top: calc(-11% + 15px);
    height: calc(111% + 15px);
}

.marketingContent:after {
    right: -15px;
    top: calc(-11% + 15px);
    height: calc(111% + 15px);
}

.whyTooberContent h5 {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #333;
}

.marketNo {
    width: 65px;
    height: 65px;
    background-image: url(../img/marketing/circle.png);
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.marketingContent h5 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}

.marketingContent h5 .leftLine {
    display: inline-flex;
    background-color: #333;
    height: 9px;
    width: 60px;
    margin-right: 15px;
}

.marketingContent h5 .rightLine {
    display: inline-flex;
    background-color: #333;
    height: 9px;
    width: 60px;
    margin-left: 15px;
    position: relative;
}

.marketingContent h5 .rightLine:before {
    content: "";
    width: 160px;
    height: 185px;
    background-image: url(../img/marketing/2.png);
    position: absolute;
    background-repeat: no-repeat;
    background-position: right;
    left: 0px;
}

.marketingContent h5 .leftLineTwo {
    display: inline-flex;
    /* background-color: #333; */
    height: 0px;
    width: 100px;
    margin-right: 15px;
    position: relative;
}

.marketingContent h5 .leftLineTwo:before {
    content: "";
    width: 157px;
    height: 186px;
    background-image: url(../img/marketing/3.png);
    position: absolute;
    background-repeat: no-repeat;
    background-position: left;
    right: 0px;
}

.rightLineTwo {
    display: inline-flex;
    background-color: #333;
    height: 9px;
    width: 60px;
    margin-left: 15px;
}


.marketNoTwo {
    margin-left: 15px;
    margin-right: 0px;
}

.marketlite {
    font-size: 24px;
    font-weight: normal;
}


.marketingDownload {
    width: 955px;
    text-align: center;
    margin: 0px auto;
    margin-top: -2px;
}

.marketingDownload img {
    width: 955px;
}

.marketingDownload h5 {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    display: block;
}

.marketingDownloadOne h5 {
    position: absolute;
    top: 17.5px;
    left: 327px;
}

.marketingDownloadTwo h5 {
    position: absolute;
    top: 28.5px;
    left: 327px;
}

.marketingDownloadThree h5 {
    position: absolute;
    top: 35.5px;
    left: 249px;
}

.marketingDownloadThree h5 div {
    font-size: 24px;
    font-weight: normal;
    display: block;
}

.marketingDownloadFour h5 {
    position: absolute;
    top: 35.5px;
    left: 260px;
}

.marketingDownloadFour h5 div {
    font-size: 24px;
    font-weight: normal;
    display: block;
}

.marketingDownloadFive h5 {
    position: absolute;
    top: 32px;
    left: 276px;
}

.marketingContent:after {
    right: -15px;
    top: calc(-7% + 15px);
    height: calc(108% + 0px);
}

.marketingContent:before {
    left: -15px;
    top: calc(-7% + 15px);
    height: calc(108% + 0px);
}

.marketingSocialmedia ul {
    padding: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    /*    margin-bottom: 0px;*/
}

.marketingSocialmedia ul li {
    margin-right: 20px;
}

.marketingSocialmedia ul li:last-child {
    margin-right: 0px;
}

.marketingSocialmedia ul li a {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

.marketingContent a {
    color: #333;
}

.marketingContent a:hover {
    color: #f7412c;
}

@media (min-width: 1024px) and (max-width: 1200.98px) {
    .marketingContent {
        padding: 0px 15px 30px 15px !important;
    }

    .marketing .container {
        max-width: 1024px;
    }

}

@media (min-width: 991px) and (max-width: 1023.98px) {
    .marketingContent {
        padding: 0px 15px 30px 15px !important;
    }

    .marketing .container {}

    .marketingDownload img {
        width: 860px;
    }

    .marketingDownload {
        width: 860px;
    }

    .marketingDownload h5 {
        font-size: 24px;
    }

    .marketingDownloadThree h5 {
        left: 215px;
    }

    .marketingDownloadFour h5 {
        left: 225px;
    }

    .marketingDownloadTwo h5 {
        left: 310px;
    }

    .marketingDownloadOne h5 {
        left: 310px;
    }
}

@media (min-width: 768px) and (max-width: 990.98px) {
    .marketing p {
        font-size: 18px;
    }

    .marketingDownload {
        width: 700px;
    }

    .marketingDownload img {
        width: 700px;
    }

    .marketingDownload h5 {
        font-size: 22px;
    }

    .marketingDownloadOne h5 {
        position: absolute;
        top: 17.5px;
        left: 250px;
    }

    .marketingDownloadTwo h5 {
        position: absolute;
        top: 19.5px;
        left: 250px;
    }

    .marketingDownloadThree h5 {
        position: absolute;
        top: 35.5px;
        left: 170px;
    }

    .marketingDownloadThree h5 div {
        font-size: 20px;
        font-weight: normal;
        display: block;
    }

    .marketingDownloadFour h5 {
        position: absolute;
        top: 31.5px;
        left: 148px;
    }

    .marketingDownloadFive h5 {
        position: absolute;
        top: 32px;
        left: 230px;
    }
}

@media (min-width: 220px) and (max-width: 767.98px) {
    .whyTooberCard h3 span {
        font-size: 36px;
    }

    .marketingDownload {
        width: 320px;
    }

    .marketingDownload img {
        width: 320px;
    }

    .marketingContent {
        margin: 0px auto;
        width: 320px;
        position: relative;
        padding-bottom: 0px !important;
    }

    .marketingDownload h5 {
        font-size: 14px;
    }

    .marketingDownload h5 div {
        font-size: 14px;
    }

    .marketingDownloadOne h5 {
        position: absolute;
        top: 24px;
        left: 105px;
    }

    .marketingDownloadTwo h5 {
        position: absolute;
        top: 24px;
        left: 105px;
    }

    .marketingDownloadThree h5 {
        position: absolute;
        top: 17px;
        left: 97px;
    }

    .marketingDownloadFour h5 {
        position: absolute;
        top: 8px;
        left: 110px;
    }

    .marketingDownloadFive h5 {
        position: absolute;
        top: 22px;
        left: 120px;
    }

    .marketingSocialmedia ul {
        flex-direction: column;
        margin-bottom: 0px;
        display: block;
    }

    .marketingSocialmedia ul li {
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .marketingSocialmedia ul li a {
        font-size: 14px;
    }

    .marketingSocialmedia ul li a img {
        width: 20px;
    }
}

.listings-channel-row img {
    width: 3vw;
    height: 3vw;
}

.listings-channel:hover .channelFavicon {
    display: flex !important;
    cursor: pointer;
    padding: 0px;
    line-height: normal;
}

.listings-channel:hover {
    cursor: pointer;
}

button.channelFavicon {
    position: absolute;
    top: 0.1vw;
    right: 0.1vw;
    background-color: transparent;
    border: 0px;
    outline: 0px;
    display: none;
    line-height: 1;
    padding: 0px;
}

button.channelFavicon img {
    width: 1vw;
    height: 1vw;
    position: relative;
    top: 0px;
}

/* button.channelFavicon:hover {
    display: block !important;
} */

/* Filter Modal */
#filterModal {
    padding-right: 0px;
}

#filterModal .modal-content {
    background-color: #302f2f;
}

.filter-modal-header {
    padding: 1vw 1vw;
}

#filterModal .modal-body {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#filterModal .modal-footer {
    border-top: 0px;
    justify-content: center;
    padding-bottom: 1.5vw;
}

#filterModal .modal-footer button.resetBtn {
    background-color: #302f2f;
    border: 0.1vw solid #fff;
    border-radius: 0.5vw;
    font-size: 1.2vw;
    padding: 0.5vw 1.5vw;
    line-height: normal;
}

#filterModal .modal-footer button.applyBtn {
    background-color: #f7412c;
    border: 0.1vw solid #f7412c;
    margin-left: 1vw;
    border-radius: 0.5vw;
    font-size: 1.2vw;
    padding: 0.5vw 1.5vw;
    line-height: normal;
}

/* #filterModal .modal-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
} */
.filter-modal-header .row .col-6 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.filter-modal-header .row .col-6:first-of-type {
    border-right: 0.1vw solid #707070;
}

.filter-modal-header .row {
    border-bottom: 0.1vw solid #707070;
    padding-bottom: 1vw;
}

.filter-modal-header a {
    font-size: 1.2vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    line-height: 2.4;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.filter-modal-header a:hover {
    color: #f7412c;
}

.filter-modal-header a.active {
    color: #f7412c;
    border-bottom: 0.1vw solid #f7412c;
}

.filterClose {
    width: 1.5vw;
    height: 1.5vw;
    display: inline-flex;
    font-size: 1.5vw;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    color: #787878;
    background-color: #fff !important;
    text-shadow: none;
    border-radius: 40px;
}

.filterClose i {
    font-size: 1vw;
    color: #787878;
    width: 1.5vw;
    line-height: 1.5vw;
}

.filterClose:hover {
    background-color: #f7412c !important;
    color: #fff;
}

.filterClose:hover>i {
    color: #fff;
}

/* Category Sort */
.sort-item-list {
    display: inline-flex;
    align-items: center;
    width: 32%;
    border-radius: 5px;
    background-color: #3b3b3b;
    /* min-height: 45px; */
    justify-content: flex-start;
    font-size: 1.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.64px;
    text-align: left;
    color: #a8a8a8;
    margin-right: 2%;
    margin-bottom: 2%;
    /* background-image: url('../img/icons/check-black.png'); */
    background-repeat: no-repeat;
    background-position: 90%;
    background-size: 20px;
    padding: 2.4% 3%;
    border: 2px solid #f7412c00;
    cursor: pointer;
}

.sort-item-list:hover {
    background-color: #f7412c66;
    color: #fff;
    /* background-image: url('../img/icons/check-white.png'); */
    border: 0.1vw solid #f7412c;
    outline: none;
}

.sort-item-list-selected {
    color: #f7412c !important;
    background-image: url("../img/check-green.png") !important;
    background-size: 1.2vw;
}

.categories,
.languages {
    width: 94%;
}

.languageItem {
    /* display: none; */
}

.arrowRightLanguage {
    width: 2vw;
    font-size: 1.5vw;
    position: absolute;
    top: 47%;
    right: -1.75vw;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.arrowLeftLanguage {
    width: 2vw;
    font-size: 22px;
    position: absolute;
    top: 47%;
    left: 16px;
    transform: translate(-50%, -50%);
    display: none;
    cursor: pointer;
    font-size: 1.5vw;
    position: absolute;
    top: 47%;
    left: 1.2vw;
}

.arrowRightLanguage:hover,
.arrowLeftLanguage:hover {
    color: #f7412c;
}

.sort-item-list:nth-child(3n) {
    margin-right: 0;
}

audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
    display: none;
}

.video-js .vjs-progress-control:hover .vjs-play-progress:after {
    display: none;
}

video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display {
    display: none;
}

video::-webkit-media-controls label[pseudo="-internal-media-controls-overflow-menu-list-item" i].animated-1,
.animated-1 {
    display: none;
}

.vjs-texttrack-settings {
    display: none !important;
}

.vjs-subs-caps-button {
    display: none !important;
}

.liveIcon {
    position: absolute;
    bottom: 22px;
    /* left: 135px; */
    /* left: 20px; */
    left: 20px;
    width: 50px;
    transition: 0.3s all;
}

a.nav-link.active {
    color: #f7412c;
}

.noFavourites {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: -1;
}

.noResultsFound {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-direction: column;
    top: 0;
}

/* .noFavouritesChannelGuide {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
} */

.noFavImg {
    width: 260px;
}

.channelLogoGuide {
    width: 100%;
    /* height: calc(100% - 45px); */
    padding: 0;
    /* position: absolute; */
    /* top: 36px; */
    /* left: 0px; */
    visibility: visible;
    height: 100%;
    margin-top: 36px;
    display: none;
}

/* .channelsRowContainer {
    max-height: 435px;
    margin: 0;
    white-space: nowrap;
    overflow-y: auto;
    margin-right: 12px;
} */
.channelsRowContainer {
    /* max-height: 388px; */
    height: 100%;
    /* padding-right: 12px; */
    margin: 0;
    white-space: nowrap;
    overflow-y: auto;
    margin-right: 12px;
    padding-bottom: =;
}

.channelImg {
    width: 100%;
    /* height: 100px; */
}

.logoGuide-Channel {
    padding: 14px;
    border-radius: 10px;
    background-color: #252525;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    border: 1px solid transparent;
    /* height: 100%; */
}

.logoGuide-Channel.active {
    border: 1px solid #b4b4b4;
}

.logoGuide-Channel:hover {
    background-color: #8c83837a;
    border: 1px solid #b4b4b4;
}

.focusChannelGuide .logoGuide-Channel {
    background-color: #8c83837a;
    border: 1px solid #b4b4b4;
}

.logoGuide-ChannelLogo {
    width: 100%;
    /* height: 100px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.logoGuide-ChannelFav {
    position: absolute;
    top: 5px;
    right: 20px;
    display: none;
}

.logoGuide-Channel:hover+.logoGuide-ChannelFav {
    display: block !important;
    cursor: pointer;
}

.logoGuide-ChannelFav:hover {
    display: block !important;
    cursor: pointer;
}

/* .logoGuide-ChannelFav {
    position: absolute;
    top: 2px;
    right: 5px;
    display: none;
}

.logoGuide-Channel:hover .logoGuide-ChannelFav {
    display: block !important;
} */



.channelFavImg {
    width: 2.5vw;
    height: 2.5vw;
}

.loadingContainer {
    width: 97%;
    display: flex;
    height: 100%;
    align-items: baseline;
    justify-content: center;
    position: absolute;
    top: 5vw;
}

.epgLoader {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* margin-top: 130px !important; */
}

.loadingBarChannelGuide {
    margin-top: 0px !important;
}

.loadingBar .spinnerLoad {
    margin: auto;
    width: 135px;
    height: 45px;
    text-align: center;
    font-size: 30px;
}

.loadingBar .spinnerLoad>div {
    background-color: #e42424;
    height: 100%;
    width: 10px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.loadingBar .spinnerLoad .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.loadingBar .spinnerLoad .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.loadingBar .spinnerLoad .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.loadingBar .spinnerLoad .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.loadingBar .spinnerLoad .rect6 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.spinnerLoad>div:last-of-type {
    margin-right: 0px;
}

.vjs-default-skin.vjs-paused .vjs-big-play-button {
    display: none;
}

.video-js .vjs-live-control {
    align-items: center !important;
}

.vjs-live-control .vjs-live-display {
    color: #f7412c;
    font-weight: bold;
    background-color: #fff;
    border-radius: 2px;
    padding: 5px 10px;
    line-height: normal;
    /* margin-top: 6px; */
}

.vjs-error-display {
    display: none;
}

.video-js .vjs-tech {
    /* object-fit: fill; */
}


/* WebTv Profile */
.profileScreen {
    min-height: calc(100vh - 230px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img//live-tv/profile_page/Background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    position: relative;
}

.profileList h4,
.profile-content h4 {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0rem 1rem 1rem 1rem;
    font-size: 1.5vw;
}

.profileList ul {
    display: inline-flex;
    padding-left: 0px;
    list-style-type: none;
    /* margin: 30px auto; */
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.profileList ul li {
    text-align: center;
    /* display: inline-block; */
    margin: 2vw 1vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* margin-right: 8%; */
}

.profile {
    /* background-color: #404040; */
    /* opacity: 0.5; */
    width: 12vw;
    height: 12vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    outline: none;
    border-radius: 100%;
    cursor: pointer;
    border: 5px solid transparent;
    position: relative;
    /* margin-right: auto; */
    /* margin-left: auto; */
}

.profile:not(.profileAdd):hover {
    border-color: #f7412c;
    /* border-color: #f7412c;
    background-color: #fff;
    transition: all 0.3s ease-in;
    transform: scale3d(1.05, 1.05, 1) translate3d(0, 0, 0) perspective(500px);
    box-shadow: 0 0 20px 0 #f7412c;
    -webkit-box-shadow: 0 0 20px 0 #f7412c;
    -webkit-appearance: none; */
}

.profileAdd:hover {
    transition: all 0.5s ease-in;
    transform: scale3d(1.05, 1.05, 1) translate3d(0, 0, 0) perspective(500px);
}

.profile:not(.profileAdd):hover+h3 {
    color: #f7412c;
}

.profileList ul li h3 {
    font-size: 2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin: 20px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 160px;
    white-space: nowrap;
}

.profileEdit {
    /* color: #fff;
    width: 10vw;
    height: 10vw;
    border-radius: 100%;
    display: none;
    outline: none;
    margin: 0px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    position: absolute;
    top: 0;
    background-color: rgb(0 0 0 / 30%);
    align-items: center;
    justify-content: center;
    flex-direction: column; */
}

.displayFlexForEdit {
    display: flex;
    cursor: pointer;
}

.profileEdit span:last-child {
    /* font-size: 1.8vw; */
}

.profileEditLogo {
    background-image: url(img/live-tv/profile_page/Edit.png);
    background-size: 63%;
    background-position: center center;
    width: 3vw;
    height: 3vw;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
}

.profileAction {
    /* width: 70%; */
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.addNewProfile+.profileAction {
    display: inline-flex !important;
    opacity: 0 !important;
}

.profileAction .editBtn,
.profileAction .delBtn {
    height: 40px;
    width: 40px;
    /* background-color: #404040; */
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.profileAction .editBtn:hover,
.profileAction .delBtn:hover {
    background-color: #f7412c;
}

.profileAction div img {
    width: 16px;
}

.profileAction div p {
    margin-top: 10px;
    margin-bottom: 0px;
}

.profileAction.opacity-0 {
    opacity: 0;
}

.editBtnCol,
.delBtnCol {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.editBtnCol {
    margin-right: 10px;
}

.profileEditState::before {
    content: "";
    height: 10vw;
    width: 10vw;
    border-radius: 100%;
    /* background: rgb(0 0 0 / 60%); */
    position: absolute;
    left: -5px;
    top: -5px;
}

.profileAdd {
    background-size: 50%;
    background-color: #404040;
}

.profileWatchingHeader {
    text-align: center;
    padding: 3rem 1rem 0.5rem 1rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    font-size: 3vw;
}

.manageProfile {
    padding: 1vw 2vw;
    border-radius: 75px;
    background-color: #404040;
    display: inline-flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.6vw;
}

.doneProfileEdit {
    /* min-width: 150px; */
    width: 132px;
    height: 51px;
    border-radius: 75px;
    border: solid 2px #fff;
    background-color: transparent;
    display: inline-flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.6vw;
}

.manageProfile:hover,
.doneProfileEdit:hover {
    background-color: rgb(247 65 44);
    border-color: rgb(247 65 44);
}


.manageProfileBtn {
    padding: 0rem 0rem 4rem 0rem;
}

.manageProfile:hover {
    background-color: rgb(247 65 44);
}

img.manageProfileIcon {
    width: 1.6vw;
    /*    height: 1.6vw;*/
    margin-right: 10px;
}

.manageProfile.active {}

/* WebTV Edit Profile */
h3.profileHeading {
    padding: 3rem 1rem 0.5rem 1rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    font-size: 3vw;
}

.profile-content-item {
    margin: 0px 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.addEditProfileSection h4 {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0rem 1rem 0rem 1rem;
    font-size: 1.5vw;
}

.profile-content-form form {
    display: inline-block;
    /* border: solid 1px #fff; */
    border-radius: 5px;
    padding: 16px;
}

.profile-content-form {
    padding: 5px 20px;
    display: inline-block;
    width: 75%;
    /* flex: 1; */
}

.profile-content-form h6 {
    font-size: 1.3vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 1rem;
}

.input-field {
    /* border-radius: 32px; */
    background-color: #404040;
    outline: none;
    border: 1px solid transparent;
    height: 40px;
    color: #fff;
    width: 113%;
    border-radius: 115px;
    padding-left: 40px;
    padding-right: 16px;
}

.input-field:focus {
    border: 1px solid #f7412c !important;
}

.input-field::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.input-field:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.input-field::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.editProfileInputDiv {
    border-radius: 32px;
    background-color: #666;
    color: #fff;
    width: 100%;
    max-width: 400px;
    display: flex;
    align-items: center;
    position: relative;
}

.editProfileInputDiv img {
    width: 26px;
    height: 26px;
    position: absolute;
    left: 8px;
    top: 6px;
}

.editProfileGender button {
    border-radius: 32px;
    padding: 5px 32px;
    background-color: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
    outline: none;
    border: solid 1px #b3b3b3;
    background-color: #404040;
    color: #fff;
}

.editProfileGender button.active {
    border: solid 1px #fff;
    background-color: #fff;
    color: #f7412c;
}

.editProfileGender button:hover {
    border: solid 1px #f7412c;
}

.televisionRatinglist {
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
}

.televisionRatinglist div {
    display: inline-block;
    padding-left: 57px;
    position: relative;
    outline: none;
    /* overflow: hidden; */
}

.televisionRatinglist div:first-child {
    padding-left: 0px;
}

.televisionRatinglist div.active:before {
    content: "";
    position: absolute;
    left: -1px;
    width: 59px;
    height: 5px;
    background-color: #f7412c;
    top: 13px;
    z-index: 2;
}

.televisionRatinglist div.active:first-child:before {
    position: absolute;
    right: 0px;
    width: 0px;
    height: 0px;
    background-color: #f7412c;
    top: 17px;
    left: 0px;
}

.televisionRatinglist div.active:last-child:before {
    left: -11px;
    width: 70px;
}

.televisionRatinglist div span {
    width: 28px;
    height: 28px;
    border: solid 2px rgba(247, 65, 44, 0.5);
    display: block;
    border-radius: 100%;
    background-color: transparent;
    cursor: pointer;
}

.televisionRatinglist div.active span {
    background-color: #f7412c;
    border-color: #f7412c;
    overflow: hidden;
    z-index: 10;
}

.televisionRatinglist div h6 {
    margin: 10px auto;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: center;
    color: #ffffff;
}

.profileImage {
    width: 12vw;
    height: 12vw;
    /* background-color: rgb(255 255 255 / 80%); */
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    border-radius: 400px;
}

.profile-content-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 1rem;
    /* margin-right: -159px; */
    /* flex: 1; */
    width: 25%;
}

.deleteProfile {
    border-radius: 32px;
    border: solid 2px #B3B3B2;
    padding: 6px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
}

.deleteProfile:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #f7412c;
}

.deleteProfile:hover span {
    color: #f7412c;
}

.deleteProfile img {
    width: 16px;
    height: 18px;
    margin-right: 6px;
}

.deleteProfile span {
    color: #fff;
    /* line-height: normal; */
}

a#saveProfileButton {
    width: 160px;
    border-radius: 32px;
    color: #000;
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    padding: 6px;
    text-align: center;
    margin-right: 32px;
}

a#saveProfileButton:hover {
    color: #f7412c;
}

.sumbitProfile {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}

.sumbitProfile a {
    font-size: 18px;
}

a#cancelProfileButton {
    width: 160px;
    border-radius: 32px;
    color: #fff;
    padding: 6px;
    border: solid 2px #b3b3b3;
    margin-right: 16px;
    text-align: center;
}

a#cancelProfileButton:hover {
    background-color: #fff;
    border-color: #fff;
    color: #F7412C;
}

/* Delete Profile Modal */
#deleteProfileModal .modal-content {
    border-radius: 5px;
    background-color: #404040;
    color: #fff;
}

h5#deleteModalTitle {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    flex: 1;
}

#deleteProfileModal .btn-close {
    /* position: relative; */
    margin: 0;
    /* margin-left: auto; */
    /* margin-right: 10px; */
    position: absolute;
    right: 10px;
    color: #fff;
    /* background: #fff; */
}

button.btn.btn-secondary.keepProfile {
    width: 160px;
    border-radius: 32px;
    background-color: #f7412c;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-transform: inherit;
    font-size: 16px;
    border: 2px solid #f7412c;
    margin: 0px 0px 1rem 0px;
}

button.btn.btn-primary.deleteSelectedProfile {
    width: 160px;
    border-radius: 32px;
    background-color: #404040;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-transform: inherit;
    font-size: 16px;
    border: 2px solid #fff;
    margin: 0px 0px 1rem 0px;
}

button.btn.btn-primary.deleteSelectedProfile:hover {
    background-color: #fff;
    border-color: #fff;
    color: #F7412C;
}

.profileImg {
    background-image: url("../img/live-tv/profileIcons/M2.png?v=1.1");
    width: 100px;
    height: 100px;
    /* background-color: rgb(255 255 255 / 80%); */
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 87px;
    margin-bottom: 10px;
}

#deleteProfileModal .modal-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#deleteProfileModal .modal-footer {
    padding: 1rem;
    justify-content: space-between;
    border: 0px;
}

.imgWithName {
    padding: 10px;
    width: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.deleteWarningText {
    padding: 10px;
    text-align: center;
}

.deleteText {
    border-bottom: 1px dashed #fff;
    padding-bottom: 20px;
}

img.deleteProfileModalClose {
    width: 18px;
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}

.profileLoadinBar {
    margin-bottom: 3.5rem;
}

/* WebTV Profile Loading */
.profileLoadingbody {
    background-image: url(../img//live-tv/profile_page/Background.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.profileLoading {
    padding: 2rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh);
    min-height: 500px;
    background-image: linear-gradient(to bottom, #f7412c -81%, rgba(0, 0, 0, 0.43) 83%);
}

.profile-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.profileImage {
    /* background-color: #fff; */
}

.profileName {
    font-size: 1.5vw;
    color: #fff;
    margin: 20px auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    position: relative;
    max-width: 320px;
    min-height: 31.9px;
}

.loadingBar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 12px;
}

.loadingBar p {
    font-size: 1.5vw;
    color: #fff;
    margin: 0px auto;
    text-align: center;
}

.loadingBar .spinnerLoad {
    margin: 0px auto 20px auto;
    width: 20vw;
    height: 3vw;
    text-align: center;
    font-size: 30px;
}

.loadingBar .spinnerLoad>div {
    background-color: #e42424;
    height: 100%;
    width: 1vw;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.loadingBar .spinnerLoad .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.loadingBar .spinnerLoad .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.loadingBar .spinnerLoad .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.loadingBar .spinnerLoad .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.loadingBar .spinnerLoad .rect6 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.spinnerLoad>div:last-of-type {
    margin-right: 0px;
}

/* Update loader */
.updateLoader {
    position: absolute;
    background-color: #000000d1;
    height: 100%;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 10;
}

.updateLoadercontent {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* margin-top: -170px; */
}

.loadingTextOnScreen {
    color: #fff;
    font-size: 20px;
}

.storeUpdate {
    background-color: transparent;
    background-position: center;
    background-size: contain;
    width: 150px !important;
    height: 80px !important;
    position: relative;
    background-repeat: no-repeat;
    margin: 15px auto;
}

.sectionBlur {
    filter: blur(100px);
}

.alertFullview {
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    z-index: 9999;
    left: 0px;
    right: 0px;
    display: none;
}

.alertContent {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    flex-direction: column;
    margin: 0px auto;
    text-align: center;
    padding: 0px 10px;
}

.alertContent h5 {
    margin: 0px auto 40px auto;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    /* font-family: 'avenirheavy'; */
    letter-spacing: 1px;
}

.alertOk {
    background-color: #d1d8d1;
    margin: 0px auto 20px auto;
    clear: both;
    width: 120px;
    height: 42px;
    color: #000;
    font-size: 20px;
    outline: 0px;
    border: 0px;
    border-radius: 10px;
    display: block;
    font-weight: bold;
    /* font-family: 'avenirheavy'; */
}

.alertOk:hover {
    background-color: #f7412c;
    color: #fff;
}

.profileLogo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 0px;
}

.selectedProfileImgBox {
    width: 2vw;
    height: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #fff; */
    border-radius: 40px;
}

.selectedProfileImg {
    width: 1.5vw;
}

.selectedProfileName {
    font-size: 1.2vw;
    margin-right: 0.3vw;
    margin-left: 6px;
    color: #f7412c;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

a.profileLogo:hover>span.selectedProfileName {
    color: #f7412c;
}

.profileMenuArrow {
    line-height: normal;
    color: #fff;
    font-size: 0.8vw;
    transition: 0.2s all;
}

.profileMenuArrow.active {
    transform: rotate(180deg);
}

.vjs-loading-spinner {
    border: none !important;
}

.video-js.vjs-paused:not(.vjs-has-started) .vjs-loading-spinner {
    display: block;
    visibility: visible;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    border: none !important;
    animation: none !important;
    margin: -1px !important;
}

.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    animation: none !important;
    border: none !important;
}

.vjs-loading-spinner:before {
    /* border-top-color: white; */
    background: url(../img/live-tv/videoLoader.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    animation: none;
    border: none;
}

.video-js .vjs-progress-control {
    visibility: hidden !important;
}

.video-js .vjs-time-control,
.vjs-playback-rate,
.vjs-chapters-button,
.vjs-descriptions-button {
    display: none !important;
}

.deleteProfileButton {
    margin-left: 16px;
    width: 160px;
}


.timeLineIndicator {
    height: 100%;
    position: absolute;
    left: 12%;
}

.channelLogoGuideMt {
    margin-top: 50px !important;
}

.numOfCatgs,
.numOfLangs {
    font-size: 1vw;
    font-weight: bold;
    color: #fff;
    margin-left: 0.5vw;
}

.pe-none {
    pointer-events: none;
}

.mbVideoDesc .card {
    background-color: #141414;
}

.mbVideoDesc .card-header {
    padding: 6px 10px;
    transition: all 2s ease-in-out;
    animation: fadeIn 0.5s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.mbVideoDesc .programTitle {
    font-size: 18px;
    margin-bottom: 0px;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.accicon {
    margin-bottom: 0px;
}

.accicon img {
    width: 13px;
    margin-top: 4px;
    margin-bottom: 0px;
    transform: rotate(180deg);
}

.mbVideoDesc .card-header:not(.collapsed) .rotate-icon {
    transform: rotate(0deg);
}

.mbVideoDesc .timeBox {
    display: flex;
    align-items: center;
}

.mbVideoDesc .timeBox img {
    width: 16px;
}

.mbVideoDesc .timeBox span {
    font-size: 14px;
    margin-left: 8px;
}

.mbVideoDesc .card hr {
    height: 2px;
    background-color: #666666;
    margin: 0px;
}

.mbVideoDesc .card .card-body {
    padding: 12px 10px;
    padding-top: 0px;
}

.mbVideoDesc .card .programDetails {
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
}

.mbVideoDesc .card .programDetails .channelDetails img {
    width: 40px;
    height: 40px;
}

.mbVideoDesc .card .programDetails .channelDetails h3.channelName {
    font-size: 18px;
    margin-left: 8px;
}

.mbVideoDesc .card .programDetails .favBox img {
    width: 30px;
}

.tooltip-inner {
    font-size: 1.2vw;
}

.video-js .vjs-play-control {
    display: block !important;
}

.mobileMenu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
    background-image: linear-gradient(to bottom, #da243d -82%, rgba(11, 2, 3, 0.46) 100%, rgba(20, 20, 20, 0) 84%);
}

.mobileMenuIcon {
    font-size: 18px;
    line-height: normal;
    cursor: pointer;
}

.mobileMenuIcon img:last-child {
    display: none;
}

.textToggleColor {
    color: #f7412c;
}

.mobileMenuIcon.active {
    color: rgb(247 65 44 / 75%);
}

.mobileMenuBar {
    display: inline-flex;
    align-items: center;
}

.mobileMenuBar span {
    line-height: normal;
}

.mobileMenus {
    max-width: 250px;
    min-width: 190px;
    box-shadow: 0 6px 12px 0 #000;
    border: solid 1px #707070;
    padding-left: 0px;
    background-color: #252525;
    position: absolute;
    right: 10px;
    z-index: 130;
    top: 46px;
    display: none;
    transition: 0.3s all;
}

.mobileMenus li {
    list-style: none;
    font-size: 17px;
    line-height: normal;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 12px 10px 12px;
}

.mobileMenus li:first-child {
    padding-top: 12px;
}

.mobileMenus hr {
    height: 2px;
    background-color: #707070;
    margin: 0px;
}

.mobileFavIcon {
    width: 20px;
}

.mobileFilterIcon {
    width: 17px;
}

.guideTitle {
    font-size: 14px !important;
    justify-content: center !important;
    margin-top: 10px !important;
}

.mobileMenus li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.mobileMenus li a:hover {
    color: rgb(247 65 44 / 75%);
}

.mobileMenus li a.active {
    color: rgb(247 65 44 / 75%);
}

.mobileGuideNavBar li:first-child {
    padding-top: 0px;
}

.filteredResults span {
    font-size: 14px;
    color: #ccc;
}

.mobileMenu>span {
    font-size: 17px;
}

.myaccount-dropdown {
    padding: 8px 0px;
}

.tooltip-inner {
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
    z-index: 1;
}

/* Mobile Header */
#navbarSupportedContent {
    flex: auto;
}

/* Side Menu */
.sideMenu {
    position: fixed;
    width: 0%;
    height: calc(100% - 56.59px);
    top: 56.59px;
    right: 0px;
    z-index: 790;
    overflow-x: hidden;
    background-color: rgb(0 0 0 / 60%);
    text-align: right;
}

.sideMenuWrapper {
    width: 0px;
    height: 100%;
    background-color: #1a1a1a;
    padding-bottom: 35px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    overflow-y: auto;
    transition: 0.1s ease-in-out;
}

.sideMenuFullWidth {
    width: 240px;
}

.sideMenuProfiles {
    width: 100%;
    position: relative;
}

.sideMenu .m-profiles {
    padding: 0px;
}

.sideMenu .m-profiles .menuProfile {
    padding: 10px 16px 10px 16px;
}

.sideMenu .m-profiles .menuProfile:first-child {
    margin-top: 10px;
}

.sideMenuProfiles hr {
    height: 1px;
    border-top: 2px dashed #b3b3b3;
    ;
    background: transparent;
}

.sideMenu .sideMenuProfiles .menuManageProfile {
    border-top: 0px;
    padding: 10px 16px;
    padding-bottom: 0px;
    color: #fff;
    text-align: left;
    display: none;
}

.sideMenuDivider {
    display: none;
}

.menuManageProfile:hover {
    color: #f7412c !important;
}

.sideMenu .sideMenuProfiles .menuManageProfile span img {
    margin-right: 12px;
    width: 16px;
}

.menuHome,
.menuChannels,
.menuMyAcc {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    cursor: pointer;
    color: #fff;
}

.menuHome {
    padding-top: 20px;
}

.menuHome span img,
.menuChannels span img,
.menuMyAcc span img {
    margin-right: 16px;
}

.menuHome span,
.menuChannels span,
.menuMyAcc span {
    line-height: normal;
}

.menuHome span:last-child,
.menuChannels span:last-child,
.menuMyAcc span:last-child {
    /* padding-top: 4px; */
    top: 2px;
    position: relative;
}

.menuHome:hover,
.menuChannels:hover,
.menuMyAcc:hover {
    background-color: rgb(255 255 255 / 20%);
    color: #f7412c;
}

.sideMenuSignout {
    text-align: center;
    bottom: 85px;
    width: 100%;
}

.sideMenuSignout a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: solid 1px #fff;
    width: 160px;
    height: 48px;
    border-radius: 24px;
    margin-top: 18px;
}

.sideMenuSignout a:hover {
    background-color: #f7412c;
    border: solid 1px #f7412c;
}

.sideMenuSignout a span {
    line-height: normal;
}

.sideMenuSignout a img {
    margin-left: 8px;
}

.menuRedIcon {
    display: none;
}

.menuClose {
    width: 18px;
    display: none;
}

.activeSideMenu {
    color: #f7412c;
}

.activeSideMenu .menuWhiteIcon {
    display: none;
}

.activeSideMenu .menuRedIcon {
    display: block;
}

.z-index-minus-one {
    z-index: -1;
}

.menuManageProfile img,
.menuMyAcc img {
    width: 0.9vw;
    margin-right: 16px;
}

/* Grid TimeBar New Css */
.gridDate {
    width: 4vw !important;
    background: #302f2f;
    border-radius: 5px 0px 0px 5px;
    padding: 0px;
    border: 0px;
    text-align: center;
}

.timbar-times {
    width: calc(100% - 4vw);
    position: relative;
}

.timeZero {
    padding-left: 38px !important;
}

/* Video fullscreen info */
.fullScreenVideo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 10;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fs-info-wrapper {
    position: absolute;
    width: 100%;
    bottom: 3.5vw;
}

.fullScreenInfo {
    width: 80%;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.659);
    border-radius: 60px;
    padding: 0px 30px;
}

.fs-channelLogo {
    width: 120px;
    height: 120px;
    /* background-color: #fff; */
    border-radius: 100%;
    position: relative;
    top: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 15px;
}

.fs-channelLogo img {
    border-radius: 100%;
    width: 100%;
}

.fs-channel,
.fs-programInfo {
    width: calc(50% - 60px);
}

.fs-channelName {
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fs-currentTime {
    text-align: right;
}

.fs-programName {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fs-programTime {
    text-align: left;
}

.vjs-control-bar {
    z-index: 20;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .fs-info-wrapper {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 3s, opacity 3s;
}

.vjs-has-started .fs-info-wrapper {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s;
}

.channelLengthInfo {
    position: absolute;
    font-size: 18px;
    top: 5px;
    margin: 0px;
    color: rgb(179, 179, 179);
}

.filteredResults {
    position: inherit !important;
    font-size: 15px !important;
    top: 0px;
}

.gridMove {
    visibility: hidden !important;
}

/* Theatre mode css */
.inTheatreMode .fullScreenInfo {
    height: 90px;
    padding: 0px 20px;
}

.inTheatreMode .fs-channelLogo {
    width: 105px;
    height: 105px;
}

/* Live Tv Media Css */

@media(max-width: 575.98px) {
    #deleteProfileModal .modal-body {
        padding: 10px;
    }

    .imgWithName {
        padding: 0px;
    }

    .deleteText {
        padding-bottom: 0px;
        border: none;
    }

    .mobileTextDel {
        border-top: 1px dashed #fff;
        margin: 0px 20px;
        padding: 15px 0px;
        text-align: center;
    }

    #deleteProfileModal .modal-footer {
        flex-direction: column;
        padding-top: 0px;
    }

    .profileName {
        font-size: 22px;
    }

    .loadingBar p {
        font-size: 20px;
    }

    .loadingBar .spinnerLoad>div {
        width: 8px;
    }

    .videoDesc {
        padding: 22px 12px !important;
    }

    .sort-item-list {
        width: 47.9%;
    }

    .sort-item-list:nth-child(2n) {
        margin-right: 0;
    }

    .sort-item-list:nth-child(odd) {
        margin-right: 3%;
    }

    .filter-modal-header .row {
        padding-top: 15px;
    }

    .profileWatchingHeader {
        font-size: 20px;
    }

    .profileList h4,
    .profile-content h4 {
        font-size: 16px;
    }

    .profile,
    .profileEditState::before {
        width: 75px;
        height: 75px;
    }

    .profileList ul li h3 {
        font-size: 20px;
        margin: 10px auto;
    }

    .profileList ul li {
        margin: 0px;
    }

    .manageProfile {
        font-size: 13px;
        padding: 6px 15px;
    }

    img.manageProfileIcon {
        width: 18px;
        /*        height: 18px;*/
    }

    .loadingBar .spinnerLoad {
        width: 120px;
        height: 30px;
        margin-bottom: 20px !important;
    }

    .televisionRatinglist {
        display: flex;
        align-items: center;
        justify-content: start;
        position: relative;
    }

    .televisionRatinglist div {
        display: inline-block;
        padding-left: 15px;
        position: relative;
        outline: none;
        /* overflow: hidden; */
    }

    .televisionRatinglist div:first-child {
        padding-left: 0px;
    }

    .televisionRatinglist div.active:before {
        content: "";
        position: absolute;
        left: -1px;
        width: 16px;
        height: 2px;
        background-color: #f7412c;
        top: 11px;
        z-index: 2;
    }

    .televisionRatinglist div.active:first-child:before {
        position: absolute;
        right: 0px;
        width: 0px;
        height: 0px;
        background-color: #f7412c;
        top: 17px;
        left: 0px;
    }

    .televisionRatinglist div.active:last-child:before {
        left: -6px;
        width: 22px;
    }

    .televisionRatinglist div span {
        width: 25px;
        height: 25px;
        border: solid 2px rgba(247, 65, 44, 0.5);
        display: block;
        border-radius: 100%;
        background-color: transparent;
        cursor: pointer;
    }

    .televisionRatinglist div.active span {
        border-color: #f7412c;
        overflow: hidden;
        z-index: 10;
    }

    .televisionRatinglist div h6 {
        margin: 10px auto;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.6px;
        text-align: center;
        color: #ffffff;
    }

    .mobileDeleteButtonContainer {
        width: 100%;
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logoGuide-Channel {
        padding: 16px;
    }

    .logoGuide-ChannelLogo {
        width: 60px;
        height: 60px;
    }

    .channelImg {
        width: 65px;
    }

    .logoGuide-ChannelFav {
        right: 12px;
    }

    .channelFavImg {
        width: 20px !important;
        height: 20px !important;
    }

    .channelsRowContainer {
        padding: 0px 4px;
    }

    .logoGuide {
        padding: 0px;
    }

    .logoGuide:nth-child(odd) {
        padding: 0px 6px;
    }

    .logoGuide:nth-child(even) {
        padding: 0px 6px;
    }

    h3.profileHeading {
        padding-top: 2rem !important;
        font-size: 20px;
    }

    .profile-content-form h6 {
        font-size: 16px !important;
    }


    /* Customised Css For Mobile Responsive */
    .navbar-nav {
        /* flex-direction: column !important; */
        align-items: flex-start !important;
    }

    .btn-myaccount {
        /* margin-top: 10px; */
    }
}

@media(max-width: 479px) {
    /* .addProfileAction {
        display: none;
    } */
}

@media (min-width: 480px) and (max-width: 640px) {
    /* .addProfileAction {
        display: none;
    } */
}

@media (max-width: 767.98px) {
    .liveVideoSection {
        padding: 0px;
    }

    .liveVideoSectionRow {
        flex-direction: column-reverse;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .videoDesc {
        padding: 1rem 2rem;
    }

    .channelTitleLogo {
        width: 60px;
        height: 60px;
    }

    .channelName {
        font-size: 22px;
    }

    .timeDuration .timeIcon {
        width: 20px;
        height: 20px;
    }

    .timeDuration .favIcon {
        width: 26px;
        height: 26px;
    }

    .timeDuration {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .timeBox {
        margin-right: 10px;
    }

    .favBox {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    /* @keyframes marquee { 
        0% {
            transform: translate(0, 0);
        }

        100% {
            transform: translate(-100%, 0);
        }
    } */
    .profileWatchingHeader {
        padding-top: 1.8rem;
    }

    .manageProfileBtn {
        padding-top: 0rem;
        padding-bottom: 2rem;
    }

    .profile-content-item {
        flex-direction: column-reverse;
    }

    .profile-content-form,
    .profile-content-image {
        width: 100% !important;
    }

    .profile-content-form {
        padding: 0px;
    }

    .profile-content-form form {
        border: none;
        padding: 0px;
        width: 100%;
    }

    .sumbitProfile {
        /* flex-direction: column-reverse; */
        flex-wrap: wrap;
    }

    .sumbitProfile a {
        padding: 4px 30px !important;
    }

    a#cancelProfileButton {
        margin: 0px 10px;
        width: 130px;
    }

    a#saveProfileButton {
        /* margin-bottom: 16px; */
        margin: 0px 10px;
        width: 130px;
    }

    /* Guide Page */
    .toolbar-nav {
        /* padding: 10px; */
    }

    .gridContent {
        padding: 0px;
    }

    /* .epg-container {
        padding-top: 20px;
    } */

    .channelLogoGuide {
        /* visibility: visible; */
        overflow: scroll;
        top: 10px;
    }

    .channel-navbar ul li {
        margin-left: 1rem;
    }

    .desktopTimeBar {
        display: none !important;
    }

    .guide-navbar {
        margin-left: 2rem;
    }

    .channelFavImg {
        width: 25px;
        height: 25px;
    }

    .deleteProfileButton {}

    .deleteProfileBtnMobile {}

    .epg-container ul.listings-grid .listings-channel {
        position: sticky;
        left: 0;
        top: 0;
        z-index: 30;
    }

    .epg-container ul.listings-grid .listings-channel:hover {
        background-color: #302f2f !important;
        border-left: 3px solid transparent;
    }

    .epg-container ul.listings-grid .listings-channel-row.active .listings-channel {
        border-left: 3px solid #f7412c;
    }

    /* Live EPG Screen */
    .epg-container ul.listings-grid {
        height: 100% !important;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .channelTitleLogo {
        width: 37px;
        height: 37px;
    }

    .timeDuration .timeIcon {
        /* width: 18px;
        height: 18px; */
    }

    .timeDuration .favIcon {
        width: 22px;
        height: 22px;
    }

    .favBox img {
        cursor: pointer;
        width: 26px;
    }

    /* .epg-container .listings-timebar {
        height: 40px;
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 0px !important;
        min-width: 600px;
        position: sticky !important;
        top: 0px;
        padding-bottom: 56px;
        left: 0;
        z-index: 35;
        background: #141414;
    } */

    /* .epg-container .listings-timebar-time {
        width: 21%;
        font-size: 16px;
        line-height: 44px;
    } */

    .programTitle {
        font-size: 18px;
    }

    .channelName {
        font-size: 16px;
        margin-left: 1vw;
    }

    /* .epg-container .listings-timebar-time:first-child {
        width: 16%;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 100;
    } */

    /* .timebar-date {
        padding: 10px 20px;
        background: transparent;
    } */

    .epg-container .listings-timebar-time:nth-of-type(2n) {
        padding-left: 8px;
    }

    .epg-container .listings-timebar-time:nth-of-type(2n)::after,
    .epg-container .listings-timebar-time:nth-of-type(3n)::after {
        height: 22px;
        top: 12px;
    }

    .arrowLeft,
    .arrowRight {
        width: 22px;
    }

    /* .epg-container ul.listings-grid .listings-channel {
        width: 16%;
        height: 64px;
    } */

    /* .programAirings {
        width: 84%;
    } */

    .listings-channel-row img {
        width: 48px;
        height: 48px;
        z-index: 10;
    }

    button.channelFavicon {
        top: 5px;
        right: 1px;
    }

    .epg-container ul.listings-grid .listings-program {
        font-size: 16px;
    }

    button.channelFavicon img {
        width: 18px;
        height: 18px;
    }

    .vjs-loading-spinner {
        margin: 0px !important;
        width: 32px !important;
        height: 32px !important;
        transform: translate(-50%, -50%) !important;
    }

    .epg-container ul.listings-grid {
        padding: 0px;
    }

    .customScroll::-webkit-scrollbar {
        width: 0px !important;
        display: none;
    }

    .customScroll::-webkit-scrollbar-thumb {
        display: none;
    }

    .backToCurrent {
        right: 8px;
        z-index: 50;
    }

    .arrowUp {
        width: 32px;
        height: 32px;
    }

    .arrowUp i {
        font-size: 18px;
    }

    .epgGridBottomTint {
        width: 100%;
        z-index: 40;
    }

    .liveIndicator {
        display: none !important;
        top: 0px;
        left: calc(16% - 13px);
    }

    .channelLeft {
        display: none;
        /* left: 16.3%; */
    }

    .channelRight {
        display: none;
        /* right: 0%; */
    }

    /* .epg-container .listings-timebar {
        height: 40px;
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 0px !important;
        min-width: 600px;
        position: sticky !important;
        top: 0px;
        padding-bottom: 0px;
        left: 0;
        z-index: 35;
        -webkit-box-shadow: 0px 7px 4px 0px rgba(20,20,20,1);
        box-shadow: 0px 7px 4px 0px rgb(20 20 20);
    } */

    /* .epg-container .listings-timebar-time {
        width: 21%;
        font-size: 16px;
        line-height: 44px;
    } */

    .epg-container ul.listings-grid .listings-channel-row.active::before {
        z-index: 31;
        display: none;
    }

    /* .epg-container ul.listings-grid .listings-channel-row.active {
        border-left: 3px solid #f7412c;
    } */
    .channelsRowContainer {
        margin-right: 0px;
    }

    .sort-item-list {
        background-position: 95%;
        background-size: 17px;
        margin-bottom: 3%;
    }

    .programContent {
        -webkit-line-clamp: inherit;
        height: 100%;
    }

    .arrowUp i:hover {
        padding-bottom: 0px;
    }

    .noFavImg {
        width: 180px;
    }

    .loadingContainer {
        width: 100%;
    }

    .epgLoader {
        margin-top: 0px !important;
    }

    .loadingBar .spinnerLoad {
        margin: auto;
    }

    /* New Changes - EPG 4 Hours */

    .epg-container .listings-timebar {
        /* height: 40px; */
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 0px !important;
        min-width: 1000px;
        position: sticky !important;
        top: 0px;
        padding-bottom: 0px;
        left: 0;
        z-index: 35;
        -webkit-box-shadow: 0px 7px 4px 0px rgba(20, 20, 20, 1);
        box-shadow: 0px 7px 4px 0px rgb(20 20 20);
        background: #141414;
    }

    /* .epg-container .listings-timebar-time:first-child {
        width: 12%;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 100;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    } */

    .timebar-date {
        padding: 0px;
        background: transparent;
    }

    .epg-container .listings-timebar-time {
        width: 15%;
        font-size: 16px;
        /* line-height: 44px; */
        text-align: center;
        padding-left: 8px !important;
    }

    .epg-container .listings-timebar-time:nth-of-type(4n) {
        border-radius: 0px;
    }

    .epg-container ul.listings-grid .listings-channel-row {
        min-width: 1000px;
    }

    .epg-container ul.listings-grid .listings-channel {
        width: 12%;
        height: 64px;
    }

    .programAirings {
        width: 88%;
    }

    .epg-container .listings-timebar-time:nth-of-type(5n) {
        border-radius: 0px;
    }

    .epg-container .listings-timebar-time:nth-of-type(1n)::after {
        content: "";
        width: 1px;
        display: block;
        height: 22px;
        background: #707070;
        z-index: 10;
        position: absolute;
        top: 12px;
        right: 0;
    }

    .listings-timebar-time.active.timeZero::before {
        width: 0px;
    }

    /* .epg-container .listings-timebar-time:first-child:after, */
    .time7:after {
        width: 0px !important;
    }

    /* Customised Css For Mobile Responsive */
    .mbl-myaccount-header {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 800;
    }

    .liveProgramVideo {
        margin-top: 56px;
    }

    .playerControl button span {
        display: none;
    }

    .playerTheatormode {
        display: none !important;
    }

    .playerControlList {
        width: 30% !important;
    }

    .profileScreen {
        margin-top: 56.59px;
    }

    .navbar-nav .nav-link {
        line-height: normal;
    }
}

@media(max-width: 991.98px) {
    .logoGuide-ChannelFav {
        display: block !important;
    }

    /* .profile-content-form {
        width: 75%;
    } */
    .addEditProfileSection h4 {
        padding-bottom: 2rem;
    }

    h3.profileHeading {
        padding-top: 6rem;
    }

    .sumbitProfile {
        margin-bottom: 2rem;
    }

    .timeBox {
        width: 100%;
    }

    .toolbar-nav {
        /* padding: 8px 10px; */
    }

   

    .filterIcon,
    .filterHoverIcon {
        width: 16px !important;
        height: 16px !important;
    }

    .selectedProfileImgBox {
        width: 36px;
        height: 36px;
    }

    .selectedProfileImg {
        width: 28px;
    }

    /* Customised Css For Mobile Responsive */

    .mbl-myaccount-header {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 800;
        /* min-height: 56px; */
    }

    .liveVideoSectionRow {
        padding-top: 70px;
        padding-bottom: 20px;
    }

    .navbar-nav {
        flex-direction: row;
        align-items: center;
    }

    .headerProfileMenuLink {
        /* display: none !important; */
    }

    .flex-1 {
        flex: 1;
    }

    .navbar-toggler {
        padding: 0px;
        font-size: 22px !important;
        width: 50px;
        height: 50px;
    }

    .mobilmarginTop {
        margin-top: 49.59px;
    }

    .header-section-home {
        padding-top: 49.59px;
        padding-bottom: 45px;
        min-height: auto;
    }

    .mobilpaddingTop {
        padding-top: 49.59px;
    }

    .mobile-header {
        width: 100%;
        position: absolute !important;
        top: 0;
        left: 0;
        z-index: 800;
        background-color: #000;
        padding-left: 15px;
        padding-right: 15px;
    }

    .profileLogo,
    .selectedProfileName {
        font-size: 20px;
        padding: 0px;
    }

    .tooltip-inner {
        font-size: 16px;
    }

    .selectedProfileMenuName {
        font-size: 16px;
    }

    .menuProfiles {
        top: 50px;
        left: -108px;
    }

    .menuProfile {
        padding: 6px 12px;
    }

    .menuManageProfile {
        padding: 6px 16px;
        padding-bottom: 14px;
        border-top: 0px;
    }

    .selectedProfileMenuImg {
        width: 24px;
    }

    .menuProfiles h4 {
        font-size: 18px;
    }

    .manageProfile,
    .doneProfileEdit {
        font-size: 17px;
    }

    .profile {
        border: 2px solid transparent;
    }

    .doneProfileEdit {
        width: 100px;
        height: 41px;
        border: solid 1.5px #fff;
    }

    .profileEditState::before {
        left: -2px;
        top: -2px;
    }

    .epg-container ul.listings-grid .listings-program:hover {
        background-color: initial !important;
    }

    .gridDate {
        width: 10% !important;
        position: sticky !important;
        left: 0;
        z-index: 20;
    }

    .timbar-times {
        width: 90%;
    }

    .infoOnFullScreen {
        display: none !important;
    }
}
@media (max-width: 767.98px) {
.gridContent {
    height: calc(50vh + 13px) !important;
}
}
@media(min-width: 767.98px) and (max-width: 1399.98px) {
    .profile-content-form {
        width: 50%;
    }

    .liveProgramVideo {
        /* width: 400px !important; */
        /* padding-top: 0% !important; */
        margin-left: auto;
        /* height: 225px !important; */
    }

    .liveVideoContainer {
        display: flex;
        align-items: center;
    }

    .channelTitleLogo {
        width: 60px;
        height: 60px;
    }

    .timeDuration .timeIcon {
        width: 1.5vw;
        height: 1.5vw;
    }

    .timeDuration .favIcon {
        width: 25px;
        height: 25px;
    }

    .programTitle {
        font-size: 18px;
    }

    .channelName {
        font-size: 22px;
    }
}

@media(min-width: 767.98px) and (max-width: 991.98px) {
    .profile-content-form {
        width: 70% !important;
    }

    .profile-content-image {
        width: 30%;
    }

    .guide-navbar {
        margin-left: 1rem;
    }

    .channel-navbar ul li {
        margin-left: 1rem;
    }

    .arrowLeft:hover,
    .arrowRight:hover {
        color: #fff !important;
    }

    /* Profile Screen */
    .profileWatchingHeader {
        padding-top: 6rem;
    }

    .profileList h4,
    .profile-content h4 {
        font-size: 2.3vw;
    }

    .profile,
    .profileEditState::before {
        width: 12vw;
        height: 12vw;
    }

    .profileList ul li h3 {
        font-size: 2.3vw;
    }

    .profileList ul li {
        margin: 2vw 0vw;
    }

    img.manageProfileIcon {
        width: 2.2vw;
        /*        height: 2.2vw;*/
    }

    .profile-content-form h6 {
        font-size: 2.2vw !important;
    }

    .loadingBar p {
        font-size: 2.2vw;
    }

    .profileName {
        font-size: 2.5vw;
    }
}

@media(min-width: 575.98px) and (max-width: 991.98px) {
    .loadingBar .spinnerLoad {
        margin: 0px auto 10px auto;
        width: 20vw;
        height: 30px;
        text-align: center;
        font-size: 30px;
    }
}

@media(min-width: 575.98px) and (max-width: 767.98px) {
    .profileWatchingHeader {
        font-size: 3.5vw;
    }

    h3.profileHeading {
        font-size: 3.5vw;
        padding-top: 0px;
    }

    .profile-content-form h6 {
        font-size: 2.8vw !important;
    }

    .profileList h4,
    .profile-content h4 {
        font-size: 2.6vw;
    }

    .profileList ul li {
        margin: 2vw 0vw;
    }

    .profile,
    .profileEditState::before {
        width: 13vw;
        height: 13vw;
    }

    .profileList ul li h3 {
        font-size: 2.5vw;
    }

    img.manageProfileIcon {
        width: 2.5vw;
        /*        height: 2.5vw;*/
    }

    .manageProfile {
        font-size: 2.5vw;
    }

    .loadingBar p {
        font-size: 2.5vw;
    }

    .profileName {
        font-size: 3vw;
    }
}

@media(max-width: 1399.98px) {

    .programtreepgcontent,
    .toolbar-nav ul li a,
    .guide-navbar span,
    .programDuration,
    .favBox span,
    .programContent {
        font-size: 1.2vw;
    }

    .profile-content-form h6 {
        font-size: 1.7vw;
    }

    .filterIcon,
    .filterHoverIcon {
        width: 1.2vw;
        height: 1.2vw;
    }
}

@media(max-width: 1199.98px) {
    .profile-content-form {
        width: 60%;
    }

    .programtreepgcontent,
    .toolbar-nav ul li a,
    .guide-navbar span,
    .programDuration,
    .favBox span,
    .programContent {
        font-size: 1.4vw;
    }
}

@media(max-width: 991.98px) {

    .programtreepgcontent,
    .toolbar-nav ul li a,
    .guide-navbar span,
    .programDuration,
    .favBox span,
    .programContent {
        font-size: 16px;
    }

    .channelRight {
        right: 6px;
    }

}

@media(min-width: 991.98px) {
    /* .epg-container .listings-timebar-time:first-child {
        width: 120px;
    } */

    .epg-container .listings-timebar-time {
        width: 25%;
    }

    .channelRight {
        /* right: 30px; */
    }

    .channelLeft {
        /* left: 170px; */
    }

    .epg-container ul.listings-grid .listings-channel {
        width: 4vw;
        height: 4vw;
        z-index: 2;
    }

    .programAirings {
        width: calc(100% - 4vw);
    }

    .airingsGrid {
        height: calc(56vh - 54px) !important;
    }
}

@media(min-width: 1399.98px) {
    .profile-content-form {
        width: 40%;
    }

    .epg-container ul.listings-gri {
        height: calc(50vh - 65px) !important;
    }

    .gridContent {
        height: calc(100vh - 500px) !important;
    }

    .programtreepgcontent,
    .toolbar-nav ul li a,
    .programDuration,
    .favBox span,
    .programContent {
        font-size: 1.1vw;
    }

    .guide-navbar span {
        font-size: 0.92vw;
    }

    .channelName {
        font-size: 1.4vw;
    }

    .programTitle {
        font-size: 1.2vw;
    }

    .airingsGrid {
        height: calc(56vh - 126px) !important;
    }

    .epg-container .listings-timebar-time {
        font-size: 0.9vw;
        line-height: normal;
    }

    .epg-container .listings-timebar {
        margin-bottom: 5px;
    }

    .profileAction div img {
        width: 18px;
    }
}

@media (min-width: 2000.01px) and (max-width: 3000px) {
    .gridContent {
        height: calc(100vh - 600px) !important;
    }
}

@media (min-width: 991.01px) and (max-width: 1399.98px) {
    .gridContent {
        /* height: calc(85vh + 0px) !important; */
    }
}

@media (min-width: 280px) and (max-width: 350.98px) {
    .marketingDownload {
        width: 280px;
    }

    .marketingDownload img {
        width: 280px;
    }

    .marketingContent {
        width: 280px;
    }

    .marketingDownloadOne h5 {
        position: absolute;
        top: 20px;
        left: 86px;
    }

    .marketingDownloadThree h5 {
        position: absolute;
        top: 17px;
        left: 78px;
    }

    .marketingDownloadFour h5 {
        position: absolute;
        top: 8px;
        left: 92px;
    }

    .marketingDownloadFive h5 {
        position: absolute;
        top: 22px;
        left: 95px;
    }

    .marketingDownloadTwo h5 {
        position: absolute;
        top: 20px;
        left: 84px;
    }
}


.vjs-icon-custom:before {
    content: "";
    background-image: url(../img/live-tv/square.png);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.vjs-icon-square:before {
    /*      content: ""!important;*/
    background-image: none;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.liveVideoContainer.col-lg-8 {
    margin: 0px auto;
}

.headerProfileMenuLink {
    background-color: rgb(0 0 0 / 0%);
    padding: 10px;
    border-radius: 10px;
}

.programTitleTint {
    position: absolute;
    top: 10px;
    left: 15px;
    display: none;
}

.vjs-user-active+div .programTitleTintTwo {
    /*    display: block;*/
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
    background-color: #252525;
}

.vjs-control-text .vjs-seek-to-live-text {
    font-size: 1.5em;
}

.video-js .vjs-tech {
    outline: 0px;
}

.emailInputError {
    margin-bottom: 0px !important;
    background-image: none !important;
    border-color: #f93154 !important;
}


.videoPlayerControl {}

.playerControl {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2B333F;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.playerControl button {

    background-color: transparent;

    outline: 0px;

    border: 0px;

    padding: 0px;
    display: flex !important;
    align-items: center;
}

.playerControl button img {

    width: 1.2vw;
}

.playerControl button span {

    color: #fff;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: normal;

    margin-left: 0.4vw;

    font-size: 0.8vw;
}

.playerControlList {

    width: 25%;

    display: inline-flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 0.4vw 0px;

    cursor: pointer;
}

.floatingVideo .playerControlList {
    width: 20%;
}

.playerControl .playerControlList:first-of-type {
    width: 30%;
}

.floatingVideo .playerControl .playerControlList:first-of-type {
    width: 40%;
}

.videoPlayerControl {
    display: flex;
    position: absolute;
    width: 100%;
    /* height: 100%; */
    bottom: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    flex-direction: column;
    z-index: 10;
    opacity: 0;
    /* visibility: hidden; */
}

.vjs-has-started.vjs-user-inactive.vjs-playing .videoPlayerControl {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s;
}

.vjs-has-started .videoPlayerControl {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s;
    width: 100%;
    height: 100%;
}

.shouldShowPlayerControls {
    opacity: 1 !important;
    /* visibility: visible !important; */
}

.videoPlayerControl.playerHovered {
    opacity: 1;
    /* visibility: visible; */
    transition: visibility 0.1s, opacity 0.2s;
}

.videoAudioDiv {
    position: absolute;
    right: 2%;
    top: 5%;
    visibility: visible;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 2px;
    border-radius: 7%;
}

.videoAudio {
    background-color: transparent;
    outline: 0px;
    border: 0px;
    padding: 0px;
    width: 3vw;
    /* height: 2vw; */
    text-align: center;
}

.videoAudio img {
    width: 2vw;
}

.videoAudio span {
    color: #fff;
    font-size: 0.8vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.vjs-user-active+.videoPlayerControl {
    /*    display: flex;*/
}

.vjs-paused+.videoPlayerControl {
    /*    display: block;*/
}

.vjs-has-started+.videoPlayerControl,
.vjs-audio-only-mode+.videoPlayerControl {
    /* display: flex; */
}

.playerControlList.active {
    background-color: rgb(255 255 255 / 20%);
}

.playerControlList span.active {
    color: #f7412c;
}

.playerControl button img {
    /* width: 20px; */
}

.exitFullScreenIcon {
    display: none;
}

.videoControlsOnFullScreen button {
    display: flex !important;
    align-items: center;
}

.videoControlsOnFullScreen .playerControl .playerControlList:first-of-type {
    width: 25%;
}

.videoControlsOnFullScreen .playerControl button img {
    /* width: 26px; */
}

.videoControlsOnFullScreen .playerControlList {
    padding: 12px 0px;
}

.playerControlList:hover {
    background-color: rgb(255 255 255 / 20%) !important;
}

.videoControlsOnFullScreen .playerControlList.active {
    background-color: transparent;
}

.videoControlsOnFullScreen .playerControl button span {
    color: #fff !important;
}

.videoControlsOnFullScreen .playerTheatormode img:first-of-type {
    display: block !important;
}

.videoControlsOnFullScreen .playerTheatormode img:nth-of-type(2) {
    display: none !important;
}

.vjs-loading-spinner.inFullScreen::before {
    margin: -25px !important;
}

.videoLive {

    position: absolute;

    bottom: 5vh;

    left: 0.5vw;

    width: 3.5vw;
}

.videoLive span {

    display: flex;
}

.videoLive span img {

    width: 100%;
}

.blob {
    background: black;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    margin: 10px;
    height: 20px;
    width: 20px;
    transform: scale(1);
    animation: pulse-black 2s infinite;
}

@keyframes pulse-black {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.blob.red {
    background: rgba(255, 82, 82, 1);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}

.pauseButton {
    position: absolute;
    background: transparent;
    border: none;
    outline: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none;
}



@media(max-width: 991.98px) {
    .liveChannels-body .custom-nav {
        display: flex;
        float: none;
        min-height: 56px;
    }

    .epg-container ul.listings-grid .listings-channel {
        width: 10%;
        height: auto;
    }

    .listings-channel-row img {
        width: 60%;
        height: auto;
    }

    .programAirings {
        width: calc(100% - 10%);
        display: flex;
    }

    .epg-container .listings-timebar-time {
        padding: 10px 15px;
        font-size: 16px;
    }

    .videoAudio {
        width: 50px;
    }

    .volumeRange {
        width: 75px !important;
    }

    .playerControl button img {
        width: 20px;
    }

    .playerControl button span {
        font-size: 12px;
    }

    .videoAudio img {
        width: 30px;
    }

    .videoAudio span {
        font-size: 14px;
    }

    .menuManageProfile img,
    .menuMyAcc img {
        width: 20px;
    }

    .menuManageProfile span,
    .menuMyAcc span {
        font-size: 16px;
    }

    .sideMenu {
        height: calc(100% - 56.59px)!important;
        top: 56.59px!important;
    }

    .menuProfiles {
        min-width: inherit;
    }

    .selectedProfileMenuName {
        max-width: inherit;
    }

    .menuProfiles {
        left: inherit;
    }

    .videoLive {
        position: absolute;
        bottom: 40px;
        left: 10px;
        width: 45px;
    }

    .playerControl button span {
        display: none;
    }

    .filter-modal-header a {
        font-size: 14px;
    }

    .numOfCatgs,
    .numOfLangs {
        font-size: 14px;
    }

    .sort-item-list {
        font-size: 14px;
    }

    #filterModal .modal-footer button.resetBtn {
        font-size: 14px;
    }

    #filterModal .modal-footer button.applyBtn {
        font-size: 14px;
    }

    .arrowRightLanguage {
        width: 30px;
        font-size: 18px;
        position: absolute;
        top: 47%;
        right: -25px;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .arrowLeftLanguage {
        top: 47%;
        left: 25px;
        width: 30px;
        font-size: 18px;
    }

    .filterClose i {
        font-size: 16px;
        color: #787878;
        width: 25px;
        line-height: 25px;
    }

    .filterClose {
        width: 25px;
        height: 25px;
        display: inline-flex;
        font-size: 25px;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 8px;
        right: 8px;
        color: #787878;
        background-color: #fff !important;
        text-shadow: none;
        border-radius: 40px;
    }

    .sort-item-list-selected {
        background-size: 15px;
    }

    button.channelFavicon img {
        width: 25px;
        height: 25px;
    }

    .channelFavImg {
        width: 20px;
        height: 20px;
    }
}

@media(min-width: 991.98px) and (max-width: 1024px) {
    .epg-container ul.listings-grid {
        padding-right: 18px;
    }
}

@media(min-width: 101.98px) and (max-width: 1024px) {
    .customVideoControls {
        display: none !important;
    }

    .vjs-button-rentangle {
        display: none !important;
    }

}

@media(min-width: 101.01px) and (max-width: 991px) {
    .liveCard img {
        width: 100% !important;
    }
}

@media(min-width: 101.98px) and (max-width: 767.98px) {
    .d-md-block.desk.topTimeBar {
        display: none !important;
    }

    #scroll {
        width: 45px;
        height: 45px;
    }

    #scroll i {
        font-size: 30px;
    }

    .btn-clear {
        height: 50px;
    }

}

@media(min-width: 1399.98px) {
    .logoGuide-Channel {
        padding: 10px;
    }
}

.profilemenuDropDown {
    border-top: 1px solid rgb(255 255 255 / 50%);
    flex-direction: column;
}

.loginCard {
    border-radius: 12px;
    background-color: #fff;
    position: fixed;
    bottom: 10px;
    width: auto;
    height: auto;
    z-index: 8;
    right: 10px;
    padding: 2rem 2.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1);
}

.loginCardClose {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}

.loginCardClose i {
    color: #535353;
    font-size: 1.2rem;
    line-height: normal;
}

.loginCardClose:hover i {
    color: #f7412c;
}

.loginCard h3 {
    font-size: 1.5rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #141419;
    margin-bottom: 0.5rem;
    font-family: Nunito;
}

.loginCard h3 span {
    color: #f7412c;
}

.loginGoogle:hover {
    background-color: #000000;
    color: #fff;
}

.loginCard h6 {
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #141419;
    margin-bottom: 0.5rem;
    font-family: Nunito;
}

.loginCardBtn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginCardBtn .btn {
    border-radius: 3px;
    border: solid 1px #b7b7b7;
    background-color: #fff;
    font-size: 0.8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #141419;
    font-family: Nunito;
    box-shadow: none;
}

.loginCardBtn .btn:hover {
    color: #fff;
    background-color: #f7412c;
    border: solid 1px #f7412c;
}

.loginCard p {
    font-size: 0.8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #141419;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.socilaLoginBtn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.socilaLoginBtn .btn {
    padding: 0px;
    box-shadow: none;
    border-radius: 100%;
}

.loginGoogle {
    font-size: 0.8rem;
    text-align: center;
    color: #141419;
    border-radius: 3px;
    border: solid 1px #b7b7b7;
    background-color: #fff;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1); */
    font-family: Nunito;
    text-transform: uppercase;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    width: 220px;
}

.loginGoogle svg {
    margin-right: 0.5rem;
}

.loginGoogle img {
    margin-right: 0.5rem;
    width: 22px;
}

.socilaLoginBtn a img {
    width: 50px;
}

.custom-form .socilaLoginBtn {
    color: #1c1c1c;
}

.custom-form .loginGoogle {
    color: #1c1c1c;
    width: 100%;
    padding: 1rem 1rem;
    font-size: 1rem;
    border-radius: 5px;
}

.orLine {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.8rem;
}

.orLine::after {
    content: "";
    height: 1px;
    position: absolute;
    width: 75px;
    background-color: #fff;
    top: calc(50% - 1px);
    right: 135%;
}

.orLine::before {
    content: "";
    height: 1px;
    position: absolute;
    width: 75px;
    background-color: #fff;
    top: calc(50% - 1px);
    left: 135%;
}

@media(min-width: 101.98px) and (max-width: 575.98px) {
    .custom-form .loginGoogle {
        width: 100% !important;
    }

    .w-xs-auto {
        width: auto !important;
    }
}

.epgFailed, .noChannelData {
    padding: 2rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh);
    min-height: 500px;
    background-image: linear-gradient(to bottom, #f7412c -81%, rgba(0, 0, 0, 0.43) 83%);
}

.noChannelData {
    flex-direction: column;
}

.noChannelData .mainContent {
    padding: 0px;
    height: calc(100vh - 32px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.epgFailed h6, .noChannelData h6 {
    font-size: 1.1vw;
    color: #fff;
    margin: 0px auto 20px auto;
    text-align: center;
}
.noChannelData .mainContent h1 {
    font-size: 36px;
    font-weight: 500;
    word-break: break-word;
}

.noChannelData .mainContent h6 {
    font-size: 28px;
    font-weight: 300;
    width: 1015px;
    max-width: 100%;
    word-break: break-word;
}
.epgFailed h6 a, .noChannelData h6 a {
    color: #f7422c;
}

.epgFailed .btnRetry, .noChannelData .btnRetry {
    font-size: 1.5vw;
    color: #fff;
    margin: 0px auto;
    text-align: center;
    background-color: #f7412c;
    border-radius: 50px;
}

@media(min-width: 101.98px) and (max-width: 991.98px) {
    .epgFailed h6, .noChannelData h6 {
        font-size: 20px;
    }

    .epgFailed .btnRetry, .noChannelData .btnRetry {
        font-size: 20px;
    }

    .noChannelData .mainContent h1 {
        font-size: 20px;
    }
    
    .noChannelData .mainContent h6 {
        font-size: 20px;
        width: 100%;
        max-width: 100%;
    }
}

.availableCountryContent {
    background-image: url(../img/geo/world.png);
    padding: 20px;
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x;
}

.availableCountryContent .close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.availableCountryContent .close img {
    width: 30px;
}

.availableCountry h3 {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: center;
    color: #202020;
    margin: 20px auto;
    text-transform: uppercase;
}

.availableCountryList {
    padding: 0px 16px;
    max-height: calc(100vh - 200px);
    overflow: auto;
}

.availableCountryList h6 {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #9c9c9c;
}

.availableCountryList ul {
    list-style-type: none;
    padding-left: 10px;
}

.availableCountryList ul li {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #202020;
    margin-bottom: 20px;
    word-break: break-word;
    display: flex;
    align-items: center;
}

.availableCountryList ul li img {
    margin-right: 10px;
    width: 30px;
    display: inline-flex;
}

#availableCountry .modal-dialog {
    max-width: 90% !important;
}

.channelNoteDiv p {
    font-size: 1vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #bbb;
}

.channelsTotalDiv span {
    font-size: 1.5vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #35C957;
}

@media(min-width: 101.98px) and (max-width: 991.98px) {
    #availableCountry .modal-dialog {
        max-width: 100% !important;
    }

    .mobileHide {
        display: none;
    }

    .availableCountry h3 {
        font-size: 24px;
    }

    .availableCountryContent .close img {
        width: 20px;
    }

    .availableCountryList {
        padding: 0px 16px;
        max-height: calc(100vh - 150px);
        overflow: auto;
    }

    .availableCountryContent .close {
        top: 5px;
        right: 5px;
    }

    .channelNoteDiv p {
        font-size: 16px;
    }

    #filterSummary {
        font-size: 16px !important;
    }

    .channelsTotalDiv span {
        font-size: 20px;
    }
}

.discountSection {
    border: solid 1px #13b253;
    background-color: #e8f0fe;
    padding: 10px;
    display: flex;
    align-items: center;
}

.discountSectionIcon {
    display: inline-flex;
    margin-right: 10px;
}

.discountSectionIcon i {
    color: #13b253;
    font-size: 24px;
}

.discountSectionPromo {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

.discountSectionPromo #cuponCode {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1a1a1a;
    margin-bottom: 0px;
}

.discountSectionPromo sub {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1a1a1a;
    margin-left: 5px;
}

.discountSectionPromo #cuponOff {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #5b5b5b;
    display: flex;
    clear: both;
}

.discountSectionRemove {
    display: inline-flex;
    border: 0px;
    box-shadow: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: right;
    color: #cf3881;
    margin-left: auto;
    /* display: flex; */
    /* clear: both; */
}

.promoSectionBtn,
.promoSectionBtn:focus,
.promoSectionBtn:hover {
    border-radius: 5px;
    background-color: #13b253;
    color: #fff;
    border-color: #13b253;
    outline: 0px;
    height: 3.5vw;
    margin-left: 8px;
    font-size: 1vw;
    flex: 0 0 103px!important;
}

.customNav {
    border-bottom: 1px solid #4e4e4e;
    border-radius: 0px;
    margin-bottom: 22.5px;
}

.nav-item .availableChannels,
.nav-item .unAvailableChannels {
    font-family: Nunito;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #c2c2c2;
    text-transform: none;
}

.unAvailableChannels {
    margin-left: 32px;
}

.nav-item .availableChannels.active,
.nav-item .unAvailableChannels.active {
    font-family: Nunito;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #e2e2e2;
    text-transform: none;
    background-color: transparent;
    border-bottom: 2px solid #f7412c;
}

.nav-item .availableChannels:hover,
.nav-item .unAvailableChannels:hover {
    background-color: transparent;
    color: #c2c2c2;
}

.nav-item .availableChannels.active:hover,
.nav-item .unAvailableChannels.active:hover  {
    background-color: transparent;
    color: #e2e2e2;
}

.nav-item .availableChannels.active .totalAvailableChannels,
.nav-item .unAvailableChannels.active .totalUnAvailableChannels {
    background-color: #e2e2e2;
    color: #f7412c;
}

.totalAvailableChannels, .totalUnAvailableChannels {
    border-radius: 15px;
    background-color: #2e2e2e;
    padding: 1px 12px 1px 12px;
    color: #a2a2a2;
    margin-left: 16px;
    font-size: 18px;
    font-family: Nunito;
    font-weight: 500;
}

.channelSearch {
    position: relative;
    margin-bottom: 24px;
}

.channelSearch input {
    border: solid 1px #525266;
    background-color: #292933;
    padding-left: 16px;
    height: 52px;
    min-height: 52px;
    color: #e0edff;
    font-family: Nunito;
    font-size: 18px;
}

.channelSearch input::placeholder {
    color: #e0edff;
}

.channelSearch input:focus {
    background-color: #292933;
    color: #e0edff;
}

.channelSearch i {
    color: #a2a2a2;
    position: absolute;
    top: 0px;
    left: auto;
    bottom: 0px;
    display: flex;
    align-items: center;
    font-size: 16px;
    right: 24px;
}

.noDataFoundText {
    font-family: Nunito;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 18px;
    width: 18px;
    background-image: url(../img/close.png);
    background-size: 18px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right;
}

@media (max-width: 360.98px) {
    .discountSectionRemove {
        display: flex;
        clear: both;
        margin-top: 10px;
    }

    .discountSection {

        display: block;

    }
}

.offerContent {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-top: 10px;
}

.offerContent .greenText {
    color: #13b253;
}

.discountSection {
    border: solid 1px #13b253;
    background-color: #e8f0fe;
    padding: 10px;
    display: flex;
    align-items: center;
    height: 3.5vw;
    border-radius: 0.3vw;
    padding: 0.5vw 1vw;
}
@media (max-width: 991.98px) {

    .promoSectionBtn,
    .promoSectionBtn:focus,
    .promoSectionBtn:hover {
        height: 50px;
        font-size: 18px;
    }

    .discountSection {
        min-height: 50px;
        font-size: 18px;
        height: auto;
        display: flex;
        align-items: center;
    }
    .discountSectionPromo #cuponCode {
        font-size: 16px;
    }

    .navTabContainer {
        min-width: 278px;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: 0px;
    }

    .customNav {
        min-width: 550px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .nav-item .availableChannels, .nav-item .unAvailableChannels {
        font-size: 20px;
    }

    .nav-item .availableChannels.active, .nav-item .unAvailableChannels.active {
        font-size: 20px;
    }

    .totalAvailableChannels, .totalUnAvailableChannels {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .promoSectionBtn,
    .promoSectionBtn:focus,
    .promoSectionBtn:hover {
        font-size: 16px;
        flex: 0 0 80px!important;
        padding: 0px;
    }

    .navTabContainer {
        min-width: 278px;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: 0px;
    }

    .customNav {
        min-width: 550px;
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.icon-spin {
    display: inline-block;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}
#fileterLoad i {
    font-size: 20px;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

    .custom-dropdown {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    .custom-dropdown-button {
        width: 100%;
        background-color: #292933;
        border: 0px;
        height: 3.5vw;
        box-shadow: none;
        color: #e0edff;
        padding: 0px;
        font-size: 1.2vw;
        padding: 0.5vw 1vw;
        /* background-image: url(../img/expand.svg); */
        background-size: 2vw;
        border: 0.1vw solid #525266;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative; 
        border-radius: 0.25rem;
    }

    .custom-dropdown-button::before {
        content: '';
        display: inline-block;
        width: 2vw;
        height: 2vw;
        background-image: url('../img/expand.svg');
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 0.5vw;
        position: absolute;
        left: 87%;
        top: 50%;
        transform: translateY(-50%);
    }

    .custom-dropdown-button svg {
        display: none;
    }

    .custom-dropdown-button.active svg {
        fill: #fd241f;
    }
    
    .custom-dropdown-options {
        display: none;
        position: absolute;
        background-color: white;
        min-width: 100%;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        list-style: none;
        padding: 0;
        margin: 0;
        border: 1px solid #ddd;
        max-height: 70vh;
        overflow-y: auto;
        background-color: #292933;
        border: 0.1vw solid #525266;        
    }
    
    .custom-dropdown-option {
        color: #cccccc;
        font-size: 1.2vw;
        padding: 5px 16px;
        text-decoration: none;
        display: block;
        cursor: pointer;
    }

    .custom-dropdown-option.selected {
        color: #f7412c;
    }
    
    .custom-dropdown-option:hover {
        background-color: #007bff;
    }

    #filterSummary {
        font-size: 1vw;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #bbb;
        display: none;
    }
    

    #channel-popup .modal-content {
        /* padding:21px 24px 24px; */
        background-color: #333;
    }
    
    
    #channel-popup h3 {
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #e2e2e2;
    }
    
    
    .watchChannel {
        padding: 21px 24px 15px;
        border-bottom: 1px solid #4e4e4e;
    }
    
    .watchChannelContents {
        padding: 15px 24px 24px;
      
    }
    
    
    .watchChannelContents p {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #e2e2e2;
        display: flex;
        margin-bottom:18px;
    }
    
    
    .watchNowText p::before {
        content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23f74104" viewBox="0 0 256 256"%3E%3Cpath d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z"%3E%3C/path%3E%3C/svg%3E');
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
    }
    
    
    .watchLiveTv {
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        border-radius: 8px;
        background-color: #f7412c;
        padding: 18px;
        width: calc(100% - 64px);
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 24px;
    }
    
    
    .watchLiveTv:hover {
        background-color: #ff5e4d;
        color: #fff;
    }
    
    
    #channel-popup {
        background-color: rgba(0, 0, 0, 0.7);
    }
    
    
    .watchChannelImg img{
       width:64px;
       border-radius:4px;
    }
    
    
    .closeBtn {
        cursor: pointer;
    }
    #divChannelsContainer #divChannel {
        cursor: pointer;
    }
    .lookingToWatch{
        margin-left:16px;
    }
    .channelPopModal{
        width: 548px;
        max-width:100%;
    }
    
    .unavailablechannelsDiv .channel-item {
      cursor: pointer;
    }
    
    .closeBtn:hover svg{
      fill:#f7412c;
    }
    #channel-popup{
      word-break: break-word;
    }
    
    @media(max-width:575.98px){
      .channelPopModal{
        max-width:calc(100% - 1rem);
    }
    }



    /* Hide the text in dropdown buttons on small screens */
@media screen and (max-width: 768px) {
    .custom-dropdown-button span {
        display: none; /* Hide the text */
    }

    #filterSummary {
        display: block;
    }

    .custom-dropdown-button svg {
        display: block;
    }

    .custom-dropdown-button::before {
        left: 91% !important;
        display: none;
    }

    .customDropdownContainer {
        flex: 0 0 33.3%;
    }

    .custom-dropdown-button {
        justify-content: center !important;
    }

    .custom-dropdown-option {
        font-size: 1rem;
    }

    .custom-dropdown-options {
        min-width: 200px;
    }

    .custom-dropdown-optionsOne {
        right: 0px;
    }

    .btn-clear {
        width: 100%;
    }
    
}

@media screen and (min-width:425px) and (max-width: 575px) {
    .custom-dropdown-button::before {
        left: 93% !important;
    }
}

@media (max-width: 991.98px) {
    .custom-dropdown-option {
        font-size: 1rem;
    }
}