ol#purplebox{
padding:0px;
list-style:none;
}
ol#purplebox>li{
background-color:#941068;
padding:10px !important;
margin-top:10px !important;
margin-bottom:10px !important;
color:#ffffff;
position:relative;
min-height:66px;
}
ol#purplebox>li span{
position: absolute;
  line-height: 25px;
  color:#02C2C7;
  font-size:3em;
  margin-top:15px;
}
ol#purplebox>li p{
margin:0px;
padding:0px;
padding-left: 60px;
}
ol#purplebox>li h3{
margin:5px 0px 10px 0px;
padding:0px;
padding-left: 60px;
}
ol#purplebox>li ul{
margin:0px;
padding:0px;
padding-left: 80px;
list-style:circle;
}

.outerarea h2.white{
color:#ffffff;
font-weight:600;
font-size:1.8em;
margin-bottom:20px;
}
.content, .clearer{
padding-bottom:0px;
}
#lowerhr, .pagebuttons{
display:none;
}
.downlink a{
font-size:3em;
color:#ffffff;

}
.downlink{
animation: bounce 2s ease 3;
}
#nav > ul > li:first-child{
display:none;
}
/* Buttons */
.boxbuttoncats a{
text-decoration:none;
}

.boxbuttoncats{
transition: all 0.3s;

}
.boxbuttoncats:hover, .boxbuttoncats:focus-within{

box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
border-radius:10px;
}
.boxbuttoncats a:hover h3, .boxbuttoncats a:focus h3{
color:#02C2C7;
}
.boxbuttoncats a:hover .boxbuttoncontentcats{
background-color:#E2E4E7;
}
.boxbuttoncats .boxbuttoncontentcats{
padding:15px;display:flex;
background-color:#F4F5F6;
border-radius:10px;
}
.boxbuttoncats .boxbuttoncontentcats .bbci{
padding-right:20px;
}
.boxbuttoncats .boxbuttoncontentcats h3{
font-weight:700;
font-size:1.2em;
color:#941068;
margin:0px;
padding:0px;
}
.boxbuttoncats .boxbuttoncontentcats img{
width:60px;
}
.boxbuttoncats .boxbuttoncontentcats p{
color:#333333;
}
.boxbuttoncats .boxbuttoncontentcats p:first-of-type{
margin-top:5px;
}

@media only screen and ( max-width: 800px )
        {
     .boxbuttoncats .boxbuttoncontentcats{   
      flex-wrap:wrap;
      align-items:center;
        justify-content:center;
        }
        .boxbuttoncats .boxbuttoncontentcats .bbci{
        flex-basis:100%;
        padding-right:0px;
        padding-bottom:15px;
}
		.boxbuttoncats .boxbuttoncontentcats .bbci img{
        margin-left:auto;
        margin-right:auto;
        }
		.boxbuttoncats .boxbuttoncontentcats .bbcc{
        flex-basis:100%;
        text-align:center;
        }

        }
.catoverlaybutton{
border-radius:10px;
}
.catoverlayboxleft{
position:absolute;
bottom:0;
margin:20px 35% 20px 20px;
background-color:#02C2C7;
border-radius:10px;
}
.catoverlayboxleft h3::before{
content: "\f138";
font-family: "Font Awesome 5 Pro";
margin-left:15px;
font-weight:400;
float:right;
}
.catoverlayboxleft h3{
font-size:1.6em;
line-height:1.1em;
margin:0px;
padding:0px;
color:#ffffff;
}
        
        .catoverlayboxleft a{
text-decoration:none;
display:block;padding:20px;
}
.catoverlayboxleft:hover, .catoverlaybox:focus-within{
background-color:#941068;
}
.catoverlayboxleft a:hover, .catoverlayboxleft a:focus{
color:#ffffff;
}
		@media only screen and ( max-width: 1100px )
        {
        .catoverlayboxleft{
        margin:20px 15% 20px 20px;
        }
		}
        @media only screen and ( max-width: 800px )
        {
        .catoverlayboxleft{
		margin:20px 20px 20px 20px;
		}
        .catoverlayboxleft h3{
        font-size:1.4em;
        }
        }
        
        /* End buttons */
        
        /* Looking for support */
        
        #catssupport{
        background-color:#02C2C7;
        }
        #catssupportinner{
        max-width:1100px;
        margin-left:auto;
        margin-right:auto;
        display:flex;
        padding-top:60px;
        padding-bottom:60px;
        align-items:center;
        }
        #catssupportinner h5{
        font-weight:700;
        font-size:1.7em;
        }
        #catssupportinner .cstext{
        flex-grow:1;
        }
        @media only screen and ( max-width: 1100px )
        {
        #secondarymenu{
        display:none;
        }
        #catssupport{
        padding-left:10px;
        padding-right:10px;
        }
        }
        @media only screen and ( max-width: 800px )
        {
        #catssupportinner{
        flex-wrap:wrap;
        }
        #catssupportinner .cstext{
        flex-basis:100%;
        }
        #catssupportinner .csbutton{
        margin-top:30px;
        flex-basis:100%;
        }
        }
        
        /* Secondary nav */
        
        #secondarymenu{
        background-color:#02C2C7;
        }
        #secondarymenuinner{
        max-width:1100px;
        margin-left:auto;
        margin-right:auto;
        }
      	#secondarymenuinner ul{margin:0px;
		padding:0px;
        margin-left:-10px;
		}
        #secondarymenuinner ul li{
        list-style:none;display:inline-block;
		}
        #secondarymenuinner ul li a{
        padding:10px 15px 10px 15px;
        display:block;
        font-size:1.1em;
        font-weight:700;
        color:#ffffff;
        text-decoration:none;
		}

        #secondarymenuinner ul li a:hover, #secondarymenuinner ul li a:focus, #secondarymenuinner ul li a.selected{
        color:#941068;
        }
        
        ul.ticklist{
padding-top:15px;
}

ul.ticklist li::before{
content: "\f00c";
color:#02C2C7;
margin-left:-45px;
font-size:1.5em;
font-weight:300;
position:absolute;
margin-top:3px;
}
ul.ticklist li{
padding:10px 0px 10px 60px;
border-bottom:1px solid #FCF3F9;
font-size:1.1em;
}

.cog-label, .cog-cognito h2, .el-input__inner, .el-textarea__inner, .el-date-table, .el-date-picker__header-label, .cog-button__text{
font-family:'Poppins', Verdana, Arial !important;
}
.cog-cognito h2{
color:#941068 !important;
font-size:1.8em !important;
}
.cog-label{
font-weight:600 !important
}
.cog-button__text{
font-size:1.4em !important;
}
.cog-button--submit{
padding:10px 20px 10px 20px !important;
border-radius:10px !important;
}
.cog-button--submit:hover{
background-color:#02C2C7 !important;
}
.purplebox{
background-color:#941068;
color:#ffffff;
padding:1px 20px 1px 20px;
}
.scrollpadding {
  scroll-margin-top: 100px;
}
a.bluelink{
color:#02C2C7 !important;
}
@media only screen and ( max-width: 450px )
        {
        .hidemobile{
        display:none;
        }
        
        }