#HomePage2020 {color: #757575; font-family: 'Open Sans', sans-serif!important; font-weight: 400;} #HomePage2020 img{height:auto; max-width: 100%; _max-width:inherit; _height:100%;} #HomePage2020 h1{ margin-bottom: 5px; font-size:32px; font-weight: 600; font-family: 'Open Sans', sans-serif!important;} #HomePage2020 h2 { font-size: 48px; color: #333; font-family: 'Open Sans', sans-serif!important;} #HomePage2020 .slider .flexslider h2{ font-family: 'Open Sans', sans-serif!important; color: #333; } #HomePage2020 h1, #HomePage2020 h2, #HomePage2020 h3, #HomePage2020 h4, #HomePage2020 h5, #HomePage2020 h6{ font-family: 'Open Sans', sans-serif!important; font-weight: 600; letter-spacing: -0.05em;} #HomePage2020 #MBBPOstPre, #HomePage2020 #DTVPOstPre, #HomePage2020 #HBBPOstPre, #HomePage2020 #MobPOstPre {z-index: 200000000!important;} #HomePage2020 h3 { font-size: 20px; } #HomePage2020 p{ font-size: 20px; } #HomePage2020 .push_t100{ margin-top: 100px; } #HomePage2020 .PinkLink{ color: #EF005A; font-weight: 700; padding: 12px 30px; text-transform: uppercase;} #HomePage2020 .PinkLink:hover, #HomePage2020 .PinkLink:focus{ text-decoration: none; background-color: rgba(239, 0, 90, 0.1); color: #EF005A; padding: 12px 30px; border-radius: 30px; } #HomePage2020 .WhiteLink{ color: #fff; font-weight: 700; padding: 12px 30px; text-transform: uppercase;} #HomePage2020 .WhiteLink:hover, #HomePage2020 .WhiteLink:focus{ text-decoration: none; background-color: rgba(255, 255, 255, 0.1); color: #fff; padding: 12px 30px; border-radius: 30px; } #HomePage2020 .PinkBtn{ background: #EF005A; padding: 12px 30px; border-radius: 30px; color: #fff; text-transform: uppercase; text-align: center; border:none; font-weight: 700; } #HomePage2020 .PinkBtn:hover, #HomePage2020 .PinkBtn:focus{ -webkit-box-shadow: 0 0px 5px 2px #E0E0E0; box-shadow: 0 0px 5px 2px #E0E0E0; color: #fff;} #HomePage2020 .PinkBtn:disabled{ background: #E4E4E4; color: #8D8D8D; } #HomePage2020 .PinkBtn:focus{ outline: none; } #HomePage2020 .WhiteBtn{ padding: 12px 30px; border-radius: 30px; color: #EF005A; font-weight: 700; border:1px solid #979797; text-transform: uppercase; text-align: center; } #HomePage2020 .WhiteBtn:hover, #HomePage2020 .WhiteBtn:focus{ background-color: rgba(239, 0, 90, 0.1); color: #EF005A; border:1px solid #d8d8d8; } #HomePage2020 .WhiteBtn:disabled{ color: #979797; border:1px solid #d8d8d8; } #HomePage2020 .AshBordBtn{ background: #fff; padding: 15px 50px; border-radius: 10px; color: #333; text-align: center; border:1px solid #e4e4e4; font-weight: 400; display: inline-block; } #HomePage2020 .AshBordBtn:hover, #HomePage2020 .AshBordBtn:focus{ background: #fde5ee; border:1px solid #EF005A; } #HomePage2020 .TextBox{ border:1px solid #C4C4C4; border-radius: 30px; padding:12px 15px; background: #fff; outline: none; } #HomePage2020 .TextBox::placeholder{ color: #CDD0D2 } #HomePage2020 .TextBox::-ms-input-placeholder { color: #CDD0D2 } #HomePage2020 .TextBox:-ms-input-placeholder{ color: #CDD0D2 } #HomePage2020 .AshTxt{color: #757575} #HomePage2020 .BlackTxt{color: #000; font-weight: 400;} #HomePage2020 .PurpleTxt{ color: #7C1C70 } #HomePage2020 ul{ list-style: none; margin: 0; padding: 0; } #HomePage2020 .LargTxt{ font-size: 32px; color: #000; font-weight: 400; } #HomePage2020 a.blueLink{color: #0091FF; font-weight: 400;} #HomePage2020 a.blueLink:hover{ color: #0777CC; text-decoration: underline; } /* Hide arrows from number input*/ #HomePage2020 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} #HomePage2020 input[type=number] {-moz-appearance: textfield;} #HomePage2020{position: relative;} #HomePage2020 #NoticeTop{ text-align: center; } #HomePage2020 #NoticeTop p{ font-size: 16px!important;} #HomePage2020 #NoticeTop .MainNotice{background: #333; padding: 10px 10px 1px 10px; color: #fff;} #HomePage2020 #NoticeTop .SecondNotice{background: #f3f3f3; padding: 10px 10px 1px 10px; color: #757575;} #HomePage2020 .MainSlideHome .slides{ background-color: #eee; } #HomePage2020 .MainSlideHome .CalltoAct div{ display: inline-block; } #HomePage2020 .MainSlideHome .slides li{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /*#HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/viu-hub2.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/manusathkara.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ /*#HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/xmas-2020.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/pop-addon.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide1ta{background: url(/dialogdocroot/content/images/home2020/manusathkara-tam.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide2{background: url(/dialogdocroot/content/images/home2020/hbb-elearn2.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /*#HomePage2020 .MainSlideHome .slides li.slide3{background: url(/dialogdocroot/content/images/home2020/powerplan3.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ /* #HomePage2020 .MainSlideHome .slides li.slide3{background: url(/dialogdocroot/content/images/home2020/seasonal-offer.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #HomePage2020 .MainSlideHome .slides li.slide3{background: url(/dialogdocroot/content/images/home2020/ownership.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide4{background: url(/dialogdocroot/content/images/home2020/vesak-2021-n.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /*#HomePage2020 .MainSlideHome .slides li.slide5{background: url(/dialogdocroot/content/images/home2020/work-home.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ /*#HomePage2020 .MainSlideHome .slides li.slide5{background: url(/dialogdocroot/content/images/home2020/mbb-netflix.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ /*downtime-2021*/ #HomePage2020 .MainSlideHome .slides li.slidexmasesale{background: url(/dialogdocroot/content/images/home2020/xmas-esale.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideunlimitedblaster{background: url(/dialogdocroot/content/images/home2020/unlimited-blaster1.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideyearendsale{background: url(/dialogdocroot/content/images/home2020/yearendsale.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideFunblaster{background: url(/dialogdocroot/content/images/home2020/funblaster.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidemyaccount{background: url(/dialogdocroot/content/images/home2020/myaccount.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidecallblaster{background: url(/dialogdocroot/content/images/home2020/callblaster.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /*#HomePage2020 .MainSlideHome .slides li.SlideMegaWasana{background: url(/dialogdocroot/content/images/home2020/meg-emp2.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #HomePage2020 .MainSlideHome .slides li.SlideMegaWasana{background: url(/dialogdocroot/content/images/home2020/megawasana.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidewatchs7{background: url(/dialogdocroot/content/images/home2020/watchs7.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidedevvalen{background: url(/dialogdocroot/content/images/home2020/valen-dev-2022.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidesharedata{background: url(/dialogdocroot/content/images/home2020/sharedata.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideInsta{background: url(/dialogdocroot/content/images/home2020/insta-promo.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideManudam{background: url(/dialogdocroot/content/images/home2020/manudambg.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefifa{background: url(/dialogdocroot/content/images/home2020/fifa.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideoctsale{background: url(/dialogdocroot/content/images/home2020/blackfriday.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideOnlineSale{background: url(/dialogdocroot/content/images/home2020/esalesept.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidexmaszone{background: url(/dialogdocroot/content/images/home2020/xmaszone.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidedowntime{background: url(/dialogdocroot/content/images/home2020/ash-bk-desk2.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.Yellowslidedowntime{background: url(/dialogdocroot/content/images/home2020/downtime-2021.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidepopsim{background: url(/dialogdocroot/content/images/home2020/30gb-promo.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevesak{background: url(/dialogdocroot/content/images/home2020/vesak2022bg.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidemydialogNew{background: url(/dialogdocroot/content/images/home2020/mydialog2-desk.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidegalaxyfold{background: url(/dialogdocroot/content/images/home2020/galaxyfold.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideiphone13{background: url(/dialogdocroot/content/images/home2020/iphone13-cs.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideiphone13pre{background: url(/dialogdocroot/content/images/home2020/iphone13-ava.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidecsweek{background: url(/dialogdocroot/content/images/home2020/cs-dev.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideAirtag{background: url(/dialogdocroot/content/images/home2020/airtag.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidegeniedev{background: url(/dialogdocroot/content/images/home2020/genie-dev.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidehbbul{background: url(/dialogdocroot/content/images/home2020/hbb-ul.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideesale{background: url(/dialogdocroot/content/images/home2020/esale1.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideDecoder{background: url(/dialogdocroot/content/images/home2020/decoder.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidehbbsm{background: url(/dialogdocroot/content/images/home2020/hbb-sm.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidesstarpoints{background: url(/dialogdocroot/content/images/home2020/starpoints.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideviumini{background: url(/dialogdocroot/content/images/home2020/viumini.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideDevice{background: url(/dialogdocroot/content/images/home2020/devoffer.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideSmplan{background: url(/dialogdocroot/content/images/home2020/smplan2.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.newyear2023{background: url(/dialogdocroot/content/images/home2020/newyear2023.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.newyear2023si{background: url(/dialogdocroot/content/images/home2020/newyear2023-si.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.newyear2023ta{background: url(/dialogdocroot/content/images/home2020/newyear2023-ta.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideavuruduwish{background: url(/dialogdocroot/content/images/home2020/avuruduwish.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideavuruduwishta{background: url(/dialogdocroot/content/images/home2020/avuruduwish-ta.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidedigitalavurudu{background: url(/dialogdocroot/content/images/home2020/digitalavurudu.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefun{background: url(/dialogdocroot/content/images/home2020/funblaster1.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefunta{background: url(/dialogdocroot/content/images/home2020/funblaster1-ta.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefunsi{background: url(/dialogdocroot/content/images/home2020/funblaster1-si.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide6{background: url(/dialogdocroot/content/images/home2020/cc-new-home.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevalenEn{background: url(/dialogdocroot/content/images/home2020/vday.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevalenSi{background: url(/dialogdocroot/content/images/home2020/vday-si.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevalenTa{background: url(/dialogdocroot/content/images/home2020/vday-ta.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideS21{background: url(/dialogdocroot/content/images/home2020/samsungs21.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideS21new{background: url(/dialogdocroot/content/images/home2020/samsungs21-new.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideSpotify{background: url(/dialogdocroot/content/images/home2020/spotify.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideHBBDouble{background: url(/dialogdocroot/content/images/home2020/hbb-doubledata1.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideAvurudu{background: url(/dialogdocroot/content/images/home2020/avurudu2021.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideAvuruduta{background: url(/dialogdocroot/content/images/home2020/avurudu2021-ta.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideEzreload{background: url(/dialogdocroot/content/images/home2020/ezreload.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.ChristmasDeviceOffer{background: url(/dialogdocroot/content/images/home2020/device-offer-dec21.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.NoticeAshBk{background: url(/dialogdocroot/content/images/home2020/notice-bk.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.CSWeek22{background: url(/dialogdocroot/content/images/home2020/customer-service-22.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.ICCViu{background: url(/dialogdocroot/content/images/home2020/icc-worl-cup22.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.iphone14{background: url(/dialogdocroot/content/images/home2020/ipone14-2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.ManuKaruna{background: url(/dialogdocroot/content/images/home2020/donate-meal-manudam.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.FutureVerse{background: url(/dialogdocroot/content/images/home2020/future2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.SocialYoutube{background: url(/dialogdocroot/content/images/home2020/social-youtube.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.Christmas22{background: url(/dialogdocroot/content/images/home2020/christmas-2022.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.esale22{background: url(/dialogdocroot/content/images/home2020/esalejanu.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slids23preorder{background: url(/dialogdocroot/content/images/home2020/s23-prep-order.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferMarch{background: url(/dialogdocroot/content/images/home2020/device-avurudu-home.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.WPLVIU{background: url(/dialogdocroot/content/images/home2020/newzealand-match.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.WPLVIU2{background: url(/dialogdocroot/content/images/home2020/ipl-vu-desc.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeafTawk{background: url(/dialogdocroot/content/images/home2020/deaftawk-desc.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.megwinner{background: url(/dialogdocroot/content/images/home2020/mega-winner2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferMay{background: url(/dialogdocroot/content/images/home2020/hbb-offer-web.png) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.googleIO23{background: url(/dialogdocroot/content/images/home2020/google-io.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.powerplan23{background: url(/dialogdocroot/content/images/home2020/power-plan1.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferMay2{background: url(/dialogdocroot/content/images/home2020/cyber-offer.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferJune{background: url(/dialogdocroot/content/images/home2020/hbb-may-offer-web.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} @media (max-width: 768px){ /* #HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/viu-hub2-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/manusathkara-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ /* #HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/xmas-2020-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/pop-addon-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide1ta{background: url(/dialogdocroot/content/images/home2020/manusathkara-tam-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide2{background: url(/dialogdocroot/content/images/home2020/hbb-elearn-tab2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /*#HomePage2020 .MainSlideHome .slides li.slide3{background: url(/dialogdocroot/content/images/home2020/powerplan3-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ /*#HomePage2020 .MainSlideHome .slides li.slide3{background: url(/dialogdocroot/content/images/home2020/seasonal-offer-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #HomePage2020 .MainSlideHome .slides li.slide3{background: url(/dialogdocroot/content/images/home2020/ownership-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide4{background: url(/dialogdocroot/content/images/home2020/vesak-2021-n.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /*#HomePage2020 .MainSlideHome .slides li.slide5{background: url(/dialogdocroot/content/images/home2020/work-home-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ /*#HomePage2020 .MainSlideHome .slides li.slide5{background: url(/dialogdocroot/content/images/home2020/mbb-netflix-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ /*downtime-2021-tab.jpg*/ #HomePage2020 .MainSlideHome .slides li.slidexmasesale{background: url(/dialogdocroot/content/images/home2020/xmas-esale-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideunlimitedblaster{background: url(/dialogdocroot/content/images/home2020/unlimited-blaster1-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideyearendsale{background: url(/dialogdocroot/content/images/home2020/yearendsale-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideFunblaster{background: url(/dialogdocroot/content/images/home2020/funblaster-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidemyaccount{background: url(/dialogdocroot/content/images/home2020/myaccount-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidecallblaster{background: url(/dialogdocroot/content/images/home2020/callblaster-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /*#HomePage2020 .MainSlideHome .slides li.SlideMegaWasana{background: url(/dialogdocroot/content/images/home2020/meg-emp2.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #HomePage2020 .MainSlideHome .slides li.SlideMegaWasana{background: url(/dialogdocroot/content/images/home2020/megawasana-tab.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidewatchs7{background: url(/dialogdocroot/content/images/home2020/watchs7-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidedevvalen{background: url(/dialogdocroot/content/images/home2020/valen-dev-2022-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidesharedata{background: url(/dialogdocroot/content/images/home2020/sharedata-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideInsta{background: url(/dialogdocroot/content/images/home2020/insta-promo-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideManudam{background: url(/dialogdocroot/content/images/home2020/manudambg-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefifa{background: url(/dialogdocroot/content/images/home2020/fifa-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideoctsale{background: url(/dialogdocroot/content/images/home2020/blackfriday-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideOnlineSale{background: url(/dialogdocroot/content/images/home2020/esalesept-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidexmaszone{background: url(/dialogdocroot/content/images/home2020/xmaszone-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidedowntime{background: url(/dialogdocroot/content/images/home2020/ash-bk2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.Yellowslidedowntime{background: url(/dialogdocroot/content/images/home2020/downtime-2021-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidepopsim{background: url(/dialogdocroot/content/images/home2020/30gb-promo-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevesak{background: url(/dialogdocroot/content/images/home2020/vesak2022bg-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidemydialogNew{background: url(/dialogdocroot/content/images/home2020/mydialog2-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidegalaxyfold{background: url(/dialogdocroot/content/images/home2020/galaxyfold-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideiphone13{background: url(/dialogdocroot/content/images/home2020/iphone13-cs-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideiphone13pre{background: url(/dialogdocroot/content/images/home2020/iphone13-ava-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidecsweek{background: url(/dialogdocroot/content/images/home2020/cs-dev-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideAirtag{background: url(/dialogdocroot/content/images/home2020/airtag-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidegeniedev{background: url(/dialogdocroot/content/images/home2020/genie-dev-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidehbbul{background: url(/dialogdocroot/content/images/home2020/hbb-ul-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideesale{background: url(/dialogdocroot/content/images/home2020/esale1-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideDecoder{background: url(/dialogdocroot/content/images/home2020/decoder-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidehbbsm{background: url(/dialogdocroot/content/images/home2020/hbb-sm-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidesstarpoints{background: url(/dialogdocroot/content/images/home2020/starpoints-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideviumini{background: url(/dialogdocroot/content/images/home2020/viumini-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideDevice{background: url(/dialogdocroot/content/images/home2020/devoffer-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideSmplan{background: url(/dialogdocroot/content/images/home2020/smplan-tab2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.newyear2023{background: url(/dialogdocroot/content/images/home2020/newyear2023-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.newyear2023ta{background: url(/dialogdocroot/content/images/home2020/newyear2023-ta-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.newyear2023si{background: url(/dialogdocroot/content/images/home2020/newyear2023-si-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideavuruduwish{background: url(/dialogdocroot/content/images/home2020/avuruduwish-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideavuruduwishta{background: url(/dialogdocroot/content/images/home2020/avuruduwish-ta-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidedigitalavurudu{background: url(/dialogdocroot/content/images/home2020/digitalavurudu-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefun{background: url(/dialogdocroot/content/images/home2020/funblaster1-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefunta{background: url(/dialogdocroot/content/images/home2020/funblaster1-tab-ta.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefunsi{background: url(/dialogdocroot/content/images/home2020/funblaster1-tab-si.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide6{background: url(/dialogdocroot/content/images/home2020/cc-new-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevalenEn{background: url(/dialogdocroot/content/images/home2020/vday-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevalenSi{background: url(/dialogdocroot/content/images/home2020/vday-tab-si.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevalenTa{background: url(/dialogdocroot/content/images/home2020/vday-tab-ta.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideS21{background: url(/dialogdocroot/content/images/home2020/samsungs21-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideS21new{background: url(/dialogdocroot/content/images/home2020/samsungs21-tab-new.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideSpotify{background: url(/dialogdocroot/content/images/home2020/spotify-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideHBBDouble{background: url(/dialogdocroot/content/images/home2020/hbb-doubledata1-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideAvurudu, #HomePage2020 .MainSlideHome .slides li.slideAvuruduta{background: url(/dialogdocroot/content/images/home2020/avurudu2021-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideEzreload{background: url(/dialogdocroot/content/images/home2020/ezreload-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.ChristmasDeviceOffer{background: url(/dialogdocroot/content/images/home2020/device-offer-dec21-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.NoticeAshBk{background: url(/dialogdocroot/content/images/home2020/notice-bk.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.CSWeek22{background: url(/dialogdocroot/content/images/home2020/customer-service-22.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.ICCViu{background: url(/dialogdocroot/content/images/home2020/icc-worl-cup22.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.iphone14{background: url(/dialogdocroot/content/images/home2020/ipone14-2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.ManuKaruna{background: url(/dialogdocroot/content/images/home2020/donate-meal-manudam.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.FutureVerse{background: url(/dialogdocroot/content/images/home2020/future2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.SocialYoutube{background: url(/dialogdocroot/content/images/home2020/social-youtube-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.Christmas22{background: url(/dialogdocroot/content/images/home2020/christmas-2022.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.esale22{background: url(/dialogdocroot/content/images/home2020/esalejanu.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slids23preorder{background: url(/dialogdocroot/content/images/home2020/s23-prep-order-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferMarch{background: url(/dialogdocroot/content/images/home2020/device-avurudu-home.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.WPLVIU{background: url(/dialogdocroot/content/images/home2020/newzealand-match.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.WPLVIU2{background: url(/dialogdocroot/content/images/home2020/ipl-vu-desc.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeafTawk{background: url(/dialogdocroot/content/images/home2020/deaftawk-desc.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.megwinner{background: url(/dialogdocroot/content/images/home2020/mega-winner2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferMay{background: url(/dialogdocroot/content/images/home2020/hbb-offer-web.png) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.googleIO23{background: url(/dialogdocroot/content/images/home2020/google-io.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.powerplan23{background: url(/dialogdocroot/content/images/home2020/power-plan1.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferMay2{background: url(/dialogdocroot/content/images/home2020/cyber-offer.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferJune{background: url(/dialogdocroot/content/images/home2020/hbb-may-offer-web.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} } @media (max-width: 480px){ /*#HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/viu-hub2-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/manusathkara-mob2.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ /* #HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/xmas-2020-mob.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #HomePage2020 .MainSlideHome .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/pop-addon-mob.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide1ta{background: url(/dialogdocroot/content/images/home2020/manusathkara-mob-tam.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide2{background: url(/dialogdocroot/content/images/home2020/hbb-elearn-mob2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /*#HomePage2020 .MainSlideHome .slides li.slide3{background: url(/dialogdocroot/content/images/home2020/powerplan3-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ /* #HomePage2020 .MainSlideHome .slides li.slide3{background: url(/dialogdocroot/content/images/home2020/seasonal-offer-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #HomePage2020 .MainSlideHome .slides li.slide3{background: url(/dialogdocroot/content/images/home2020/ownership-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide4{background: url(/dialogdocroot/content/images/home2020/vesak-2021-mobile-n.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /* #HomePage2020 .MainSlideHome .slides li.slide5{background: url(/dialogdocroot/content/images/home2020/work-home-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} */ /* #HomePage2020 .MainSlideHome .slides li.slide5{background: url(/dialogdocroot/content/images/home2020/mbb-netflix-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} */ /*downtime-2021-mob.jpg*/ #HomePage2020 .MainSlideHome .slides li.slidexmasesale{background: url(/dialogdocroot/content/images/home2020/xmas-esale-mob.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideunlimitedblaster{background: url(/dialogdocroot/content/images/home2020/unlimited-blaster1-mob.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideyearendsale{background: url(/dialogdocroot/content/images/home2020/yearendsale-mob.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideFunblaster{background: url(/dialogdocroot/content/images/home2020/funblaster-mob.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidemyaccount{background: url(/dialogdocroot/content/images/home2020/myaccount-mob.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidecallblaster{background: url(/dialogdocroot/content/images/home2020/callblaster-mob.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /*#HomePage2020 .MainSlideHome .slides li.SlideMegaWasana{background: url(/dialogdocroot/content/images/home2020/mega-mob3.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #HomePage2020 .MainSlideHome .slides li.SlideMegaWasana{background: url(/dialogdocroot/content/images/home2020/megawasana-mob.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidewatchs7{background: url(/dialogdocroot/content/images/home2020/watchs7-mobb.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidedevvalen{background: url(/dialogdocroot/content/images/home2020/valen-dev-2022-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidesharedata{background: url(/dialogdocroot/content/images/home2020/sharedata-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideInsta{background: url(/dialogdocroot/content/images/home2020/insta-promo-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideManudam{background: url(/dialogdocroot/content/images/home2020/manudambg-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefifa{background: url(/dialogdocroot/content/images/home2020/fifa-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideoctsale{background: url(/dialogdocroot/content/images/home2020/blackfriday-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideOnlineSale{background: url(/dialogdocroot/content/images/home2020/esalesept-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidexmaszone{background: url(/dialogdocroot/content/images/home2020/xmaszone-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidedowntime{background: url(/dialogdocroot/content/images/home2020/ash-bk-mob2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.Yellowslidedowntime{background: url(/dialogdocroot/content/images/home2020/downtime-2021-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidepopsim{background: url(/dialogdocroot/content/images/home2020/30gb-promo-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevesak{background: url(/dialogdocroot/content/images/home2020/vesak2022bg-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidemydialogNew{background: url(/dialogdocroot/content/images/home2020/mydialog2-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidegalaxyfold{background: url(/dialogdocroot/content/images/home2020/galaxyfold-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideiphone13{background: url(/dialogdocroot/content/images/home2020/iphone13-cs-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideiphone13pre{background: url(/dialogdocroot/content/images/home2020/iphone13-ava-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidecsweek{background: url(/dialogdocroot/content/images/home2020/cs-dev-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideAirtag{background: url(/dialogdocroot/content/images/home2020/airtag-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidegeniedev{background: url(/dialogdocroot/content/images/home2020/genie-dev-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidehbbul{background: url(/dialogdocroot/content/images/home2020/hbb-ul-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideesale{background: url(/dialogdocroot/content/images/home2020/esale1-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideDecoder{background: url(/dialogdocroot/content/images/home2020/decoder-mob.jpg) no-repeat center bottom ;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidehbbsm{background: url(/dialogdocroot/content/images/home2020/hbb-sm-mob.jpg) no-repeat center bottom ;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidesstarpoints{background: url(/dialogdocroot/content/images/home2020/starpoints-mob.jpg) no-repeat center bottom ;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideviumini{background: url(/dialogdocroot/content/images/home2020/viumini-mob.jpg) no-repeat center bottom ;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideDevice{background: url(/dialogdocroot/content/images/home2020/devoffer-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideSmplan{background: url(/dialogdocroot/content/images/home2020/smplan-mob2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.newyear2023{background: url(/dialogdocroot/content/images/home2020/newyear2023-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.newyear2023ta{background: url(/dialogdocroot/content/images/home2020/newyear2023-ta-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.newyear2023si{background: url(/dialogdocroot/content/images/home2020/newyear2023-si-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideavuruduwish{background: url(/dialogdocroot/content/images/home2020/avuruduwish-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideavuruduwishta{background: url(/dialogdocroot/content/images/home2020/avuruduwish-ta-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidedigitalavurudu{background: url(/dialogdocroot/content/images/home2020/digitalavurudu-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefun{background: url(/dialogdocroot/content/images/home2020/funblaster1-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefunta{background: url(/dialogdocroot/content/images/home2020/funblaster1-mob-ta.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidefunsi{background: url(/dialogdocroot/content/images/home2020/funblaster1-mob-si.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slide6{background: url(/dialogdocroot/content/images/home2020/cc-new-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevalenEn{background: url(/dialogdocroot/content/images/home2020/vday-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevalenSi{background: url(/dialogdocroot/content/images/home2020/vday-mob-si.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slidevalenTa{background: url(/dialogdocroot/content/images/home2020/vday-mob-ta.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideS21{background: url(/dialogdocroot/content/images/home2020/samsungs21-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideS21new{background: url(/dialogdocroot/content/images/home2020/samsungs21-mob-new.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideSpotify{background: url(/dialogdocroot/content/images/home2020/spotify-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideHBBDouble{background: url(/dialogdocroot/content/images/home2020/hbb-doubledata1-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideAvurudu, #HomePage2020 .MainSlideHome .slides li.slideAvuruduta{background: url(/dialogdocroot/content/images/home2020/avurudu2021-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slideEzreload{background: url(/dialogdocroot/content/images/home2020/ezreload-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.ChristmasDeviceOffer{background: url(/dialogdocroot/content/images/home2020/device-offer-dec21-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.NoticeAshBk{background: url(/dialogdocroot/content/images/home2020/notice-bk-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.CSWeek22{background: url(/dialogdocroot/content/images/home2020/customer-service-22-mob2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.ICCViu{background: url(/dialogdocroot/content/images/home2020/icc-worl-cup22-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.iphone14{background: url(/dialogdocroot/content/images/home2020/ipone14-mob-2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.ManuKaruna{background: url(/dialogdocroot/content/images/home2020/donate-meal-manudam-thumb.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.FutureVerse{background: url(/dialogdocroot/content/images/home2020/future-mob2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.SocialYoutube{background: url(/dialogdocroot/content/images/home2020/social-youtube-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.Christmas22{background: url(/dialogdocroot/content/images/home2020/dhristmas-2022-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.esale22{background: url(/dialogdocroot/content/images/home2020/esalejanu-mob-h2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.slids23preorder{background: url(/dialogdocroot/content/images/home2020/s23-prep-order-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferMarch{background: url(/dialogdocroot/content/images/home2020/device-avurudu-home-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.WPLVIU{background: url(/dialogdocroot/content/images/home2020/newzealand-match-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.WPLVIU2{background: url(/dialogdocroot/content/images/home2020/ipl-vu-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeafTawk{background: url(/dialogdocroot/content/images/home2020/deaftawk-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.megwinner{background: url(/dialogdocroot/content/images/home2020/mega-winner-mob2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferMay{background: url(/dialogdocroot/content/images/home2020/hbb-offer-mob.png) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.googleIO23{background: url(/dialogdocroot/content/images/home2020/google-io-mob2.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.powerplan23{background: url(/dialogdocroot/content/images/home2020/power-plan-mob1.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferMay2{background: url(/dialogdocroot/content/images/home2020/cyber-offer-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .MainSlideHome .slides li.DeviceOfferJune{background: url(/dialogdocroot/content/images/home2020/hbb-may-offer-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} } #HomePage2020 .MainSlideHome .flex-control-nav{ left:inherit!important; text-align: center; display: block; right: inherit!important; margin: auto; width: 100%; bottom: 15%; } #HomePage2020 .MainSlideHome .flex-control-paging li a.flex-active{ background-color: #fff!important; } #HomePage2020 .MainSlideHome .flex-control-paging li a{ background-color: #B1A89A!important; } #HomePage2020 .MainSlideHome .slides li{ height: 600px; } #HomePage2020 .MainSlideHome .TextContainer{ max-width: 1165px; position: absolute; left: 0; top: 30%; right: 0; margin: auto; } #HomePage2020 .MainSlideHome .TextContainer h2{ /*font-size: 48px; */ font-size: 35px; margin-bottom: 8px!important; font-weight: 600!important; } #HomePage2020 .MainSlideHome .TextContainer p{ font-size: 24px; color: #757575 } #HomePage2020 .MainSlideHome .RightSideDesc{ max-width: 45%; } #HomePage2020 .PaymentSection{ position: absolute; top: 550px; /*top: 520px;*/ width: 1165px; overflow: hidden; margin: auto; display: block; background: #fff; border-radius: 10px; z-index: 100000000; /*-webkit-box-shadow:0 -2px 10px 1px #d0d0d0; box-shadow: 0 -2px 10px 1px #d0d0d0;*/ -webkit-box-shadow:0 4px 5px 1px rgba(55,58,98,.35); box-shadow: 0 4px 5px 1px rgba(55,58,98,.35);} #HomePage2020 .PaymentSection h2{ font-size: 18px; margin: 0 0 10px 0; color: #333; } #HomePage2020 .PaymentSection .Reload{ width: 35%; float: left; padding: 2%; } #HomePage2020 .PaymentSection .Reload .TextBox{ width: 70%; margin-right: 3%; } #HomePage2020 .PaymentSection .PurchaseQuickLinks{ width: 65%; float: left; } #HomePage2020 .PaymentSection .PurchaseQuickLinks ul{ margin: 0; padding: 0; } #HomePage2020 .PaymentSection .PurchaseQuickLinks li{ border-left: 1px solid #D8D8D8; float: left; width: 25%; text-align: center; } #HomePage2020 .PaymentSection .PurchaseQuickLinks li:hover{ cursor: pointer; } #HomePage2020 .PaymentSection .PurchaseQuickLinks li a{ display: block; padding: 2%; min-height: 130px; color: #2F2C2B } #HomePage2020 .PaymentSection .PurchaseQuickLinks li a:hover, #HomePage2020 .PaymentSection .PurchaseQuickLinks li a:focus{ border-bottom: 3px solid #E14A32; color: #2F2C2B; } #HomePage2020 .PaymentSection .PurchaseQuickLinks li:last-child a:hover, #HomePage2020 .PaymentSection .PurchaseQuickLinks li:last-child a:focus{ border-bottom-right-radius: 10px; } #HomePage2020 .PaymentSection .PurchaseQuickLinks li i{ width: 50px; height: 50px; display: block; margin: auto; background: url(/dialogdocroot/content/images/home2020/quick-icons1.png) no-repeat; background-size: 50px 1315px; margin:20px auto 5px auto;} #HomePage2020 .PaymentSection .PurchaseQuickLinks li .DataIcon{ background-position: left -252px; } #HomePage2020 .PaymentSection .PurchaseQuickLinks li .SIMIcon{ background-position: left -160px;} #HomePage2020 .PaymentSection .PurchaseQuickLinks li .BroadbandIcon{ background-position: left -72px; } #HomePage2020 .PaymentSection .PurchaseQuickLinks li .TVIcon{ background-position: left top; } #HomePage2020 .PaymentSection .PurchaseQuickLinks li .SmartHomeIcon{ background-position: left -1231px; } #HomePage2020 .ProductHighlightSec{ background: #000; min-height: 400px;} #HomePage2020 .ProductHighlightSec #HighlightedProducts{ color: #eee; height:100vh; position: relative; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .tabsec{ overflow: hidden; height: 100vh; padding-bottom: 10px;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabContainer{position: relative; max-width: 1165px; margin: auto 30%; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi{ position: absolute; z-index: 10000; bottom:20%; left: 0; margin:0 0 30px 0; width:100%; background:url(/dialogdocroot/content/images/home2020/white-trans.png) repeat; border-radius: 30px; text-align: center; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li{ float: left; width: 50%; overflow: hidden; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li a{ color: #333; padding: 12px 20px; display: block; overflow: hidden; outline: none; } /*#HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi .ui-tabs-active:last-child, #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li:last-child a:hover, #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li:last-child a:focus{border-bottom-right-radius: 30px; border-top-right-radius: 30px;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi .ui-tabs-active:first-child, #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li:first-child a:hover, #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li:first-child a:focus{border-bottom-left-radius: 30px; border-top-left-radius: 30px;}*/ #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi .ui-tabs-active a, #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li a:hover, #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li a:focus{ background: #fff; border-radius: 30px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li p{ margin-bottom: 0; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li i{ width: 40px; height: 40px; display: inline-block; margin:-5px 0 -10px auto; background: url(/dialogdocroot/content/images/home2020/quick-icons1.png) no-repeat; background-size: 35px 921px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li p{ display: inline; font-size: 16px; vertical-align: top; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li .MobileIcon{ background-position: left -255px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li .WifiIcon{ background-position: left -350px; margin-right: 0;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li .EntIcon{ background-position: left -419px; margin-right: 0;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li .smartIcon{ background-position: left -504px; margin-right: 10px;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li .HBBIcon{ background-position: left -51px; margin-right: 10px;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li .ShopIconT{ background-position: left -700px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .HotspotImg .Headder{ background: rgba(0, 0, 0, 0.6); padding: 50px 0 10px 0; text-align: center; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .HotspotImg .Headder h2{ font-size: 20px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .HotspotImg .Headder p{ font-size: 16px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .Thematicdesktop{ display: block; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .Thematicmobile{ display: none; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .mobileList{ color: #eee; padding: 10px; margin: 20px 0; display: block; border-bottom: 1px solid #eee; overflow-y: hidden; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .mobileList img{ float: left; margin-right: 10px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .mobileList p{ float: left; width: 80%; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .mobileList .linkalign{ text-align: right; width: 100% } #HomePage2020 .ProductHighlightSec #HighlightedProducts .mobileList:last-child{ border-bottom: none; } @media (max-width: 320px){ #HomePage2020 .ProductHighlightSec #HighlightedProducts .mobileList p{ font-size: 12px!important; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .mobileList p{ float: left; width: 70%; } } #HomePage2020 .ProductHighlightSec #HighlightedProducts .backgroundimg{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .Tab1BkImg{background: url(/dialogdocroot/content/images/home2020/iot.jpg) no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .HotspotImg{background:url(/dialogdocroot/content/images/home2020/highspeed.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: block; overflow: hidden; height: 100vh} @media (max-width: 768px){ #HomePage2020 .ProductHighlightSec #HighlightedProducts .Tab1BkImg{background: url(/dialogdocroot/content/images/home2020/iot-tab.jpg) no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .HotspotImg{background:url(/dialogdocroot/content/images/home2020/highspeed-tab.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: block; overflow: hidden; height: 60vh} } @media (max-width: 480px){ #HomePage2020 .ProductHighlightSec #HighlightedProducts .Tab1BkImg{background: url(/dialogdocroot/content/images/home2020/iot-mob.jpg) no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /* #HomePage2020 .ProductHighlightSec #HighlightedProducts .HotspotImg{background:url(/dialogdocroot/content/images/home2020/product-img-mob.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 80vh}*/ } .Screen1330ab{ display: block; } .Screen1280{ display: none; } @media (max-width: 1280px){ .Screen1280{ display: block; } .Screen1330ab{ display: none; } } /*Right Product Description*/ #HomePage2020 .ProductHighlightSec #HighlightedProducts .DescContainer{position: relative; max-width: 1165px; margin: auto; margin-top: 10%; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .RightProductDesc{ position: absolute; width: 45%; right: 0; top: 0; color: #fff;} #HomePage2020 .ProductHighlightSec #HighlightedProducts h2{ font-size: 40px; color: #fff; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .para{ font-size: 20px; } @media (max-width: 768px){ #HomePage2020 .ProductHighlightSec #HighlightedProducts .DescContainer{ margin-top: 5%; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .RightProductDesc{ position: inherit; width: 100%; text-align: center; padding: 10px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts h2{ font-size: 30px; } } /*marque*/ #HomePage2020 .ProductHighlightSec #marquee-container, #HomePage2020 .ProductHighlightSec #marquee-containerThird {width: 100%; margin: 0 auto; overflow: hidden;white-space: nowrap;} #HomePage2020 .ProductHighlightSec #marquee-container span, #HomePage2020 .ProductHighlightSec #marquee-containerThird span{ margin-left: -5px; } #HomePage2020 .ProductHighlightSec #marquee-container span img, #HomePage2020 .ProductHighlightSec #marquee-containerThird span img{ height: 100%; } /*#HomePage2020 .ProductHighlightSec #marquee-containerThird{width: 100%; margin: 0 auto; overflow: hidden;white-space: nowrap;} #HomePage2020 .ProductHighlightSec #marquee-containerThird span{ margin-left: -5px; }#HomePage2020 .ProductHighlightSec #marquee-containerThird span img{ height: 100%; }*/ #HomePage2020 .ProductHighlightSec #HighlightedProducts .MaqDescContainer{position: relative; max-width: 1165px; margin: auto; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .MarqDesc{ position: absolute; width: 100%; right: 0; top: 0; padding-top: 17%; color: #fff; text-align: center; z-index: 10000000;} /*modal change style*/ #HomePage2020 .modal-dialog{ max-width: 400px; color: #333; } #HomePage2020 .modal-content{border-radius: 10px;} #HomePage2020 .modal-body {padding: 0 20px 40px 20px; overflow:hidden; clear: both; } #HomePage2020 .modal-content .closeicon{ font-size: 20px; color: #333; float: right; padding: 5px 10px 0 0;} /*Hot spot*/ @-webkit-keyframes pulsate { 0% {-webkit-transform: scale(1); transform: scale(1); opacity: 0.8;} 45% {-webkit-transform: scale(1.75); transform: scale(1.75); opacity: 0;}} @keyframes pulsate { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8;} 45% {-webkit-transform: scale(1.75); transform: scale(1.75);opacity: 0;}} /* Hotspot */ #hotspotImg {background-color: #ededed; background-size: cover; background-position: center center; position: relative;} #hotspotImg .img-responsive { max-width: 100%; } #hotspotImg .hot-spot {position: absolute; width: 25px; height: 25px; top: 5px; left: 5px; text-align: center; background-color: rgba(229, 0, 137, 0.6); color: #fff; border-radius: 100%; cursor: pointer; transition: all .3s ease;} #hotspotImg .hot-spot .circle {display: block; position: absolute; top: 45%; left: 45%; width: 2em; height: 2em; margin: -1em auto auto -1em; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; border: 1px solid #E5008A; opacity: 0; -webkit-animation: pulsate 3s ease-out infinite; animation: pulsate 3s ease-out infinite;} #hotspotImg .hot-spot .tooltip {background-color: rgba(255, 255, 255, 0.9); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; display: none; font-size: 14px; opacity: 1.0; left: 0px; padding: 15px 5px; position: absolute; text-align: center; top: 30px; width: 280px; z-index: 1000000;} #hotspotImg .hot-spot .tooltip a{ color: #333; } #hotspotImg .hot-spot .tooltip .img-row {padding: 10px;text-align: center;} #hotspotImg .hot-spot .tooltip .text-row { padding: 15px; } #hotspotImg .hot-spot .tooltip h4 {margin-bottom: 10px;border-bottom: 1px solid #ffffff;} #hotspotImg .hot-spot .tooltip p {font-size: 14px;line-height: 1.4em; margin-bottom: 10px;} #hotspotImg .hot-spot .tooltip p:last-child { margin-bottom: 0; } /*--------end------*/ #HomePage2020 #ProductQuickLinks{ background: #F8F9FB; padding:3% 0 0 0; clear: both; } #HomePage2020 #ProductQuickLinks ul{ text-align: center; } #HomePage2020 #ProductQuickLinks ul li { display: inline-block; min-width: 17%; margin:0 1% 3% 1%; } #HomePage2020 #ProductQuickLinks ul li a{background: #fff; color: #757575; border-radius: 10px; display: block; padding: 30px 40px; -webkit-box-shadow:0 4px 5px 1px #E0E0E0; box-shadow: 0 4px 5px 1px #E0E0E0;} #HomePage2020 #ProductQuickLinks ul li a:hover, #HomePage2020 #ProductQuickLinks ul li a:focus{-webkit-box-shadow: 0 4px 8px 3px #E0E0E0; box-shadow: 0 4px 8px 3px #E0E0E0;} #HomePage2020 #ProductQuickLinks ul li p{ margin-bottom: 0; } #HomePage2020 #ProductQuickLinks ul li i{ width: 50px; height: 50px; display: inline-block; margin:auto; background: url(/dialogdocroot/content/images/home2020/quick-icons1.png) no-repeat; background-size: 50px 1315px; } #HomePage2020 #ProductQuickLinks ul li .MobileIcon{ background-position: left -364px; } #HomePage2020 #ProductQuickLinks ul li .BroadbandIcon{ background-position: left -830px; } #HomePage2020 #ProductQuickLinks ul li .TVIcon{ background-position: left -916px; } #HomePage2020 #ProductQuickLinks ul li .ShopIcon{ background-position: left -1006px; } #HomePage2020 #ProductQuickLinks ul li .SupportIcon{ background-position: left -1100px; } #HomePage2020 #DevicePurchase{ padding:30px 0 20px 0; text-align: center; } #HomePage2020 #DevicePurchase ul li {position:relative; width: 23%; float: left; margin:1% 1% 3% 1%; background: #fff; color: #757575; border-radius: 10px; min-height: 430px; display: block; padding: 30px 40px; -webkit-box-shadow: 0 4px 8px 3px #E0E0E0; box-shadow: 0 4px 8px 3px #E0E0E0;} #HomePage2020 #DevicePurchase ul li h3{ font-size: 20px; font-weight: 400; min-height: 50px; } #HomePage2020 #DevicePurchase ul li .Price{font-weight: 400; color: #333; margin-top: 20px; font-size: 28px; margin-bottom: 0; } #HomePage2020 #DevicePurchase ul li .small{ font-size: 13px; } #HomePage2020 #DevicePurchase ul li .BuyBtn{ position: absolute; bottom: 25px; left: 0; text-align: center; width: 100%; } #HomePage2020 #DevicePurchase ul li .BuyBtn a{ display: inline-block; margin:auto; } #HomePage2020 #DevicePurchase ul li .PromotionTag{ border-top-left-radius: 10px; border-top-right-radius: 10px; background: #ccc; color: #fff; font-weight: 400; text-align: center; position: absolute; top: 0; left: 0; width: 100%; padding: 5px; font-size: 12px; background: #ff986b; background: -moz-linear-gradient(left, #ff986b 0%, #fb5e6c 100%); background: -webkit-linear-gradient(left, #ff986b 0%,#fb5e6c 100%); background: linear-gradient(to right, #ff986b 0%,#fb5e6c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff986b', endColorstr='#fb5e6c',GradientType=1 ); } #HomePage2020 #LatestProducts{ background: #F8F9FB; padding: 30px 0 30px 0 } #HomePage2020 #LatestProducts p{ font-size: 16px; } #HomePage2020 #LatestProducts .RoundedImg img{ border-radius: 10px; } #HomePage2020 #LatestProducts .RoundedImg iframe{ width: 100%; min-height: 500px; border-radius: 10px; } #HomePage2020 #LatestProducts .twoproducts li{ float: left; width: 48%; margin-top: 4%; border-radius: 10px; border:1px solid #C4C4C4; background: #fff; } #HomePage2020 #LatestProducts .twoproducts li.MargR{ margin-right: 4%; } #HomePage2020 #LatestProducts .twoproducts li .desc{ text-align: center; padding: 20px 10px; } #HomePage2020 #LatestProducts .twoproducts li .desc h3{ margin-bottom: 20px; font-size: 28px; color: #333; font-weight: 600; line-height: 1.3em; } #HomePage2020 #LatestProducts .twoproducts li img{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #HomePage2020 #LargestNetwork{ background: #EFF0F5; padding: 30px 0; color: #333} #HomePage2020 #LargestNetwork .Descr{ width: 60%; float: left; padding-top: 8%; padding-left: 20px; } #HomePage2020 #LargestNetwork .Imgarea{ width: 40%; float: left; } #HomePage2020 #LargestNetwork h2{ font-weight: 600; font-size: 60px; } #HomePage2020 #LargestNetwork .small{ font-size: 20px; } #HomePage2020 .BottomSlider{ position: relative; } #HomePage2020 .BottomSlider .slides{ background-color: #eee; position: relative; } #HomePage2020 .BottomSlider .slides li{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .BottomSlider .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/mydialog-app-download4.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .BottomSlider .slides li.slide2{background: url(/dialogdocroot/content/images/home2020/dialog-viu-download.jpg) no-repeat center top ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} @media (max-width: 768px){ #HomePage2020 .BottomSlider .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/mydialog-app-download-tab4.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .BottomSlider .slides li.slide2{background: url(/dialogdocroot/content/images/home2020/dialog-viu-download-tab.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} } @media (max-width: 480px){ #HomePage2020 .BottomSlider .slides li.slide1{background: url(/dialogdocroot/content/images/home2020/mydialog-app-download-mob4.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #HomePage2020 .BottomSlider .slides li.slide2{background: url(/dialogdocroot/content/images/home2020/dialog-viu-download-mob.jpg) no-repeat center bottom ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} } #HomePage2020 .BottomSlider .flex-control-nav{ left:inherit!important; text-align: center; display: block; right: inherit!important; margin: auto; width: 100%; bottom: 15%; bottom: 10px; } #HomePage2020 .BottomSlider .flex-control-paging li a.flex-active{ background-color: #fff!important; } #HomePage2020 .BottomSlider .flex-control-paging li a{ background-color: #B1A89A!important; width: 50px; border-radius: 20px; height: 8px; } #HomePage2020 .BottomSlider .flex-direction-nav{ position: relative; width: 100%; position: absolute; top:55%;} #HomePage2020 .BottomSlider .flex-direction-nav li a{ position: absolute; background: #fff; border-radius: 50%; width: 50px!important; padding: 5px; height: 50px!important; z-index: 10000!important; opacity: 1!important; -webkit-box-shadow:0 4px 5px 2px #E0E0E0; box-shadow: 0 4px 5px 2px #E0E0E0;} #HomePage2020 .BottomSlider .flex-direction-nav li a:focus{outline: none; } #HomePage2020 .BottomSlider .flex-direction-nav .flex-next{ right: 5%!important; } #HomePage2020 .BottomSlider .flex-direction-nav .flex-prev{ left: 5%!important; } #HomePage2020 .BottomSlider .flex-direction-nav a:before{ color: #ccc!important;} #HomePage2020 .BottomSlider .slides li{ height: 550px; } #HomePage2020 .BottomSlider .TextContainer{ max-width: 1165px; position: absolute; left: 10%; top: 15%; right: 0; margin: auto; } #HomePage2020 .BottomSlider .TextContainer h2{ /*font-size: 48px;*/ font-size: 35px; margin-bottom: 8px!important; font-weight: 400!important; } #HomePage2020 .BottomSlider .TextContainer p{ font-size: 24px; } #HomePage2020 .BottomSlider .RightSideDesc{ width: 45%; float: right; } #HomePage2020 .BottomSlider .flex-disabled{ display: none; } #HomePage2020 #Partners{padding: 30px 0 60px 0; background: #F8F9FB; } #HomePage2020 #Partners ul li{ float: left; width: 14.6%; margin: 1%;} #HomePage2020 #Partners ul li a{ min-height: 190px; background: #fff; color: #757575; padding:20px 10px; display: block; -webkit-box-shadow:0 4px 5px 2px #E0E0E0; box-shadow: 0 4px 5px 2px #E0E0E0; border-radius: 10px; text-align: center;} #HomePage2020 #Partners ul li a:hover, #HomePage2020 #Partners ul li a:focus{-webkit-box-shadow: 0 4px 8px 3px #E0E0E0; box-shadow: 0 4px 8px 3px #E0E0E0;} #HomePage2020 #Partners ul li a img{ margin-bottom: 20px; } #HomePage2020 #Partners ul li a p{ margin: 30px 0 0 0; } #HomePage2020 #CustomerReview {background: #F8F9FB; padding: 40px 0 60px 0 } #HomePage2020 #CustomerReview ul { margin-top: 30px; } #HomePage2020 #CustomerReview ul li {border:1px solid #E4E4E4; background: #fff; border-radius: 10px; width: 48%; float: left; margin:0 4% 2% 0; padding:20px; } #HomePage2020 #CustomerReview ul li:last-child{ margin-right: 0; } #HomePage2020 #CustomerReview ul li img{ float: left; margin-right: 10px; border-radius: 50%; } #HomePage2020 #CustomerReview ul li .Name{ float: left; margin-top: 10px; } #HomePage2020 #CustomerReview ul li .Name .Dark{ font-weight: 400; color:#333; } #HomePage2020 #CustomerReview ul li .quote{ font-size: 18px; } #HomePage2020 #Sustainability{padding: 40px 0 60px 0} #HomePage2020 #Sustainability ul{ margin-top: 20px; } #HomePage2020 #Sustainability li { position: relative; display: inline-block; width: 31%; margin-right: 2%; } #HomePage2020 #Sustainability li:last-child{margin-right: 0;} #HomePage2020 #Sustainability li img{ border-radius: 10px; } #HomePage2020 #Sustainability li .Descr{ position: absolute; top: 5%; text-align: center; color: #fff; width: 100%; padding: 0 2%;} #HomePage2020 #Sustainability li h3{ font-size: 30px; font-weight: 600; } #HomePage2020 #Sustainability li a{ color: #fff; font-weight: 700; } #HomePage2020 #Sustainability li a:hover, #HomePage2020 #Sustainability li a:focus{ text-decoration: underline; } #HomePage2020 #NewsAnnoucements {padding: 30px 0 30px 0; /*background: #F8F9FB;*/} #HomePage2020 #NewsAnnoucements .NewsSec{ position: relative; margin-top: 30px; padding: 0 5%; } #HomePage2020 #NewsAnnoucements .NewsSec ul li{border:1px solid #E4E4E4; background: #fff; border-radius: 10px; margin-right: 20px; margin-bottom: 5px; } #HomePage2020 #NewsAnnoucements .NewsSec ul li h3{ font-size: 18px; font-weight: 400; color: #333; } #HomePage2020 #NewsAnnoucements .NewsSec ul li img{ border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } #HomePage2020 #NewsAnnoucements .NewsSec a{ color: #333!important } #HomePage2020 #NewsAnnoucements .NewsSec p{ font-size: 16px; color: #333!important; } #HomePage2020 #NewsAnnoucements .NewsSec ul li .desc{ margin:20px; } #HomePage2020 #NewsAnnoucements .NewsSec .flex-control-nav{ display: none; } #HomePage2020 #NewsAnnoucements .flex-direction-nav{ background: none; } #HomePage2020 #NewsAnnoucements .flex-direction-nav li {border:inherit!important; border-radius: inherit!important; background: inherit!important; } #HomePage2020 #NewsAnnoucements .flex-direction-nav li a{ position: absolute; background: #fff; border-radius: 50%; width: 50px!important; padding: 5px; height: 50px!important; z-index: 10000!important; opacity: 1!important; -webkit-box-shadow:0 4px 5px 2px #E0E0E0; box-shadow: 0 4px 5px 2px #E0E0E0;} #HomePage2020 #NewsAnnoucements .flex-direction-nav li a:focus{outline: none; } #HomePage2020 #NewsAnnoucements .flex-direction-nav .flex-next{ right: 0%!important; } #HomePage2020 #NewsAnnoucements .flex-direction-nav .flex-prev{ left: 0%!important; } /*remove browser scrollbar*/ #HomePage2020 #Sustainability .SustScroll::-webkit-scrollbar, #HomePage2020 .Partnerscrol::-webkit-scrollbar, #HomePage2020 .DeviceScroll::-webkit-scrollbar, #HomePage2020 .TabContainer::-webkit-scrollbar{display: none;} #HomePage2020 #Sustainability .SustScroll, #HomePage2020 .Partnerscrol, #HomePage2020 .DeviceScroll, #HomePage2020 .TabContainer {-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none;/*firefox*/} /* Slider */ #HomePage2020 .slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } #HomePage2020 .slick-slider form{ outline: none!important; } #HomePage2020 .slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} #HomePage2020 .slick-list:focus{outline: none;} #HomePage2020 .slick-list.dragging{cursor: pointer;cursor: hand;} #HomePage2020 .slick-slider .slick-track, #HomePage2020 .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} #HomePage2020 .slick-track{position: relative;top: 0;left: 0; display: block; margin-left: auto; margin-right: auto;} #HomePage2020 .slick-track:before,.slick-track:after{ display: table; content: '';} #HomePage2020 .slick-track:after{clear: both;} #HomePage2020 .slick-loading .slick-track{visibility: hidden;} #HomePage2020 .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} #HomePage2020 [dir='rtl'] .slick-slide{float: right;} #HomePage2020 .slick-slide img{display: block;} #HomePage2020 .slick-slide.slick-loading img{display: none;} #HomePage2020 .slick-slide.dragging img{pointer-events: none;} #HomePage2020 .slick-initialized .slick-slide{display: block;} #HomePage2020 .slick-loading .slick-slide{visibility: hidden;} #HomePage2020 .slick-vertical .slick-slide{display: block;height: auto; border: 1px solid transparent;} #HomePage2020 .slick-arrow.slick-hidden {display: none;} .come-in { transform: translateY(120px); animation: come-in 0.3s ease forwards; } .come-in:nth-child(odd) { animation-duration: 0.6s; } .already-visible { transform: translateY(0); animation: none; } @keyframes come-in { to { transform: translateY(0); } } @media (max-width: 1344px){ } @media (max-width: 1300px){ #HomePage2020 .PaymentSection{ max-width: 1130px;} } @media (max-width: 1230px){ #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabContainer{margin: auto 25%;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li p{ font-size: 15px; } } @media (max-width: 1195px){ #HomePage2020 .PaymentSection{ max-width: 985px;} #HomePage2020 #Partners ul li a{ min-height: 200px; } } @media (max-width: 1165px){ #HomePage2020 .MainSlideHome .TextContainer, #HomePage2020 .PaymentSection{ max-width: 965px;} #HomePage2020 .PaymentSection .Reload .TextBox{ width: 60%;} } @media (max-width: 1024px){ #HomePage2020 .MainSlideHome .TextContainer h2{ font-size: 30px; } #HomePage2020 .MainSlideHome .TextContainer p{ font-size: 20px; } #HomePage2020 .PaymentSection{ max-width: 97%; margin-left: -15px;} #HomePage2020 .MainSlideHome .TextContainer{ padding-left: 10px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabContainer{ margin: auto 20%; } #HomePage2020 #DevicePurchase ul li{ padding: 30px 20px; } #HomePage2020 #Partners ul li a{ min-height: 200px; } #HomePage2020 #Sustainability li h3{ font-size: 30px; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #HomePage2020 .ProductHighlightSec #HighlightedProducts, #HomePage2020 .ProductHighlightSec #HighlightedProducts .tabsec{height:60vh;} } @media (max-width: 1000px){ #HomePage2020 .PaymentSection{ margin-left:inherit;} #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabContainer{margin: auto 2%;} #HomePage2020 .ProductHighlightSec #HighlightedProducts, #HomePage2020 .ProductHighlightSec #HighlightedProducts .tabsec{height:60vh;} } @media (max-width: 768px){ #HomePage2020 .flexslider{ margin-bottom: 0!important; } #HomePage2020 .container{ padding: 0 10px; } #HomePage2020 .PaymentSection{ position: inherit; top: inherit; max-width: 100%; } #HomePage2020 .PayCont .container{ padding: 0 } #HomePage2020 .MainSlideHome .slides li{ height: 593px; } #HomePage2020 .MainSlideHome .slides li img{ display: inline-block; margin: auto; } #HomePage2020 .PaymentSection .Reload{ width: 100%; border-bottom: 1px solid #D8D8D8; } #HomePage2020 .PaymentSection .Reload .TextBox{ width: 70%; } #HomePage2020 .PaymentSection .PurchaseQuickLinks{ width: 100%; } #HomePage2020 .PaymentSection .PurchaseQuickLinks li{ border-left:none;} #HomePage2020 .BottomSlider .TextContainer{ position: inherit; left: inherit; width: 96%; top: inherit; margin: 2% 2% auto 2%; } #HomePage2020 .MainSlideHome .flex-control-nav{ bottom: 5%; } #HomePage2020 .MainSlideHome .TextContainer{ top: 5%; padding-left: 0!important;} #HomePage2020 .MainSlideHome .RightSideDesc{ max-width: 90%; margin: 3% 5% 0 5%; text-align: center; float: inherit;} #HomePage2020 #ProductQuickLinks{ padding: 90px 0 15px 0; } #HomePage2020 #ProductQuickLinks ul li a{ padding: 30px; } #HomePage2020 #Sustainability .SustScroll, #HomePage2020 #Partners .Partnerscrol, #HomePage2020 #DevicePurchase .DeviceScroll{ overflow-x: scroll; overflow-y: hidden; display: block; min-width: 300px; margin: auto; } #HomePage2020 #Partners .Partnerscrol ul, #HomePage2020 #DevicePurchase .DeviceScroll ul{ width: 1200px; } #HomePage2020 #Sustainability .SustScroll ul{ width: 1000px; } #HomePage2020 #LargestNetwork .Descr{ width: 70%; float: left; padding-top: 5%; padding-left: 20px; } #HomePage2020 #LargestNetwork .Imgarea{ width: 30%; float: left; } #HomePage2020 #LargestNetwork h2{ font-size: 50px; } #HomePage2020 #ProductQuickLinks ul li{ min-width: 25%; } #HomePage2020 #Partners ul li a{ min-height: inherit; } #HomePage2020 .BottomSlider .RightSideDesc{ width: 100%; float: inherit; text-align: center; } #HomePage2020 #Sustainability li h3{ font-size: 25px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabContainer{ position: relative; max-width:inherit; margin:auto auto auto auto; overflow-y: hidden; overflow-x: scroll; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi{ position: inherit; width: 768px; z-index: 10000; bottom:inherit; left:inherit; margin:0; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li{ padding: 10px 0; float: left; width: 50%; overflow: hidden; background: #333; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li a{ color: #eee; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi .ui-tabs-active a, #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li a:hover, #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi li a:focus{ background: #fff; color: #333; } } @media (max-width: 640px){ #HomePage2020 .PaymentSection .Reload .TextBox{ width: 70%; } #HomePage2020 #LargestNetwork .Descr{ padding-top: 2%; } #HomePage2020 #LatestProducts .RoundedImg iframe{ width: 100%; min-height: 300px; } } @media (max-width: 480px){ #HomePage2020 h2 { font-size: 30px; font-weight: 700; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .Thematicdesktop{ display: none; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .Thematicmobile{ display: block; } #HomePage2020 .PaymentSection .Reload{ padding:6% 3%;} #HomePage2020 #ProductQuickLinks ul li{min-width: 40%;} #HomePage2020 #ProductQuickLinks ul li a{ padding: 10px 20px; } #HomePage2020 .PaymentSection .Reload .TextBox{ width: 60%; } #HomePage2020 #LargestNetwork .Descr{ width: 100%; float: inherit; padding-top: 2%; margin-bottom: 30px; text-align: center; } #HomePage2020 #LargestNetwork .Imgarea{ width: 100%; float: inherit; } #HomePage2020 #LargestNetwork .Imgarea img{ max-width: 200px; display: block; margin: auto; } #HomePage2020 #LargestNetwork h2{ font-size: 40px; margin-top: 0; } #HomePage2020 .BottomSlider .slides li{ height: 600px; } #HomePage2020 .BottomSlider .RightSideDesc{ margin-top: 5%; } #HomePage2020 .BottomSlider .TextContainer h2{ font-size: 30px; } #HomePage2020 .BottomSlider .TextContainer p{ font-size: 18px; } #HomePage2020 .BottomSlider .appstore{ max-width: 80px; } #HomePage2020 #CustomerReview ul li {width: 100%; float: inherit; margin:0 4% 20px 0; } #HomePage2020 #ProductQuickLinks ul li i{ width: 40px; height: 40px; display: inline-block; margin:auto; background: url(/dialogdocroot/content/images/home2020/quick-icons1.png) no-repeat; background-size: 40px 1052px; } #HomePage2020 #ProductQuickLinks ul li .MobileIcon{ background-position: left -291px; } #HomePage2020 #ProductQuickLinks ul li .BroadbandIcon{ background-position: left -658px; } #HomePage2020 #ProductQuickLinks ul li .TVIcon{ background-position: left -733px; } #HomePage2020 #ProductQuickLinks ul li .ShopIcon{ background-position: left -799px; } #HomePage2020 #ProductQuickLinks ul li .SupportIcon{ background-position: left -880px; } #HomePage2020 #LatestProducts .twoproducts li{ float: left; width: 100%; } #HomePage2020 #LatestProducts .twoproducts li.MargR{ margin-right: 0; } #HomePage2020 .BottomSlider .flex-direction-nav, #HomePage2020 #NewsAnnoucements .flex-direction-nav{ display: none; } #HomePage2020 .ProductHighlightSec #HighlightedProducts, #HomePage2020 .ProductHighlightSec #HighlightedProducts .tabsec{height:80vh;} #HomePage2020 .MainSlideHome .RightSideDesc{ margin: 5% 5% 0 5%;} #HomePage2020 #NewsAnnoucements .NewsSec{ padding: 0 2%; } #HomePage2020 #NewsAnnoucements .NewsSec ul li{ margin-right: 10px; } #HomePage2020 .PrePostSelctionPop .AshBordBtn{ padding: 15px 30px; margin-bottom: 10px; } #HomePage2020 .ProductHighlightSec #marquee-container span img, #HomePage2020 .ProductHighlightSec #marquee-containerThird span img{ max-width: 480px; } #HomePage2020 .ProductHighlightSec #HighlightedProducts .TabNavi{ position: inherit; width: 550px; z-index: 10000; bottom:inherit; left:inherit; margin:0; } } @media (max-width: 320px){ #HomePage2020 #Partners .Partnerscrol ul, #HomePage2020 #DevicePurchase .DeviceScroll ul{width: 1150px;} #HomePage2020 #Sustainability .SustScroll ul{width: 850px;} #HomePage2020 .MainSlideHome .RightSideDesc{max-width:96%; margin: 15% 2% 0 2%; } #HomePage2020 #ProductQuickLinks ul li{ min-width: 45%; } #HomePage2020 .PrePostSelctionPop .AshBordBtn{ padding: 15px 20px; margin-bottom: 10px; } #HomePage2020 .MainSlideHome .CalltoAct div{ display: block; margin-top: 30px; } }