/*! * ________ .___ * __ _ _\_____ \ __| _/ * \ \/ \/ / _(__ < / __ | * \ / / \/ /_/ | * \/\_/ /______ /\____ | * \/ \/ * * @author Jacques Baars * * @notice This is the property of W3Designs, W3Development, W3D, * it is illegal to use this source code without the required permission, * contact j@w3d.co.za for further advice or permissions. * * @license Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za) * * @conception <05 August 2015> * @updated <31 August 2023> * @version <9.08.31> */:root{--color:#222;--color2:#fff;--color3:#444;--bgColor:#f67a00;--bgColor2:#DD6D00;--mmBg:#eaecf0;--mmRedBg:#c30000;--mmRedBg2:#b30000;--mmBlueBg:#144e8c;--mmBlueBg2:#213368;--mmGreenBg:#579B3F;--mmGreenBg2:#387922;--mmPurpleBg:#69426F;--mmPurpleBg2:#522A58;--mmOrangeBg:#f67a00;--mmOrangeBg2:#DD6D00;--mmLightBlueBg:#eaf6fa;--mmLightBlueColor:#31708f;--mmLightBlueBorder:#bce8f1;--mmLightGoldBg:#fcf8e3;--mmLightGoldColor:#8a6d3b;--mmLightGoldBorder:#faebcc;--mmLightGreyBg:#f9f9f9;--mmLightGreyBorder:#efefef;--mmLightGreyBorder2:#dfdfdf;--mmWarningRed:#ed1c24;--mmWarningGreen:#1ca016;--mmWarningOrange:#ff7f27;--mmTone444:#4e5665;--mmToneCCC:#cecece;--mmTone999:#999;--mmTone777:#777;--linkColor:#222;--linkHoverColor:#31708f;--scrollbarWidth:10px;--scrollbarTrackBg:#cecece;--scrollbarThumbBg:#999;--scrollbarThumbHoverBg:#777;--mobileMenuColor:#222;--mobileMenuBtnColor:#fff;--mobileMenuSelectedColor:#fff;--mobileMenuSelectedBgColor:#f67a00;--mobileMenuContentBgColor:#fff;--btnColor:#fff;--btnBgColor:#f67a00;--btnHoverColor:#fff;--btnBgHoverColor:#144e8c;--dialogBgColor:#efefef;--dialogBgColor2:#f67a00;--dialogHeadingColor:#444}html{user-select:auto}body{background-color:var(--mmBg);font-family:Lato,Helvetica,Arial,sans-serif}h1,h2,h3{font-family:Lato,Helvetica,Arial,sans-serif}#menu-banner{background-color:var(--mmBlueBg)}#menu-banner .top-banner{color:#fff;border-bottom:1px solid var(--mmBlueBg2)}#menu-banner .top-banner .top-anchor{color:#fff}#menu-banner .menu-banner .nav-anchor{color:#fff;padding:clamp(9px,1vw,13px) clamp(9px,1.2vw,12px)}#menu-banner .menu-banner .nav-bar{padding:5px 0}#menu-banner .menu-banner .nav-bar .nav-bar-item:hover>.nav-anchor{color:#222;background-color:#fff;transition:background linear .5s}#menu-banner .menu-banner .nav-bar .nav-bar-item.active>.nav-anchor{color:#000;background-color:#fff;transition:background linear .1s}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item>.nav-anchor{color:#222}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item.active>.nav-anchor{color:#fff;background-color:var(--mmOrangeBg)}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item:hover>.nav-anchor{color:#fff;background-color:var(--mmOrangeBg)}#splash{background-color:#fff}#splash .data{padding:12% 0;background-image:url('../images/home/splash.jpg')}#splash .data.home{padding:12% 0}#splash .data .portal{width:400px;padding:30px;margin:0 auto;text-align:center;border-radius:30px;background-color:rgba(255,255,255,.9)}#splash .data .portal h1{color:#444;margin:0 auto 10px;padding:0 0 10px;border-bottom:1px dashed var(--mmLightGreyBorder)}#splash .data .portal .btns{padding:20px 0}#sum-div{background-color:#fff}#sum-div .sum-row .title{color:#444;margin:0 auto 10px;padding:10px 0 10px;border-bottom:1px dashed var(--mmLightGreyBorder)}#sum-div .sum-row.about .sum-column>.image{width:50%;padding:5% 0}#sum-div .sum-row.packages{background-color:var(--mmLightGreyBg)}#sum-div .sum-row.packages .sum-column{margin:0 5%;background-color:#fff;box-shadow:2px 3px rgba(0,0,0,.2);border-radius:30px;border:1px solid var(--mmLightGreyBorder)}#sum-div .sum-row.packages .sum-column .icon{width:150px;color:#444;padding:40px 20px;margin:-75px auto 0;border-radius:50%;background-color:#fff}#sum-div .sum-row.packages .sum-column .icon::before{content:'';display:inline-block;font:normal 600% Icons}#sum-div .sum-row.packages .sum-column .icon.trial::before{content:"\f002"}#sum-div .sum-row.packages .sum-column .icon.monthly::before{content:"\f054"}#sum-div .sum-row.packages .sum-column .icon.annual::before{content:"\f027"}#sum-div .sum-row.packages .sum-column .text{margin:0;padding:15px 0;border-bottom:1px solid var(--mmLightGreyBorder)}#sum-div .sum-row.packages .sum-column .text:nth-child(2){color:#fff;font-size:120%;border-bottom:none;background-color:var(--mmBlueBg)}#sum-div .sum-row.packages .sum-column .text:nth-child(3){font-size:140%;font-weight:700}#sum-div .sum-row.packages .sum-column .links{margin:0;padding:25px 0!important}#sum-div .sum-row.cover .sum-column{background-color:rgba(255,255,255,.95)}#sum-div .sum-row.cover .title{margin:0 auto 20px}#sum-div .sum-row.tools{background-image:url(../images/home/children-cover.jpg)}#sum-div .sum-row.tools .sum-column{border-radius:0 30px 30px 0}#sum-div .sum-row.tools .sum-column b{color:var(--mmOrangeBg)}#sum-div .sum-row.tools .sum-column ul{text-align:left;list-style-type:none}#sum-div .sum-row.tools .sum-column ul li{padding:3px 0}#sum-div .sum-row.trial{background-image:url(../images/home/family-cover.jpg)}#sum-div .sum-row.trial .sum-column{border-radius:0 30px 30px 0}#left>.label-box{margin:0 0 8%}#left>.label-box>.title{color:#fff;background-color:var(--mmBlueBg);border-bottom:2px solid var(--mmBlueBg2)}#left>.label-box>.content{background-color:#fff}#left>.label-box>.content .urn{color:#888;text-align:center;padding:10px 10px 20px}#left>.label-box>.content .urn .reset a{color:#888}#content>.spread>.title{color:#555;border-bottom:1px solid var(--mmToneCCC)}#content>.spread>.title span::before{width:8px;content:'';height:8px;margin-right:5px;display:inline-block;background-color:#fff;border-radius:50%;border:5px solid var(--mmOrangeBg)}#content>.spread>.data h3{border-bottom:1px solid var(--mmLightGreyBorder)}#content>.spread>.data .gdpr{font-size:120%;text-align:center;margin:50px 0 70px;color:var(--mmOrangeBg)}#content>.spread>.data span.red{color:red}#page-options{background-color:var(--mmBlueBg);text-shadow:0 1px 1px rgba(0,0,0,.2)}#page-options a{color:#fff}#page-options .nav:hover{background-color:var(--mmBlueBg2)}#footer{color:#fff;background-color:var(--mmBlueBg2);text-shadow:0 1px 1px rgba(0,0,0,.2)}#footer a{color:#fff}#footer a:hover{color:var(--mmOrangeBg)}#footer .title{color:#ddd}@media screen and (max-width:600px){#splash .data.home{padding:30% 0}#splash .data{padding:20% 0}#splash .data .portal{padding:20px;width:calc(80% - 40px)}#splash .data .portal .btns{padding:10px 0}#splash .data .portal .btns .btn{margin:5px 0;display:block}#splash .data.home .label-box{width:90%;margin:0 auto}#sum-div .sum-row.packages .sum-column{margin:80px 0 0}#content>.spread>.data .narrow-form{padding:5% 0}}