
<html>
    <head>
        <meta charset='UTF-8'>
		<title>Welcome</title><script src="/WebModules/Common/js/jq.js"></script>	

<meta name="viewport" content="initial-scale=1, maximum-scale=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<script>var TopNavMenuStyle = "undefined";</script>
<link rel='stylesheet' type='text/css' href="/WebModules/Common/css/fancybox.css?d=2018-08-27"/>
<meta property='og:title' content='Welcome'/>
<meta property='og:image' content='http://www.sportingfc.co.za/_WebmoduleData/Images/Used/_CompanyLogo.png' />


<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"legalName": "sporting fc",
"url": "http://www.sportingfc.co.za",
"logo": "http://www.sportingfc.co.za/_WebmoduleData/Images/Used/_CompanyLogo.png"
}
</script>
<meta property='og:url' content='www.sportingfc.co.za/default.asp' /><meta name='google-site-verification' content='KpLVKbVrRrkvMPX_j1JfmsQgOAcMR9GVt2DCUMKUutw' />

<link rel='stylesheet' type='text/css' href='/WebModules/Website-Resources/Css/Responsive.css?d=2018-08-27'/><link rel='stylesheet' type='text/css' href='/WebModules/PageManager/LayoutManager/Layouts/Basic/Home-Responsive.css?d=2018-08-27'/><link rel='stylesheet' type='text/css' href='/WebModules/PageManager/LayoutManager/Layouts/Basic/Home-Responsive-Mobile.css?d=2018-08-27'/><link rel='stylesheet' type='text/css' href='/WebModules/PageManager/LayoutManager/Layouts/Basic/Home-Page.css?d=2018-08-27'/><script>var PageType = 'home'</script><link href="/_WebModuleData/SiteBuilder/CurrentLayout/theme.css?d=2018-08-27" rel="stylesheet" type="text/css" />
<link rel="icon" href="/_WebmoduleData/Images/used/_CompanyLogo_Mobile.png"/>


    <script>

        $('.loading-page').remove();

    </script>

    <script src='/webmodules/common/anim/animsition.js'></script>
<link href="/WebModules/common/anim/animsition.css" rel="stylesheet" type="text/css" />

<style>

    body {
        opacity: 0;
    }

    @media (max-width: 1100px) {

        .animsition {
            opacity: 1;
            transition: 0.25s ease;
        }

    }

</style>

<script>

    var ww = $(window).width();

    if (ww > 1100) {

        $("body").animsition({

            inClass: 'flip-in-y-fr',
            outClass: 'flip-out-y-fr',
            inDuration: 1500,
            outDuration: 800,
            linkElement: '.animsition-link',
            loading: true,
            loadingParentElement: 'body', 
            loadingClass: 'animsition-loading',
            loadingInner: '',
            timeout: false,
            timeoutCountdown: 5000,
            onLoadEvent: true,
            browser: [ 'animation-duration', '-webkit-animation-duration'],
            overlay : false,
            overlayClass : 'animsition-overlay-slide',
            overlayParentElement : 'body'

        });

    }

</script>
<script>var WebsiteImgQual = "Normal";</script>
    </head>
    <body class="kenesis-body">
        <div class="topnav">
            <div class="internal">
                <div class="logo">
                    <a href="/">
                        <img alt="" src="/_WebmoduleData/Images/used/_CompanyLogo.png">
                    </a>
                </div>
                

<ul class='navbar'>
	<li id='menuitem1' ><a class='animsition-link' style='' href='/Default.asp'>Home</a></li>
<li id='menuitem2' ><a class='animsition-link' style='' href='/Pages/About-us.asp'>About us</a></li>
<li id='menuitem3' ><a class='animsition-link' style='' href='/Pages/Events.asp'>Events</a></li>
<li id='menuitem4' ><a class='animsition-link' style='' href='/Pages/Gallery.asp'>Gallery</a></li>
<li id='menuitem5' ><a class='animsition-link' style='' href='/Pages/Contact-us.asp'>Contact us</a></li>

