.clearer {
  padding-bottom: 0px;
  }
.content{padding-bottom:0px;}
.pagebuttons, #lowerhr, #youarehere{
display:none;
}
.accordion ul li::before{
position: relative;
  top: 7px;
}
.scrollpadding{
scroll-margin-top:120px;
}
form#edit>h2, .blockUI h2{
font-size:1.4em;
}

.keyinfo{
background-color:#E6F1F8;
display:flex;
padding:25px;
flex-wrap:wrap;
margin-bottom:25px;
}
.eventinfo{
background-color:#E6F1F8;
display:flex;
padding:0px 25px 0px 50px;
}
.eventinfo ul li::before{
margin-left: -65px;
}
.eventinfo ul li{
padding:0px 0px 15px 0px;
}
.keyinfo h3{
flex-basis:100%;
}
.keyinfo ul{
flex-basis:100%;
}
.keyinfo ul li{
padding:0px;
}
.keyinfo ul li::before{
margin-left:-25px;
}
.colinner .keyinfo ul li::before{
margin-left:-66px;
position:relative;
top:10px;
}
.backevents{
padding-bottom:45px;
}

.learninginfo{
background-color:#FFF2E5;
display:flex;
padding:25px;
flex-wrap:wrap;
}
.activityflex{
display:flex;
}
.activityflex .storyimage{
border:0px solid;
width:auto;
}
.activityflex .storyimage img{
border: 1px solid #d7dada;
}
.activityflex div{
flex-basis:50%;
}
.activitybuttons a{
display:inline-block;
margin:20px 20px 0px 0px;
}
  @media only screen and ( max-width: 900px )
        {
        .activityflex{
        flex-wrap:wrap;
        }
        .activityflex div{
        flex-basis:100%;
        }
        .activityflex .storyimage{
        order:2;
        }
        }

.buttonlink.contact::after{
content:"\f675";
}
.buttonlink.risk::after{
content:"\f31a";
}
.buttonlink.more{
background-color:#ffffff;
border:1px solid #0E74BB;
color:#0E74BB;
}
.buttonlink.more:hover{
background-color:#25AAE1;
color:#ffffff;
border:1px solid #25AAE1;
}
#contentcontainer{
padding-top:40px;
}
.outerarea .textwhite{
color:#ffffff;
}
#spectulise h4{
color:#ffffff;
}
.heroorange span{

background-image:url(brushstroke.png);
background-repeat:no-repeat;
background-size:100% 100%;
padding:10px 10px 10px 10px;
margin: 0 0 0 -16px;
}
ul.arrowbullet li::before{
content:"\f061";

}
ul.arrowbullet.small li::before{
top:2px;

}
.arrowbullet.blue a{
color:#0E74BB;

}
.arrowbullet.small li::before{
font-size:1.2em;
}
.arrowbullet.small li{
padding:0px 0px 0px 20px;
}
.arrowbullet.small li::before{
margin-left:-45px;
}
.arrowbullet.htmlcontent li{
padding:0px 0px 0px 80px !important;
}
.arrowbullet.htmlcontent li::before{
position:relative;
}
#eventcontainer h2, #productgrid h2, .checkoutcontainer h2{
font-size:1.4em;
}
.greybg{
padding:15px;
color:#0E74BB;
border-radius:20px;
}
.greybg a{
color:#0E74BB;
}
.greybg h3{
color:#0E74BB;
}
.greybg a day{
color:#ffffff;
}
.programmeoutline{
background-color:#0E74BB;
padding:20px;
}
.programmeoutline h3{
color:#ffffff;
}
.programmedetail{
display:flex;
gap: 10px;
margin-top:10px;
}
.programmetime{background-color:#F4F5F6; padding:10px;  font-weight:bold; flex:0 0 140px;}
.programmecontent{background-color:#F4F5F6; padding:10px; width:100%;}

.contactbar{
text-align:right;
margin-top:49px;
}
.contactbar a{
float:right;
}
.contactbar a .fa-circle{
color:#25AAE1;
}
.contactbar a:hover .fa-circle{
color:#0E74BB;
}
.contactbar.footer a:hover .fa-circle{
color:#FF8000;
}
.contactbar .fa-lg{
font-size:0.9em;
}
.contactbar .fa-brands{
font-size:1.2em;
}

.getintouch, .findus{
background-color:#FF8000;
display:inline-block;
font-size:1em;
padding:5px 10px 6px 10px;
border-radius:20px;
color:#ffffff;
margin-left:15px;
}
.findus{
margin-top:15px;
}
.getintouch i{
font-weight:100;
font-size:1.4em;
transform:rotate(-22deg);
margin-right:-25px;
margin-top:-5px;
}
.findus i{
font-weight:100;
font-size:1.4em;



}
.getintouch:hover, .getintouch:focus, .findus:hover, .findus:focus{
background-color:#25AAE1;
}
#spectulise .getintouch a:hover, #spectulise .getintouch a:focus, #spectulise a:hover.nodec, #spectulise .findus a:hover, #spectulise .finus a:focus {
text-decoration:none;
}
#spectulise a:hover.nodec .dlcontent{
text-decoration:underline;
}
.getintouch.footer, .findus.footer{
float:right;
}
@media only screen and ( max-width: 500px )
                {
                 .contactbar a{
float:none;
}
.getintouch.footer, .findus.footer{
margin-left:0px;
float:left
}
.contactbar.footer{
text-align:left;
}
                }

