#divAppFooter
{
    contain:layout style;
    contain-intrinsic-size:auto 900px;
    min-height:900px;
    position:relative;
    z-index:1;
}

#divAppFooter #divProviderIcons
{
    contain:layout style;
    min-height:140px;
    padding:0px 50px;
}

#divAppFooter .divFooterLinks
{
    min-height:400px;
    padding:80px 50px 100px;
    position:relative;
    z-index:1;
}

#divAppFooter .divFooterLinks:before
{
    background-color:#ffffff;
    box-shadow:0px 0px 15px 3px #e600ff;
    content:"";
    height:5px;
    left:0px;
    position:absolute;
    right:0px;
    top:0px;
}

#divAppFooter .divFooterLinks:after
{
    clear:both;
    content:"";
    display:block;
}

#divAppFooter .divFooterColumn
{
    float:left;
    position:relative;
    width:22%;
}

#divAppFooter .divFooterColumn:nth-child(2), #divAppFooter .divFooterColumn:nth-child(3)
{
    width:17%;
}

#divAppFooter .imgFooterLogo
{
	width:160px;
}

#divAppFooter .divFooterHeading
{
    color:#ffffff;
    font-size:20px;
    font-weight:700;
    margin-bottom:20px;
}

#divAppFooter .aFooterLink, #divAppFooter .divFooterLink
{
    color:#888b90;
    cursor:pointer;
    font-size:14px;
    display:block;
    margin-bottom:5px;
    text-decoration:none;
    transition:color 0.25s, text-shadow 0.25s;
}

#divAppFooter .aFooterLink:hover, #divAppFooter .aFooterLink:focus, #divAppFooter .divFooterLink:hover, #divAppFooter .divFooterLink:focus
{
    color:#cffdff;
    text-shadow:0px 0px 5px #01eff9;
}

#divAppFooter .imgFooterVisa
{
    margin:0px 15px 10px 0px;
    vertical-align:middle;
    width:60px;
}

#divAppFooter .imgFooterMasterCard
{
    margin:0px 15px 10px 0px;
    vertical-align:middle;
    width:35px;
}

#divAppFooter .imgFooterInstantEft
{
    margin:0px 0px 10px 0px;
    vertical-align:middle;
    width:86px;
}


#divAppFooter .imgFooterApplePay
{
    height:20px;
    margin:0px 15px 10px 0px;
    vertical-align:middle;
    width:auto;
}

#divAppFooter .imgFooterGooglePay
{
    height:20px;
    margin:0px 15px 10px 0px;
    vertical-align:middle;
    width:auto;
}

#divAppFooter .imgFooterCapitecPay
{
    height:30px;
    margin:0px 15px 10px 0px;
    vertical-align:middle;
    width:auto;
}

#divAppFooter .imgFooterOneVoucher
{
    height:30px;
    margin:0px 15px 10px 0px;
    vertical-align:middle;
    width:auto;
}

#divAppFooter .imgFooterOttVoucher
{
    height:25px;
    margin:0px 15px 10px 0px;
    vertical-align:middle;
    width:auto;
}

#divAppFooter .imgFooterEasyPayVoucher
{
    height:30px;
    margin:0px 0px 10px 0px;
    vertical-align:middle;
    width:auto;
}

#divAppFooter .divFooterText
{
    font-size:12px;
    line-height:16px;
    margin-top:20px;
    text-align:justify;
}

#divAppFooter .divFooterBottom
{
    min-height:350px;
	padding:0px 50px 120px;
    text-align:center;
}

#divAppFooter .divFooterBottom .divFooterText
{
    font-size:14px;
    line-height:20px;
    text-align:center;
}

#divAppFooter .divFooterBottom a
{
	color:#888b90;
    transition:color 0.25s, text-shadow 0.25s;
}

#divAppFooter .divFooterBottom a:hover, #divAppFooter .divFooterBottom a:focus
{
	color:#cffdff;
    text-shadow:0px 0px 5px #01eff9;
}

#divAppFooter .divFooterImportantLinksHeading
{
    color:#ffffff;
    font-size:18px;
    margin:30px 0px 10px;
}

#divAppFooter .divFooterImportantLinks
{
    margin-bottom:30px;
}

#divAppFooter .divFooterImportantLinks a
{
    border-right:1px solid #888b90;
    color:#888b90;
    font-size:14px;
    padding:0px 10px 0px 5px;
    text-decoration:none;
    transition:color 0.25s, text-shadow 0.25s;
}