</ul>
            </div>
        </div>
        
        <div class="rv-image image1 image rv-inner-content">
            <div data-original='/_Webmoduledata/Images/Raw/Homen1.jpg' alt="" title="Homen1" data-height="600" data-width="1920" style="background-image: url('/_Webmoduledata/Images/Thumb/Homen1.jpg')" class="inner-ctn WebImg">
                
            </div>
        </div>
        <div class="rv-content content1 content rv-inner-content">
            <div class="inner-ctn">
                <h1 style="text-align:center">The Club</h1><p style="text-align: center;">Our Club is affiliated to Sporting Clube de Portugal (Portugal). Our experienced coaches train our team to reach their highest potential, and to always have a great time whenever we play. We've been around since 1967 and are not planning on going anywhere. See how you can become part of our family and join us at cool events.</p><p style="text-align: center;">We are a Non Profit Organisation</p><h1 style="text-align:center">Home Ground:</h1><h3 style="text-align:center">The Lions Den<br />Christopherson Park<br />cnr President and Stanton Streets<br />Turffontein<br />Johannesburg</h3>
            </div>
        </div>
        <div class="rv-image image2 image rv-inner-content">
            <div data-original='/_Webmoduledata/Images/Raw/DSCN1418.JPG' alt="" title="DSCN1418" data-height="3864" data-width="5152" style="background-image: url('/_Webmoduledata/Images/Thumb/DSCN1418.JPG')" class="inner-ctn">
                
            </div>
        </div>
        <div class="rv-image image3 image rv-inner-content">
            <div data-original='/_Webmoduledata/Images/Raw/IMG-20180327-WA0036 - Copy.jpg' alt="" title="IMG-20180327" data-height="516" data-width="800" style="background-image: url('/_Webmoduledata/Images/Thumb/IMG-20180327-WA0036 - Copy.jpg')" class="inner-ctn">
                
            </div>
        </div>
        <div class="rv-image image4 image rv-inner-content">
            <div data-original='/_Webmoduledata/Images/Raw/3.jpg' alt="" title="3" data-height="857" data-width="1200" style="background-image: url('/_Webmoduledata/Images/Thumb/3.jpg')" class="inner-ctn">
                
            </div>
        </div>
        <div class="rv-image image5 image rv-inner-content">
            <div data-original='/_Webmoduledata/Images/Raw/4.jpg' alt="" title="4" data-height="720" data-width="1200" style="background-image: url('/_Webmoduledata/Images/Thumb/4.jpg')" class="inner-ctn">
                
            </div>
        </div>
        <div class="rv-image image6 image rv-inner-content">
            <div data-original='/_Webmoduledata/Images/Raw/1.jpg' alt="" title="1" data-height="612" data-width="864" style="background-image: url('/_Webmoduledata/Images/Thumb/1.jpg')" class="inner-ctn">
                
            </div>
        </div>
        <div class="rv-image image7 image rv-inner-content">
            <div data-original='/_Webmoduledata/Images/Raw/6.jpg' alt="" title="6" data-height="581" data-width="1032" style="background-image: url('/_Webmoduledata/Images/Thumb/6.jpg')" class="inner-ctn">
                
            </div>
        </div>
        <div class="botnav">
            <div class="internal">
                

<ul class='navbar'>
	<li id='menuitem1' ><a class='animsition-link' style='' href='/Default.asp'>Home</a></li>
<li id='menuitem2' ><a class='animsition-link' style='' href='/Pages/About-us.asp'>About us</a></li>
<li id='menuitem3' ><a class='animsition-link' style='' href='/Pages/Events.asp'>Events</a></li>
<li id='menuitem4' ><a class='animsition-link' style='' href='/Pages/Gallery.asp'>Gallery</a></li>
<li id='menuitem5' ><a class='animsition-link' style='' href='/Pages/Contact-us.asp'>Contact us</a></li>

