/*! W3D - Jacques Baars <j@w3d.co.za> - Copyright (c) W3Designs (PTY) Ltd. (https://w3d.co.za) */:root{--bodyBgColor:#F2F4F5;--accentColor:#377eb6;--accentColor2:#266597;--linkHoverColor:#266597;--btnBgColor:#377eb6;--btnBgHoverColor:#266597;--mobileMenuColor:#000;--mobileMenuBtnColor:#377eb6;--mobileMenuSelectedBgColor:#377eb6;--mobileMenuContentBgColor:#eee;--spreadTitleColor:#377eb6;--spreadTitleBorderColor:#b9b8ba;--labelBoxTitleColor:#4aae48;--labelBoxTitleBorderColor:#b9b8ba;--pageOptionsBgColor:#377eb6;--pageOptionsHoverBgColor:#266597;--footerColor:#eee;--footerBgColor:#266597;--footerTitleColor:#eee;--widgetBgColor:#377eb6;--widgetHoverBgColor:#266597;--whatsAppChatBtnBgColor:#377eb6;--whatsAppChatBtnBgColorHover:#266597;--dialogBgColor:#377eb6;--dialogBtnBgColor:#266597;--tooltipsBgColor:#377eb6;--customBgColor:#f16f08;--customBgColor2:#4aae48;--customBgColor3:#646464;--customBgColor4:#b9b8ba}@font-face{font-family:ERASBD;src:url('../fonts/ERASBD.woff'),url('../fonts/ERASBD.woff2'),url('../fonts/ERASBD.ttf'),url('../fonts/ERASBD.eot'),url('../fonts/ERASBD.svg')}body{font-family:Lato,Helvetica,Arial,sans-serif}h1,h2,h3{font-weight:400;letter-spacing:1px;font-family:ERASBD,Helvetica,Arial,sans-serif}.blue{color:var(--accentColor)}.dark-blue{color:var(--accentColor2)}.orange{color:var(--customBgColor)}.green{color:var(--customBgColor2)}.grey{color:var(--customBgColor3)}.dark-grey{color:var(--customBgColor4)}#menu-banner .top-banner{border-bottom:1px solid var(--bodyBgColor)}#menu-banner .menu-banner .nav-anchor{padding:clamp(8px,.7vw,13px) clamp(7px,.7vw,12px)}#menu-banner .menu-banner .nav-bar{padding:clamp(4px,.7vw,12px) 0}#menu-banner .menu-banner .nav-bar .nav-bar-item>.nav-anchor{margin:0 5px;border-radius:5px}#menu-banner .menu-banner .nav-bar .nav-bar-item.active>.nav-anchor,#menu-banner .menu-banner .nav-bar .nav-bar-item:hover>.nav-anchor{color:var(--whiteColor);transition:background linear .5s;background:var(--accentColor2)}#menu-banner .menu-banner .nav-bar .nav-bar-item.active>.nav-anchor{background:var(--accentColor)}#pg-splash{padding:10% 0;position:relative;background-image:url('../images/ui/bg.jpg')}#pg-splash h1{color:var(--whiteColor);text-align:center;font-size:var(--fontSize300);text-shadow:var(--textShadow)}#pg-splash::after{top:0;left:0;right:0;bottom:0;content:'';position:absolute;animation:slide 20s linear infinite;background:url('../images/ui/clouds.png')}@keyframes slide{from{background-position:0 0}to{background-position:-400px -200px}}#logo-banner{height:90vh;background-color:var(--whiteBgColor)}#logo-banner .welcome{top:5%;right:5%;width:300px;position:absolute;text-align:right}#logo-banner .welcome h1{color:var(--neutralAAA)}#logo-banner .welcome h1 span{opacity:0}#logo-banner .welcome h1 span.active:first-child{color:var(--accentColor)}#logo-banner .welcome h1 span.active:nth-child(2){color:var(--customBgColor)}#logo-banner .welcome h1 span.active:nth-child(3){color:var(--customBgColor2)}#logo-banner .welcome h1 span.active:nth-child(4){color:var(--customBgColor3)}#logo-banner .welcome h1 span.active:nth-child(5){color:var(--customBgColor4)}#logo-banner .welcome h1 span.active:nth-child(6){color:var(--accentColor)}#logo-banner .welcome h1 span.active:nth-child(7){color:var(--customBgColor)}#logo-banner .welcome .note small{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:0}70%{opacity:.5}100%{opacity:1}}#logo-banner .services{right:5%;bottom:5%;width:300px;text-align:right;position:absolute;font-size:var(--fontSize120)}#logo-banner .services div{opacity:0}#logo-banner .services div.active{font-weight:700}#logo-banner .services div.active:first-child{color:var(--accentColor)}#logo-banner .services div.active:nth-child(2){color:var(--customBgColor)}#logo-banner .services div.active:nth-child(3){color:var(--customBgColor2)}#logo-banner .services div.active:nth-child(4){color:var(--customBgColor3)}#logo-banner .services div.active:nth-child(5){color:var(--customBgColor4)}#logo-banner .experience{top:5%;left:5%;width:400px;position:absolute;font-size:var(--fontSize120)}#logo-banner .experience h1 span{opacity:0}#logo-banner .experience h1 span.active:first-child{color:var(--accentColor)}#logo-banner .experience h1 span.active:nth-child(2){color:var(--customBgColor)}#logo-banner .experience h1 span.active:nth-child(3){color:var(--customBgColor2)}#logo-banner .experience h1 span.active:nth-child(4){color:var(--customBgColor3)}#logo-banner .experience h1 span.active:nth-child(5){color:var(--accentColor)}#logo-banner .experience h1 span.active:nth-child(6){color:var(--customBgColor)}#logo-banner .experience h1 span.active:nth-child(7){color:var(--customBgColor2)}#logo-banner .experience h1 span.active:nth-child(8){color:var(--customBgColor3)}#logo-banner .experience h1 span.active:nth-child(9){color:var(--accentColor)}#logo-banner .experience h1 span.active:nth-child(10){color:var(--customBgColor)}#logo-banner .experience h1 span.active:nth-child(11){color:var(--customBgColor2)}#logo-banner .experience div{opacity:0}#logo-banner .team{left:5%;bottom:5%;opacity:0;width:300px;position:absolute}#logo-banner .image{width:600px;height:600px;position:absolute;top:calc((85vh - 600px)/ 2);left:calc((100vw - 620px)/ 2)}#logo-banner .image:first-child{animation:fadein 2s}#logo-banner .image:nth-child(2){opacity:0}@keyframes fadein{from{opacity:0}to{opacity:1}}#content>.spread>.data h3{color:var(--customBgColor3);font-size:var(--fontSize140);border-bottom:1px dashed var(--neutralBorderDDD)}#content>.note{padding:30px;text-align:center;color:var(--customBgColor3)}#content>.note span{font-weight:700;font-style:italic;font-size:var(--fontSize120)}#content>.panel{position:relative}#content>.panel:nth-child(2n){background-color:var(--bodyBgColor)}#content>.panel:not(:last-child)::after{left:0;right:0;bottom:0;z-index:1;content:'';height:50px;display:block;position:absolute;background-color:var(--whiteBgColor);transform:skewY(-1.5deg);transform-origin:100%}#content>.panel:not(:last-child):nth-child(2n)::after{background-color:var(--bodyBgColor)}#content>.panel h1,#content>.panel h2{color:var(--customBgColor3);font-size:var(--fontSize300)}#content>.panel h3{border-bottom:1px solid var(--neutralBorderDDD)}#content>.panel.services .artwork{margin:5% 0 0}@media screen and (max-width:1550px){#logo-banner .image{width:500px;height:500px;top:calc((85vh - 500px)/ 2);left:calc((100vw - 500px)/ 2)}}@media screen and (max-width:1380px){#logo-banner .welcome{top:8%;right:8%}#logo-banner .services{right:8%;bottom:8%}#logo-banner .experience{top:8%;left:8%}#logo-banner .team{left:8%;bottom:8%}#logo-banner .image{width:350px;height:350px;top:calc((85vh - 350px)/ 2);left:calc((100vw - 350px)/ 2)}#content>.note{padding:20px}}@media screen and (max-width:1100px){#logo-banner .services{width:200px}}@media screen and (max-width:1024px){#logo-banner .image{width:250px;height:250px;top:calc((85vh - 250px)/ 2);left:calc((100vw - 250px)/ 2)}}@media screen and (max-width:600px){#pg-splash{padding:20% 0}#logo-banner{height:auto}#logo-banner .welcome{top:auto;right:auto;width:80%;margin:0 auto;padding:30px 0;text-align:center;position:relative}#logo-banner .welcome h1 span{opacity:1}#logo-banner .image{top:auto;left:auto;width:80%;margin:0 auto;position:relative}#logo-banner .team{left:auto;width:80%;opacity:1;bottom:auto;margin:0 auto;padding:30px 0;text-align:center;position:relative}#logo-banner .experience,#logo-banner .services,#logo-banner .welcome .note{display:none}#content>.note{padding:10px}#content>.panel:not(:last-child)::after{height:20px}}