@font-face{font-family:"Takealot Sans Bold";src:url("../fonts/TakealotSans-Bold.woff2") format("woff2"),url("../fonts/TakealotSans-Bold.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Takealot Sans Medium";src:url("../fonts/TakealotSans-Medium.woff2") format("woff2"),url("../fonts/TakealotSans-Medium.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"NID SASL Fingerspell";src:url("../fonts/NIDSASLFingerspell.woff2") format("woff2"),url("../fonts/NIDSASLFingerspell.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}html,body{height:100%}body{margin:0;font-size:16px}*{box-sizing:border-box;position:relative}.sitecontainer{margin:0;box-sizing:border-box;padding:0;position:relative;display:block;max-width:100%;height:auto}header,footer,section{margin:0;width:100%;height:auto}.container{margin-inline:auto;box-sizing:border-box;width:min(100vw - 200px,1700px)}footer .container{padding-block:2rem;text-align:center}footer .container img{margin-inline:auto;width:auto;max-width:100%;height:auto;max-height:3.125rem;aspect-ratio:1252/102}footer .footer_content{position:absolute;top:0;left:0;width:100%;height:100%}footer .footer_content .container{display:flex;align-items:center;justify-content:flex-start;height:100%}footer .footer_content a{color:#666;font:300 1rem/1 "Outfit",sans-serif;text-decoration:none}footer .footer_content a:hover{text-decoration:underline}.bluetext{color:#008cf0}header{padding-block:3rem 2rem}header .container{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:50px}.header_logo{flex-shrink:1;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:1.5rem;color:#000;font:normal 1.5rem "Takealot Sans Bold"}.header_logo img{width:auto;height:auto;max-height:3.125rem}.header_separator{flex-grow:1;flex-basis:auto;display:block;height:1px;background:#008cf0}.header_nav{flex-shrink:1}.header_nav a{color:#008cf0;font:400 1.25rem "Outfit",sans-serif;text-decoration:none}.banner{padding-block:3rem 2rem;overflow:hidden}.banner_container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto}.banner_box{position:relative;z-index:10;display:block;width:672px;height:auto}.banner_box img{width:100%;max-width:100%;height:auto;transform-origin:50% 50%;transform:scale(1.2)}.banner_header{position:absolute;top:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.banner_header h1{margin-block:0;margin-inline:auto;position:relative;display:block;width:100%;color:#008cf0;font:normal 6rem "Takealot Sans Bold";line-height:.9}.banner_header h1 span{position:absolute;display:inline-block}.banner_header h1 span.happydelivered{right:50%;text-align:center;transform-origin:100% 50%;transform:translate(-231px, -69%)}.banner_header h1 span.inlanguage{left:50%;transform-origin:0 50%;transform:translate(267px, -35%)}.banner_header h1 span.inlanguage::before{content:" ";display:inline-block;width:2rem}.banner_header h1 span.inlanguage .sasignlanguage{position:relative !important;display:inline}.info{padding-block:1rem 5rem}.info_content{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:50px}.info_pronounce{flex-basis:458px}.info_pronounce video{display:block;width:100%;max-width:100%}.info_blurb{flex-basis:calc(100% - 458px);flex-grow:1;color:#008cf0}.info_blurb h2{margin-block-start:0;font:700 1.5rem "Outfit",sans-serif}.info_blurb p{font:300 1.25rem "Outfit",sans-serif}.info_blurb p:last-child{margin-block-end:0}.info_blurb p strong{font-weight:600 !important}.info_blurb .signlanguage{font:normal 2rem "NID SASL Fingerspell";letter-spacing:.125rem}.languages{padding-bottom:6rem;background:linear-gradient(to bottom, rgb(255, 255, 255) 0, rgb(255, 255, 255) calc((100% - 3rem) / 2), rgb(242, 242, 242) calc((100% - 3rem) / 2))}.languages_title{margin-block-end:2.5rem;color:#000;font:600 1.35rem "Outfit",sans-serif;line-height:1;text-align:center}.languages_nav{display:grid;grid-template-columns:repeat(10, 1fr);gap:40px}.languages_nav_items img{max-width:100%;height:auto}.deals{aspect-ratio:1920/90;background:#fff url("../images/pattern.svg") scroll no-repeat 50% 0;background-size:cover}.deals_banner{margin-inline:auto;display:block;width:728px;max-width:100%;height:90px;aspect-ratio:728/90;background:rgba(0,0,0,0);transform:translateY(-50%)}.deals_banner a{text-decoration:none}.deals_banner img{width:100%;max-width:100%;height:100%;max-height:100%;background:rgba(0,0,0,0) url("../images/deals_728x90.jpg") scroll no-repeat 50% 50%;background-size:100% 100%}.competition{padding-block:4rem 3.75rem;background:#008cf0;color:#fff;text-align:center}.competition h2{margin-block-start:0;font:500 3.1rem "Outfit",sans-serif;line-height:1.2}.competition h2 span{font-weight:300 !important;font-size:2.9rem !important}.competition p{font:200 1.65rem "Outfit",sans-serif}.competition h2 span,.competition p span{display:block;clear:both}.competition .socials{margin-block-start:3rem;margin-inline:auto;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:30px;width:auto}.competition .socials a{text-decoration:none}.competition .socials img{width:auto;height:auto;max-height:56px}@media screen and (max-width: 1600px){.banner_header h1{font:normal 5.25rem/.9 "Takealot Sans Bold"}.info{padding-block:1rem 4rem}.info_pronounce{flex-basis:400px}.info_blurb{flex-basis:calc(100% - 400px)}.languages_nav{gap:25px}}@media screen and (max-width: 1450px){.header_logo{font:normal 1.35rem "Takealot Sans Bold"}.header_logo img{max-height:3rem}.banner_header h1{font:normal 4.75rem/.9 "Takealot Sans Bold"}.info_pronounce{flex-basis:350px}.info_blurb{flex-basis:calc(100% - 350px)}.languages_nav{gap:20px}footer .container img{max-height:3rem}}@media screen and (max-width: 1375px){.banner_header h1 span.happydelivered{transform-origin:100% 50%;transform:translate(-198px, -75%)}.banner_header h1 span.inlanguage{transform-origin:0 50%;transform:translate(227px, -35%)}.banner_box{width:575px}.competition h2{font:500 3rem/1.2 "Outfit",sans-serif}.competition p{font:300 1.5rem/normal "Outfit",sans-serif}}@media screen and (max-width: 1024px)and (orientation: portrait){body{font-size:14px}.sitecontainer{display:flex;flex-flow:column wrap;padding-bottom:var(--mobipadding)}.container{padding-inline:10%;width:100%}header{order:0}header .container{justify-content:flex-start;gap:0}.header_logo{flex-basis:100%;width:100%;font:normal 1.1rem/1 "Takealot Sans Bold"}.header_logo img{max-height:2.5rem}.header_separator,.header_nav{display:none;visibility:hidden}.banner{padding-block:7rem 0;order:1;overflow:visible}.banner_header h1{height:100%;font:normal 4.75rem/.9 "Takealot Sans Bold"}.banner_header h1 span.happydelivered{right:calc(50% + 28px);bottom:325px;transform-origin:50% 100%}.banner_header h1 span.inlanguage{left:auto;top:235px;right:calc((100% - 460px)/2 - 120px);transform-origin:50% 0}.banner_header h1 span.inlanguage::before{width:calc(100% - 120px)}.banner_header h1 span.inlanguage.sign span{position:relative}.banner_header h1 span.inlanguage.sign span:not(.nowrap){margin-inline:calc(100% - 120px) auto}.banner_header h1 span.inlanguage.sign span.nowrap{white-space:nowrap}.banner_header h1 span.inlanguage.sign br{display:none}.banner_header h1 span.inlanguage.sign::before{width:0}.banner_box{width:600px}.info{padding-block-start:2rem;order:2}.info_content{flex-flow:column wrap;align-items:center;justify-content:flex-start;gap:40px}.info_pronounce{flex-basis:100%}.info_pronounce video{width:400px;max-width:400px}.info_blurb{flex-basis:100%}.info_blurb h2{margin-block:0 3rem;margin-inline:-10vw;padding-block:1rem;padding-inline:10vw;background:#008cf0;color:#fff;text-align:center}.deals{order:5;position:fixed;bottom:0;z-index:100}.languages{margin-inline:0;padding-block:2rem 6rem;order:4;position:fixed;bottom:60px;z-index:95;width:100%;max-width:100%;background:#f2f2f2}.languages .container{padding-inline:0}.languages_title::before{content:"<";margin-inline-end:1rem}.languages_title::after{content:">";margin-inline-start:1rem}.languages_nav{display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:0;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.languages_nav::-webkit-scrollbar{display:none}.languages_nav_items{padding-inline:2.5vw;flex:0 0 25vw;min-width:25vw;scroll-snap-align:start}.languages_nav_items img{max-width:100%;height:auto}.competition{order:3}.competition h2{font:500 2.25rem "Outfit",sans-serif}.competition h2 span{font-size:2.05rem !important}.competition p{font:300 1.25rem "Outfit",sans-serif}.competition .socials img{max-height:40px}footer{order:6}footer .container{padding-block:2rem;text-align:center}footer .container img{max-width:50vw}}@media screen and (max-width: 840px){.banner{padding-block:5.5rem 0;order:1;overflow:visible}.banner_header h1{height:100%;font:normal 3.5rem/.9 "Takealot Sans Bold"}.banner_header h1 span.happydelivered{right:calc(50% + 28px);bottom:251px;transform-origin:50% 100%}.banner_header h1 span.inlanguage{left:auto;top:185px;right:calc((100% - 460px)/2 - 65px);transform-origin:50% 0}.banner_header h1 span.inlanguage::before{width:calc(100% - 120px)}.banner_header h1 span.inlanguage.sign span{position:relative}.banner_header h1 span.inlanguage.sign span:not(.nowrap){margin-inline:calc(100% - 120px) auto}.banner_header h1 span.inlanguage.sign span.nowrap{white-space:nowrap}.banner_header h1 span.inlanguage.sign br{display:none}.banner_header h1 span.inlanguage.sign::before{width:0}.banner_box{width:460px}.deals{order:5;position:fixed;bottom:0;z-index:100}.deals_banner{width:320px;max-width:100%;height:60px;aspect-ratio:320/60}.deals_banner img{background:rgba(0,0,0,0) url("../images/deals_320x60.jpg") scroll no-repeat 50% 50%;background-size:100% 100%}.languages{padding-block:2rem 5rem}}@media screen and (max-width: 800px){.header_logo img{max-width:40vw}}@media screen and (max-width: 600px){header{padding-block:2rem}.header_logo{font:normal .75rem/1 "Takealot Sans Bold"}.banner{padding-block:4.5rem 2.5rem}.banner_container{margin-inline:auto;width:325px}.banner_header h1{font:normal 2.5rem/.9 "Takealot Sans Bold"}.banner_header h1 span.happydelivered{right:calc(50% + 20px);bottom:180px}.banner_header h1 span.inlanguage{top:130px;right:calc((100% - 325px)/2 - 20px)}.banner_header h1 span.inlanguage::before{width:calc(100% - 60px)}.banner_header h1 span.inlanguage.sign{top:135px;left:auto;right:-25px;width:330px}.banner_header h1 span.inlanguage.sign span:not(.nowrap){margin-inline:calc(100% - 65px) auto}.banner_box{width:100%}.info{padding-block-start:0}.info_pronounce video{margin-inline:auto;width:75%;max-width:100%}.languages{padding-block:2rem 4rem}.languages_title{font:600 1.125rem/1 "Outfit",sans-serif}.languages_nav_items{flex:0 0 25vw;min-width:25vw}footer{display:flex;flex-flow:column wrap}footer .container{padding-block:1rem 2rem;order:2}footer .footer_content{position:relative;order:1}footer .footer_content .container{padding-block:2rem 1rem;justify-content:center}footer .footer_content a{font:300 .875rem/1 "Outfit",sans-serif}}@media screen and (max-width: 400px){.banner .container{padding-inline:0}.banner_header h1{font:normal 2.25rem/.9 "Takealot Sans Bold"}.banner_header h1 span.happydelivered{right:50%;bottom:142px}.banner_header h1 span.inlanguage{top:102px;right:calc((100% - 260px)/2 - 21px)}.banner_header h1 span.inlanguage::before{width:calc(100% - 55px)}.banner_header h1 span.inlanguage.sign{top:105px;right:-9px;width:305px}.banner_box{width:260px;max-width:260px}}@keyframes slidedown1024{from{transform:translate(-2.5vw, -30%)}to{transform:translate(0, 0)}}@keyframes slideup1024{from{transform:translate(5vw, 30%)}to{transform:translate(0, 0)}}@keyframes slidedown{from{transform:translate(-2.5vw, -30%)}to{transform:translate(0, 0)}}@keyframes slideup{from{transform:translate(5vw, 30%)}to{transform:translate(0, 0)}}@keyframes shrink{from{transform:scale(1.2)}to{transform:scale(1)}}@media screen and (prefers-reduced-motion: no-preference){.banner_box img{transform-origin:50% 50%;transform:scale(1.2)}body.loaded .banner_box img{animation:shrink 1000ms forwards}.languages_nav_items img{transform-origin:50% 50%;transform:scale(1);transition:transform .25s linear}.languages_nav_items a:hover img{transform:scale(1.2)}}@media screen and (min-width: 801px)and (prefers-reduced-motion: no-preference){@keyframes slideright{from{transform:translate(-327px, -69%)}to{transform:translate(-231px, -69%)}}@keyframes slideleft{from{transform:translate(363px, -35%)}to{transform:translate(267px, -35%)}}.banner_header h1 span.happydelivered{transform-origin:100% 50%;transform:translate(-327px, -69%)}.banner_header h1 span.inlanguage{transform-origin:0 50%;transform:translate(363px, -35%)}body.loaded .banner_header h1 span.happydelivered{animation:slideright 1000ms forwards}body.loaded .banner_header h1 span.inlanguage{animation:slideleft 1000ms forwards}}@media screen and (max-width: 1375px)and (prefers-reduced-motion: no-preference){@keyframes slideright{from{transform:translate(-293px, -69%)}to{transform:translate(-198px, -69%)}}@keyframes slideleft{from{transform:translate(323px, -35%)}to{transform:translate(227px, -35%)}}.banner_header h1 span.happydelivered{transform-origin:100% 50%;transform:translate(-293px, -69%)}.banner_header h1 span.inlanguage{transform-origin:0 50%;transform:translate(323px, -35%)}}@media screen and (max-width: 1024px)and (orientation: portrait)and (prefers-reduced-motion: no-preference){.banner_header h1 span.happydelivered{transform-origin:50% 100%;transform:translate(-2.5vw, -30%)}.banner_header h1 span.inlanguage{transform-origin:50% 0;transform:translate(5vw, 30%)}body.loaded .banner_header h1 span.happydelivered{animation:slidedown 1000ms forwards}body.loaded .banner_header h1 span.inlanguage{animation:slideup 1000ms forwards}}@media screen and (max-width: 840px)and (orientation: portrait)and (prefers-reduced-motion: no-preference){.banner_header h1 span.happydelivered{transform-origin:50% 100%;transform:translate(-2.5vw, -30%)}.banner_header h1 span.inlanguage{transform-origin:50% 0;transform:translate(5vw, 30%)}body.loaded .banner_header h1 span.happydelivered{animation:slidedown 1000ms forwards}body.loaded .banner_header h1 span.inlanguage{animation:slideup 1000ms forwards}}/*# sourceMappingURL=ta_hd.css.map */