</ul>
            </div>
        </div>
        <footer>
            

        <div class="cookie-request-ctn">
            <div class="inner-ctn">
                <div class="cookie-request-message">
                
                    By closing this message, you consent to our cookies on this device in accordance with our cookie policy unless you have disabled them
                
                </div>
                <div class="cookie-request-accept-btn">
                    Accept & continue
                </div>
                
            </div>
        </div>
        <style>

            .cookie-request-ctn {
                display: none;
                position: fixed;
                bottom: 20px;
                right: 20px;
                width: 300px;
                background: linear-gradient(to bottom, #283244 0%, rgba(21, 26, 35, 0.95) 100%);
                color: rgba(255, 255, 255, 0.5);
                box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
                padding: 20px;
                font-size: 13px;
                border: 1px solid rgba(255, 255, 255, 0.15);
                z-index: 9999999 !important;
            }

            .cookie-request-accept-btn,
            .cookie-request-read-more-btn {
                background-color: #0e86ca;
                cursor: pointer;
                font-size: 13px;
                color: #fff;
                padding: 5px 10px;
                transition: 0.8s ease;
                border: solid 1px #00aeff;
                margin-top: 10px;
                display: inline-block;
            }

            .cookie-request-accept-btn:hover,
            .cookie-request-read-more-btn:hover {
                background-color: #00aeff;
                border: solid 1px #00aeff;
                color: #fff;
            }

        </style>

        

<style>
        
    @media (max-width: 750px) {
        
        .dp-modal-box[data-t="terms-conditions"] {
            width: 100%;
            max-width: 90%;
        }

    }

    .cookie-disable,
    .cookie-disable * {
        display: none !important;
        user-select: none !important;
    }

</style>
    
<script>

    $(document).ready(function () {
    
        $("body").on("click", ".cookie-request-accept-btn", function () {
    
            $.ajax({

                url: "/WebModules/website-resources/asp/acceptcookies.asp",
                method: "post",
                success: function (data) {

                    location.reload();

                }

            });
    
        });
    
        
    
            hideCookies();

        

    });

    function hideCookies() {
    
        $(".cookie-disable").removeClass("cookie-disable");
        $(".cookies-overlay").removeClass("cookies-overlay");
        $(".cookie-request-ctn").addClass("cookie-disable");
    
    }
    
    function showCookies() {
    
        $(".cookie-request-ctn").removeClass("cookie-disable");
        $(".login-bar").addClass("cookie-disable");

    }

</script>



<footer>
<script async src="/WebModules/Common/js/cookie.js"></script>
<script async src="/WebModules/Website-Resources/js/siteloaders.js?d=2018-08-27"></script>
<link rel="stylesheet" href="/WebModules/Website-Resources/css/TheLoaders.css?d=2018-08-27">
<script async src="/Webmodules/common/js/lazyload.js"></script>
<script>$(document).ready(function(){if(typeof RunKenesisLoaders == "function"){RunKenesisLoaders();}});</script>
<style>
.compat-object-fit {
    background-size: cover;
    background-position: center;
}
.compat-object-fit img {
    opacity: 0;
}
</style>


<style>

    /*-Abeatbykai-*/

    @font-face {
        font-family: 'Abeatbykai';
        src: url('/webmodules/common/fonts/Abeatbykai/ABEAKRG.ttf');
    }

    /*-Roboto Slab-*/

    @font-face {
        font-family: 'Roboto Slab';
        src: url('/webmodules/common/fonts/robotoslab/Robotoslab-Regular.ttf');
    }

    /*-Lato-*/

    @font-face {
        font-family: 'Lato';
        src: url('/webmodules/common/fonts/lato/lato-Regular.ttf');
    }

    /*-Bad Script-*/

    @font-face {
        font-family: 'Bad Script';
        src: url('/webmodules/common/fonts/BadScript/BadScript-Regular.ttf');
    }

    /*-Slabo 27px-*/

    @font-face {
        font-family: 'Slabo 27px';
        src: url('/webmodules/common/fonts/Slabo27px/Slabo27px-Regular.ttf');
    }

    /*-Slabo 13px-*/

    @font-face {
        font-family: 'Slabo 13px';
        src: url('/webmodules/common/fonts/Slabo13px/Slabo13px-Regular.ttf');
    }

    /*-Oswald-*/

    @font-face {
        font-family: 'Oswald';
        src: url('/webmodules/common/fonts/Oswald/Oswald-Regular.ttf');
    }

    /*-Montserrat-*/

    @font-face {
        font-family: 'Montserrat';
        src: url('/webmodules/common/fonts/Montserrat/Montserrat-Regular.ttf');
    }

    /*-Ubuntu-*/

    @font-face {
        font-family: 'Ubuntu';
        src: url('/webmodules/common/fonts/Ubuntu/Ubuntu-Regular.ttf');
    }

    /*-Noto Sans-*/

    @font-face {
        font-family: 'Noto Sans';
        src: url('/webmodules/common/fonts/NotoSans/NotoSans-Regular.ttf');
    }

    /*-Nunito-*/

    @font-face {
        font-family: 'Nunito';
        src: url('/webmodules/common/fonts/Nunito/Nunito-Regular.ttf');
    }

    /*-Patua One-*/

    @font-face {
        font-family: 'Patua One';
        src: url('/webmodules/common/fonts/PatuaOne/PatuaOne-Regular.ttf');
    }

    /*-Righteous-*/

    @font-face {
        font-family: 'Righteous';
        src: url('/webmodules/common/fonts/Righteous/Righteous-Regular.ttf');
    }

    /*-Tangerine-*/

    @font-face {
        font-family: 'Tangerine';
        src: url('/webmodules/common/fonts/Tangerine/Tangerine-Regular.ttf');
    }

    /*-Press Start 2P-*/

    @font-face {
        font-family: 'Press Start 2P';
        src: url('/webmodules/common/fonts/PressStart2P/PressStart2P-Regular.ttf');
    }

    /*-Archivo Black-*/

    @font-face {
        font-family: "Archivo Black";
        src: url("/webmodules/common/fonts/Archivo Black/ArchivoBlack-Regular.ttf") format('truetype');
    }

    /*-Quattrocento-*/

    @font-face {
        font-family: "Quattrocento";
        src: url("/webmodules/common/fonts/Quattrocento/Quattrocento-Regular.ttf") format('truetype');
        font-weight: 500;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Quattrocento";
        src: url("/webmodules/common/fonts/Quattrocento/Quattrocento-Bold.ttf") format('truetype');
        font-weight: 800;
        font-style: normal;
    }

    /*-Questrial-*/

    @font-face {
        font-family: "Questrial";
        src: url("/webmodules/common/fonts/Questrial/Questrial-Regular.ttf") format('truetype');
    }

    /*-Pacifico-*/

    @font-face {
        font-family: "Pacifico";
        src: url("/webmodules/common/fonts/Pacifico/Pacifico-Regular.ttf") format('truetype');
    }

    /*-Fjalla One-*/

    @font-face {
        font-family: "Fjalla One";
        src: url("/webmodules/common/fonts/Fjalla One/FjallaOne-Regular.ttf") format('truetype');
    }

    /*-Anton-*/

    @font-face {
        font-family: "Anton";
        src: url("/webmodules/common/fonts/Anton/Anton-Regular.ttf") format('truetype');
    }

    /*-Raleway-*/

    @font-face {
        font-family: "Raleway";
        src:  url("/webmodules/common/fonts/Raleway/Raleway-regular.ttf") format('truetype')
    }

    /*-Open Sans Condensed-*/

    @font-face {
        font-family: "Open Sans Condensed";
        src: url("/webmodules/common/fonts/OpenSansCondensed/OpenSansCondensed-Bold.ttf") format('truetype');
        font-weight: 500;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Open Sans Condensed";
        src: url("/webmodules/common/fonts/OpenSansCondensed/OpenSansCondensed-Light.ttf") format('truetype');
        font-weight: 300;
        font-style: italic;
    }

    @font-face {
        font-family: "Open Sans Condensed";
        src: url("/webmodules/common/fonts/OpenSansCondensed/OpenSansCondensed-LightItalic.ttf") format('truetype');
        font-weight: 300;
        font-style: normal;
    }
    
    /*-Istok Web-*/

    @font-face {
        font-family: "Istok Web";
        src: url("/webmodules/common/fonts/IstokWeb/IstokWeb-Bold.ttf") format('truetype');
        font-weight: 800;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Istok Web";
        src: url("/webmodules/common/fonts/IstokWeb/IstokWeb-BoldItalic.ttf") format('truetype');
        font-weight: 800;
        font-style: italic;
    }

    @font-face {
        font-family: "Istok Web";
        src: url("/webmodules/common/fonts/IstokWeb/IstokWeb-Regular.ttf") format('truetype');
        font-weight: 500;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Istok Web";
        src: url("/webmodules/common/fonts/IstokWeb/IstokWeb-Italic.ttf") format('truetype');
        font-weight: 500;
        font-style: italic;
    }

    /*-Abel-*/

    @font-face {
        font-family: "Abel";
        src: url("/webmodules/common/fonts/abel/abel-regular.ttf") format('truetype');
    }

    /*-Bulgatti-*/

    @font-face {
        font-family: "Bulgatti";
        src: url("/webmodules/common/fonts/Bulgatti/Bulgatti-regular.ttf") format('truetype');
    }

    /*-Playfair Display-*/

    @font-face {
        font-family: "Playfair Display";
        src: url("/webmodules/common/fonts/PlayfairDisplay/PlayfairDisplay-Bold.ttf") format('truetype');
        font-weight: 900;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Playfair Display";
        src: url("/webmodules/common/fonts/PlayfairDisplay/PlayfairDisplay-BoldItalic.ttf") format('truetype');
        font-weight: 900;
        font-style: italic;
    }

    @font-face {
        font-family: "Playfair Display";
        src: url("/webmodules/common/fonts/PlayfairDisplay/PlayfairDisplay-Black.ttf") format('truetype');
        font-weight: 700;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Playfair Display";
        src: url("/webmodules/common/fonts/PlayfairDisplay/PlayfairDisplay-BlackItalic.ttf") format('truetype');
        font-weight: 700;
        font-style: italic;
    }

    @font-face {
        font-family: "Playfair Display";
        src: url("/webmodules/common/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf") format('truetype');
        font-weight: 500;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Playfair Display";
        src: url("/webmodules/common/fonts/PlayfairDisplay/PlayfairDisplay-Italic.ttf") format('truetype');
        font-weight: 500;
        font-style: italic;
    }

    /*-IM FELL DW Pica-*/

    @font-face {
        font-family: "IM FELL DW Pica";
        src: url("/webmodules/common/fonts/IMFELLDWPica/IMFePIrm28P.ttf") format('truetype');
    }

    /*-Cabin-*/

    @font-face {
        font-family: "Cabin";
        src: url("/webmodules/common/fonts/Cabin/Cabin-Bold.ttf") format('truetype');
        font-weight: 900;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Cabin";
        src: url("/webmodules/common/fonts/Cabin/Cabin-BoldItalic.ttf") format('truetype');
        font-weight: 900;
        font-style: italic;
    }

    @font-face {
        font-family: "Cabin";
        src: url("/webmodules/common/fonts/Cabin/Cabin-SemiBold.ttf") format('truetype');
        font-weight: 700;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Cabin";
        src: url("/webmodules/common/fonts/Cabin/Cabin-SemiBoldItalic.ttf") format('truetype');
        font-weight: 700;
        font-style: italic;
    }

    @font-face {
        font-family: "Cabin";
        src: url("/webmodules/common/fonts/Cabin/Cabin-Medium.ttf") format('truetype');
        font-weight: 500;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Cabin";
        src: url("/webmodules/common/fonts/Cabin/Cabin-MediumItalic.ttf") format('truetype');
        font-weight: 500;
        font-style: italic;
    }

    @font-face {
        font-family: "Cabin";
        src: url("/webmodules/common/fonts/Cabin/Cabin-Regular.ttf") format('truetype');
        font-weight: 300;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Cabin";
        src: url("/webmodules/common/fonts/Cabin/Cabin-Italic.ttf") format('truetype');
        font-weight: 300;
        font-style: italic;
    }

    /*-Stencil-*/

    @font-face {
        font-family: "Stencil";
        src: url("/webmodules/common/fonts/stencil_gothic_be/StencilGothic.ttf") format('truetype');
    }

    /*-Nexa Rust-*/

    @font-face {
        font-family: "Nexa Rust";
        src: url("/webmodules/common/fonts/nexarust/NexaRustHandmade-Extended.ttf") format('truetype');
    }

    /*-Intro Inline-*/

    @font-face {
        font-family: "Intro Inline";
        src: url("/webmodules/common/fonts/intro/Intro Inline.ttf") format('truetype');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: "Intro Inline";
        src: url("/webmodules/common/fonts/intro/Intro.ttf") format('truetype');
        font-weight: 500;
        font-style: normal;
    }

    /*-Roboto Condensed-*/

    @font-face {
        font-family: "Roboto Condensed";
        src: url("/webmodules/common/fonts/robo/robocondensed-Light.ttf") format('truetype');
        font-weight: 300;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Roboto Condensed";
        src: url("/webmodules/common/fonts/robo/robocondensed-LightItalic.ttf") format('truetype');
        font-weight: 300;
        font-style: italic;
    }

    @font-face {
        font-family: "Roboto Condensed";
        src: url("/webmodules/common/fonts/robo/robocondensed-Bold.ttf") format('truetype');
        font-weight: 800;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Roboto Condensed";
        src: url("/webmodules/common/fonts/robo/robocondensed-BoldItalic.ttf") format('truetype');
        font-weight: 800;
        font-style: italic;
    }

    @font-face {
        font-family: "Roboto Condensed";
        src: url("/webmodules/common/fonts/robo/robocondensed-Regular.ttf") format('truetype');
        font-weight: 500;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Roboto Condensed";
        src: url("/webmodules/common/fonts/robo/robocondensed-Italic.ttf") format('truetype');
        font-weight: 500;
        font-style: italic;
    }

    /*-Roboto-*/

    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-Bold.ttf") format('truetype');
        font-weight: 900;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-BoldItalic.ttf") format('truetype');
        font-weight: 900;
        font-style: italic;
    }

    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-Black.ttf") format('truetype');
        font-weight: 800;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-BlackItalic.ttf") format('truetype');
        font-weight: 800;
        font-style: italic;
    }

    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-regular.ttf") format('truetype');
        font-weight: 500;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-italic.ttf") format('truetype');
        font-weight: 500;
        font-style: italic;
    }

    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-medium.ttf") format('truetype');
        font-weight: 600;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-mediumitalic.ttf") format('truetype');
        font-weight: 600;
        font-style: italic;
    }

    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-thin.ttf") format('truetype');
        font-weight: 100;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-thinitalic.ttf") format('truetype');
        font-weight: 100;
        font-style: italic;
    }

    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-light.ttf") format('truetype');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: "Roboto";
        src: url("/webmodules/common/fonts/robo/robo-lightitalic.ttf") format('truetype');
        font-weight: 300;
        font-style: italic;
    }

    /*-Open Sans-*/
    
    @font-face {
        font-family: "Open Sans";
        src: url("/webmodules/common/fonts/opensans/opensans-regular.ttf") format('truetype');
        font-weight: 400;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Open Sans";
        src: url("/webmodules/common/fonts/opensans/opensans-italic.ttf") format('truetype');
        font-weight: 400;
        font-style: italic;
    }
    
    @font-face {
        font-family: "Open Sans";
        src: url("/webmodules/common/fonts/opensans/opensans-light.ttf") format('truetype');
        font-weight: 300;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Open Sans";
        src: url("/webmodules/common/fonts/opensans/opensans-lightitalic.ttf") format('truetype');
        font-weight: 300;
        font-style: italic;
    }
    
    @font-face {
        font-family: "Open Sans";
        src: url("/webmodules/common/fonts/opensans/opensans-semibold.ttf") format('truetype');
        font-weight: 600;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Open Sans";
        src: url("/webmodules/common/fonts/opensans/opensans-semibolditalic.ttf") format('truetype');
        font-weight: 600;
        font-style: italic;
    }
    
    @font-face {
        font-family: "Open Sans";
        src: url("/webmodules/common/fonts/opensans/opensans-bold.ttf") format('truetype');
        font-weight: 700;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Open Sans";
        src: url("/webmodules/common/fonts/opensans/opensans-bolditalic.ttf") format('truetype');
        font-weight: 700;
        font-style: italic;
    }
    
    @font-face {
        font-family: "Open Sans";
        src: url("/webmodules/common/fonts/opensans/opensans-extrabold.ttf") format('truetype');
        font-weight: 800;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Open Sans";
        src: url("/webmodules/common/fonts/opensans/opensans-extrabolditalic.ttf") format('truetype');
        font-weight: 800;
        font-style: italic;
    }
    
    /*-Blanch-*/
    
    @font-face {
        font-family: "Blanch";
        src: url("/webmodules/common/fonts/Blanch/Blanch.ttf") format('truetype');
    }
    
    /*-Alex Brush-*/
    
    @font-face {
        font-family: "Alex Brush";
        src: url("/webmodules/common/fonts/alexbrush/alexbrush-regular.ttf") format('truetype');
    }
    
    /*-Corbel-*/
    
    @font-face {
        font-family: "Corbel";
        src: url("/webmodules/common/fonts/corbel/corbel-regular.ttf") format('truetype');
    }
    
    @font-face {
        font-family: "Corbel";
        src: url("/webmodules/common/fonts/corbel/corbel-bold.ttf") format('truetype');
        font-weight: 600;
    }
    
    @font-face {
        font-family: "Corbel";
        src: url("/webmodules/common/fonts/corbel/corbel-bolditalic.ttf") format('truetype');
        font-weight: 600;
        font-style: italic;
    }
    
    @font-face {
        font-family: "Corbel";
        src: url("/webmodules/common/fonts/corbel/corbel-italic.ttf") format('truetype');
        font-style: italic;
    }
    