.logoleft{
background-color:rgba(255,255,255,0.8);
}

#logowhitecontainer.homeoverlay{
margin-bottom:-194px; position:relative; z-index:100;
background-color:transparent;
}
#logowhitecontainer.homeoverlay #logowhite{
background-color:transparent;
}

#logowhitecontainer.herooverlay{
margin-bottom:-194px; position:relative; z-index:100;
background-color:transparent;
}
#logowhitecontainer.herooverlay #logowhite{
background-color:transparent;
}
        @media only screen and ( max-height: 600px ) and (orientation:landscape)
                {
                #logowhitecontainer.homeoverlay{
margin-bottom:-194px; 
}
        .homeslide-content h1{
        font-size:2.6em !important;
                line-height:1.2em;
        }
        .homeslide-slide{
height:100vh;
}
                }

@media only screen and ( max-width: 700px )
                {
                #logowhitecontainer.homeoverlay #logowhite, #logowhitecontainer.herooverlay #logowhite{
               
                }
                 #logowhitecontainer.homeoverlay, #logowhitecontainer.herooverlay{
margin-bottom:-264px;
}

                
                }
                @media only screen and ( min-width: 999px )
        {
                #logowhitecontainer.homeoverlay #logowhite.menufixed, #logowhitecontainer.herooverlay #logowhite.menufixed{
background-color:#0E74BB;
}}

@media only screen and ( min-width:1100px )
        {
        .logoside{

width: 100%;

}}
.logoside.menuextend{background-image:url("menubg.png");
background-repeat:repeat-x;
}
.gloverlaybutton{
border-radius:20px;
}

.gloverlaybox{
display:flex;
align-items:flex-end;
height:100%;
border-radius:20px;
}
.gloverlayboxright{
align-self:flex-end;
margin-left:50%;
border-top-left-radius:20px;
border-bottom-left-radius:20px;
padding:1px 20px 1px 20px;
color:#ffffff;
font-weight:500;
font-size:1.25em;
margin-bottom:60px;
}
.gloverlayboxleft{
align-self:flex-end;
margin-right:50%;
border-top-right-radius:20px;
border-bottom-right-radius:20px;
padding:1px 20px 1px 20px;
color:#ffffff;
font-weight:500;
font-size:1.25em;
margin-bottom:60px;
}
.gloverlaybox h3, .gloverlaybox h3 a{
color:#ffffff;
}
.gloverlaybutton a{
text-decoration:none;
}
.gloverlaybutton a:hover{
text-decoration:none;
}
.gloverlaybutton a:hover .gloverlayboxleft{
background-color:#FF8000 !important;
}