#divAppFooter .divFooterImportantLinks a:last-child
{
    border-right:none;
}

#divAppFooter .divFooterImportantLinks a:hover, #divAppFooter .divFooterImportantLinks a:focus
{
	color:#cffdff;
    text-shadow:0px 0px 5px #01eff9;
}

#divAppFooter .divSocialLinks a
{
    font-size:32px;
    margin:0px 10px 30px;
    text-decoration:none;
}

#divAppFooter .imgX
{
    opacity:0.75;
    transition:filter 0.25s, opacity 0.25s;
    width:26px;
}

#divAppFooter .imgHelloPeter
{
    opacity:0.75;
    transition:filter 0.25s, opacity 0.25s;
    width:100px;
}

#divAppFooter .imgX:hover, #divAppFooter .imgX:focus, #divAppFooter .imgHelloPeter:hover, #divAppFooter .imgHelloPeter:focus
{
    filter:drop-shadow(0px 0px 5px #01eff9);
    opacity:1;
}

#divAppFooter .divCopyright
{
    color:#ffffff;
    font-size:28px;
    margin-bottom:30px;
}

#divAppFooter .imgBeGambleAware
{
    margin-bottom:30px;
    width:350px;
}

#divAppFooter .divEighteenPlus
{
    background-color:#ffffff;
    border-radius:50%;
    color:#1b1c20;
    font-size:28px;
    font-weight:700;
    height:60px;
    left:calc(50% - 30px);
    line-height:60px;
    position:relative;
    text-align:center;
    width:60px;
}

/* MEDIA QUERIES */
@media (max-width: 1600px)
{
    #divAppFooter .divFooterLinks
    {
        padding:80px 50px 150px;
    }

    #divAppFooter .divFooterColumn:first-child
    {
        bottom:50px;
        float:none;
        position:absolute;
    }

    #divAppFooter .divFooterColumn:nth-child(2), #divAppFooter .divFooterColumn:nth-child(3), #divAppFooter .divFooterColumn:nth-child(4)
    {
        width:22%;
    }

    #divAppFooter .divFooterColumn:nth-child(5)
    {
        width:34%;
    }
}

@media (max-width: 1200px)
{
    #divAppFooter #divProviderIcons
    {
        min-height:140px;
        padding:0px 30px;
    }

    #divAppFooter .divFooterLinks
    {
        padding:80px 30px 50px;
    }

    #divAppFooter .divFooterBottom
    {
        padding:0px 30px 120px;
    }
}

@media (max-width: 800px)
{
    #divAppFooter #divProviderIcons
    {
        min-height:140px;
        padding:0px 20px;
    }

    #divAppFooter .divFooterLinks
    {
        padding:80px 20px 50px;
    }

    #divAppFooter .divFooterColumn:first-child
    {
        bottom:auto;
        margin-bottom:50px;
        position:relative;
    }

    #divAppFooter .divFooterColumn:last-child
    {
        text-align:center;
    }

    #divAppFooter .divFooterColumn:nth-child(2), #divAppFooter .divFooterColumn:nth-child(3), #divAppFooter .divFooterColumn:nth-child(4)
    {
        margin-bottom:50px;
        width:33.3%;
    }

    #divAppFooter .divFooterColumn:nth-child(5)
    {
        clear:both;
        float:none;
        width:100%;
    }

    #divAppFooter .divFooterBottom
    {
        padding:0px 20px 120px;
    }
}

@media (max-width: 600px)
{
    #divAppFooter #divProviderIcons
    {
        min-height:140px;
        padding:0px 15px;
    }

    #divAppFooter .divFooterLinks
    {
        padding:80px 15px 30px;
    }

    #divAppFooter .aFooterLink, #divAppFooter .divFooterLink
    {
        font-size:13px;
    }

    #divAppFooter .divFooterBottom
    {
        padding:0px 15px 120px;
    }
}

@media (max-width: 500px)
{
    #divAppFooter .divCopyright
    {
        font-size:24px;
    }

    #divAppFooter .imgBeGambleAware
    {
        Width:320px;
    }
}

@media (max-width: 420px)
{
	#divAppFooter .divSocialLinks a
	{
		font-size:28px;
		margin:0px 5px 30px;
	}

	#divAppFooter .imgX
	{
		width:22px;
	}

	#divAppFooter .imgHelloPeter
	{
		width:90px;
	}
}