</style>
	<script>
		var PT = 'home';
		var TL = 'Basic';
		var BackgroundSize = '';
	</script>
	<link href="/WebModules/Website-Resources/CSS/basic.css" rel="stylesheet" type="text/css" />
	<link href="/_WebModuleData/SiteBuilder/CurrentLayout/CustomResponse/Basic-about-us.css" rel="stylesheet" type="text/css" />	
	<link href="/WebModules/common/css/font-awesome.css" rel="stylesheet" type="text/css" />
    
	<script async src="/WebModules/Common/js/fancybox.js"></script>	
	

<div class="sc-ctn " data-pos="">

    

</div>

<style>

    .sc-ctn a:hover {
        transform: scale(1.2);
    }

    .sc-ctn.left a:hover {
        margin-left: 10px;
    }

    .sc-ctn.right a:hover {
        margin-left: -10px;
    }

    .sc-ctn {
        position: fixed;
        width: 40px;
        z-index: 99999;
    }

    .sc-ctn.bot {
        width: auto;
        position: fixed;
        bottom: 10px;
        left: 10px;
    }

    .sc-ctn.botright {
        width: auto;
        position: fixed;
        bottom: 10px;
        right: 10px;
    }
    
    .sc-ctn.botv {
        position: fixed;
        bottom: 10px;
        left: 10px;
    }

    .sc-ctn.botrightv {
        position: fixed;
        bottom: 10px;
        right: 10px;
    }

    .sc-ctn .basic-link {
        float: left;
        background-color: transparent !important;
        margin-top: 5px;
    }
        
    .sc-ctn.botright a {
        margin-top: 0;
        margin-right: 5px;
    }

    .sc-ctn.bot a {
        margin-top: 0;
    }

    .sc-ctn.left {
        left: 0;
        margin-left: 10px;
    }

    .sc-ctn.right {
        right: 0;
        margin-right: 10px;
    }

    .sc-ctn.bot .basic-link {
        display: inline-block;
        background-color: transparent !important;
        margin-left: 5px;
    }

    @media (max-width: 1100px) {

        .sc-ctn img {
            width: 25px;
        }

    }