.story button.flickity-prev-next-button.previous:before, .story button.flickity-prev-next-button.next:before {
        content: '\f060';
        font-family: "Font Awesome 6 Pro";
        font-weight: 100;
        color: #0E74BB;
        font-size: 2em;
      }
      .story button.flickity-prev-next-button.next:before {
      content: '\f061';
      }
      .story .flickity-button.next {
  right: -45px;
}
.story .flickity-button.previous {
  left: -45px;
}
      .story button.flickity-prev-next-button.previous svg, .story button.flickity-prev-next-button.next svg{
      display:none;
      }
   
   .gridimage{
   border-radius:20px;
   }
   .activitygrid h3{
   position:absolute;
   bottom:55px;
   background-color:#FF8000;
   border-top-right-radius:20px;
   border-bottom-right-radius:20px;
   max-width:75%;
   color:#ffffff;
   padding:10px 15px 10px 15px;
   }
   .activitygrid h3 a{
   color:#ffffff;
   }
   .activitygrid .story:hover h3{
   background-color:#25AAE1;
   }
   .activityslide:hover h3{
   background-color:#25AAE1;
   }
   #newsbox.activitygrid .story{
   border-bottom:0px;
padding-bottom:0px;
margin-bottom:0px;
   }
   #newsbox.activitygrid .gridimage{
   margin-bottom:30px;
   }
   h2.eventdetaildate{
   font-size:1.4em;
   color:#FF8000;
   margin-top:-20px;
   }
   
.modal {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  right: -400px;
  bottom: 40px;
 
  overflow: auto; /* Enable scroll if needed */
  animation-name: robbie;
  animation-duration: 4s;
  animation-delay: 10s;
  animation-fill-mode: forwards;
}
@keyframes robbie {
  0%   {right:-400px; bottom:0px;}
  15%  {right:60px; bottom:30px;}
  30%  {right:45px; bottom:25px;}
  45%  {right:50px; bottom:30px;}
  60% {right:65px; bottom:10px;}
  75% {right:35px; bottom:40px;}
  90% {right:30px; bottom:20px;}
  100% {right:40px; bottom:40px;}
}

/* Modal Content/Box */
.modal-content>div {
  background-color: #0E74BB;
  border-radius:20px;


  margin: 0px auto; /* 15% from the top and centered */
  padding: 15px;
  width: 320px; /* Could be more or less, depending on screen size */
  color:#ffffff !important;

}

.modal-content h4, .modal-content p{
 clear:both;
}
.modal-content h4{
font-size:1.4em;
color:#ffffff;
margin-top:0px;
}
.modal-content a{
color:#ffffff;
}
.modal-content .form-field input{
display:inline-block;
width:80%;
border:0px;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
}
.modal-content .form-field input.submitbutton{
width:20%;
background-color:#FF8000;
color:#ffffff;
border:0px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
}
.modal-content .form-field input.submitbutton:hover, .modal-content .form-field input.submitbutton:focus{
background-color:#25AAE1;

}
.modal-content .unsub{
margin-bottom:5px;
}
.modal-content img{
margin:0px 0px -16px 180px;

}.close {

  color: #fff;
float:right;
background-color:#25AAE1;
	padding:0px 10px 0px 10px;
	border-radius:20px;
margin-top:-30px;


width:40px;
height:40px;
}
.close i{
font-size:1.4em;
font-weight:100;
padding-top:5px;
}

/* The Close Button */


.close:hover,
.close:focus {
  background-color:#FF8000;
  text-decoration: none;
  cursor: pointer;
}    

