.open-button{border:none;cursor:pointer;position:fixed;bottom:20px;right:20px;z-index:999;background:none;width:65px;height:65px;text-align:center;padding:0;}.open-button:hover,.open-button:focus{opacity:1;}.chat-popup{position:fixed;bottom:0;right:15px;z-index:99;background:rgba(0,0,0,0.82);border-top-left-radius:3px;border-top-right-radius:3px;opacity:1;max-height:702px;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);overflow:hidden;width:100%;max-width:400px;height:80vh;}.chat-popup:before{background:-moz-linear-gradient(top,rgba(14,14,39,1) 0%,rgba(14,14,39,0) 100%);background:-webkit-linear-gradient(top,rgba(14,14,39,1) 0%,rgba(14,14,39,0) 100%);background:linear-gradient(to bottom,rgba(14,14,39,1) 0%,rgba(14,14,39,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e27',endColorstr='#000e0e27',GradientType=0 );opacity:1;content:'';position:absolute;width:100%;height:60%;max-height:200px;z-index:0;}.chat-popup:after{background:-moz-linear-gradient(top,rgba(14,14,39,0) 0%,rgba(14,14,39,1) 100%);background:-webkit-linear-gradient(top,rgba(14,14,39,0) 0%,rgba(14,14,39,1) 100%);background:linear-gradient(to bottom,rgba(14,14,39,0) 0%,rgba(14,14,39,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000e0e27',endColorstr='#0e0e27',GradientType=0 );;opacity:1;content:'';position:absolute;width:100%;height:30%;max-height:134px;z-index:0;bottom:0;}.chat-popup .form-container{position:relative;top:-15px;z-index:1;width:86%;display:block;clear:both;margin:0 auto;height:90%;}.chat-popup .form-container textarea[type=text]{width:86%;top:981px;max-width:317px;height:45px;background:#FFFFFF;border-radius:100px;opacity:1;border:none;padding:10px 30px;vertical-align:middle;resize:none;color:black;}.chat-popup textarea:focus{outline:none;}.chat-popup .btn[type=submit]{border:none;cursor:pointer;width:auto !important;opacity:0.8;color:#ffffff;display:inline-block;background:none;float:right;font-size:26px;min-width:unset !important;box-shadow:unset;padding:0 !important;margin:0 0 0 0px !important;height:49px;line-height:49px !important;}.chat-popup .cancel{background:none;width:45px !important;height:64px;text-align:center;line-height:64px;padding:0;font-size:19px;font-weight:100;position:relative !important;float:right;color:#fff;z-index:100;min-width:unset !important;box-shadow:unset;}.chat-popup .btn:hover,.open-button:hover{opacity:1;color:white;}.chat-popup .close-confirmation .btn:hover{color:black}.chat-popup .user-area{position:absolute;width:100%;bottom:15px;}.chat-popup .agent-area{text-align:center;color:#fff;margin-bottom:10px;}.chat-popup .agent-area .active-agent{font-size:16px;color:#4cb050;font-weight:400;margin:0 auto;line-height:normal;}.chat-popup .agent-area .active-welcome-message{font-size:14px;margin:0 auto 10px;line-height:normal;}.chat-popup .agent-area br{display:none;}.chat-popup .chat-area .container{margin:0 0 18px;float:left;width:100%;padding:0;}.chat-popup .chat-area .container .darker{float:right !important;width:100%;}.chat-popup .chat-area .container .text{word-break:break-word;border-radius:5px;padding:6px 12px;margin:0 10px;width:75%;background:#1c6a5d;border-radius:3px;font-size:14px;color:#fff;float:left;}.chat-popup .chat-area .container .chat-left{padding:15px 12px;margin:0 auto;background:#1c6a5d;border-radius:6px;font-size:14px;color:#fff;vertical-align:middle;text-align:center;}.chat-popup .chat-area .container .chat-left p{padding:0;margin:0;}.chat-popup .chat-area .container .darker .text{background-color:#4cb050 !important;float:right !important;color:#fff;}.chat-popup .container::after{content:"";clear:both;display:table;}.chat-popup .container .avatar{float:left;max-width:60px;width:25%;height:60px;border-radius:50%;overflow:hidden;background:#029688;color:#fff;text-align:center;line-height:60px;font-size:14px;font-weight:300;letter-spacing:1px;}.chat-popup .container .darker .avatar{float:right;background:#8bc24a;}.chat-popup .container img.right{float:right;margin-left:20px;margin-right:0;}.chat-popup .time-right{float:right;color:white;font-size:12px;}.chat-popup .time-left{float:left;color:#fff;font-size:12px;}.chat-area{overflow-y:auto;max-height:295px;position:relative;}.chat-area:before{position:fixed;width:100%;height:40%;max-height:30px;z-index:2;margin-top:-20px;left:0;background:-moz-linear-gradient(top,rgb(89,107,135) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgb(82,84,94) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(153,153,162,0.16) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff',endColorstr='#00ffffff',GradientType=0 );}.chat-popup .agent-area .avatar:before{display:inline-block;font-family:'DStvAfrica' !important;content:"\e9c5";font-size:5.6rem;}#chatLogin .webform.container.modal-dialog.feedback-dialog{padding:0;max-width:unset;width:100%;margin:0 auto !important;overflow:hidden;max-height:702px;height:100vh;}#chatLogin .modal:before,#chatLogin .modal-content .modal-body:after{content:"";display:none !important;}#chatLogin .modal-content .modal-body{background:unset !important;height:100vh;}#chatLogin .modal-content{background:none !important;}.chat-popup .modal-open .modal,.chat-popup #chatLogin .modal-open .modal,.chat-popup #chatLogin .modal{background:none !important;}#chatLogin #signInModalPopup button.close{display:none;}#chatLogin #signInModalPopup .modal-content .modal-body:before{display:none;}#chatLogin .loginPage .SignInSection1{margin-top:10vh;}.agent-area h1{margin:0 0 10px;padding-top:15px;}@font-face{font-family:'web-chat';src:url("/media/8029/web-chat.eot?6djtjj");src:url("/media/8029/web-chat.eot?6djtjj#iefix") format('embedded-opentype'),url("/media/8030/web-chat.ttf?6djtjj") format('truetype'),url("/media/8031/web-chat.woff?6djtjj") format('woff'),url("/media/8028/web-chat.svg?6djtjj#web-chat") format('svg');font-weight:normal;font-style:normal;font-display:block;}.icon{speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.live-chat .path1:before{content:"\e905";color:rgb(255,255,255);font-family:'web-chat' !important;text-shadow:unset;}.live-chat .path2:before{content:"\e906";margin-left:-1.9560546875em;color:rgb(0,118,192);font-family:'web-chat' !important;text-shadow:none;}.live-chat .path3:before{content:"\e907";margin-left:-1.9560546875em;color:rgb(154,193,55);font-family:'web-chat' !important;}.live-chat .path4:before{content:"\e900";margin-left:-1.9560546875em;color:rgb(255,255,255);font-family:'web-chat' !important;text-shadow:none;}.live-chat .path5:before{content:"\e901";margin-left:-1.9560546875em;color:rgb(255,255,255);font-family:'web-chat' !important;text-shadow:none;}.live-chat .path6:before{content:"\e902";margin-left:-1.9560546875em;color:rgb(255,255,255);font-family:'web-chat' !important;text-shadow:none;}.live-chat .path7:before{content:"\e903";margin-left:-1.9560546875em;color:rgb(255,255,255);font-family:'web-chat' !important;text-shadow:none;}.live-chat .path8:before{content:"\e904";margin-left:-1.9560546875em;color:rgb(255,255,255);font-family:'web-chat' !important;text-shadow:none;}.live-chat .path9:before{content:"\e908";margin-left:-1.9560546875em;color:rgb(255,255,255);font-family:'web-chat' !important;text-shadow:none;}.live-chat .path10:before{content:"\e909";margin-left:-1.9560546875em;color:rgb(255,255,255);font-family:'web-chat' !important;text-shadow:none;}.live-chat .path11:before{content:"\e90a";margin-left:-1.9560546875em;color:rgb(255,255,255);font-family:'web-chat' !important;text-shadow:none;}.live-chat .path12:before{content:"\e90b";margin-left:-1.9560546875em;color:rgb(0,118,192);font-family:'web-chat' !important;text-shadow:none;}.paper-plane-solid:before{content:"\e90c";font-family:'web-chat' !important;}.chat:before{content:"\e90d";font-family:'web-chat' !important;}.dstv-logo:before{content:"\e90e";font-family:'web-chat' !important;}.decoder:before{content:"\e90f";font-family:'web-chat' !important;display:none;}.connect-logo:before{content:"\e910";font-family:'web-chat' !important;}.chat-left.chat-inactive{margin:0 !important;background:#555 !important;width:100% !important;}.alert-info tag-raw{height:unset;float:unset;width:200px;}a.chat-mail-lnk:hover{color:cadetblue;}@media screen and (max-width:767px){.chat-popup .user-area{bottom:0;}.chat-popup .form-container textarea[type=text]{height:45px;}.chat-popup{right:0;top:0;z-index:9999999;bottom:90px;height:100%;max-height:unset;max-width:440px;background:rgba(0,0,0,0.99);}.chat-popup .cancel{width:54px !important;height:64px;}.chat-popup .chat-area .container .text{width:74%;}.open-button{bottom:60px;right:10px;height:auto;}.chat-popup .form-container input[type=text]{max-width:270px;}.chat-popup .modal-open .modal,.chat-popup #chatLogin .modal-open .modal,.chat-popup #chatLogin .modal{height:100vh;}.chat-area{height:62vh;max-height:66%;}.feedback-unit{z-index:999 !important}.open-button{font-size:60px;}.chat-popup .btn[type=submit]{width:7%!important;}.chat-popup .form-container textarea[type=text]{width:90%;max-width:317px;margin-bottom:15px;}.chat-popup tag-raw{margin-left:0px !important}}@media screen and (max-height:640px) and (max-width:767px){.chat-area{height:56vh;max-height:66%;}}@media screen and (max-height:812px) and (max-width:767px){.chat-area{height:63vh;max-height:70%;}}@media screen and (max-height:736px) and (max-width:767px){.chat-area{height:60vh;max-height:70%;}}@media screen and (max-height:667px) and (max-width:767px){.chat-area{height:64vh;max-height:70%;}}@media screen and (max-height:568px) and (max-width:767px){.chat-area{height:52vh;max-height:70%;}.chat-popup .form-container input[type=text]{max-width:236px;}.chat-popup .container .avatar{max-width:51px;height:51px;line-height:51px;font-size:13px;font-weight:500;}}@media screen and (min-width:1024px){.chat-area{height:60%}}.fadeIn-_dtn9{-webkit-animation:fadeIn-_dtn9 .2s 1 ease-in-out;animation:fadeIn-_dtn9 .2s 1 ease-in-out;}.chat-popup::-webkit-scrollbar{display:none;}.chat-popup .scrollbar{margin-left:-10px;padding-right:10px;overflow-y:auto;margin-bottom:0;position:relative;right:-10px;}.chat-popup .scrollbar:after{content:'';position:absolute;}.chat-popup .scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#565454;}.chat-popup .scrollbar::-webkit-scrollbar{width:10px;background-color:#1d1b1b;}.chat-popup .scrollbar::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgb(241,228,228);}.chat-popup .alert-info{color:white;font-size:medium;font-weight:300;text-align:center;margin-bottom:20px;font-size:14px;}.chat-popup .chat-area.scrollbar .container .alert-info{padding:0;margin-bottom:0;}.alert.alert-success span strong{color:#00b7ca;}.chat-popup .alert-success{color:white;font-size:medium;font-weight:300;padding:0;border:none;margin-bottom:10px;text-align:center;}.chat-popup .agentTyping{height:auto;width:100%;}.chat-popup .agentTyping .spinme-left{display:inline-block;padding:15px 20px;font-size:14px;color:#ccc;border-radius:30px;line-height:1.25em;font-weight:100;opacity:0.6;}.chat-popup .agentTyping .spin{margin:0;width:50px;text-align:center;}.chat-popup .agentTyping .spin .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}.chat-popup .agentTyping .spin .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}.chat-popup .agentTyping .spin > div{width:10px;height:10px;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both;background:#5efbfb;opacity:1;}.chat-popup .close-confirmation{position:absolute;z-index:99999;text-align:center;margin:0 5%;width:90%;bottom:16%;color:white;border-radius:9px;}.chat-popup .close-confirmation img{border-radius:50%;margin-top:30%;display:none;}.chat-popup .close-confirmation h5{padding-top:5%;font-weight:300;font-size:22px;}.chat-popup .close-confirmation .btn-white{min-width:unset !important;width:40% !important;display:inline-block;margin:0 5%;background:rgba(255,255,255,0.3);border:1px solid #fff;text-align:center;color:#fff;border-radius:36px;}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0) }40%{-webkit-transform:scale(1.0) }}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0);}40%{-webkit-transform:scale(1.0);transform:scale(1.0);}}@-webkit-keyframes prompt-chat{from{opacity:0;}to{opacity:1;}}.chat-popup .icon-Close_M:before{content:"\e916";font-size:23px;color:#fff !important;}@keyframes prompt-chat{from{opacity:0;}to{opacity:1;}}.chat-prompt{background-color:#62af4e;position:fixed;right:65px;bottom:54px;z-index:9;padding:14px 27px;color:#f7f7f7;font-size:medium;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;box-shadow:4px 6px 13px rgba(0,0,0,.5);opacity:0;width:250px;display:none;}.whatsapp-prompt{background-color:#57b95b;position:fixed;left:65px;bottom:54px;z-index:9;padding:14px 27px;color:#f7f7f7;font-size:medium;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:4px 6px 13px rgba(0,0,0,.5);opacity:0;width:250px;text-align:center;display:none;}.open-button:hover .chat-prompt,.open-button:focus .chat-prompt,.feedback-unit.wa-link .smiley-icon a.svg-holder-link:hover .whatsapp-prompt,.feedback-unit.wa-link .smiley-icon a.svg-holder-link:focus .whatsapp-prompt{opacity:1;transition:all 1s ease-in-out;display:inline-block;-webkit-animation-name:prompt-chat;-webkit-animation-duration:.8s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;animation-name:prompt-chat;animation-duration:.8s;animation-iteration-count:3;animation-direction:alternate;animation-timing-function:ease-in-out;}.mobile-livechat-wrapper .chat-popup{background:url("/media/11800/lc-bg.jpg") no-repeat center center;background-size:cover;}.mobile-livechat-wrapper .chat-popup:before,.mobile-livechat-wrapper .chat-popup:after,.mobile-livechat-wrapper .chat-popup .btn.cancel{display:none !important;}.mobile-livechat-wrapper .chat-popup .lc-title{font-size:1.6rem;text-align:center;padding:18px 20px;margin-bottom:50px;color:#fff;background:rgba(255,255,255,.40);border:1px solid #B9B9B938;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border-radius:0 0 40px 40px;}.mobile-livechat-wrapper .chat-popup .form-container{height:83%;overflow-x:hidden;}.mobile-livechat-wrapper .chat-popup .agent-area .active-agent,.mobile-livechat-wrapper .chat-popup tag-raw a,.mobile-livechat-wrapper .chat-popup .btn[type=submit]{color:#00833F;}.mobile-livechat-wrapper .chat-popup .agent-area .active-agent{font-weight:500;margin:0 auto 20px;}.mobile-livechat-wrapper .chat-popup tag-raw a:hover,.mobile-livechat-wrapper .chat-popup tag-raw a:focus{color:#fff;}.mobile-livechat-wrapper .chat-popup .agent-area{margin-bottom:20px;}.mobile-livechat-wrapper .chat-popup .chat-area{max-height:50%;}.chat-popup .chat-area #retryBtn{color:#fff;padding:5px 30px;margin:10px auto;background:#00833F;border-radius:25px;border:1px solid #00833F;font-weight:400;font-size:16px;}@media screen and (max-width:767px){.mobile-livechat-wrapper .chat-popup .chat-area{max-height:66%;}.keypadOn.mobile-livechat-wrapper .chat-popup .user-area{position:static;}.mobile-livechat-wrapper br{display:block !important;}}@media screen and (max-height:667px) and (max-width:767px){.mobile-livechat-wrapper .chat-area{height:52vh;}}@media screen and (max-height:812px) and (max-width:767px){.mobile-livechat-wrapper .chat-area{max-height:65%;}}