</style>

<script>

    $(window).load(function () {

        w = $(window).width();

        

    });

</script>

<script>

	var ForcedImageContain = "yes";

</script>

	<script data-RU="" id="ResJSscriptT" async src="/WebModules/Website-Resources/JS/Responsive.js?d=2018-08-27"></script>
	
	<script src='/WebModules/PageManager/LayoutManager/Layouts/Basic/effects.js?d=2018-08-27'></script>
		
</footer>

	

    <script>

        $('.loading-page').remove();

    </script>

    <script src='/webmodules/common/anim/animsition.js'></script>
<link href="/WebModules/common/anim/animsition.css" rel="stylesheet" type="text/css" />

<style>

    body {
        opacity: 0;
    }

    @media (max-width: 1100px) {

        .animsition {
            opacity: 1;
            transition: 0.25s ease;
        }

    }

</style>

<script>

    var ww = $(window).width();

    if (ww > 1100) {

        $("body").animsition({

            inClass: 'flip-in-y-fr',
            outClass: 'flip-out-y-fr',
            inDuration: 1500,
            outDuration: 800,
            linkElement: '.animsition-link',
            loading: true,
            loadingParentElement: 'body', 
            loadingClass: 'animsition-loading',
            loadingInner: '',
            timeout: false,
            timeoutCountdown: 5000,
            onLoadEvent: true,
            browser: [ 'animation-duration', '-webkit-animation-duration'],
            overlay : false,
            overlayClass : 'animsition-overlay-slide',
            overlayParentElement : 'body'

        });

    }

