.bodyClass{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;max-height:450px;position:relative;z-index:9}.loginPage.bodyClass{max-height:none!important}#loginLoader{position:absolute;left:50%;top:50%}.loginPage .SignInSection1 h3{padding-left:0!important;font-size:18px;font-weight:300}#forgotText{margin-top:40px;margin-bottom:40px}#forgotTextError{margin-top:40px;margin-bottom:40px;color:red!important}#smartcardResult{font-size:25px}#smartcardResult p{font-weight:700!important;margin-top:20px!important}.smartcardResult{font-weight:500}.alertSignIn{border:none;color:#11d111;position:absolute;top:50%;z-index:9999;background-color:#fff;border-radius:5px;margin-left:29%;font-weight:300!important;width:40%;height:auto}.alert{padding:0!important}.loginSlideElementRow{position:relative;top:-110px}.loginSlideElement{font-size:60px;margin-left:50%;position:relative;top:-158%;color:#fff}.dstvTextSpan{font-weight:700}#formForgotDiv .devider{border:1px solid #fff!important;width:100%;border-bottom:none!important;border-left:none!important;border-right:none!important;margin-top:15%;margin-bottom:15%}#formForgotDiv .forgot-devider{margin-top:0!important}.newToDStv{margin-left:auto;margin-right:auto}.spanLoginText{margin-top:-6px!important;line-height:21px}.spanRegText{}.loginIcon{float:right!important;font-size:32px!important;margin-top:-6px!important}.forgotSmartTitle{margin-bottom:25px!important}.forgotInput{margin-bottom:25px!important}.regIcon{margin-top:-6px!important;margin-left:79px!important}.loginPage .SignInSection1{margin-top:35px;text-align:center;color:#fff;min-height:200px;position:relative;z-index:2}.mobSurnArrow{margin-left:85px}#formLoginDiv{width:auto}#homeLoginButtons{margin-bottom:30px}.loginPage .SignInSection1 h1,h3,.recurring-intro h1{color:#fff}.loginPage .SignInSection1 h1{}h1.sectionTitle{font-weight:700}.loginPage .SignInSection1 h3{padding-left:0!important;font-size:18px;font-weight:300}.padding20{padding:20px}.btn{-webkit-box-shadow:4px 4px 14px -3px rgba(0,0,0,.18);-moz-box-shadow:4px 4px 14px -3px rgba(0,0,0,.18);box-shadow:4px 4px 14px -3px rgba(0,0,0,.18)}.btn-transparent{border-radius:25px;border:#fff solid 1px;background:0 0;color:#fff;padding:10px 20px;font-size:14px!important}.btn-transparent img{margin-left:40px;float:right}.btn-white{border-radius:25px;background:#fff;color:#555;padding:8px 20px}.btn-white img{margin-left:40px;float:right}.btn-black{border-radius:25px;background:#000;color:#fff;padding:10px 20px}.btn-black img{margin-left:40px;float:right}.loginPage .btn-black{min-width:176px!important}.loginPage .btn-white{min-width:190px!important;border-radius:25px;padding:10px 20px!important;margin-top:15px}.whiteBox{background:#fff;border-radius:15px;padding-top:50px;margin-top:-25px;position:relative;min-height:295px;-webkit-box-shadow:0 0 15px -3px rgba(0,0,0,.35);-moz-box-shadow:0 0 15px -3px rgba(0,0,0,.35);box-shadow:0 0 15px -3px rgba(0,0,0,.35);margin-bottom:40px}.whiteBox h2{margin-top:20px;margin-bottom:10px;font-family:inherit;font-weight:500;line-height:1.1;color:inherit;font-size:27px}.btn-blue{border-radius:25px;background:#0e3178;color:#fff;padding:10px 30px;font-size:14px}.whiteBox .btn-blue{}.whiteBox .btn.focus,.whiteBox .btn:focus,.whiteBox .btn:hover{color:#fff!important}.err{text-align:center;margin-bottom:10px!important;color:#a94442;background-color:#f2dede;border-color:#ebccd1;padding:0;border:1px solid transparent;border-radius:4px}.loginPage .SignInSection1 h1.sectionTitle{color:#fff;font-size:28px;font-weight:300;line-height:normal;letter-spacing:unset}.loginPage .SignInSection1 #loginRetry h1.sectionTitle,.loginPage .SignInSection1 #findSMRetry h1.sectionTitle{color:#fff;font-size:28px;font-weight:300;line-height:normal;letter-spacing:unset;padding:0;margin:0 auto}.form-group fieldset{border-radius:35px;margin-bottom:25px;background:#373c54;background:rgba(255,255,255,.14);position:relative}fieldset{min-width:0;padding:0;margin:0;border:0}#loginCation{font-size:.8em!important;text-align:left;text-transform:uppercase}#fastH3{margin-bottom:20px}#smartCardLegend{font-size:.8em!important;text-align:left}fieldset.surnameMobile-field:before{content:"\e934";font-family:dstvafrica!important;font-size:24px;width:50px;height:58px;left:0;position:absolute;vertical-align:middle;display:table-cell;line-height:58px;padding-left:16px;color:#888}fieldset.smartCard-field:before{content:"\e901";font-family:new-sign-in!important;font-size:10px;width:50px;height:58px;left:0;position:absolute;vertical-align:middle;display:table-cell;line-height:58px;padding-left:16px;color:#888}#signIn_surnameOrMobile{height:33px}#btnSignInWithEazy{border-radius:26px;width:50%;margin-left:auto;margin-right:auto}#btnSignInWithEazy,#btnSignInRetry,#btnGOtv,#btnSMFoundLogin,#btnFindSmartcard,#btnfindSMRetry{border-radius:24px;height:44.4px;background-color:unset;line-height:normal;letter-spacing:normal;text-align:center;padding:10px!important;margin-bottom:30px;color:#fff;border:1px solid;opacity:1}#btnGOtv{color:green}.SignInSection1 .btnDiv .btn{margin-top:23px;background-color:#0094fd;height:44.4px!important;margin-bottom:100px;font-size:15px;color:#fff;border:none}.btn-white{border-radius:25px;background:#fff;color:#555;padding:10px 20px}.btn{-webkit-box-shadow:4px 4px 14px -3px rgba(0,0,0,.18);-moz-box-shadow:4px 4px 14px -3px rgba(0,0,0,.18);box-shadow:4px 4px 14px -3px rgba(0,0,0,.18)}.loginPage .paymentMethodsDiv{background:url(../images/Purple-gradient.png) no-repeat 0 -20px;background-size:auto;background-size:100%;margin-bottom:30px;padding-bottom:20px;border-radius:5px;margin-top:60px;border-bottom:#6c204e solid 8px}.loginPage .paymentMethodsDiv div.method{background:#fff;width:100%;margin:1%;display:inline-block;min-height:150px;text-align:center;padding-bottom:20px;cursor:pointer;border-radius:15px;font-size:1.2em}@media(min-width:1200px) .container{width: 1170px; } a.linkBlue:link,a.linkBlue:visited { color: #6CDFF6; } fieldset.devider legend { margin-top: 15px; border: none; width: 100px; color: #fff; font-size: 1em; padding: 0px 5px; } .form-group fieldset input { padding-top: 0px; box-shadow: none; border: none !important; background: transparent; color: #fff; font-size: 1em; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } .SignInSection1 { color: #fff; text-align: center; min-height: 200px; padding: 20px !important; padding-bottom: 0px !important; } .form-group fieldset input { padding-top: 0px; box-shadow: none; border: none !important; background: transparent; color: #fff; font-size: 1em; } .form-group fieldset legend { border: none; width: auto; margin: 0px; margin-left: 25px; padding: 0px 5px; color: #fff; font-size: 1em; } a.linkBlue:hover { text-decoration: none; } a.linkBlue:link,a.linkBlue:visited { color: #6CDFF6; font-weight: 300; } a.linkBlue:hover { text-decoration: none; } .loginPage .paymentMethodsDiv .paymentMethodsCards { margin-top: -30px; } .loginPage .paymentMethodsDiv { margin-top: 140px; width: 100%; background: #3387bb; background: -moz-linear-gradient(-45deg,#3387bb 0%,#001863 100%); background: -webkit-linear-gradient(-45deg,#3387bb 0%,#001863 100%); background: linear-gradient(135deg,#3387bb 0%,#001863 100%); filter: progid:dximagetransform.Microsoft.gradient(startColorstr='#3387bb',endcolorstr='#001863',gradienttype=1); min-height: 200px; margin-bottom: 50px; -webkit-box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.13); box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.13); border-bottom: #0d93cc solid 8px; } .padding20 { padding: 20px; } #smartTooltip,#smartTooltip1,#smartTooltipF { display: none; position: absolute; cursor: pointer; border-radius: 16px; color: #ef0606; border: solid 1px #8b000000; background-color: #ffffff; padding: 7px 20px; z-index: 1000; font-weight: 500; width: 100%; margin: 40px auto 0 !important; } .sign-in-error { font-size: 16px; } .sign-in-error .alert { margin: 8px 0; } .sign-in-error .alert .fa { padding-right: 8px; } .sign-in-error .alert .fa p { margin-bottom: 15px; } .loginPage .sign-in-error p { color: #fff; } .loginPage .paymentMethodsDiv div.method img { max-width: 75px; max-height: 75px; margin-bottom: 20px; margin-top: 40px; } .btn-blue { border-radius: 25px; background: #28D3FE; color: #fff; padding: 10px 30px; } .btn { -webkit-box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.18); -moz-box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.18); box-shadow: 4px 4px 14px -3px rgba(0,0,0,0.18); } .btn,.btn-small,{ width: 176Px; padding-left: 0!important; padding-right: 0!important; } .floatLeft { float: left; margin-left: 50px; } .floatRight { float: right; } .form-group .form-control { font-size: 18px; line-height: normal; color: #ffff; padding-top: 15px; padding-bottom: 18px; padding-left: 60px; padding-right: 20px; } .form-group .form-control::placeholder {font-weight:400;font-size:16px;color:#fff;} p.description { font-weight: 500; } .fieldset { margin: 0; min-width: -1px; } @media only screen and (max-width: 360px) and (min-width: 320px) { .loginPage .btn{margin:15px;margin-left:5px!important;padding:10px 20px!important}}@media only screen and (max-width:991px) and (min-width:361px){.loginPage .btn{margin:15px;padding:10px 20px!important}}@media only screen and (max-width:991px) and (min-width:320px){.whiteBox .btn-blue{margin:10px}.btn-transparent{padding:10px 20px!important}}@media only screen and (max-width:430px) and (min-width:320px){.floatLeft{margin-left:0}}@media only screen and (max-width:1400px) and (min-width:992px){.btn-white img{float:none;margin-bottom:2px;margin-left:78px}}@media only screen and (max-width:1400px) and (min-width:992px){.btn-white img{float:none;margin-bottom:2px;margin-left:78px}.btn-transparent img{margin-left:91px;margin-bottom:2px;float:none}.btn-black img{margin-left:91px;margin-bottom:2px;float:none}}.globe-text{margin-top:8px!important}span{line-height:10px}@media screen and (max-width:767px){.loginPage .SignInSection1 .btn,.loginPage .SignInSection2 .btn{width:100%!important;margin:15px 0;height:44.4px}.alertSignIn{border:1px solid #5cb85c;color:#11d111;position:absolute;top:50%;z-index:9999;background-color:#fff;border-radius:5px;margin-left:5%;font-weight:300!important;width:78%;height:40%}#btnSignInRetry{width:80%!important;margin-top:50px;margin-bottom:0}#btnSignInWithEazy,.loginPage .btn.btn-white.anim-btn,#btnGOtv,#btnSMFoundLogin,#btnFindSmartcard,#btnfindSMRetry{width:100%!important;max-width:220px}#signInModalPopup .popup.success h4{font-size:17px}.retry-img{width:70%}.loginPage .SignInSection1{margin:50px auto;height:100%}#smartTooltip,#smartTooltip1,#smartTooltipF{width:100%}#signInModalPopup .gotv-logo{margin-bottom:10px;width:60%;margin-top:-30px}}@media only screen and (max-width:667px) and (min-width:320px){.whiteBox h2{margin-top:-19px}.overlay:before{height:45%!important}}@media only screen and (max-width:400px) and (min-width:320px){.loginPage .paymentMethodsDiv div.method{font-size:.6em!important}}@media only screen and (max-width:667px) and (min-width:401px){.loginPage .paymentMethodsDiv div.method{font-size:1em!important}}@media only screen and (max-width:991px) and (min-width:770px){.whiteBox .btn-blue{margin:0;margin-left:119px}}.loginPage .paymentMethodsDiv div.method{text-align:center;cursor:pointer;font-size:1.2em}.loginPage .paymentMethodsDiv div.method img{max-width:75px;max-height:75px;margin-bottom:20px;margin-top:40px}.search-bar:before{background:rgba(0,0,0,.4)!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset!important;background:0 0!important;-webkit-box-shadow:0 0 0 30px #181d20 inset!important;-webkit-text-fill-color:#fff;background:0 0!important}.loading-loader .loading-message{margin-top:60px!important}.overlay:before{height:75%!important}.has-error .form-control:focus{box-shadow:none!important}@media only screen and (max-width:1400px) and (min-width:320px){.alertSignIn-popup{border:none!important;color:#000;position:absolute;top:50%;z-index:9999;background-color:transparent!important;border-radius:5px;font-weight:300!important;width:100%;margin-left:-10px;height:auto;margin-top:69%}}@media only screen and (max-width:667px) and (min-width:320px){.alertSignIn{border:1px solid #5cb85c;color:#11d111;position:absolute;top:30%;z-index:9999;background-color:#fff;border-radius:5px;font-weight:300!important;width:91%;height:auto}}@media only screen and (max-width:667px) and (min-width:320px){.alertSignIn{border:1px solid #5cb85c;color:#11d111;position:absolute;top:22%!important;z-index:9999;background-color:#fff;border-radius:5px;margin-left:0%;font-weight:300!important;width:90%!important;height:auto}}@media only screen and (max-width:667px) and (min-width:320px){.whiteBox{background:#fff;border-radius:15px;padding-top:50px;margin-top:0!important;position:relative;min-height:295px;-webkit-box-shadow:0 0 15px -3px rgba(0,0,0,.35);-moz-box-shadow:0 0 15px -3px rgba(0,0,0,.35);box-shadow:0 0 15px -3px rgba(0,0,0,.35);margin-bottom:0!important}}@media only screen and (max-width:991px) and (min-width:320px){.alert.alert-danger.text-align-center.Err.alertSignIn-popup{position:absolute;z-index:9999;background-color:#fff;border-radius:5px;margin-left:-18%;margin-top:92%;font-weight:300!important;width:124%!important;height:auto}}@media only screen and (max-width:991px) and (min-width:320px){.alertSignIn-popup{margin-top:45%}}@media only screen and (max-width:991px) and (min-width:320px){.tag-page-home .spotlight-section.bg-white span.sub{margin-top:0!important}}@media only screen and (max-width:667px) and (min-width:320px){.sign-in .col-md-10 .whiteBox{margin-top:0!important}#signInModalPopup .modal-content button.close{top:-35px!important;right:-15px!important}#manageAcDiv{margin-bottom:10px!important}#loginDiv{margin-bottom:30px!important;width:90%!important}}.loginerrorCard{background:#fff;border-radius:10px;width:100%;text-align:center;overflow:hidden;border:1px solid #ccc}.loginerrorCard .firstDiv{color:#fff;padding:10px;font-weight:400!important;background:#452360;background:-moz-linear-gradient(top,#452360 0%,#2b3990 100%);background:-webkit-linear-gradient(top,#452360 0%,#2b3990 100%);background:linear-gradient(to bottom,#452360 0%,#2b3990 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#452360',endColorstr='#2b3990',GradientType=0 )}.loginerrorCard .firstDiv h4{font-weight:400!important;font-size:20px}.loginerrorCard .errorMsg{font-size:16px;padding:20px;text-align:center;color:#000}.loginerrorCard .btn{font-size:18px;float:none;border-radius:25px;background:#8f8f8f;margin-bottom:10px;color:#fff;padding:10px 30px!important;width:auto!important}#signInModalPopup .modal-content .modal-body{overflow:hidden;background:rgba(16,16,16,.93)}#signInModalPopup .modal-content .modal-body:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;opacity:.37;background:-moz-linear-gradient(top,rgba(87,51,149,0.24) 0%,rgba(39,117,194,1) 68%,rgba(15,40,149,1) 100%);background:-webkit-linear-gradient(top,rgba(87,51,149,0.24) 0%,rgba(39,117,194,1) 68%,rgba(15,40,149,1) 100%);background:linear-gradient(to bottom,rgba(87,51,149,0.24) 0%,rgba(39,117,194,1) 68%,rgba(15,40,149,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d573395',endColorstr='#0f2895',GradientType=0 )}#signInModalPopup .modal-content .modal-body:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}#signInModalPopup .modal-content{background:0 0;padding:0;border:none}.modal-open .modal{background:rgba(0,0,0,.9)!important}#signInModalPopup button.close{width:60px!important;height:60px!important;top:80px;right:0;color:#fff;transition:all .5s;z-index:1051;position:absolute!important;opacity:.8}.ncb #signInModalPopup button.close{top:0}#signInModalPopup button.close :hover{color:#6cdff6;border-color:#6cdff6}#signInModalPopup .popup.success h2,#signInModalPopup .popup.success h4{color:#fff}#signInModalPopup .popup.success h2{font-size:28px;letter-spacing:unset;font-weight:300;border-bottom:none;padding:0;margin:0 auto 0}#signInModalPopup .popup.success h4{font-size:18px;letter-spacing:0;font-weight:300}#signInModalPopup .popup.success p{color:#fff}#signInModalPopup .sm-found-copy-text{margin-top:25px}#signInModalPopup kbd{font-size:19px;padding:12px 40px;color:#333;background-color:#fff;border:none;box-shadow:none;border-radius:unset}#loginDiv{width:90%;margin:0 auto;margin-bottom:60px}#manageAcDiv{margin-bottom:100px}#formForgotDiv{display:inline-block}.retry-img{width:70%;filter:grayscale(1)}#loginRetry h3,#findSMRetry h3{font-weight:300;margin-bottom:15px;line-height:normal;letter-spacing:unset;width:90%;margin:10px auto 30px}#findSMRetry h4{font-weight:300;margin-bottom:15px;font-size:16px;line-height:normal}@-webkit-keyframes MoveBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes MoveBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes MoveBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media screen and (min-width:0px) and (max-width:350px){#signInModalPopup .modal-content .modal-body{overflow:auto;height:auto}}@media screen and (min-width:351px) and (max-width:767px){#signInModalPopup .modal-content .modal-body{overflow:auto;height:auto;background:rgba(16,16,16,.93);position:absolute;width:100%;height:auto;max-width:480px}}@media screen and (max-width:767px){#signInModalPopup .modal-dialog{margin:0!important;width:100%;padding:0!important;position:absolute;left:0;right:0;top:0;bottom:0}#signInModalPopup .modal-content{position:absolute;height:100%;width:100%;bottom:0;top:0;margin-right:20%}}@media screen and (min-width:481px) and (max-width:767px){#signInModalPopup .modal-content{margin-right:15%;margin-left:15%;max-width:360px}}@media screen and (min-width:768px){#signInModalPopup .modal-dialog{margin:6em auto!important;max-width:480px}}#homeLoginButtons .col-sm-6:first-of-type .btn-white{border:#fff solid 1px;background:0 0;color:#fff}#signInModalPopup .btn-white.focus,#signInModalPopup .btn-white:focus,#signInModalPopup .btn-white:hover,.recurring-intro button{color:#fff!important;background-color:unset;border-color:#fff;opacity:1}.btn.disabled,.btn[disabled],fieldset[disabled] .btn,.btn.disabled:hover,.btn.disabled:focus,.btn[disabled]:hover,.btn[disabled]:focus,fieldset[disabled] .btn:hover,fieldset[disabled] .btn:focus{opacity:.6!important}.resetLoginLinks{display:block;clear:both;width:100%;text-align:center}.resetLoginLinks small{font-size:110%}@font-face{font-family:new-sign-in;src:url(/media/7779/new-sign-in.eot?b24yff);src:url(/media/7779/new-sign-in.eot?b24yff#iefix) format('embedded-opentype'),url(/media/7778/new-sign-in.ttf?b24yff) format('truetype'),url(/media/7777/new-sign-in.woff?b24yff) format('woff'),url(/media/7790/new-sign-in.svg?b24yff#sign-in) format('svg');font-weight:400;font-style:normal;font-display:block}.icon{font-family:new-sign-in!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dstv-logo:before{content:"\e902"}.decoder:before{content:"\e901"}.connect-logo:before{content:"\e900";display:inline-block}.connectLoginLink .connect-logo{display:inline-block;font-family:new-sign-in!important;font-size:50px;color:#20c4f4!important}.connectLoginLink .connect-logo span{display:block;clear:both;font-family:roboto,Helvetica,Arial,sans-serif;font-size:16px;margin:30px auto 10px}.btnDiv div p{color:#ccc;opacity:1;font-size:22px;font-weight:700;margin:20px 0 40px;clear:both;display:block}.loginPage .SignInSection1 #loginDiv h1.sectionTitle:before,.recurring-intro h1.sectionTitle:before,#maintenanceDiv h1.sectionTitle:before{content:"\e902";display:inline-block;font-family:new-sign-in!important}@media only screen and (max-width:479px) and (min-width:320px){.SignInSection1{padding:0!important}}.services-offline{margin-bottom:50px}.services-offline h3{margin:25px 0;font-size:20px}.modal-content .services-offline p{opacity:1;font-size:16px}