.navDiv img {max-width: 120px;height: auto;} .showcard {content: '';background: inherit;position: absolute;width: 100%;min-height: 70px;background-position: bottom !important;z-index: 0;background-size: auto; overflow:hidden;} .showcard:before {background:inherit;content:'';position:absolute;min-width: 270px;min-height: 110px;width:100%;height:100%;filter: blur(7px);background-size: cover;bottom: -20px;left: -20px;} .NewDstvPage .showcard:before {background:inherit;content:'';position:absolute;min-width: 270px;min-height: 110px;width:100%;height:100%;filter: blur(6px);background-size: cover;bottom: -20px;left: -20px;} .showcard:after {content:'';position:absolute;min-width: 270px;min-height: 110px;width:100%;height:100%;bottom: -20px;left: -20px;z-index:0;background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(0, 0, 0, 0.36) 0%,rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2000000',GradientType=1 ); /* IE6-9 */} .show-btn{border: 1px solid #fff;border-radius: 23px;text-align: center;padding: 10px 0px 7px 0px;color: #fff;font-size: 12px;line-height: 12px;position: relative;width: 129px;right: -20%;position: relative;z-index: 1;} .payments_errContactUs:hover{color : blue !important;} #map-markers{padding:0 !important;} .none {display:none;} .toast-message .toast-error {left: 50% !important;right:48% !important;top:45% !important;} .alert-msg span.error-wrong-msg { margin-top: 30px; } #loginDiv .Select-your-city-field .jcf-select .jcf-select-opener::after { content: "";} #paymentHistoryModal .modal-body #tblTransactionHistory::-webkit-scrollbar-thumb { background: #5d5959; border-radius: 5px; } #paymentHistoryModal .modal-body #tblTransactionHistory::-webkit-scrollbar { width: 5px; } #formLoginDiv .form-group .jcf-checkbox { margin: 0px 5px 3px 0px; background: #374c62 0% 0% no-repeat padding-box; border: 1px solid #BEBEBE38; border-radius: 5px; opacity: 1; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);} #formLoginDiv .form-group span.title-head, #formLoginDiv .form-group span.title-links { text-align: center; display: block;line-height: 20px; } #formLoginDiv .form-group span.title-links a:hover{ color:#0095da; } #formLoginDiv .form-group span.title-links a{ color:#0c88c1; } .edit-iner-section .error-payment-msg { font-size: 13px; font-weight: 400;text-align: center; margin-top: -5px; } #formLoginDiv .form-group .jcf-checkbox span { border: 3px solid #fff; border-width: 0 0 2px 2px;margin: -5px 0 0 -5px;} @media screen and (min-width: 320px) and (max-width: 600px) { .ng-homepage-decoder-slider.package-slider .card .front {max-height: 420px;} .ke-homepage-decoder-slider.package-slider .card .front {max-height: 420px; height: 420px;} } @media screen and (max-width: 767px) and (min-width: 320px) { .navDiv img {max-width: 110px;height: auto;display: block !important;} .heading .icon-pack {font-size: 2em;} .banner-content .container h5, .banner-content .container h4, .banner-content .container h2, .banner-content .container h1, .banner-content .container h6 { white-space: pre-wrap; line-height: 120% !important; margin: 0 0 40px !important; } .banner-content .container {padding-left: 15px !important;padding-right: 15px !important;overflow-wrap: break-word;} .banner-content .container h1, .banner-content .container h2, .banner-content .container h3, .banner-content .container h4, .banner-content .container p {} .banner-content .col-sm-7 img {margin: 0 auto;width: auto !important;height: auto;max-width: 60%;} .home-page .banner-image {max-width:100px !important; height: auto !important;} .heading-area .container span.sub {line-height: 25px; font-size:20px;} } .logo.country-logo {width: auto;} .tooltip{margin:8px;padding:8px;position: absolute;z-index: 2;background-color: #555;color: #fff;text-align: center;border-radius: 6px;transition: opacity 0.3s;} .pull-right-sum{text-align:right;} .pay-sum-btn{margin-top: 21px;border-radius: 26px !important;background-color: #0e3178;color: #fff;margin-left: 24%;} .paysum-details{padding-bottom: 40%;} .paymentSummary { /* background-color: #fff!important;*/ margin-left: 25%!important;padding: 40px 40px 20px!important;text-align: left!important;box-shadow: 0 0 30px rgba(0,0,0,.2)!important;color: #8d8d8d!important;position: relative!important;-webkit-transition: .3s -webkit-transform ease!important;transition: .3s transform ease!important;width:50%!important;font-size:16px;} .pay-sum-head {text-align: center !important;} .secure-in-sec.serial{color:#fff;border-color:#fff;margin:0;padding:13px 18px} .secure-in-sec .secure-input.form-control{color:#fff;height:30px} label.secure-label.lbl.text{background:#0095da;color:#fff;font-size:12px} .secur-select{display:inline-block!important;vertical-align:top!important;position:relative;border:1px solid #fff!important;margin:0 0 12px!important;width:100%!important;height:42px!important} .select-secure .jcf-select{display:inline-block;vertical-align:top;position:relative;border:1px solid #fff;margin:0 0 12px;width:100%;height:57px;border-radius:0} .select-secure .jcf-select .jcf-select-opener:after,.select-secure .jcf-select .jcf-select-text{color:#fff} span.flag{margin:0 5px} /*.open>.dropdown-menu{display:block;overflow-y:scroll;height:200px;background:#fff;color:#00aeef;top:88%;width:100%}*/ .dropdown li{margin:5px 0} .select-secure .dropdown-toggle.btn-primary{color:#fff;background-color:transparent;border-color:#fff;width:100%;text-align:left;padding:15px 10px;font-size:16px;box-shadow:none} .fix-error .message-holder .text-info,section.secure-text-sec{padding-bottom:0} .select-secure .jcf-select-opener:after{font-size:16px;line-height:10px;position:absolute;top:25px;right:20px;content:"\e914";color:#fff} .btn-primary:active:focus,.open>.dropdown-toggle.btn-primary.focus,.select-secure .btn-primary.active.focus,.select-secure .btn-primary.active:focus,.select-secure .btn-primary.active:hover,.select-secure .btn-primary:active.focus,.select-secure .btn-primary:active:hover,.select-secure .open>.dropdown-toggle.btn-primary:focus,.select-secure .open>.dropdown-toggle.btn-primary:hover{border-color:#fff} .container.user-info-sec{margin-top:2em} .jcf-unselectable span.jcf-option-flag{padding-top:15px} .jcf-list-box .jcf-option-flag.jcf-selected,.jcf-select-drop .jcf-option-flag.jcf-hover{color:#fff;font-size:14px} .jcf-option-flag-defoult{height:32px;width:100%;line-height:45px;padding-top:unset;font-size:14px} span.jcf-option.jcf-option-flag-defoult.jcf-selected.jcf-hover{font-size:14px;background-color:transparent;color:#fff} .jcf-list-box .jcf-selected,.jcf-select-drop .jcf-hover{font-size:14px} .payerror-modal-body p{margin:10px;opacity:1} span#errmsg{color:red;font-weight:700;font-size:14px;line-height:0;padding-top:20px} .error-code-cutm-detail li{width:23%;float:left;margin-left:20px} .error-code-cutm-detail span.jcf-select{border:2px solid #00aeef;border-radius:0} .error-code-info .list-info{display:inline-block;float:left;width:100%} .error-code-cutm-detail .jcf-list-content li{width:100%;margin-left:0} .error-code-cutm-detail div.serial .form-control{height:35px} .error-code-cutm-detail .jcf-select{height:55px} .container .in-page .form-holder ul{padding:0} .fix-error .button a,.fix-error .cinput{border-radius:26px} .fix-error .loader{display:none;position:fixed;z-index:999;height:100%;width:100%;top:0;left:0;background-color:#000;filter:alpha(opacity=60);opacity:.6;-moz-opacity:.8} .fix-error .loader span{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:35px;color:#fff} .fix-error div.serial .text{left:20px} .red-color{color:red;text-align:center} .error-modal-body p{margin:10px;opacity:1} .fix-error .radius{border-radius:10px} h2.pay{text-align:center;color:#00508f} .table.pay-summary{width:60%;margin:auto} .sub-nav-section .nav>li{float:none;display:inline-block;width:21%;text-align:center;margin:12px 20px} .banner-slider .banner-content {padding:30px 0 60px !important} @media only screen and (max-width:920px){.bg-white .sub-nav-section .nav>li{display:inline-block;width:47%;text-align:center;margin:5px 2px} } @media only screen and (min-width:320px) and (max-width:400px){.bg-white .sub-nav-section .nav>li{display:inline-block;width:60%} .package-slider .specs li{font-size:12px} footer .footer-menu li:nth-child(2) a:before{left:4px} .banner-slider .banner-content .btn{min-width:0;height:auto;padding:10px 12px} body #signInModalPopup #formLoginDiv .tooltip {top: 38px !important;} body #signInModalPopup #formLoginDiv .tooltip-arrow {left:auto!important;right:30px;} .banner-content .container h5, .banner-content .container h4, .banner-content .container h2, .banner-content .container h1, .banner-content .container h6 {margin: 0 0 40px !important;} } @media only screen and (min-width:401px) and (max-width:750px){.banner-slider .banner-content .btn{padding:10px 21px} } @media only screen and (min-width:768px){.banner-slider .banner-content .btn{margin-bottom:30px;padding:13px 36px;min-width:100%} } @media only screen and (min-width:401px) and (max-width:450px){footer .footer-menu li:nth-child(2) a:before{left:25px;} .banner-slider .banner-content .btn{margin-top:60px;min-width:0;height:auto;padding:10px 29px;} } @media only screen and (min-width:320px) and (max-width:678px){#cboxClose{position:absolute;top:-3px;right:10px;height:16px;font-size:22px;} .bg-white .sub-nav-section .nav>li>a{padding:14px 20px;} section.pt-0.bg-white.blue-headers.compare-terms{margin-top:20PX;} } .grid-section .bg-white .sub-nav-section .nav>li>a{padding:14px 20px;font-weight: bold;/*text-decoration: underline solid;*/} section.pt-0.bg-white.blue-headers.compare-terms{margin-top:20PX;} .package-slider .desc .heading img{width:auto;height:42px!important;} @media only screen and (min-width:1024px) and (max-width:1366px){.package-slider .desc .heading img{width:auto;height:58px!important;} section.mh-100.bg-white.text-w-icons-section.mh-60{min-height:0!important;} } section.how-to-pay-section.pt-4{padding-top:0; /*padding-bottom: 184px !important;*/} .how-to-pay-section { padding-bottom: 260px !important;} .how-to-pay .modal-header{padding:0} .header-logo-model{margin-bottom:0;padding-bottom:0} tag-raw{height:75px;float:left;width: 200px;} .bg-dark.compare-packs .package-block .package-details tag-raw {float:none !important;margin-left:0px!important;} tag-raw-cardback{height:75px;float:left;} .message-holder .text-info h4{display:block} .branch-container .faq-box-slider .branch-holder{height:420px} .branch-container .faq-box-slider .branch-holder .branch{padding:45px} .faq-box-slider .branch-holder h3{margin-bottom:15px} .bg-white .sub-nav-section .nav>li>a{font-size:16px;line-height:25px;padding:14px 50px;text-transform:uppercase;border-radius:28px;color:#fff;background-color:#00aeee;border:1px solid #00aeee} .card,.card-face.front,.card.my-2,.compare-terms .card .desc-hold,.desc-hold.card-face.back,.img-holder.card-face.front.multi-card,.spotlight-section .holder a,.theme-title .desc-hold{border-radius:7px} .sub-nav-section .nav-pills>li.active>a:focus,.sub-nav-section .nav-pills>li.active>a:hover{color:#00aeee;background-color:#fff} @media only screen and (min-width:320px) and (max-width:678px){.heading-area .sub-nav-section .nav>li>a{font-size:14px;line-height:49px;min-width:210%;padding:0 19px!important;margin-left:-34px;text-transform:uppercase} span.globe-text,span.login-text{display:none} .dropdown-content .header-sec{display:inline-flex;width:100%;clear:both;padding-bottom:2em;padding-left:5px;padding-right:5px} .dropdown-content .search-container{ /* width:60% */ width:auto !important; // change for language selector - Girish 24-7-2019 margin-right:10px max-width: 60%; // change for language selector - Girish 24-7-2019} .dropdown-content input.search-filed{padding:6px 7px;font-size:13px !important; width: 90%;} .dropdown-content .lang-dropdown{width:25%; /*width: auto;*/} .dropdown-content .jcf-select-lang-dropdown-menu.jcf-select{width:50%} button.btn.btn-primary.dropdown-toggle {padding:5px 0 0 !important} // change for language selector - Girish 24-7-2019 nav .dropdown-content{padding-top:1em} } @media only screen and (min-width:679px) and (max-width:825px){.dropdown-content .header-sec{display:inline-flex;width:100%} .heading-area .container span.sub {line-height: 25px; font-size:20px;} .dropdown-content .search-container{width:50%;margin-right:20px} .dropdown-content .close{width:25%} } #overlay,.country-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;cursor:pointer} #countrymessageModal,#errorModel,#messageModal,#myModal{text-align:center;padding:0!important} #messageModal{position:relative} #errorModel:before,#myModal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px} .modal-dialog{display:inline-block;text-align:left;vertical-align:middle} @media only screen and (max-width:650px) and (min-width:401px){.home-btn{margin:2px 10px!important} .slick-dots{margin-bottom:-20px!important} .custom-btn-postion{margin-left:2px!important} } @media only screen and (max-width:450px) and (min-width:320px){.country-row-mobile a.flag { padding-top: 6px ;text-align: left;} .f32 .country-row-mobile .flag {line-height: 15px;} .logo.country-logo { width: 170px;} } @media only screen and (min-width: 768px){.slick-dots {margin-right: -50px;} } @media only screen and (max-width:400px) and (min-width:320px){ .dropdown-content input.search-filed { padding: 4px 3px;} .loginLabel { margin-left: 5px;} .home-btn{margin-top:2px!important;min-width:161px!important} .inline-block{display:block} .slick-dots{margin-bottom:-50px!important;width:60%} .icon-Statements.icon-Arrow_down{ font-size: 25px; margin-top: 14px;} .custom-btn-postion{margin-left:2px!important} button.slick-next.slick-arrow,button.slick-next.slick-arrow.bg-gradient-45.arrow-font-color{ /* margin-top:7px*/} .custom-get-it-now{width:218px} #package-and-compare .head-area.lead-head h2,#package-and-compare-access .head-area.lead-head h2,#package-and-compare-family .head-area.lead-head h2,#package-and-compare-indian .head-area.lead-head h2,.left-text-align,.left-text-align h2,.left-text-align p{text-align:left!important} .center-btn{left:-55px} ,.contact-us .head-area.lead-head,.package-popup-overlay .head-area.lead-head{margin-top:-80px!important} .custom-button-headers{margin-bottom:-50px!important;width:218px} .banner-slider .banner-content .btn{margin-bottom:-15px} .custom-button-headers-text .text{margin-bottom:-26px!important} } .spotlight-slider .img-holder{border-top-left-radius:7px;border-top-right-radius:7px} .spotlight-section .desc{border-bottom-left-radius:7px;border-bottom-right-radius:7px} .spotlight-section a.track_newsslider{-webkit-box-shadow:-8px 9px 29px -6px rgba(0,0,0,.75);-moz-box-shadow:-8px 9px 29px -6px rgba(0,0,0,.75);box-shadow:-8px 9px 29px -6px rgba(0,0,0,.75)} .contact-us .in-page-form{display:none} .package-popup-overlay{position:relative!important;transition:opacity .5s} .package-popup-overlay:target{visibility:visible;opacity:1} .contact-us .head-area.lead-head,.package-popup-overlay .head-area.lead-head{ /* margin-top:-150px*/ text-align: center;} .contact-us,.package-popup-overlay{top:0%} .custom-get-it-now{background-color:#00aeee;border-color:#00aeee;color:#fff!important;text-align:center;padding:15px!important} @media only screen and (max-width:678px) and (min-width:320px){.great-wall-btn{margin-left:-50px!important} #header {height: auto;} } @media only screen and (min-width:678px){.package-popup-overlay .in-page-form input.col-md-12{left:40%} } .spotlight-section .heading-area{margin-bottom:30px!important;margin-top:-30px} .spotlight-section{margin-top:-35px} a.country{float:right;font-size:13px;color:#fff !important;font-weight:700;padding:0px 0;line-height:25px} .country span{margin-right:3px} .lang-dropdown span {display:inline-block;} .loginLabel img{width:20px;height:25px;margin-left:4px} #wrapper #header.fixed-position{background:rgba(0,0,0,.8);height:100px;position:fixed;} .dropdown-content{display:none;background:#000;visibility:visible;position:fixed;top:0;bottom:0;right:0;left:0;z-index:9999;padding-top:3em;text-align:center;width:100%;overflow:scroll} .ncb .dropdown-content.f32{padding-top:3em;} .dropdown-content.f32{padding-top:6em;} a.flag{color:#fff;float:left;width:100%;font-size:16px;padding:15px 0} input.search-filed{border-radius:28px;padding:3px 45px;border:1px solid #0095da;background-color:transparent;color:#fff} .search-container button{margin-left:-35px;padding:0;background-color:transparent;border:none;position: absolute;margin-top: 4px;} .search-container img{width:30px;height:30px;padding:0;margin:0} @media only screen and (max-width:678px) and (min-width:320px){.search-container img{width:25px;height:25px;padding:0;margin:0}} .header-sec{display:inline-flex;width:64%;float:right;clear:both;padding-bottom:2em} .lang-dropdown{width: 25%;} .search-container{width:auto;margin-right:20px;position: relative;} .jcf-select-lang-dropdown-menu.jcf-select{display:inline-block;vertical-align:top;position:relative;border:none;margin: 0;width: 30%;height: auto;border-radius:0;} .lang-dropdown img{width:25px;height:25px} .jcf-select.jcf-select-lang-dropdown-menu .jcf-select-text, .jcf-select.jcf-select-lang-dropdown-menu:focus .jcf-select-text{font-size:16px;margin:3px 14px 0 0;color:#fff !important;display: inline-block;} .jcf-select-lang-dropdown-menu span.jcf-select-opener{display:none} .header-sec .close{opacity:1} .close img{width:25px} select[disabled]{background-color:gray} .no-active .jcf-select.jcf-select-lang-dropdown-menu .jcf-select-text{color:gray} span.img-globe{padding:0px 4px;float:left;height:24px} #overlaycountry.country-overlay{background-color:rgba(0,0,0,.9)} img.down-icon{margin-top:-15px;margin-left:3px} img.icon-globe{display:block} img.down-icon.padd-check{margin-top:26px} .countryactive img.down-icon{margin-top:27px;margin-left:3px;height:9px} #countrymessageModal{top:30%} .globe-text{float:left;margin-top:2px} .countryactive .icon-globe{display:none} @media only screen and (max-width:678px) and (min-width:321px){.slick-dots{margin-bottom:7px!important;width:65%; left: -03%;} } @media only screen and (max-width:320px){.slick-dots{ margin-bottom: -85px!important; width: 65%; left: -18%;} } @media only screen and (max-width:678px) and (min-width:300px){.custom-button-headers{margin-bottom:-50px!important;width:218px} .banner-slider .banner-content .btn{margin-bottom:-1px !important;min-width:0;height:auto;padding:10px 12px} .custom-button-headers-text .text{margin-bottom:-26px!important} .bg-white .sub-nav-section .nav>li{display:inline-block;width:60%} .package-slider .specs li{font-size:12px} footer .footer-menu li:nth-child(2) a:before{left:4px} .home-btn{margin-top:2px!important;min-width:161px!important} .inline-block{ display: block !important;} .NewDstvPage .inline-block { display: block; text-align: center; margin: 0 auto; width: fit-content; } .banner-slider .banner-content.left{text-align:left;padding-right:135px} .banner-slider .banner-content .heading{padding-right:5px!important} .banner-slider .banner-content .heading:after{left:0!important} } @media only screen and (max-width:320px){.center-btn{left:-30px} } @media only screen and (max-width:678px) and (min-width:401px){.center-btn{left:-75px} } @media only screen and (max-width:768px){page-home h2,page-ng-home h2{ font-size: 25px !important; line-height: 40px !important; font-weight: 900 !important;} } @media screen and (max-width:320px){.red-tab span.arrow-btn-watch{margin-right:29%!important} .blue-tab .arrow-btn-watch,.pink-tab .arrow-btn-watch{margin-right:31%!important} .green-tab .arrow-btn-watch{margin-right:18%!important} } @media screen and (max-width:400px)and (min-width:321px){.blue-tab .arrow-btn-watch{margin-right:20%!important} .green-tab .arrow-btn-watch{margin-right:8%!important} .red-tab .arrow-btn-watch{margin-right:18%!important} #header .menuDiv { padding-top: 10px; padding-left: 10px; padding-right: 10px; float: left;} #header .menuText { margin-right: 5px;} #header .logo img { width: auto !important; } } @media screen and (max-width:500px) and (min-width:401px){.blue-tab .arrow-btn-watch, .green-tab .arrow-btn-watch, .pink-tab .arrow-btn-watch {margin-right: 8%!important;} .red-tab span.arrow-btn-watch{margin-right:7%!important} #header .menuDiv { padding-top: 10px; padding-left: 10px; padding-right: 10px; float: left;} #header .menuText { margin-right: 5px;} #header .logo img { width: auto !important; } } @media screen and (max-width:599px) and (min-width:501px){.blue-tab .arrow-btn-watch, .green-tab .arrow-btn-watch, .pink-tab .arrow-btn-watch {margin-right: -45%!important;} .red-tab span.arrow-btn-watch{margin-right:-4%!important} } @media screen and (max-width:600px) and (min-width:502px){.blue-tab .arrow-btn-watch, .green-tab .arrow-btn-watch, .pink-tab .arrow-btn-watch {margin-right: -38%!important;} .red-tab span.arrow-btn-watch{margin-right:-4%!important} } @media screen and (max-width:668px) and (min-width:503px){.blue-tab .arrow-btn-watch, .green-tab .arrow-btn-watch, .pink-tab .arrow-btn-watch {margin-right: -40%!important;} .red-tab span.arrow-btn-watch{margin-right:-4%!important} } @media screen and (max-width:991px) and (min-width:669px){.blue-tab .arrow-btn-watch,.green-tab .arrow-btn-watch,.pink-tab .arrow-btn-watch{margin-right:-50%!important} .home-page .blue-tab .arrow-btn-watch,.green-tab .arrow-btn-watch,.pink-tab .arrow-btn-watch{margin-right:-39%!important} .red-tab span.arrow-btn-watch{margin-right:-45%!important} .arrow-btn-label{margin-right:15%} } @media screen and (min-width:992px) and (max-width:1330px){.green-tab .arrow-btn-watch,.red-tab .arrow-btn-watch{margin-right:-60%!important} .blue-tab .arrow-btn-watch,.pink-tab .arrow-btn-watch{margin-right:-65%!important; top: 15px;} .wrap .arrow-btn-label{margin-right:12%} input.search-filed {padding: 3px 31px;} } @media screen and (min-width:1331px){.green-tab .arrow-btn-watch,.red-tab .arrow-btn-watch{margin-right:-66%!important } .blue-tab .arrow-btn-watch,.pink-tab .arrow-btn-watch{margin-right:-68%!important} .blue-tab .showcard .arrow-btn-watch, .pink-tab .showcard .arrow-btn-watch, .red-tab .showcard .arrow-btn-watch, .green-tab .showcard .arrow-btn-watch {margin: 8% auto !important;right: 0;border: none;display: block;} .arrow-btn-label{margin-right:9%} } @media screen and (max-width:399px){.second-slider .slick-arrow{top:18%!important;width:50px!important;height:50px!important;font-size:37px!important} button.slick-arrow [class*=" icon-"],button.slick-arrow [class^=icon-]{line-height:61px !important;} } @media screen and (max-width:668px) and (min-width:400px){.second-slider .slick-arrow{top:47%!important;width:50px!important;height:50px!important;margin-right:20px!important;font-size:37px!important} button.slick-arrow [class*=" icon-"],button.slick-arrow [class^=icon-]{line-height:52px} } footer .copyright-footer{background:#000!important} footer .footer-container .social-list,footer .footer-menu a{color:#FFFF!important} .btn,.btn-small,.webform div[class^=wg2k_] input[type=submit]{width:220px!important;padding-left:0!important;padding-right:0!important} .custom-button-headers-text .btn{padding-left:0!important;padding-right:0!important} @media only screen and (max-width:991px) and (min-width:679px){.btn{min-width: 160px !important;width: 160px !important;font-variant: normal;padding: 10px !important;line-height: 12px !important;} .how-to-pay-container .light-blue .inner {background: #0095da;width: 250px !important;min-width} } @media only screen and (max-width:678px) and (min-width:320px){.btn{min-width: 160px !important; font-variant: normal;padding: 16px 10px !important;line-height: 12px !important;} } span.custom-before-currency{float:left!important;margin-right:4px!important} .manage-section .btn{color:#00aeef!important;border-style:solid;background:0 0;border-width:1px;border-color:#00aeef} @media (max-width:768px){.currencyStyle{float:left!important;padding-left:27%} .currencyStyleHmPgBanner{float:left!important;padding-left:1%!important; font-size: .5em;} .popup.success h2,.popup.unsuccessful h2 {padding: 0 0 4vh !important;line-height: 31px;} } @media (min-width:769px){.currencyStyle{float:left!important} span.custom-before-currency{float:left!important;margin-right:8px!important} .package-slider .desc .rate{position:absolute;bottom:90px!important} .channelNoStyle{ font-size: xx-large; margin-right: 9px;} .channelWordStyle{ font-size: larger; font-weight: 250;} } @media only screen and (max-width:678px) and (min-width:300px){.package-section .package-slider .desc .low-hold {display: block;width: 100%;float: left;padding-bottom: 25px;} /*.package-section .package-slider .desc .btn-view {border: 2px solid #fff;border-radius: 23px;text-align: center;padding: 15px;margin: 0;color: #fff;text-transform: uppercase;font-size: 16px;line-height: 12px;font-weight: 500;width: 100%;cursor: pointer;float: left;margin-top: 10px;}*/ .package-section .package-slider .desc .btn-view {border: 2px solid #fff;border-radius: 23px;text-align: center;padding: 15px 0px 15px 0px;/* margin: 10px; */ color: #fff;text-transform: uppercase;font-size: 16px;line-height: 12px;font-weight: 500;width: 80%;cursor: pointer;float: left;margin-top: 10px;margin-right: 20px;align-items: cemter;} .low-hold .priceStyleCards {float: none;padding-bottom: 15px;font-size: 2.3em;margin-left: 5px;padding-right: 0px;} .low-hold .currencyStyleHmPgBanner {float: left;font-size: 1em;} .package-slider .card[packagename="DStv Indian"] .card-face .bg-holder {background-size: cover;background-position: 90%;} span.custom-before-currency{float:left!important;margin-right:-35px!important} span.priceStyle.home-page{padding-right:0!important; font-size: 1.8em;padding-top: 0px;padding-right: 31px;} .package-slider .desc .rate{position:absolute;bottom:70px!important} .currencyStyleHmPgBanner{float:left!important;padding-left:1%!important;font-size: .5em;} .priceStyle {font-size: 1.8em;padding-top: 0px;padding-right: 31px;} #wrapper button.slick-arrow [class*=" icon-"],#wrapper button.slick-arrow [class^=icon-] {line-height: 61px;} } .text-dark{color:#000!important} .card .desc-hold .body-wrap {height: 80%;} @media screen and (max-width:320px){ .channel-slider-section .nav {padding-left: 17%;display: grid;} } @media screen and (max-width:399px) and (min-width:321px){ .channel-slider-section .nav {padding-left: 23%;display: grid;} } @media screen and (max-width:668px) and (min-width:400px){ .channel-slider-section .nav {padding-left: 26%;display: grid;} } .country-row .column.col-md-2.col-xl-2.col-lg-2.col-sm-4.col-xs-6 {padding: 0px 5px;} .row.country-row-mobile {display: none;} .dropdown-content .container {width: 90%;} @media screen and (max-width:668px){.banner-block .search-opener {top: 55px !important;} #for-menu-on-mobile .search-opener{visibility: visible;} #for-menu-on-mobile {position: absolute;top: 40px;left: 50%;} #for-menu-on-desktop .search-opener, .search-opener{visibility: hidden;} } @media screen and (min-width:669px){#for-menu-on-mobile .search-opener{visibility: hidden;} #for-menu-on-desktop .search-opener {visibility: visible;} } span.text-arrow {font-size: 18px;margin-top: -2px;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;left: 27px;position: relative;-webkit-font-smoothing: antialiased;margin-left: -89px;} span.fa.fa-angle-down {margin-top: 39px;} a.call-button {line-height: 50px !important;} .package-landing .theme-labels a.panel-heading:hover { background-color: #fff !important; color: #000 !important;} /*.list-inline li a { color: #fff !important;}*/ .list-inline li a:hover {color: #000 !important;} @media only screen and (max-width:399px) and (min-width:321px){span.text-arrow {font-size: 12px;margin-top: -60px;left: 46px;margin-left: -89px;} span.fa.fa-angle-down {margin-top: -26px;} #header .loginLabel {margin-left: 5px;} } @media only screen and (max-width: 668px) and (min-width: 400px){span.text-arrow {font-size: 14px;margin-top: -57px;margin-left: -85px;left: 37px;} span.icon-Statements.icon-Arrow_down {font-size: 25px;margin-top: 9px;} span.fa.fa-angle-down {margin-top: -25px;} } @media only screen and (max-width: 320px){span.text-arrow {font-size: 14px;margin-top: -12px;left: 32px;margin-left: -80px;} span.fa.fa-angle-down {margin-top: 70px;} } body.scrollhidden { /* overflow: hidden; */} #cboxClose {height: 50px;width:50px;} .lead-head h2 {margin-top: 20px;} .thinFont{font-weight:lighter;} @media only screen and (max-width:678px){.search-container button { margin-left: -31px;} } @media only screen and (max-width:678px) and (min-width:320px){.search-container button { margin-left: -31px;} } @media only screen and (max-width: 1300px) and (min-width:679px){.search-container button { margin-left: -35px;} } span.globe-text:hover, .f32 a:hover {color: #fff !important;} @supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */ #header .nav-opener:hover , #header .nav-opener:visited, #header .nav-opener:focus, #header .nav-opener:focus-within{ color: #fff;} } #header .nav-opener:hover , #header .nav-opener:visited, #header .nav-opener:focus, #header .nav-opener:focus-within{color: #fff;outline: 0;} #header .nav-opener:hover span, #header .nav-opener:hover:after, #header .nav-opener:hover:before {background: #fff;} .search-container input.search-filed {border-radius: 28px;} span.icon-Statements.icon-Arrow_down {margin-bottom: -70px;} @media only screen and (max-width: 320px){.slick-dots {margin-bottom: -85px!important;width: 65%;transform: translate(-50%, -50%) rotate(90deg) !important;left: 64%;top: 66%;} } @media only screen and (min-width: 768px){.banner-slider .slide {min-height: 100vh !important;} .article-landing .banner-slider .slide {min-height: 440px !important;height: 70vh;} .div#ussd {height: 100% !important;width: 186px !important;} .banner-block, html { height: 118vh !important;} .banner-block#for-package-landing-page, html {/* height: 1vh !important; */ height: auto !important;} } @media only screen and (min-width: 1920px){.banner-block, html {height: 114vh !important;} } @media only screen and (max-width: 767px){ .div#ussd {height: 100% !important;width: 186px !important;} .banner-slider .slide { min-height: 100vh !important;} .banner-block, html { height: 130vh !important;} .bg-dark.compare-packs>.container>.row:first-child{ display:block !important;} .bg-dark.compare-packs .package-image.img-bg img{ float:left;} .bg-dark.compare-packs .package-block{ margin-bottom: 10px; margin-top: 10px;} .bg-dark.compare-packs .package-block .pricebar{ margin-top: 5px;} .bg-dark.compare-packs .package-block .package-details{ padding:30px !important;} .bg-dark.compare-packs .package-block .package-logo{ padding:20px !important; width:60% !important;} tag-raw { height: auto !important; font-size: 14px; margin-left: 61px !important;} } @media only screen and (min-width: 767px) and (max-width: 1200px){ .div#ussd {height: 100% !important;min-width: 278px !important;width: auto !important;} .how-to-pay-container .light-blue .inner {background: #0095da;width: 278px !important;} .bg-dark.compare-packs .package-image.img-bg img{ float:left;} .bg-dark.compare-packs .package-block{ margin-bottom: 10px; margin-top: 10px;} .bg-dark.compare-packs .package-block .pricebar{ margin-top: 5px;} .bg-dark.compare-packs .package-block .package-details{ padding:30px !important;} .bg-dark.compare-packs .package-block .package-logo{ padding:20px !important; width:60% !important;} .bg-white .package-slider .desc .btn-view { width: 180px;} } .package-landing section {/*padding: 130px 0 75px !important;*/ /*padding: 0 0 21px !important;*/ } .btn-whatsapp {margin-top: -82px !important;} @media only screen and (min-width: 992px){.how-to-pay-container .light-blue .inner {background: #0095da;width: auto !important;} .package-section {padding: 9vw 0 !important; /* padding-top: 0 !important;*/}} .whatsapp-page .col-sm-8.col-sm-offset-2 {margin-bottom: 150px !important;} .whatsapp-page h1 {margin-bottom: 10px !important;} @media only screen and (min-width: 992px){.heading-area .sub {font-weight: normal !important;} } .spotlight-section.bg-white {background-color: #ffffff !important;} .package-section.bg-white {background-color: #ffffff !important;} .social-footer .list-inline.social-list a.text-center .icon {color: #060606 !important;} .social-footer .list-inline.social-list a.text-center {color: black !important;background: #ffffff;border-radius: 30px;} #countryErrorMessageModal button.btn.btn-default {border-radius: 30px;width: 25% !important;min-width: 170px !important;} #countryErrorMessageModal .modal-footer {text-align: center;} .social-footer {margin-bottom: 13px;} .spotlight-section .heading-area .sub {color: #11b5ef;font-size: 55px;line-height: 40px;font-weight: 100 !important;margin-bottom: px;letter-spacing: .75px;} .watch-section .heading-area .sub,.package-section.bg-white .container>.sub {font-size: 25px;line-height: 14px;display: block;margin-left: 10px;font-weight: 900 !important;} @media only screen and (max-width: 767px){ .how-to-pay-container .light-blue .inner {background: #0095da;width: 178px !important;} .home-page section {padding: 0 0 30px !important;text-align: left;} .home-page .watch-section span.sub, .home-page .watch-section .blue-tab .heading-area .container h2, .home-page .watch-section .green-tab .heading-area .container h2, .home-page .watch-section .pink-tab .heading-area .container h2, .home-page .watch-section .blue-tab.international .heading-area .container h2, .home-page .watch-section .red-tab .heading-area .container h2 {text-align: left !important;margin-left: 32px !important;padding:0 !important;} } @media screen and (max-width:600px) and (min-width:320px){.home-page .watch-section .tabset li { margin-left:2% !important;} } @media only screen and (max-width: 768px) { .home-page .show-slider .slide {min-width: auto !important;} } @media only screen and (max-width: 767px) { .home-page section.manage-section {padding: 40px 0 0;} .home-page .watch-section .tabset {justify-content:flex-start;} } @media only screen and (max-width: 600px) { .home-page .watch-section .tabset {margin-top:87px !important;} } /** Custom 26.02.2019 TM @media only screen and (max-width: 767px) { .home-page .watch-section .tabset {justify-content:flex-start !important;padding:0 0 0 40px;} .home-page .container span.sub, .home-page .container h2.uppercase {text-align:left;padding: 0 30px;} .home-page .spotlight-section .heading-area .container h2 {text-align: left;margin-left: 34px !important;padding:0 !important;} .home-page .watch-section .blue-tab .container {margin-top: 60px;margin-bottom: 70px;} .home-page .package-slider .slick-list {padding: 0 44px !important;} .home-page .spotlight-section .heading-area {width: 100%;padding: 0 !important;} } @media (min-width: 768px) { .home-page .container {width: 96% !important;max-width:1366px;} } @media (min-width: 1200px) { .home-page .container, .package-slider .slick-list {width: 96% !important;max-width:1366px;} .home-page .package-slider .slick-list {padding: 25px 40px 25px 0 !important;} } @media (min-width: 992px) { .home-page .container, .package-slider .slick-list {width: 96% !important;max-width:1366px !important;} } @media only screen and (max-width: 560px) { .home-page .show-slider .slick-list {padding: 0 42px 0 9px !important;} } .home-page .package-slider .slide {padding: 0 16px 0 0 !important;} .home-page .spotlight-section .holder {padding: 0 22px 0 0 !important;} .home-page .spotlight-slider .slick-list {padding: 0 !important;margin: 0 0 0 14px !important;} @media only screen and (min-width: 480px) { .initial-state .slide-item {margin-left: -1040px !important;} } @media only screen and (min-width: 992px) { .home-page .spotlight-slider .slick-list {padding: 49px 40px 1vw 0 !important;} .watch-section .bg-holder .show-slider-holder {padding: 0;} .home-page .spotlight-slider .slick-list {max-width: 1254px !important;} @media only screen and (min-width: 992px) { .home-page .spotlight-section .holder {padding: 0 16px 0 0 !important;} .home-page .show-slider .slick-list {padding: 0;} .spotlight-slider {margin-bottom: 36px;max-width: 992px !important;padding: 0 70px;} } @media only screen and (min-width: 1366px) { .home-page .spotlight-slider {margin-bottom: 36px;max-width: 1366px !important;padding: 0;margin:0 auto;} } @media only screen and (min-width: 1601px) { .home-page .watch-section .bg-holder .show-slider-holder {padding: 0 16vw 0 0 !important;margin: 0 auto !important;} } @media only screen and (min-width: 992px) { .home-page .watch-section .bg-holder .show-slider-holder {padding: 0 6vw 0 40px;width: 96%;max-width: 1366px;} } @media only screen and (min-width: 480px) { .home-page .initial-state .slide-item {margin-left: -510px !important;} } @media only screen and (min-width: 768px) { .home-page .show-slider .slick-list {max-width: 1366px !important;margin: 0 !important;} } @media only screen and (min-width: 1367px) { .show-slider .slick-list {padding: 0;} } END Custom 26.02.2019 TM **/ @media only screen and (max-width: 668px){page-home .watch-section .heading-area .container h2, page-ng-home .watch-section .heading-area .container h2,.package-section.bg-white .container>h2 {font-size: 38px !important;/*margin-top: 14px !important;*/ line-height: 40px !important;font-weight: 100 !important;margin-left: 10px;padding-bottom: 15px;} page-home .watch-section .pink-tab .heading-area .container h2{ /* margin-left: -71px !important;*/} page-home .watch-section .red-tab .heading-area .container h2{ /* margin-left: -81px !important;*/} page-home .watch-section .green-tab .heading-area .container h2{ /* margin-left: -66px !important;*/} page-home .watch-section .blue-tab.international .heading-area .container h2 { /* margin-left: 104px !important;*/} /*page-home .watch-section .blue-tab .heading-area .container h2{margin-left: -42px !important;}*/ .watch-section .desc-hold.card-face.back {text-align: left;} } @media only screen and (min-width: 669px){page-home .watch-section .heading-area .container h2, page-ng-home .watch-section .heading-area .container h2,.package-section.bg-white .container>h2 {font-size: 55px !important;margin-top: 14px !important;line-height: 40px !important;font-weight: lighter !important;margin-left: 10px;} } @media only screen and (max-width: 668px){.watch-section .heading-area {margin-bottom: 45px;position: relative;z-index: 2;margin-left: -101px;} } p#modalMessage {color: Black !important;text-align: center;width: 89%;padding-left: 71px;font-size: 20px;} ul.list-inline li a {color: #fff;} .news-landing .banner-block, .news-landing #home-banner-slider { display: block;} @media only screen and (min-width: 768px) { .news-landing #home-banner-slider h1.larger-text, .news-landing #home-banner-slider .h1.larger-text, .news-landing #home-banner-slider h2.larger-text, .news-landing #home-banner-slider .h2.larger-text { font-size: 36px; line-height: 40px; } } @media only screen and (min-width: 992px) { .news-landing #home-banner-slider h1.larger-text, .news-landing #home-banner-slider .h1.larger-text, .news-landing #home-banner-slider h2.larger-text, .news-landing #home-banner-slider .h2.larger-text { font-size: 47px; line-height: 50px; } } .news-landing #home-banner-slider button.slick-arrow { background-color: transparent; color: #ffffff; top: 50%; box-shadow: none; opacity: 0;} @media only screen and (min-width: 992px) { .news-landing #home-banner-slider button.slick-arrow { opacity: 0.4; } .news-landing #home-banner-slider button.slick-arrow [class^="icon-"], .news-landing #home-banner-slider button.slick-arrow [class*=" icon-"] { font-size: 70px; line-height: 70px; } .news-landing #home-banner-slider button.slick-arrow:hover { opacity: 1; } } @media all and (max-width: 1199px) { .news-landing #home-banner-slider button.slick-arrow [class^="icon-"], .news-landing #home-banner-slider button.slick-arrow [class*=" icon-"] { font-size: 50px; line-height: 70px; } .how-to-pay-container .light-blue .inner { background: #0095da; width: auto !important; } } .news-landing #home-banner-slider button.slick-arrow.slick-next { right: 55px;} @media all and (max-width: 1199px) { .news-landing #home-banner-slider button.slick-arrow.slick-next { right: 7px; } } .news-landing #home-banner-slider button.slick-arrow.slick-prev { left: 55px;} @media all and (max-width: 1199px) { .news-landing #home-banner-slider button.slick-arrow.slick-prev { left: 7px; } } .news-landing .search-bar.general-page-head {display: none;} .package-section .package-slider .desc .text {font-size: 14px;line-height: 20px;margin-bottom: 15px;min-height: 120px;text-align: left;border-top: 1px solid #fff;padding-top: 20px;margin-top: 10px;width: 60px;} .package-section .package-slider .desc .heading.heading-white:after {background-color: transparent;} @media only screen and (max-width:1024px) and (min-width:768px){.package-section .package-slider .card-face .bg-holder {background-size: cover;background-position: 100%;} .how-to-pay-container .light-blue .inner {background: #0095da;width: 250px !important;} .category-list-menu.account-nav .sub-nav-holder .dropdown .dropdown-menu {padding: 24px 0 0;width: 100%;max-width: 100%;height: auto;overflow: unset;text-align: center;} .article-landing .search-bar.general-page-head.overlay.fadeIn {display: none;} } .my-profile.block-my-profile , .block-transaction-history, .block-change-package{ display: block;} .confirm-date-info , .my-profile-sec, .changepackages , .update-details, .package-select-sec, .package-select-date-info {display: none;} .box-holder .btn-default.dark, .box-holder .btn-primary.dark {width: 100% !important;} .block-my-profile .update-details, .update-details.block-transaction-historys {background-color: transparent;padding: 00px; box-shadow: none;} a.btn.btn-default.dark.residentialgeneral-button.disabled {background: #00aeee !important;} .tag-page-update-details .form-on-white div.serial .text {color: #000;} .tag-page-update-details .form-on-white fieldset>div>div .select-option .jcf-select .jcf-select-text {color: #000;} .form-on-white fieldset>div>div div.serial { border-radius: 5px;} .update-details { border-radius: 10px;} .tag-page-update-details .form-on-white div.serial .form-control, .form-on-white div.serial .text {color: #000;} .box-holder .c100 .slice { clip: auto;} .c100.red .bar, .c100.red .fill {clip: rect(0,1em,1em,0);} } .category-list-menu.account-nav .sub-nav-holder .dropdown .dropdown-menu li.active span, .category-list-menu.account-nav .sub-nav-holder .dropdown .dropdown-menu li:hover span {color: #00aeef;background-color: #fff;opacity: 1;} .category-list-menu.account-nav .sub-nav-holder .dropdown .dropdown-menu li span {padding: 0;border: none;white-space: normal;line-height: 1.3;font-size: 16px;color: #555;background-color: #fff;opacity: .8;font-weight: 400;text-transform: none;cursor: pointer;} /********************* Update Details ********************/ .form-group .form-control {font-size: 18px;line-height: 22px;color: #000;border: 1px solid #ccc;border-radius: 10px;} .my-profile #mainblock .box-holder, .my-profile #paymentGrid .box-holder {border-radius: 10px;} .my-profile #paymentGrid .box-holder .btn {border-radius: 10px;} .box-holder .btn-default.dark, .box-holder .btn-primary.dark { border-radius: 10px;} .next-form, .third-form{display:none;} .btn-black, .btn-dark-blue, .btn-default, .btn-primary, .btn-secondary, .btn-theme, .btn-holder .btn-white {min-width: 280px;} .main-container .search-bar.overlay:before {background: rgb(245,245,245,0.6);background-image: none;/*box-shadow: 4px 1px 2px 1px #ccc;*/} .search-bar.general-page-head {background-image: none !important;} .change-package .packages li .package-block .package-image.img-bg, .change-package .packages li .package-block {border-top-left-radius: 10px;border-top-right-radius: 10px;} .change-package .packages li .package-block, .change-package .packages li .pricebar {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .row.change-package .packages li .package-block {background-color: transparent; } @media only screen and (min-width: 769px){#general-banner-slider .next{width: 65px;height: 65px;bottom: 40px;margin-left: -33px;font-size: 45px;line-height: 1;} #comaparesection .next{width: 65px;height: 65px;bottom: 40px;margin-left: -33px;font-size: 45px;line-height: 1;} .how-to-pay-container .light-blue .inner {background: #0095da;} } #general-banner-slider .next {position: absolute;bottom: 40px;left: 50%;width: 40px;height: 40px;margin-left: -20px;border: none;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;font-size: 36px;line-height: 1;border-radius: 100%;color: #fff;z-index: 3;-webkit-animation: nextbounce 2s ease infinite;animation: nextbounce 2s ease infinite;-webkit-animation-direction: normal;animation-direction: normal;} #comaparesection .next {position: absolute;bottom: -30px;left: 50%;width: 40px;height: 40px;margin-left: -20px;border: none;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;font-size: 36px;line-height: 1;border-radius: 100%;color: #fff;z-index: 3;-webkit-animation: nextbounce 2s ease infinite;animation: nextbounce 2s ease infinite;-webkit-animation-direction: normal;animation-direction: normal;} .watchBg{background: rgb(80,80,80);background: -moz-linear-gradient(18deg, rgba(80,80,80,1) 0%, rgba(26,31,37,1) 46%, rgba(8,11,14,1) 81%);background: -webkit-linear-gradient(18deg, rgba(80,80,80,1) 0%, rgba(26,31,37,1) 46%, rgba(8,11,14,1) 81%);background: linear-gradient(18deg, rgba(80,80,80,1) 0%, rgba(26,31,37,1) 46%, rgba(8,11,14,1) 81%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#505050",endColorstr="#080b0e",GradientType=1);} .tabset .move-block {left: 15px; } .NewDstvPage .tabset .move-block {display: none; } .footer-container .row.footer-menu.text-center .mega-stacked.mega-menu>li.lvl-1.has-dropdown span.toggle-span {margin-right: 44px;} .footer-container .row.footer-menu.text-center .mega-menu.mega-stacked .mega-toggle {padding: 0 30px 0px 30px;text-align: center;} .footer-container .row.footer-menu.text-center .mega-stacked.mega-menu>li.lvl-1.has-dropdown span.mega-icon {margin-right: -187px !important;} .footer-container .row.footer-menu.text-center .mega-stacked.mega-menu>li.lvl-1.has-dropdown {padding: 0 0 0 30px;} .footer-container .row.footer-menu.text-center .mega-stacked.mega-menu>li.lvl-1.active {padding: 0 0 0 30px;} @media only screen and (max-width: 767px){.compare-terms.contact-us p a {word-break: break-all;} .backArrowSVG{width: 35px;margin-left: 15px;} #backBtn{color: #fff;} .manage-section .text.h1{line-height: 45px;} .manage-section .text.h2{line-height: 35px;} .desc-holder p{text-align: center !important ;margin-top: -12px !important;} } a.btn.btn-rounded.btn-theme.package-cardsection-track.inlinePop.btn-premium.anim-btn.cboxElement {background-color: #55803e !important;} a.btn.btn-rounded.btn-theme.package-cardsection-track.inlinePop.btn.anim-btn.cboxElement {background-color: #000000 !important;} button#cboxClose {width: 50px;height: 60px;z-index: 999;} @media (max-width: 767px){.footer-container .mega-menu.mega-stacked {padding-bottom: 10px;padding-top: 10px;} .footer-menu.pb-9 {padding-bottom: 30px;} body #wrapper #header.fixed-position { height: 90px;} .spotlight-section .heading-area {float: left;} .spotlight-section .heading-area .sub { font-size: 44px;} } #wrapper #header {background-image: linear-gradient(to bottom,rgba(1,0,0,.7) 0,rgba(0,0,0,0) 100%);position:absolute;} @media only screen and (max-width:1024px) and (min-width:679px){.container.mega-menu {max-width: 100%!important; padding: 150px 0px;} .container.footer-container .row.footer-menu.text-center .mega-stacked.mega-menu>li.lvl-1.has-dropdown {padding: 0 0 0 0px;} .container .row.footer-menu.text-center .mega-menu.mega-stacked .mega-toggle {min-width: 120px;} .container.footer-container .row.footer-menu.text-center .mega-stacked.mega-menu>li.lvl-1.has-dropdown span.mega-icon {margin-right: -174px !important;} .container.mega-stacked.mega-menu>li.lvl-1.has-dropdown span.menu-item-txt { padding: 25px 5px;} .container.footer-container .row.footer-menu.text-center .mega-stacked.mega-menu>li.lvl-1.has-dropdown span.toggle-span {margin-right: 35px;} .container .row.footer-menu.text-center .mega-menu.mega-stacked {padding-top: 30px; margin-left: 0px !important; height: 60vh !important;padding-left: 0px;padding-right: 0px;} .desc-holder p{text-align: center !important ;margin-top: -12px !important;} .route-page-home .watch-section .tabset li {font-size: 14px;line-height: 14px;} .route-page-home .watch-section .bg-holder {padding: 30px 0 58px;} .watch-section .heading-area {text-align: left;} .route-page-home .watch-section .tabset li+li {margin-left: 25px;} .tabset .move-block {display: none;} .route-page-home section.package-section.bg-decoder {padding-top: 40px !important;} } body.article-landing section.discover-section.bg-white .btn-holder a.btn-desc.fill.track_showbutton {margin-left: 117px;} @media screen and (max-width:600px) and (min-width:320px){body.article-landing section.discover-section.bg-white {height: auto;} .slide-holder .heading-area { margin-bottom: 0px;} body.article-landing section.discover-section.bg-white .card.img-holder {margin-top: 62px;} body.article-landing .card {height: 560px;width: 225p} body.article-landing section.discover-section.bg-white .col-md-6.col-lt-side .card.desc-hold {margin-left: 135px;} body.article-landing section.discover-section.bg-white .card.img-holder {margin-top: 62px;} body.article-landing section.discover-section.bg-white .col-md-6.col-lt-side .card.desc-hold { height: 364px; width: 350px;} body.article-landing section.discover-section.bg-white .card.img-holder img {height: 225px; width: 225px;} .route-page-home .watch-section .tabset li {font-size: 13px;line-height: 13px;} .route-page-home .watch-section .tabset-holder {top: 20px;} .route-page-home .watch-section .bg-holder {padding:29px 0 58px;} .route-page-home .watch-section .heading-area {margin-left: 0; margin-top:100px;} .tabset .move-block {display: none;} } @media screen and (max-width:679px) and (min-width:601px){.watch-section .heading-area {text-align: left;} .route-page-home .watch-section .tabset-holder {top: 40px;} .route-page-home .watch-section .heading-area {margin-left: 0;} .route-page-home .watch-section .bg-holder {padding: 40px 0 58px;} .tabset .move-block{display: none;} } .btn-blak{background-color: #000000 !important;} .thinFont{font-weight: 200;line-height: normal;} .home-page.nav-active #header .back-to-home { display: none !important;} .fade.in {opacity: 1;/*position: relative;*/} @media only screen and (max-width: 767px){.home-page.nav-active .logo {width: auto;display: none;} } @media only screen and (min-width:667px) and (max-width:1200px){.nav-opener em { display: block ;margin-left: -54px;color: #b2b2b2;} .how-to-pay-container .light-blue .inner {background: #0095da;width: 250px !important;} div#ussd {height: 100% !important;min-width: 278px !important;width: auto !important;} } @media only screen and (min-width:320px) and (max-width:667px){nav#nav .social-links { background-color: transparent;} } @media only screen and (max-width: 767px){.home-page.nav-active #header .nav-opener {/*margin-right: -75px;*/ }} @media (max-width: 991px){.mega-menu.mega-stacked {padding-bottom: 0px !important;overflow-y:auto!important;} } .manage-section .img-holder:before {box-shadow: -30px -85px 40px rgba(0, 0, 129, 0.04), -20px -85px 40px rgba(0, 0, 129, 0), -20px -85px 40px rgba(0, 0, 0, 0) !important;} .col-md-4.faq-subcat-container a.btn.btn-default.btn-rounded.anim-btn {position: relative !important;} @media only screen and (min-width: 320px) and (max-width: 767px) {footer .backgroundGrey.ctas.mb-5 {margin-top: 0px !important;display: none;} .route-page-home section.package-section.bg-decoder {padding-top: 40px !important;} } footer .footer-menu a:last-child {padding-right: 0;color: #fff !important;} .nav-opener::after {top: 27px;width: 26px !important;left: auto;} #main .watch-section .slick-slide {opacity: 1;width: auto; min-width: 220px;} #nav .mega-stacked.mega-menu>li.lvl-1.has-dropdown span.menu-item-txt {font-size: 40px;padding: 20px 5px 20px;} #nav .mega-stacked.mega-menu>li.lvl-1.has-dropdown ul li.lvl-2 .menu-item-txt { font-size: 17px; padding: 12px 5px;} .ncb #nav .mega-menu.mega-stacked {padding-top: 110px;padding-bottom: 130px;} #nav .mega-menu.mega-stacked {padding-top: 175px;padding-bottom: 130px;} /************************** Home page Banner Arrow ***************************/ .fake-slick-prev, .slick-prev {left: 39px;-webkit-transform: translateY(-50%) rotate(180deg);-ms-transform: translateY(-50%) rotate(180deg);} .fake-slick-next, .slick-next {right: 39px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);} #main .watch-section .slick-slide {opacity: 1;} .home-page #home-banner-slider button.slick-arrow {opacity: 0.4!important;transition: .5s;} .home-page #home-banner-slider button.slick-arrow:hover {opacity: 1 !important;margin-left: -12px;} #home-banner-slider .slick-next:hover {right: 43px !important; } @media only screen and (min-width: 320px) and (max-width: 667px) { .home-page #home-banner-slider button.slick-arrow {opacity: 0.2 !important;right: 7px !important;} .home-page #home-banner-slider button.slick-arrow:hover {opacity: 0.7 !important;margin-left: 0px !important;} #home-banner-slider .slick-next:hover {margin-right: 0px !important; opacity: 1 !important;} } /*Arrow Start*/ /*.icon-Arrow_right_thin:before {content: "\e954" !important;} .home-page #home-banner-slider button.slick-arrow {top: 76% !important;transform: translateY(-50%) rotate(0deg);} .home-page #home-banner-slider button.slick-arrow.slick-next {right: 55px;transform: translateY(-50%) rotate(180deg) !important;} @media only screen and (min-width: 320px) and (max-width: 667px) { .home-page #home-banner-slider button.slick-arrow.slick-next {left: 40px !important; line-height: 50px !important;width: 100% !important;} } @media only screen and (min-width: 320px) and (max-width: 667px) { .home-page #home-banner-slider button.slick-arrow.slick-prev {left: -40px !important;width: 100% !important;line-height: 50px !important;} .home-page #home-banner-slider button.slick-arrow {top: 89% !important;} } @media only screen and (min-width: 668px) and (max-width: 991px) { .home-page #home-banner-slider button.slick-arrow {top: 83% !important;} } .home-page #home-banner-slider button.slick-arrow.slick-next { left: 45px; line-height: 50px !important;width: 100%;} .banner-slider button.slick-next.slick-arrow {left: 50px!important;} .home-page #home-banner-slider button.slick-arrow.slick-prev {left: -45px !important;width: 100% !important;line-height: 50px !important;} @media (max-width: 1199px){.home-page #home-banner-slider button.slick-arrow [class^=icon-] {font-size: 40px !important; line-height: 50px !important;} }*/ @media only screen and (min-width: 768px){.banner-slider .banner-content h1 {margin-bottom: 42px !important;} } @media only screen and (min-width: 668px) and (max-width: 991px) { .thinFont {/* line-height: 40px!important; */}} /********************************* End ***************************/ /*Change Made by Jaydip*/ .transaction-history-changed{display:none;} /*Change Made by Mahesh*/ .how-to-pay-container {position: relative;height: 644px !important;} @media screen and (max-width:991px) and (min-width:320px){.how-to-pay-container { min-height: 520px !important;} } /*changes by vikrant*/ .navbar .dropdown a{color:#ffffff;} .nav li a{color:#ffffff;} .nav li a:hover{color:#179edd!important;background:transparent!important;} .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:transparent!important; color:#179edd;!important} /*changes by vikrant*/ .compare-terms .card .desc-hold .body-wrap ul li.insta:before {margin-left: -20px;content: "" !important;font-family: DSTV-Icons!important;} .compare-terms .card .desc-hold .body-wrap #myDiv ul {padding-left: 0px; margin-bottom: 0;} .theme-title .compare-terms .card .desc-hold .body-wrap ul li:before {position: absolute;right: calc(100% + 5px);font-size: 10px;top: 6px;content: none !importan;font-family: none !important;} #myDiv .caret {display: inline-block;width: 0px;height: 0px;margin-top: -38px;position: relative;margin-right: 10px;content: "\e914" !important;font-family: 'DSTV-Icons'!important;/* margin-left: 89px; */ color: #fff;border-top: 4px dashed;border-top: 4px solid\9;float: right;border-right: 7px solid transparent;border-left: 7px solid transparent;} span.caret1.icon-ico-arrow-down {content: "\e914" !important;font-family: 'DSTV-Icons'!important;font-size: 14px !important;top: -42px !important;position: relative;color: #fff;width: 16%;font-size: -7px; float: right;} @media screen and (max-width:667px) and (min-width:451px){span.caret1.icon-ico-arrow-down {top: -69px !important;display: -webkit-box;width: 16%;float: right;} } @media screen and (max-width:450px) and (min-width:320px){span.caret1.icon-ico-arrow-down { top: -54px !important; display: -webkit-box;width: 16%; float: right;} } img#__mcenew { /* margin-top: 7px;*/} @media screen and (max-width:530px) and (min-width:430px){#myDiv .caret {display: inline-block;width: 0px;height: 0px;margin-top: -54px !important;} } @media screen and (max-width:570px) and (min-width:531px){#myDiv .caret {display: inline-block;width: 0px;height: 0px;margin-top: -54px !important;} } @media screen and (max-width:991px) and (min-width:571px){#myDiv .caret {display: inline-block;width: 0px;height: 0px;margin-top: -0px; position: relative;margin-right: -1px;margin-left: -40px;content: "\e914" !important;font-family: 'DSTV-Icons'!important; color: #fff;border-top: 4px dashed;border-top: 4px solid\9; float: none;border-right: 7px solid transparent;border-left: 7px solid transparent;} } @media screen and (max-width:991px) and (min-width:668px){span.caret1.icon-ico-arrow-down {content: "\e914" !important;font-family: 'DSTV-Icons'!important;font-size: 14px !important;top: 0px !important;position: relative;color: #fff;margin-left: -54px;width: 0%; font-size: -7px;float: none; }} .theme-title .desc-hold.card-face {height: 405px;} @media only screen and (min-width: 768px){.compare-terms .card .desc-hold .btn-holder { padding: 7px 0px !important;} } @media only screen and (min-width: 992px){.heading-area {margin: 0px auto 15px!important;} } @media screen and (max-width:1400px) and (min-width:992px){.tag-page-home span.sub {margin-top: 50px;} .spotlight-section.bg-white .heading-area span.sub {margin-top: 0px;} } #smartTooltip2 {display: none;position: absolute;cursor: pointer;margin-top: -15px;border-radius: 5px;color: white;border: solid 1px #eee;background-color: #00508f;padding: 8px 20px;z-index: 1000;width: 90%;} /*.loginPage Section {padding: 35px 0 60px;}*/ @media only screen and (max-width: 767px){.loginPage section {padding: 0px 0px 95px;text-align: center;} } .alertSignIn-popup{border: 1px solid #5cb85c !important;color: #11d111 !important;position: absolute;top: 198%;z-index: 9999;background-color: #fff !important;border-radius: 5px !important;/* margin-left: 0% !important; */ font-weight: 300 !important; height: auto;margin-top: 70px; } #smartTooltip1 {display: none;position: absolute;cursor: pointer;margin-top: 0px !important;border-radius: 5px;color: white;border: solid 1px #eee;background-color: #00508f;padding: 8px 20px;z-index: 998;width: 91.4%;} div#ussd.active .inner.soft-shadow {width: 100% !important;} @media only screen and (max-width: 420px) and (min-width: 320px){ .alertSignIn-popup {border: 1px solid #5cb85c !important;color: #11d111 !important;position: absolute;/* top: 198%; */ z-index: 9999;background-color: #fff !important;border-radius: 5px !important;/* margin-left: 0% !important; */ font-weight: 300 !important;height: auto;margin-top: 84%;} } @media only screen and (max-width: 667px) and (min-width: 421px){ .alertSignIn-popup { margin-top: 60%;} } @media only screen and (max-width: 667px) and (min-width: 401px){ .alert.alert-danger.text-align-center.Err.alertSignIn-popup {position: absolute;/* top: 32%; */ z-index: 9999;background-color: #fff;border-radius: 5px;margin-left: -15%;margin-top: 80%;font-weight: 300 !important;width: 124% !important;height: auto;} } @media only screen and (max-width: 991px) and (min-width: 668px){ .alert.alert-danger.text-align-center.Err.alertSignIn-popup { position: absolute;/* top: 32%; */ z-index: 9999;background-color: #fff;border-radius: 5px; margin-left: -15%;margin-top: 54%;font-weight: 300 !important;width: 124% !important;height: auto;} } .contact-text .msgBox ul li, .contact-text .msgBox ul li label {font-size: 14px;font-weight: 400 !important;color: inherit;} /*.icon-Arrow_right_thin:before { content: "\e916" !important;font-family: 'DStv-com-icons' !important;font-size: 40px;font-family: 'DStv-com-icons' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}*/ .js-tab-hidden, body.tag-page-home .banner-block, body.tag-page-ng-home .banner-block {display: block!important;background-color: #fff !important;} /*@media only screen and (max-width: 667px) and (min-width: 320px){ .icon-Arrow_right_thin:before { font-size: 3rem;} }*/ @media only screen and (min-width: 992px) {.manage-section .desc-holder {width: 66% !important;text-align: left;margin: 0;} } span.sublink a {color: #0095da;font-weight:300 !important;} span.sublink a:hover {color: #80caec;} @media only screen and (min-width: 992px){.manage-section .text {font-size: 33px;line-height: 44px;padding: 0;margin-bottom: 23px !important;} } @media only screen and (max-width: 350px){li, p {line-height: 20px;} } .bg-gradient-45{ background-image: linear-gradient(135deg,#000713,#00aeee) !important;} .NewDstvPage .bg-gradient-45 {background: rgb(30,0,35) !important;background: -moz-linear-gradient(159deg,rgba(30,0,35,1) 2%,rgb(48,12,58) 17%,rgb(17,20,90) 45%,rgba(25,20,46,1) 75%) !important;background: -webkit-linear-gradient(159deg,rgba(30,0,35,1) 2%,rgb(48,12,58) 17%,rgb(17,20,90) 45%,rgba(25,20,46,1) 75%) !important;background: linear-gradient(159deg,rgba(30,0,35,1) 2%,rgb(48,12,58) 17%,rgb(17,20,90) 45%,rgba(25,20,46,1) 75%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e0023',endColorstr='#19142e',GradientType=1 ) !important;} .appicon{margin-top: 28px !important;margin-bottom: 28px ! important;} .responsive .slick-slide {max-height: 328px;} /*mahesh*/ .banner-slider .video:after, .banner-slider .bg-hold:after {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.63+24,0+100 */background: -moz-linear-gradient (to top, rgba(0, 0, 0, 1) 15%,rgba(0,0,0,0.8) 24%,rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 1) 15%,rgba(0,0,0,0.8) 24%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to top, rgba(0, 0, 0, 1) 15%,rgba(0,0,0,0.8) 24%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */position: absolute;bottom: 0;left: 0;z-index:999;content: '';width:100%;height: 80%;} @media only screen and (max-width: 767px){.nav-active .logo a:after { position: absolute !important;left: -32px !important;} .nav-active .logo a:before {margin-left: 25px;} .nav-active #header .nav-opener em:before { bottom: 10px !important;} .nav-active #header .nav-opener em { margin-top: 4px!important;} } .nav-active .nav-opener:after, .nav-active .nav-opener:before { top: 20px !important;} .nav-active .nav-opener:after, .nav-active .nav-opener:before { left: -2px !important;} @media only screen and (max-width: 767px) and (min-width: 320px){#navNewClick.nav-opener {margin-left: 13px !important;} .banner-content img {max-width: 260px !important;margin: 0 auto;float:none !important;height: auto !important;} } @media only screen and (max-width: 420px) and (min-width: 320px){.highlights-nav-section {margin-top: -40px !important;max-height: 650px;} .dashboard-page .highlights-nav-section {margin-top: -100px !important;} } @media only screen and (max-width: 667px) and (min-width: 320px){.main-container .banner-block#for-package-landing-page{height: 100% !important;} } @media only screen and (max-width: 667px) and (min-width: 320px){.compare-terms .desc-hold.card-face {height: 100% !important;} } .has-error .form-control:focus {border-color: #843534;box-shadow: inset 0px 0px, 0 0 !important;} @media only screen and (max-width: 360px) and (min-width: 320px){.login-Popup-text { font-size: 12px !important;} div#ussd {height: 100% !important;/*width: 160px !important;*/} } @media only screen and (max-width: 400px) and (min-width: 361px){.login-Popup-text { font-size: 10px !important;} } .compare-channels .accordion-area .content .table .channel-logo{display:none !important;} .compare-channels .tableheadings table .channel-logo {display: none;} div#internet-banking {height: 100% !important;} div#ussd { /* height: 100% !important;min-width: 178px !important;width: auto !important;*/ } div#stores {height: 100% !important;} } @media only screen and (max-width: 667px) and (min-width: 320px){.package-landing section {/*padding: 0px 0 11px !important; top:0px !important;*/} .bg-dark.compare-packs#comaparesection .decoder-package-block {display: block!important;} @media only screen and (max-width: 667px) and (min-width: 320px){.lead-head h2 {margin-top: 40px;} } .how-to-pay-container .how-to-pay .inner { z-index: 99; max-height: 575px !important;} .overlayformessage{ position: absolute; margin-top: 5px; margin-bottom: 5px; padding-left: 3px; padding-right: 3px; left: 0; width: 100%; height: 100%; z-index: 10; /* background-color: rgba(0,0,0,0.5); dim the background*/ border-radius: 7px; background: linear-gradient(to bottom, #f25746 0%,#f25746 50%,#7a2e2e 50%,#fefafa 50%,#fcf7f7 100%);} } /* Purpose : Added for Extra Add-ons Channel Icons Added By : Jaydip J Added On : 04 APR 2019 */ .compare-channels .accordion-area .content .table .channel-logo {position: relative;top: unset;left: unset;display: none !important;border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;max-width: none;width: auto !important;height:auto !important;z-index:0 !important;} @media only screen and (max-width: 667px) and (min-width: 320px){.how-to-pay-container .how-to-pay .inner .inner-content {max-height: 414px !important; margin-top:20px !important;} } .how-to-pay-container .how-to-pay .closeBtn { z-index: 999 !important; } .how-to-pay-container .how-to-pay .inner .inner-content {max-height: 414px !important; } @media only screen and (max-width: 2800px) and (min-width: 992px){section.blue-card-text.blue-headers.compare-terms#packages {margin-top: -280px;} } @media only screen and (max-width: 2800px) and (min-width: 992px){#internet-banking .inner .inner-content {max-height: 306px !important;} } @media only screen and (max-width: 2800px) and (min-width: 992px){#stores .inner .inner-content {max-height: 363px !important;} } @media only screen and (max-width: 2800px) and (min-width: 992px){#ussd .inner .inner-content {max-height: 360px !important;} .div#ussd {height: 100% !important;min-width: 281px !important;width: auto !important;} } .form-holder .message-holder .successmsg h4 {font-size: 24px;line-height: 80px ;font-weight: 400;position: relative;background: linear-gradient(130deg,#832360,#262262);margin: 0px;margin-bottom: 40px;padding: 20px 20px 30px;border-top-left-radius: 10px;border-top-right-radius: 10px;} .form-holder .message-holder .failuremsg h4 {font-size: 24px;line-height: 34px ;font-weight: 400;position: relative;background: linear-gradient(130deg,#452360,#2b3990);margin: 0px;padding: 20px 20px 30px;border-top-left-radius: 10px;border-top-right-radius: 10px;} .container, .container .row [class*=col-].overlayformessage {padding: 0px;border-radius: 10px;} #btnRetry{margin: 25px 0px;} .warning-icon {float: left;} @media only screen and (max-width: 667px) and (min-width: 320px){.form-holder .message-holder .text-info h4 { line-height: 26px;font-size: 18px;} .warning-icon{width: 100%;display: block;padding-bottom: 10px;} } .fix-error .in-page .form-holder {padding-left: 0;padding-right: 0;padding-bottom: 0;border-radius: 7px;display: inline-block;width: 100%;} section.package-section.bg-decoder {padding-top: 0px !important;} /*.package-section.bg-decoder .card-face {background-color: #001620;background-image: linear-gradient(0deg,rgba(0,55,80,0.9),transparent);}*/ .bg-decoder .currencyStyleHmPgCards {margin-right: 0px;display: inline-block;float: none;vertical-align: text-top;margin-top: -25px;} .bg-decoder .priceStyleCards {padding-top: 0px;padding-right: 0px;margin-left: 10px;display: inline-block;} .bg-decoder .package-slider .desc .btn-view {width: 37%;float: right;} .bg-decoder .package-slider .desc .heading.heading-white {color: #fff;font-size: 24px;padding-bottom:0px;font-weight: 100;min-height: 50px;} .bg-decoder .package-section .package-slider .desc .text{ border-top: none;} .package-slider .card-face.back .desc .low-hold{float: right;width: 100%;display: block;} .package-slider .card.is-flipped .back.card-face .btn-view{ float: right;} @media only screen and (max-width: 1280px) and (min-width: 992px){.article-landing section.discover-section.bg-white .slide-holder .col-md-12 {position: relative;left: 0px;} .discover-section .card .card-label-holder {float: left;position: relative;} .package-landing section.compare-terms {padding: 30px 0 75px !important;} .ncb .navDiv .newMenu .overlay .closebtn {position: absolute;top:110px;right: 165px;} .navDiv .newMenu .overlay .closebtn {position: absolute;top: 175px;right: 165px;} } .bg-decoder .package-slider .desc .low-hold {padding-top: 3em;display: block;justify-content: normal;} /* Purpose : Added for update contact details form and Change Package details Added By : Jaydip J Added On : 11 APR 2019 */ .requiredField {background: transparent !important;top: -12px !important;color: red !important;margin-left: -15px;margin-left: 68px;} .totalAmount {font-weight: bold;background: #eee;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;color: black;padding: 5px;} .servicePrimaryStatus{height: 9px;width: 9px;display: inline-block;margin-bottom: 1px;border: 1px solid #444;background-color: #00508f;border-radius: 10px;} .serviceSecondaryStatus{height: 9px;width: 9px;display: inline-block;margin-bottom: 1px;border: 1px solid #444;border-radius: 10px;background-color: #ffa500;} .serviceActive {color: #4cae4c;} .serviceInActive {color: #d43f3a;} .change-package .addOnpackages li .package-block {background-color: #00508f;margin: 15px;text-align: left;box-shadow: 0 0 30px rgba(0,0,0,.2);color: #8d8d8d;position: relative;cursor: pointer;-webkit-transition: .3s -webkit-transform ease;transition: .3s transform ease;} .change-package .addOnpackages li .package-block .package-image.img-bg, .change-package .addOnpackages li .package-block {border-top-left-radius: 10px;border-top-right-radius: 10px;} .change-package .addOnpackages li .package-block .package-image.img-bg {background-size: cover;background-position: 100% 50%;padding: 0 0 50%;} .change-package .addOnpackages li .pricebar {padding: 5px 10px;background-color: #fff;} .change-package .addOnpackages li .pricebar .pack-price {text-align: right;color: #555;font-weight: 700;} .change-package .addOnpackages li {display: inline-block;width: 33%;vertical-align: top;float:left;} .change-package .addOnpackages {text-align: center;margin-left: -15px;margin-right: -15px;} .change-package .addOnpackages li .package-block .package-name{position: absolute;bottom: 47px;left: 10px;color: #fff;font-size: 25px;font-weight: 700;} .change-package .addOnpackages li .package-block:hover {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} #currentlyOnID {display: block;font-weight: normal;background: #eee;padding: 20px 20px;width: 40%;margin-top: 10px;} #paymentSummaryDiv{float:left;} .current-package-block {background-color: #2bb34d;text-align: left;box-shadow: 0 0 30px rgba(0,0,0,.2);color: #8d8d8d;position: relative;cursor: pointer;-webkit-transition: .3s -webkit-transform ease;transition: .3s transform ease;display: inline-block;width: 33%;vertical-align: top;border-radius: 10px;} .current-package-image.img-bg.family-pack {background-size: cover;background-position: 100% 50%;padding: 0 0 50%;border-radius: 10px;} .current-package-name {position: absolute;bottom: 47px;left: 10px;color: #fff;font-size: 31px;font-weight: 700;} .change-package .current-pricebar {padding: 5px 10px;background-color: #fff;} .change-package .current-pricebar .current-pack-price {text-align: right;color: #555;font-weight: 700;} @media only screen and (max-width: 767px){.change-package .addOnpackages li, .current-package-block { width: 100%; font-size: 31px;} .current-pack-price, .change-package .addOnpackages li .pricebar .pack-price { font-size: 14px; line-height: 20px;} } /*END*/ /* Purpose : To add flag for telephone textboxes Added by : Ashim Added On : 11 April 2019 */ .flagfortelephone{background-image: url('/media/3386/flags32.png'); /*background-position: 0px -7744px; padding: 16px;*/ left: 0;margin-left: 14px;position: absolute;padding: 16px !important;} /*End*/ .backgroundGrey.ctas {margin-top: 0px;padding-bottom:0px !important;} @media only screen and (max-width: 1024px) and (min-width: 980px){.dropdownnew.ml-180 { margin-left: 65px;} .ncb .navDiv .newMenu .overlay .closebtn {top:110px; right: 90px;} .navDiv .newMenu .overlay .closebtn {top: 175px; right: 90px;} .dropdownnew.ml-250 { margin-left: 115px;} .dropdownnew.ml-325 { margin-left: 175px;} .dropdownnew.ml-415 { margin-left: 225px;} .dropdownnew.ml-523 { margin-left: 341px;} .dropdownnew.ml-605 { margin-left: 409px;} #formLoginDiv{width: 50%;margin: 0 auto;display: block;float: none;} } @media only screen and (max-width: 979px) and (min-width: 768px){ .dropdownnew.ml-180 { margin-left: 130px;} .ncb .navDiv .newMenu .overlay .closebtn {top: 95px; right: 70px;} .navDiv .newMenu .overlay .closebtn {top:175px; right: 70px;} .dropdownnew.ml-250 { margin-left: 184px;} .dropdownnew.ml-325 { margin-left: 245px;} .dropdownnew.ml-415 { margin-left: 310px;} .dropdownnew.ml-523 { margin-left: 400px;} .dropdownnew.ml-605 { margin-left: 450px;} .discover-section.bg-white .col-lt-side .channel-logo-discover {top: -5px;} #formLoginDiv{width: 50%;margin: 0 auto;display: block;float: none;} .article-body.single-new-article .article-container.col-md-12.no-card {margin-top: 17em;} } @media only screen and (max-width: 1025px) and (min-width: 1280px){.main-container .banner-block {height: 140vh !important;} } .article-landing section.discover-section.bg-white .card.desc-hold p {font-size: 13px !important;padding-right: 30px;height: auto;} @media only screen and (max-width: 767px) and (min-width: 320px){body.article-landing section.discover-section.bg-white .card.desc-hold p {height: auto;} .contact-fot-img-sec.mobile-viwe-img-sec {display: flex;} .desk-img-contact-sec{ display: none;} .contactPage .section3 .mobile-viwe-img-sec img {margin:0px;} .contactPage .section3 .colTwo .mobile-viwe-img-sec img {margin-top: 0px;} .mobile-viwe-img-sec a {padding-left: 10px;padding-right: 10px;} body.contactPage .section3 {margin-top: 0px;padding-top: 0px;} } .article-landing section.discover-section.bg-white .col-rt-side .btn-holder {padding-bottom: 10px;} } @media only screen and (max-width: 1300px) and (min-width: 1500px){.main-container .banner-block {height: 140vh !important;} } @media only screen and (max-width: 1440px) and (min-width: 1500px){.dropdownnew.ml-180 { margin-left: 120px;} .dropdownnew.ml-250 { margin-left: 170px;} .dropdownnew.ml-325 { margin-left: 240px;} .dropdownnew.ml-415 { margin-left: 315px;} .dropdownnew.ml-523 { margin-left: 410px;} .dropdownnew.ml-605 { margin-left: 477px;} } /*Added by Ashim - CVM - Start*/ .cvmbutton {border-radius: 57px !important;margin-bottom:20px; !important;} .selectcard {color: #00508f;font-size: 15px;font-weight: 500;line-height: 24px;float: left;padding-left: 30px;} a.tooltips {position: relative;} a.tooltips span.tooltipstext {position: absolute;width: auto;color: #ffffff;background: #000000;/*height: 30px;*/ line-height: 20px;text-align: center;visibility: hidden;border-radius: 6px;font-size: 13px;padding: 7px;white-space: normal;margin-bottom: 8px;} a.tooltips span.tooltipstext:after {content: '';position: absolute;top: 100%;left: 50%;margin-left: -8px;width: 0; height: 0;border-top: 8px solid #000000;border-right: 8px solid transparent;border-left: 8px solid transparent;} a:hover.tooltips span.tooltipstext {visibility: visible;opacity: 0.8;bottom: 30px;left: 50%;margin-left: -76px;z-index: 999;} .btntooltip {border: none !important;border-radius: 20px !important;font-size: 15px !important;/*padding: 4px 12px !important;*/ margin: 10px 3px !important;width:auto!important;padding:6px 12px!important;} .btntooltip .glyphicon {margin-left:5px;} /*Added by Ashim - CVM - End*/ p.result-no {color: #fff;font-size: 24px; display:none;} #general-banner-slider .next.nextbounce.animatedbounce{position: absolute;bottom: 40px;left: 50%;width: 40px;height: 40px;margin-left: -20px;border: none;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;font-size: 36px;line-height: 1;border-radius: 100%;color: #fff;z-index: 3;-webkit-animation: nextbounce 2s ease infinite;animation: nextbounce 2s ease infinite;-webkit-animation-direction: normal;animation-direction: normal;} .col-xs-8.headerrightsidemenu {padding-left: 5px;padding-right: 5px;} @media only screen and (max-width: 767px) { .thanks-page .lead-head h2 {margin-top: -33px !important;} } .mobile-viwe-img-sec {display: none;} @media only screen and (max-width: 767px){.logo-hold {text-align: right;margin-right: 44px;} } .watchlogos .logo-block .watch-txt {color: #555555;font-weight: 300;margin: 34px auto 0;border-bottom: 1px solid #cecece;padding-bottom: 15px;display: inline-block;} @media only screen and (min-width: 320px) and (max-width: 767px) { .compare-terms .container div:nth-child(3) p {line-height: 24px !important;} .compare-terms .container div:nth-child(3) {margin-bottom: 25px; line-height: 140% !important;} } .home-page .spotlight-section .heading-area h2 {margin-bottom: 4px;} /* .home-page .show-slider .slide {min-width: auto !important;min-height: auto !important;} */ .even-padding {padding: 70px 0 0;} span.onceOffStyleCards {margin-left: 10px;} /*Feedback modal - start*/ .modal-open .modal{text-align: center;} @media only screen and (max-width: 768px) {tag-feedback #flyout {top: 100px!important;} #flyout {top: 100px!important;right: -194px!important;} .feedback-text img {margin-right:10px!important;max-width:20%!important;} #tblTransactionHistory {font-size:12px;} } tag-feedback #flyout{padding-right: 20px;} .feedbackBtn{Border:#fff solid 1px;Border-radius:20px;Padding:10px;Text-align:center;Font-size: 14px;color: #fff!important;} .feedback-text{background: #417bb6;color:#fff;Text-align:center;} .feedback-text img {margin-right:10px!important;max-width:20%!important;-webkit-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.22);-moz-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.22);box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.22);} /*Feedback modal - end*/ .landing-page section.how-to-pay-intro.pb-0.pt-xs-5 h1 {margin-top: 95px!important;} .tag-page-update-details .form-on-white fieldset>div.two-col>div {width: 50%;min-height: 100px;} /* Added by Rajiv P */ .slick-track{padding-bottom:10px;} .bg-decoder .package-slider .desc .low-hold{padding-top: 3em;} .bg-decoder .ug-homepage-decoder-slider.package-slider .desc .low-hold {padding-top: 2.5em;} .bg-decoder .ke-homepage-decoder-slider.package-slider .desc .low-hold{padding-top: 3em;} .priceStyleCards {font-size: 2em !important ;} .bg-decoder .currencyStyleHmPgCards {margin-top:-15px;} .bg-decoder .package-slider .desc .btn-view {margin:10px -11px !important ;} .package-section .package-slider .desc .text {min-height: 90px;} .package-slider .slick-slide {opacity:1 !important ;} /*end*/ /* Purpose : Added for Extra Add-ons Channel Icons Added By : Jaydip J Added On : 04 APR 2019 */ /*********************20-5-19 Browse and compare package logo font by Neha*************************/ .main-sec-high {box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.24);border-radius: 5px;} @media only screen and (max-width:767px) and (min-width:320px){.tag-page-home.home-page section.manage-section {padding: 40px 0px 0px 0px !important;} } .bg-decoder .package-slider.ng-homepage-decoder-slider .desc .heading.heading-white { padding-right: 0px;} /*************************27-5-19 By Neha*******************************/ @media only screen and (max-width: 375px) and (min-width: 320px){.cntry.cntry-equatorial-guinea{margin-top: 10px;} span.country-name {line-height: 25px;} .bg-decoder .package-slider .desc .low-hold {padding-top: 4em;} .package-slider.homepage-decoder-slider .desc .heading { padding-right: 0px; min-height: 75px !important; }} @media only screen and (max-width: 361px) and (min-width: 320px){.cntry.cntry-equatorial-guinea{margin-top: 10px;} .country-row-mobile a.flags {font-size: 1.3rem !important;} } /*************************28-5-19 By Neha*******************************/ @media only screen and (max-width: 420px) and (min-width: 376px){.package-slider.homepage-decoder-slider .desc .heading { padding-right: 0px; } .bg-decoder .package-slider .desc .low-hold {padding-top: 6em;} } /*************************11-6-19 By Mahesh*******************************/ #countryErrorMessageModal .modal-content {font-size: 13px;line-height: 17px;background: #fff;color: #fff;} /*************************03-7-19 By Neha*******************************/ @media only screen and (max-width: 420px) and (min-width: 320px){.package-slider .card[packagename="DStv Great Wall"] .card-face .bg-holder, .package-slider .card[packagename="DStv French Touch"] .card-face .bg-holder, .package-slider .card[packagename="DStv Portuguesa"] .card-face .bg-holder, .package-slider .card[packagename="DStv French Plus"] .card-face .bg-holder {background-size: cover;background-position: 97%;} } @media only screen and (max-width: 678px) and (min-width: 421px){.package-slider .card[packagename="DStv Great Wall"] .card-face .bg-holder, .package-slider .card[packagename="DStv French Touch"] .card-face .bg-holder, .package-slider .card[packagename="DStv Portuguesa"] .card-face .bg-holder, .package-slider .card[packagename="DStv French Plus"] .card-face .bg-holder {background-size: cover;background-position: 90%;} } .red-tab .arrow-btn-watch {margin-right: -65%;} /* Purpose : Fix Error Message Added By : Jaydip J Added on : 3rd Jul 2019 */ @charset "UTF-8"; tag-fix-errors-logged-in .popup {width:100%;display:block;min-height:60px;text-align:center;margin:0 auto;position:relative} tag-fix-errors-logged-in .popup.success h2 {color:#00833e;font-size:32px;font-weight:400;letter-spacing:1px;margin: 0 auto 40px;/*border-bottom:1px solid #dbdbdb;*/display: block;padding: 0 0 3vh;} tag-fix-errors-logged-in .popup.success h4 {color:white;font-size:22px; font-weight:400; letter-spacing:1px; margin:0 0 20px;} tag-fix-errors-logged-in .popup.suspended h2 {color:#ee9400;font-size:32px;font-weight:400;letter-spacing:1px;margin: 0 auto 40px;border-bottom:1px solid #dbdbdb;display: block;padding: 0 0 40px;} tag-fix-errors-logged-in .popup.suspended h4 {color:white;font-size:22px; font-weight:400; letter-spacing:1px; margin:0 0 20px;} tag-fix-errors-logged-in .popup.unsuccessful h2 {color:#d5343c;font-size:32px;font-weight:400;letter-spacing:1px;margin: 0 auto 40px;border-bottom:1px solid #dbdbdb;display: block;padding: 0 0 40px;} tag-fix-errors-logged-in .popup.unsuccessful h4 {color:white;font-size:22px; font-weight:400; letter-spacing:1px; margin:0 0 20px;} tag-fix-errors-logged-in .popup.update h2 {color:#04b7f1;font-size:32px;font-weight:400;letter-spacing:1px;margin: 0 auto 40px;border-bottom:1px solid #dbdbdb;display: block;padding: 0 0 40px;} tag-fix-errors-logged-in .popup.update h4 {color:white;font-size:22px; font-weight:400; letter-spacing:1px; margin:0 0 20px;} tag-fix-errors-logged-in .popup.success p, .popup.suspended p, .popup.unsuccessful p, .popup.update p {font-size:16px;max-width:400px;margin: 0 auto !important;color:white;font-weight:500;line-height:30px} tag-fix-errors-logged-in .popup a.cta {border-radius:70px;box-shadow:0 6px 18px 1px rgba(0,0,0,2);/*background-color:#007e3c;*/text-align:left;font-size:16px;line-height:58px;color:#fffefe;text-transform:uppercase;padding:0 30px;margin:20px auto 0;display:block;max-width:313px;float:none!important} tag-fix-errors-logged-in .popup a.logout {text-align: center;font-size: 16px;font-weight: 500;line-height: 58px;color: #ee9400;text-transform: uppercase;padding: 0 30px;margin: 30px auto 10px;display: block;max-width: 260px;} tag-fix-errors-logged-in .popup a.logout span {margin:0 20px;} tag-fix-errors-logged-in .popup a.close-cta {position: absolute;top: -20px;right: -20px;width: 60px;height: 60px;color: #555555;background: #fff;text-align: center;line-height: 50px;font-size: 30px;font-weight: 200;box-shadow: none;border-radius: 50% !important;margin: 0;padding: 0;border: 2px solid #999;} tag-fix-errors-logged-in .popup.success ul {margin: 20px auto 40px;font-size: 14px; max-width:400px;} tag-fix-errors-logged-in .popup.success ul li {font-weight:bold; width:48%; display:inline-block; text-align:left;} tag-fix-errors-logged-in .popup.success ul li:nth-child(2n+2) {text-align:right;} tag-fix-errors-logged-in .indicator-icon {padding: 0 0 20px; width:auto; height: auto;} tag-fix-errors-logged-in .popup .cta span {float: right;display: block;line-height: 58px;font-size: 21px; color: #fff;} tag-fix-errors-logged-in .popup a.cta:hover {margin: 20px auto 0 !important;} tag-fix-errors-logged-in .popup retrybtn{max-width: 190px;} tag-fix-errors-logged-in .popup .success-btn{width: 204px !important; margin-bottom: 20px !important;} tag-fix-errors-logged-in .popup .paybtn{ width: 228px !important;} .form-holder tag-fix-errors-logged-in .popup{width: 100%;background: #f7f7f7;max-width: 560px;box-shadow: 0px 0px 12px rgba(0,0,0,0.4);display: block;border-radius: 16px;min-height: 60px;padding: 40px;text-align: center;margin: 0 auto;position: relative;} .form-holder tag-fix-errors-logged-in .container-fluid {padding-bottom: 30px;} .popup {width:100%;display:block;min-height:60px;text-align:center;margin:0 auto;position:relative} .popup.success h2 {color:#fff;font-size:32px;font-weight:400;letter-spacing:1px;margin: 0 auto 40px;/*border-bottom:1px solid #dbdbdb;*/display: block;padding: 0 0 3vh;} .popup.success h4 {color:#fff;font-size:22px; font-weight:400; letter-spacing:1px; margin:0 0 20px;} .popup.suspended h2 {color:#fff;font-size:32px;font-weight:400;letter-spacing:1px;margin: 0 auto 40px;border-bottom:1px solid #dbdbdb;display: block;padding: 0 0 40px;} .popup.suspended h4 {color:#fff;font-size:22px; font-weight:400; letter-spacing:1px; margin:0 0 20px;} .popup.unsuccessful h2 {color:#d5343c; text-align: center; font-size:32px;font-weight:400;letter-spacing:1px;margin: 0 auto 40px;border-bottom:1px solid #dbdbdb;display: block;padding: 0 0 40px;} .popup.unsuccessful h4 {color:#d5343c;font-size:22px; font-weight:400; letter-spacing:1px; margin:0 0 20px;} .popup.update h2 {color:#04b7f1;font-size:32px;font-weight:400;letter-spacing:1px;margin: 0 auto 40px;border-bottom:1px solid #dbdbdb;display: block;padding: 0 0 40px;} .popup.update h4 {color:#04b7f1;font-size:22px; font-weight:400; letter-spacing:1px; margin:0 0 20px;} .popup.success p, .popup.suspended p, .popup.unsuccessful p, .popup.update p {font-size:16px;max-width:400px;margin: 0 auto !important;color:white;font-weight:500;line-height:30px} .popup a.cta {border-radius:70px;box-shadow:0 6px 18px 1px rgba(0,0,0,.2);background-color:#209fed;text-align:left;font-size:16px;line-height:58px;color:#fffefe;text-transform:uppercase;padding:0 25px;margin:20px auto 0;display:block;max-width:260px;float:none!important;margin-bottom: 20px;} .decoders-landing .popup a.cta {border-radius:70px;box-shadow:0 6px 18px 1px rgba(0,0,0,.2);background-color: #ffffff;text-align:left;font-size:16px;line-height:58px;color: #000000;text-transform:uppercase;padding:0 25px;margin:20px auto 0;display:block;max-width:260px;float:none!important;margin-bottom: 20px;} .popup a.logout {text-align: center;font-size: 16px;font-weight: 500;line-height: 58px;color: #ee9400;text-transform: uppercase;padding: 0 30px;margin: 30px auto 10px;display: block;max-width: 260px;} .popup a.logout span {margin:0 20px;} .popup a.close-cta {position: absolute;top: -20px;right: -20px;width: 60px;height: 60px;color: #555555;background: #fff;text-align: center;line-height: 50px;font-size: 30px;font-weight: 200;box-shadow: none;border-radius: 50% !important;margin: 0;padding: 0;border: 2px solid #999;} .popup.success ul {margin: 20px auto 40px;font-size: 14px; max-width:400px;} .popup.success ul li {font-weight:bold; width:48%; display:inline-block; text-align:left;} .popup.success ul li:nth-child(2n+2) {text-align:right;} .indicator-icon {padding: 0 0 20px; width:auto; height: auto;} .popup .cta span {float: right;display: block;line-height: 57px;font-size: 16px; color: #fff; font-weight: bold;} .decoders-landing .popup .cta span {float: right;display: block;line-height: 57px;font-size: 16px; color: #000; font-weight: bold;} .popup a.cta:hover {/*margin: 20px auto 0 !important;*/} .form-holder tag-fix-errors-logged-out .popup{width: 100%;background: #f7f7f7;max-width: 560px;box-shadow: 0px 0px 12px rgba(0,0,0,0.4);display: block;border-radius: 16px;min-height: 60px;padding: 40px;text-align: center;margin: 0 auto;position: relative;} .form-holder tag-fix-errors-logged-out .container-fluid {padding-bottom: 30px;} /* End Fix Error */ /* Animation */ .login-popup .dropdown-menu>li>a{transition: 0.2s ease-out;} .login-popup .dropdown-menu>li>a:hover{margin-left: 5px;border-left: #225781 solid 8px;text-transform: uppercase;} /* Added for Commom modal poup */ .decoders-landing #commonModalPopup.modal {background: rgba(0,0,0,0) !important;text-align: center!important;} .decoders-landing.modal-open #commonModalPopup.modal {z-index: 99999;position: absolute;background: rgba(0,0,0,.9) !important;backdrop-filter: blur(6px);} #commonModalPopup .modal-dialog {padding: 0;z-index: 999;position: unset;margin-top: 80px;} #commonModalPopup .modal-content button.close {color: black !important;font-size: 23px;position: absolute!important;box-shadow: 0px 0px 3px grey;} .decoders-landing #commonModalPopup .modal-content button.close {color: #fff !important;font-size: 23px;position: absolute!important;box-shadow: none;background: none !important;right: 0 !important;border: none;} #commonModalPopup .modal-content {padding: 30px;background: #f7f7f7;} .decoders-landing #commonModalPopup .modal-content {padding: 30px;background: transparent;position: unset;} .panel.panel-default:first-of-type .panel-heading {border-top-left-radius: 5px;border-top-right-radius: 5px;} .panel.panel-default:last-child .panel-heading, .panel.panel-default:last-child .content.p-4.p-sm-1 {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .tableheadings {border-top-left-radius: 5px;border-top-right-radius: 5px;} .how-to-pay-container {border-radius: 5px} .note {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .packageCard-Footer {position: absolute;bottom: 0;padding: 23px 33px 15px;color: #fff;font-size: 28px;vertical-align: middle;font-weight: 100;border-radius: 0 0 7px 7px;overflow: hidden;width: 100%;z-index: 0;} .packageCard-Footer:before {content: '';background: inherit;position: absolute;width: 100%;min-height: 144px;top: -30px;left: -30px;filter: blur(12px);background-position: bottom !important;width: 500px;max-width: 120%;z-index: 0;background-size: cover;} .lowholdFooter{display: block;-webkit-box-pack: justify;-webkit-box-align: center;align-items: center;position: relative;;} .NewDstvPage .lowholdFooter{display: block;-webkit-box-pack: justify;-webkit-box-align: center;align-items: center;position: absolute;bottom: 0;} .currencyPkgFooter{color: #fff;font-family: Roboto;font-size: 0.7em;float: left;font-weight: 300;margin-right: 6px;margin-top: -21px;position: relative;text-align: center;padding-top: 23px;} /*.pricePkgFooter{color: #fff;font-family: 'Roboto Black', Arial;font-weight: bolder;font-size: 1.4em;padding-top: 0px;padding-right: 85px;position: relative;}*/ .pricePkgFooter{color: #fff;font-family: 'Roboto Black', Arial;font-weight: bolder;font-size: 1.4em;padding-top: 0px;position: relative;} .viewMoreBtnPkgFooter{border: 1px solid #fff;border-radius: 23px;text-align: center;padding: 10px 0px 7px 0px;color: #fff;font-size: 12px;line-height: 12px;position: relative;width: 129px;float: right;} .priceLetterPkgFooter{font-weight: 100;font-size: 1.4em;padding-right: 10px;} .mobViewMoreBtnPkgFooter{display: none!important;} /*for Mobile*/ @media only screen and (max-width: 420px) and (min-width: 320px){button.mobViewMoreBtnPkgFooter.bg-gradient-45.arrow-font-color {display: none !important;} .viewMoreBtnPkgFooter{ width: 100px;margin-right: -10px;} .mobViewMoreBtnPkgFooter{border: 1px solid;border-radius: 50%;vertical-align: middle;margin: 0 0 0 166px;background: none !important;width: 35px !important;height: 35px !important;display: inline-block !important;font-size: 25px !important;position: absolute;} .priceLetterPkgFooter{font-weight: 100;font-size: 1.4em;} .pricePkgFooter{color: #fff;font-family: 'Roboto Black', Arial;font-weight: bolder;font-size: 1.4em;padding-top: 0px;/*padding-right: 85px;*/ position: relative;font-size:20px !important;} .currencyPkgFooter { font-size:17px;padding-top: 28px;} } @media only screen and (max-width: 354px) and (min-width: 320px){.lowholdFooter {margin-left: -25px;} } /*payment suit pop html*/ .second-sec-slider .customer-info-section.second-sec {text-align: center;text-align: center;background: url(/media/7520/circles.png) no-repeat 56% top #3E3E3E;content: '';padding: 40px;background-size: 40%;overflow: visible;transform: rotate(0deg);} .second-sec-slider span.custom-country-info {color: #087EB4;font-size: 18px;} .second-sec-slider span.custom-country-amount-info {font-weight: 600;font-size: 25px;} .second-sec-slider span.custom-country-decriptive-info {font-size: 12px;opacity: 0.8;} .second-sec-slider span.custom-country-pay-now-info {opacity: 0.8;} .second-sec-slider .pay-now-decription {text-align: center;background: #908989 0% 0% no-repeat padding-box;padding: 10px;} /*Added on 08/11/2019 by Stephanie to double the size between buttons*/ .inline-block.p-1 {padding: 10px !important;} /*payment history pop up changes*/ #paymentHistoryModal .pay-history-details .jcf-select .jcf-select-text {font-weight: 400;font-size: 15px; } #paymentHistoryModal .modal-dialog {display: block;text-align: left;vertical-align: middle;/*height: 100%;*/} .transaction-history .col-lg-4.col-md-4.col-sm-4.col-xs-4 .jcf-radio {margin-top: -4px;margin-right: 5px;} .dashboard-page .Pay-history-transaction .col-lg-4.col-md-4.col-sm-4.col-xs-4 .jcf-radio {margin: 0px;margin-right: 5px;background: transparent;border: 1px solid #fff;border-radius: 50%;color: #fff;} .Pay-history-transaction .col-lg-4.col-md-4.col-sm-4.col-xs-4 {font-size: 16px;font-weight: lighter;} @media only screen and (max-width: 767px) and (min-width: 320px){.financial-table #tblNoRecords tr.record1 {font-size: 11px!important;} #paymentHistoryModal .pay-history-details .jcf-select .jcf-select-text { font-size: 12px; }} @media only screen and (max-width: 767px){.main-top-payment-history-info.row .financial-table .table td {font-size: 11px!important;} } .Pay-history-transaction .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position: relative;min-height: 0;padding-left: 7px !important;padding-right: 7px !important;} .col-lg-4.col-md-4.col-sm-4.col-xs-4 .jcf-radio.jcf-checked span { background: #00aeef;} a#loginLinkLabel {height: 20px;line-height: 29px;} .headerrightsidemenu a#loginLinkLabel:after {margin-left:10px} /**************change package Style ************/ .btn.anim-btn.btn-default.change-btn#addOnActionButton img {margin-left: 30px;} #addOnPackageModal .package-info-right img {top: -23px;} @media only screen and (max-width: 667px) and (min-width: 320px){.addOnPacakgeModal .package-change-bottom-section .package-list .icon-pack {font-size: 18px;} .addOnPacakgeModal .package-list .left-packagelist-section {/*padding: 13px 0px;*/} } @media only screen and (max-width: 767px) and (min-width: 320px){.dashboard-page .modal-content#errorMessageModalAddOn button.close {font-size: 13px !important;right: -10px;top: -5px;} .dashboard-page .modal-content.in#errorMessageModal button.close {font-size: 13px !important;right: -10px;top: -10px;} #addOnPackageModal .addOnPacakgeModal .smartcard {font-size: 12px !important;} #addOnPackageModal .col-lg-4.col-xs-4.col-sm-4.col-md-4.second-top-second {padding-left: 0px !important;text-align: center !important;} .dashboard-page .modal-content#successMessageModal button.close {font-size: 13px !important;right: 10px;top: -10px;} } .hd-namibia .mh-100 .not-mobile .col-xs-4 {width: 100%;} span.icon-icon-Disconnected {font-size: 40px;margin: 0px 10px;padding: 0px 0px;color: yellow;position: relative;top: 8px;} .form-group.fix-error-option span.disc-name {font-size: 24px;} .form-group.fix-error-option p.disc-pack {padding: 10px;} #dashboardModelFixError .modal-content .jcf-select {height: 40px;} .dashboard-page #dashboardModelFixError .slick-slide .package-item .smartcard-section-bottom img.act-image {background: #008A3B;width: 16px !important;height: 16px;border-radius: 20px;padding: 3px;margin: 0 5px;} .NewDstvPage .watch-section .bg-holder, .NewDstvPage .watch-section .bg-holder .show-slider-holder, .NewDstvPage .watch-section .slick-slide, .NewDstvPage .watch-section {height: auto !important; min-height: auto !important;} .NewDstvPage .tabset-holder {left: 0;top: 20vh !important;right: auto !important;width: 22%;bottom: 20vh;max-width: 390px;height: 40vh;z-index: 99 !important;} .NewDstvPage .tabset-holder .container {width: auto !important;padding: 0;} .NewDstvPage .watch-section .tabset li {display: block !important;float: none !important;clear: both !important;width: 100%;padding: 0 20px !important;margin: 0 0 0 !important;line-height: 7vh !important;font-weight: 300 !important;background: #333;} .NewDstvPage .watch-section .tabset li a {display: block;} .manage-section .holder .img-holder {-webkit-transform: translateY(0px)!important;opacity: 1!important;} .NewDstvPage .feedback-unit.wa-link {display: block; } .headerrightsidemenu .lang-dropdown .jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover, .jcf-select-drop .jcf-option:hover, .jcf-select-drop .jcf-option:focus {color: #ffffff;background: rgba(255, 255, 255, 0.47843137254901963) !important;} .headerrightsidemenu .lang-dropdown {width: 175px !important;display: inline-block;float: right;padding: 7px 3px 0 0;overflow: visible;} .headerrightsidemenu .lang-dropdown .jcf-select-lang-dropdown-menu.jcf-select {width:auto !important;display:inline-block !important;} .lang-dropdown .jcf-list, .lang-dropdown .jcf-select.jcf-focus{box-shadow:none;color:#ffffff;} .headerrightsidemenu .lang-dropdown .jcf-select-drop.jcf-select-lang-dropdown-menu.jcf-select-jcf-hidden.jcf-unselectable {width: 70px !important;left: 29px !important;} .headerrightsidemenu .lang-dropdown .jcf-list .jcf-option {text-align:center;color: #ffffff;} .headerrightsidemenu .lang-dropdown .jcf-select-drop .jcf-select-drop-content:after {content"|";right: 12px;border-bottom: 6px solid #fff;} .headerrightsidemenu .lang-dropdown .jcf-list {background:none !important;box-shadow: none;border: 1px solid #fff;border-radius: 4px;} span.login-text, .headerrightsidemenu a span.icon-ico-arrow-next {/*display: none;*/} nav .lang-dropdown {min-width: 130px;top:20px;left:0} nav .lang-dropdown img {display:inline-block !important} @media screen and (max-width: 767px) { .headerrightsidemenu .lang-dropdown {display:none!important;} } @media screen and (min-width:768px) { .headerrightsidemenu .lang-dropdown:after {color:#fff;margin-left: 20px;position: relative;top: 5px;} } /*.en-mz .lang-dropdown#langDropdown, .en-ao .lang-dropdown#langDropdown,.pt-ao .lang-dropdown#langDropdown,.pt-mz .lang-dropdown#langDropdown{display:block!important;}*/ @media screen and (max-width: 767px) {#nav div#langDropdownMobile {display: block !important;margin-left: 5px;} #langDropdownMobile .jcf-select-drop.jcf-select-lang-dropdown-menu.jcf-select-jcf-hidden.jcf-unselectable {width: auto !important;left: -12px !important;} #langDropdownMobile .jcf-list .jcf-option {line-height: 1px;padding: 15px 10px;} #langDropdownMobile .jcf-select-drop .jcf-select-drop-content:after {right: 72px !important;margin-top: -4px;} #langDropdownMobile .jcf-list {margin-top: -4px;width: auto; } #langDropdownMobile .jcf-select-text span {font-size: 13px;} } /*style sheet country lang selector*/ #langDropdown .jcf-select.jcf-select-lang-dropdown-menu .jcf-select-text {font-size: 13px;display: inline-block;} .headerrightsidemenu .lang-dropdown#langDropdown {width: auto!important;/* min-width: 210px; */} .headerrightsidemenu .lang-dropdown#langDropdown .jcf-list {width: auto;} .headerrightsidemenu .lang-dropdown#langDropdown:after {content:"|";right: 10px !important;} .list-inline.footer-menu.pb-5 a:before {content: "|";height: 5px;left: -4px;position: relative;} .lang-dropdown#langDropdown span.jcf-option.jcf-option-Language.jcf-selected, #langDropdownMobile span.jcf-option.jcf-option-Language.jcf-selected {display: none;} .lang-dropdown#langDropdown .jcf-list ul li, #langDropdownMobile .jcf-list ul li {border-bottom: none;} @media only screen and (min-width: 768px){.show-slider.slide-item .desc-hold .btn-holder{display: inline-block!important;text-align: center;} .show-slider .desc-hold .btn-desc {padding: 13px 22px 12px!important;} } .youmayalso-wrapper .topContainer img.card-img {height: 188px;} .contactPage .col-md-4.colTwo .content.contact-text-fot p {line-height: normal;font-size: 16px;font-weight: 300;} .list-info .fix-error-option span.jcf-select.jcf-unselectable.jcf-select-white span {color: #fff!important;} .list-info .fix-error-option .jcf-select-drop.jcf-select-white .jcf-list .jcf-option {background: #3382c1;color: #0095da;} .main-section .popup.success .row h2, .main-section .popup.success .row h4 {/*color: #397c1f;*/ } .fix-error .popup {width: 100%;background: #f7f7f7;max-width: 560px;box-shadow: 0px 0px 12px rgba(0,0,0,0.4);display: block;border-radius: 16px;min-height: 60px;padding: 40px;text-align: center;margin: 0 auto;position: relative;} .home-page .modal.fade.in .main-section .popup.success .row h2, .main-section .popup.success .row h4 {color: #397c1f;margin:0;} .decoders-landing .main-section .popup.success .row h4 {color: #ffffff; line-height: 28px;} .NewDstvPage .section.localSlider span.arrows-articleSlider { position: absolute; width: 120px; display: block; min-height: 20px; float: left; margin: 0; right: 0; top: 70px; } .accordion-area #channels-group {background:#fff;} #signInModalPopup #formLoginDiv .tooltip { background: transparent linear-gradient(360deg, #041a3e 0%, #091529 29%, #091c3e 100%, #120c33 100%) 0% 0% no-repeat padding-box; top: 32px !important; left: 6px !important; display: block !important; padding: 0px; margin: 5px; } #signInModalPopup #formLoginDiv .tooltip-inner { padding: 9px 24px 12px; line-height: 20px; font-weight: 500; max-width: 295px;font-size: 11.5px; } #signInModalPopup #formLoginDiv ol.text-title li { text-align: initial; line-height: 20px; } #signInModalPopup #formLoginDiv .tooltip-inner div { font-size: 12px !important; font-weight: 300!important; text-align: center !important; } #signInModalPopup #formLoginDiv .tooltip-inner hr { margin: 10px 0 10px; } #signInModalPopup #formLoginDiv ol.text-title { text-align: initial;margin-left: 10px; } #signInModalPopup #formLoginDiv .tooltip-arrow { left: 96%!important; border-left: 12px solid transparent; border-right: 2px solid transparent; border-bottom: 8px solid #0e1a3d; position: absolute; margin-top: -5px; width: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(18deg); } @media only screen and (max-width: 479px) and (min-width: 320px){ #signInModalPopup #formLoginDiv .tooltip-inner { padding: 5px 24px 5px; line-height: 15px; } #signInModalPopup #formLoginDiv ol.text-title li { font-size:11.5px; } #signInModalPopup #formLoginDiv .tooltip-arrow { border-left: 9px solid transparent;} span.login-info:before { right: 40px !important; }} @media only screen and (max-width: 767px) and (min-width: 480px){ #signInModalPopup #formLoginDiv .tooltip-arrow { border-left: 8px solid transparent;} #signInModalPopup #formLoginDiv .tooltip-inner { padding: 5px 24px 5px; line-height: 15px; max-width: 210px; } } .live-chat .chat-prompt span.live-links { display: block; } @media only screen and (max-width: 360px){ .live-chat span.chat-prompt { width: 243px!important; font-size: 14px; }} /* Awareness pop up style */ .response-end .details .field-title:nth-of-type(5n) { font-weight: 900; } .popup.AwarenessPopup { padding: 20px 20px; float: left; background: #0b212b 0% 0% no-repeat padding-box; border: 1px solid #FFFFFF34; opacity: 1; backdrop-filter: blur(23px); -webkit-backdrop-filter: blur(23px); } .response-end .dppinnerwrap.details { margin: 20px auto 20px !important;} .awareness-activate-btn a { color: #fff; width: 180px; margin: 0 auto; display: block; background-color: #009CD6; padding: 10px 15px; border-radius: 37px; font-size: 16px; font-weight: 300; } .awareness-activate-btn.success a { background-color: #00D600;} .awareness-activate-btn a:hover { color: #fff; } .awareness-activate-btn { width: 100%; float: left; position: relative; bottom: -43px; display: inline-flex; } img.awareness-icon { padding: 20px; } /*.dashboardModal#awarenessModel .modal-content .modal-body, .dashboardModal#awarenessModelsuccess .modal-content .modal-body { max-width: 500px; top: 25%; margin-top: 10%; }*/ .AwarenessSection .top-info-awareness{ text-align: center; letter-spacing: 0px; color: #FFFFFF; padding: 15px; font-size: 25px;} .dashboardModal#awarenessModel .modal-content, .dashboardModal#awarenessModelsuccess .modal-content { background: transparent; height: 100%; } .AwarenessSection .AwarenessInfoArea { float: none; width: 100%; max-width: 390px; margin: 30px auto 0; } .AwarenessSection .awareness-top-text { width: 100%; margin: 0px 0px 20px; font-size: 18px; float: left; font-weight: 100; letter-spacing: 0px; } .AwarenessSection .awareness-sub-text { float: left; /* text-align: left; */ font-size: 18px; font-weight: 100; letter-spacing: 0px; } .AwarenessSection .popup.AwarenessPopup.success { background: #102d03 0% 0% no-repeat padding-box;} .details .field-value { max-width: 48%; font-weight: 300; color: #81CAEB;text-align: left;font-size:16px; } .details .field-value.status-success{ color: #67d610; } .success .batched { width: 80%;} .details .field-title { text-align: right; font-size:16px;} .response-end .processing{ padding: 20px 0px 0px 0px; } .response-end span.awareness-top-text { display: block; } .response-end .dppinnerwrap.details { border-image: linear-gradient(270deg, #8e8787 2%, #00000000 90%) 0% 0% 5%; border-width: 1px; padding: 10px; border-style: solid; } .dashboard-page .modal-dialog #paymentsModal.modal-content .response-end, .dashboard-page .modal-dialog #paymentsModal.modal-content #awarenessPopup { margin-bottom: 10%; height:auto;max-width:500px; } .success span.awareness-sub-text { /* border-image: linear-gradient(270deg, #8e8787 2%, #00000000 90%) 0% 0% 5%; border-width: 1px; padding: 0px 0px 20px 0px; border-style: solid;*/ display: inline-block; padding: 20px 0px 0px 0px; } .awareness-activate-btn.failed a { background-color: #E00034; } .awareness-activate-btn.pending a { background-color: #FFA700; } .AwarenessPopup.failed .field-value.status-success { color: #E00034; } .AwarenessPopup.pending .field-value.status-success { color: #FFA700; } .response-end.success { background: #102c05 0% 0% no-repeat padding-box; padding: 20px 20px; float: left; border: 1px solid #FFFFFF34; opacity: 1; backdrop-filter: blur(23px); -webkit-backdrop-filter: blur(23px); } .response-end.failed { background: #2f060c 0% 0% no-repeat padding-box; padding: 20px 20px; float: left; border: 1px solid #FFFFFF34; opacity: 1; backdrop-filter: blur(23px); -webkit-backdrop-filter: blur(23px); } .response-end.pending { background: #352304 0% 0% no-repeat padding-box; padding: 20px 20px; float: left; border: 1px solid #FFFFFF34; opacity: 1; backdrop-filter: blur(23px); -webkit-backdrop-filter: blur(23px); } .success .icon-img-common { background: url(/media/11064/payment-success.svg) no-repeat center; height: 125px; margin: 20px; } .pending .icon-img-common { background: url(/media/11065/payment-pending.svg) no-repeat center; height: 125px;margin: 20px; } .failed .icon-img-common { background: url(/media/11062/payment-failed.svg) no-repeat center; height: 125px;margin: 20px; } .response-end button#Cancel { color: #fff; width: 180px; margin: 0 auto; display: inline-block; padding: 10px 15px; border-radius: 37px; font-size: 16px; font-weight: 300; border: none; float: none; } .response-end button#Done { color: #fff; width: 180px; margin: 0 auto; display: inline-block; padding: 10px 15px; border-radius: 37px; font-size: 16px; font-weight: 300; border: none; float: none;font-weight: 400; } .response-end button#Refresh { color: #fff; width: 198px; margin: 0 auto; display: inline-block; padding: 10px 15px; border-radius: 37px; font-size: 16px; font-weight: 300; border: none; float: none;font-weight: 400; } .response-end button#Done.success { background-color: #00D600;} .awareness-activate-btn.success span.arrowNow { color: #fff !important; } .response-end.success .details .field-value:nth-of-type(3n) { color: #67d610; } .response-end span.awareness-top-text { padding: 20px 0px 0px 0px; } .response-end button#Cancel.pending, .response-end button#Refresh.pending { background-color: #FFA700;} .response-end button#Cancel.failed, .response-end button#Refresh.failed { background-color: #E00034;} .response-end .AwarenessInfoArea { border-image: linear-gradient(270deg, #8e8787 2%, #00000000 90%) 0% 0% 5%; border-width: 1px; padding: 0px 0px 20px 0px !important; border-style: solid; } #payment-main-section h5.payment-heading { text-align: center; letter-spacing: 0px; color: #FFFFFF; padding: 0px; font-size: 25px;font-weight: 300; text-transform: capitalize;max-width: 500px; } .AwarenessSection .container-fluid.awareness { padding-left: 0px; padding-right: 0px; } @media screen and (max-width: 500px) { .response-end button#Cancel { margin-right: 0px !important; margin-bottom: 15px!important; }} @media screen and (max-width: 767px) { .dashboardModal#awarenessModelsuccess .modal-content .modal-body {width: 100%; padding: 0px;} .details .field-title { font-size: 14px !important; /*float: left;*/ } .details .field-value { font-size: 14px !important; /*float: right;*/ } .AwarenessSection .awareness-sub-text { font-size: 16px; } .AwarenessSection .awareness-top-text { font-size: 16px; } .success .batched { width: 90%; } img.awareness-icon { padding: 10px; } .popup.AwarenessPopup { padding: 20px 10px;} .response-end .dppinnerwrap.details { margin: 20px auto 0px!important;} } .response-end.failed .details .field-value.date { color: #fff!important; } .response-end.failed .details .field-value.status { color: #B61C0E !important; } .dashboard-page .showmax span.main-extra-cost { font-weight: 500;} .dashboard-page .showmax span.main-extra-cost.no-extra-cost { color: #E83D8E; } .dashboard-page .showmax span.watch-showmax-sub-text { font-size: 26px; font-weight: 400; margin: 20px 0px; width: 100%; color: #fff; } .en-ng .navbar .mega-dropdown-menu li.welcome-menu, .en-zm .navbar .mega-dropdown-menu li.welcome-menu, .en-ke .navbar .mega-dropdown-menu li.welcome-menu { display: block !important; }