</script>
			<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126020527-9"></script>
			<script src="/_WebModuleData/SiteBuilder/CurrentLayout/Analytics.js"></script>
			
		<!--<script src="/webmodules/common/js/autotrack.js"></script>-->
		<script>
			var GlobalGoogleTag = "gtag_UA_126020527_9";
		</script>		
		<link rel='stylesheet' type='text/css' href='/WebModules/menus/3DFlip/H/Menu.css?d=2018-08-27'><script src='/WebModules/menus/3DFlip/H/Menu.js?d=2018-08-27'></script><script src="/webmodules/WebsiteLanguageOptions/onsite/WebsiteLang.js?d=2018-08-27"></script><link rel='stylesheet' href='/webmodules/WebsiteLanguageOptions/onsite/WebsiteLang.css?d=2018-08-27'/>
<script Id="KAnalytics" data-a='3510' data-b='www.sportingfc.co.za1031017001' src="/WebModules/WebsiteStatistics/js/KAnalytics.js?d=2018-08-27"></script>
<div class="tier-3-menu-settings">
<style>
	.topnav .navbar > li > ul > li > ul,
	.botnav .navbar > li > ul > li > ul {
		display: none !important;
		position: absolute;
		top: 0;
	}
		
	.topnav .navbar > li > ul > li:hover > ul,
	.botnav .navbar > li > ul > li:hover > ul {
		display: block !important;
	}
	.lockcontent{
		-webkit-user-select: none;
        -moz-user-select:none;
        -o-user-select:none;	
	}
</style>

<script>
	$(window).load(function () {
		
		var tnavw = $('.topnav .navbar > li').width();
		var tnavc = $('.topnav .navbar > li > ul > li > a').attr('style');
		var bnavw = $('.botnav .navbar > li').width();
		var bnavc = $('.botnav .navbar > li > ul > li > a').attr('style');
		
		$('body').append('<style>.topnav .navbar > li > ul > li > ul > li a {' + tnavc + '} .topnav .navbar > li > ul > li > ul {width: ' + tnavw + ';right: -' + tnavw + ';} .botnav .navbar > li > ul > li > ul > li a {' + bnavc + '}  .botnav .navbar > li > ul > li > ul {width: ' + bnavw + ';right: -' + bnavw + ';top: auto !important;bottom: 0 !important;}</style>');
		
		
	});
</script>
</div>

        </footer>
		
    </body>
</html>