#robbiecircle{
position: fixed;
bottom: 100px;
right: 20px;
background-color: #0E74BB;
border-radius: 10px;
z-index: 999;
padding: 15px;
color: #ffffff;
text-align: center;
cursor:pointer;
}
#robbiecircle:hover, #robbiecircle:focus{
background-color:#FF8000;
}

@media only screen and ( max-width: 900px )
        {
        h1, .redactor-dropdown-item-h1, h2, .redactor-dropdown-item-h2{
        font-size:2em;

        }
        .testimonial{
        font-size:1.2em;
        }
        .testname{
        margin-bottom:65px;
        }
        }


/* ### Widgets ### */ 

.containercenterbottom {
  background-position: center center;
}
.outerarea .gliconbutton a, .gliconbutton a{
color:#464646;
text-decoration:none;
}
.gliconbutton a:hover h4{
color:#FF8000;
}
.gliconbuttoncontent{
display:flex;
color:#0E74BB;
align-items:center;
}
.gliconbuttoncontent .bbci{
padding-right:20px;
}
.gliconbuttoncontent .bbci i{
font-size:2em;
}
.gliconbuttoncontent .bbcc h4 {
font-weight:bold;

}
.activityslide h3 a:hover{
color:#ffffff;
}

.blockbutton{
padding:1px 30px 1px 30px;
font-weight:bold;
}
.brandwidget-slide {
  margin-right: 32px;
}
 .col5 .brandwidget-slide {
  width: calc(33.3% - 21px);
}
.brandwidget-slide .bw-imgcontainer {
  height: 160px;
  border:0px;
  padding:20px;
}



  @media only screen and ( max-width: 900px )
        {
        .col5 .productwidget-slide, .col5 .brandwidget-slide{
        width:calc(50% - 17px);
        }
        }
        
         @media only screen and ( max-width: 450px )
        {
        .story.blankspace{
        margin:0px 0px 0px 0px;
        }
      	.col5 .brandwidget-slide.activityslide{
        width:100%;
        }
        }


.statbutton{
text-align:center;
}
.statbutton i{
color:#FF8000;
font-size:3.2em;
}
.statbutton h3{
font-size:3.2em;
margin-top:15px;
margin-bottom:15px;
}
.statbutton hr{
max-width:80px;
color:#25AAE1;
background:#25AAE1;
height:2px;
}
.statbutton p{
color:#FF8000;
font-weight:bold;
}
.outerpad{
margin-top:45px;
margin-bottom:45px;
}

.specbox {
  padding: 0px;
  margin-left:auto;
  margin-right:auto;
}
.specbox img:not(.nostretch) {
  display: block;
  width: 100%;
}
.grid-sizer-fourcol, .fourcol .story
{
  width: 8.65%;
}
.grid-sizer-threecol, .threecol .story
{
  width: 13%;
}
.gutter-sizer {
  width: 4.4%;
}


.fourcol .col1{ width: 8.65%; }
.fourcol .col2 { width: 21.7%; }
.fourcol .col3{ width: 47.8%; }
.fourcol .col4{ width: 73.9%; }
.fourcol .col5{ max-width:100%; width: 100%;}

.threecol .col1{ width: 13%;}
.threecol .col2 { width: 30.4%; }
.threecol .col3{ width: 47.8%; }
.threecol .col4{ width: 65.2%; }
.threecol .col5{max-width:100%; width: 100%;}

.specbox .col1 img,
.specbox .col2 img,
.specbox .col3 img,
.specbox .col4 img,
.specbox .col5 img {
  max-width: none;
}


@media only screen and ( max-width: 900px )
                {
               .fourcol .col1{
                width: 21.7% !important;
                }
                .threecol .col1{
                width: 30.4%; !important;
                }
                .col2, .col3, .col4{
width:47.8% !important;
				}               
                }
@media only screen and ( max-width: 450px )
                {
                .fourcol .col1, .threecol .col1{
		width:47.8% !important;
				}
                .col2, .col3, .col4{
		width:100% !important;
				}
                }