/*
 Theme Name: JSG Corp 2026
 Author:	HWB Design
 Template:	hwbdbs4
 Version:	0.1.0
*/

/* Colours 


*/


/* Typography */

/* 300 - light  400 - Medium  600 - Bold */

body { font-family: 'Poppins', sans-serif; font-size: 1.55rem; font-weight:300;}

a { color: #000000; text-decoration:underline; }
a:hover {
	text-decoration: underline;
	color: #1B418E;
}
a.btn, a.btn:hover{ text-decoration:none; }

b, strong { font-weight: bold;}

h1, .h1 { font-size: 3.5rem; color:#000000; }
h2, .h2 { font-size: 3rem; color:#000000; font-weight: 300;}
h3, .h3 { font-size: 2.4rem; color:#000000; font-weight: 300; margin-bottom: 12px;}
h4, .h4 { font-size: 2.2rem; color:#000000; font-weight: 300;}
h5, .h5 { font-size: 1.9rem; color:#000000; font-weight: 300; }
h6, .h6 { font-size: 1.55rem; font-weight: 600; }



		 @media (max-width: 991px) {
			 h2 {font-size:2.4rem;} 
			 h3 {font-size:2rem;} 
			 h4 {font-size:1.8rem;}
			 h5 {font-size:1.7rem;}
			 p {font-size:1.55rem; }
		}



h1 a { color:#000000; }
h2 a { color:#000000;}
h3 a { color:#000000;}
h4 a { color:#000000;}
h5 a { color:#000000; }
h6 a { color:#000000; }

p a { text-decoration:underline; }

h1.page-title, .page-title {line-height:1.2;}

.lead {
	font-size: 1.8rem;
	font-weight: bolder;
	color: #555555;
}

.hideme {display:none!important;}


a.hwbd-inline-button {
	background-color: rgba(255,255,255,0.00);
	text-decoration: none!important;
	border-radius: 0px;
	border:1px #ffffff solid;
	text-transform: uppercase;
	font-weight:400;
	text-align: center;
	border-radius: 3px;
}
a.hwbd-inline-button:hover { background-color: rgba(255,255,255,0.00);}

/* Inline Button - Central*/
a.hwbd-inline-button.central {margin: 10px;}
a.hwbd-inline-button.left {margin: 10px 0px 10px 0px;}





/* DARK button */

a.hwbd-inline-button.dark {background-color: #1B418E; text-decoration: none;}
a.hwbd-inline-button.dark:hover { background-color: #555555;}


.image-border {border:1px solid #ffffff;}






/* Work for Us PAGE */

/*.page-id-5481 a.hwbd-inline-button {background-color:#203864; margin-top:10px;}
.page-id-5481 .so-widget-sow-editor h3.widget-title {color: #ffffff; padding:10px 20px; background-color:#203864; margin-bottom:15px;} */

.joblisting {padding:20px 20px 10px 20px; background-color:#f4f4f4; border:1px solid #dddddd;}

.joblisting .job-details {padding-left:20px;}
.joblisting h3 {color: #ffffff; padding:10px 20px; background-color:#203864; margin-bottom:15px;}
.joblisting a.hwbd-inline-button {background-color:#203864; margin-bottom:10px; margin-top:5px;}







/* Read More Link */

.btn-secondary {
	color: #000000;
	background-color: #ffffff;
	border-color: #000000;
	font-size: 1.3rem;
	border-radius: 3px;
	text-transform: uppercase;
}







/* How we do it button */

a.how-we-do-it-btn {
	background-color: rgba(255,255,255,1);
	text-decoration:none!important;
	border-radius: 3px;
	border:1px #000000 solid;
	text-transform: uppercase;
	font-weight:600;
	text-align: center;
	color:#000000;
	padding:12px 24px;
	margin:0px auto;
}
a.how-we-do-it-btn:hover { background-color: rgba(000,000,000,0.20);}




/* JS Groups Button(s) #1B418E */

.jsgroup-btn {
	background-color: #406c99; 
	text-align:center;
	padding:20px;
	height:100%;
	display:flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

.jsgroup-btn:hover {
	background-color: #4C505A;
}
.jsgroup-btn p {line-height:1; font-weight:bold; margin-bottom:0px;}
.jsgroup-btn a {text-decoration: none; color:#ffffff; }





/* Wrappers */

.wrapper-header { border-bottom:1px #ddd solid; padding-bottom:10px; background-color: #ffffff;  }
.wrapper-topbar { background-color: #ffffff; }
.wrapper-navbar {background-color: #ffffff; }

body.sticky .full-width-page-wrapper,
body.sticky .page-wrapper,
body.sticky .index-wrapper,
body.sticky .error-404-wrapper,
body.sticky .archive-wrapper,
body.sticky .search-wrapper,
body.sticky .single-wrapper { margin-top:120px;}


        @media (max-width: 991px) {
            body.sticky .full-width-page-wrapper,
			body.sticky .page-wrapper,
			body.sticky .index-wrapper,
			body.sticky .error-404-wrapper,
			body.sticky .archive-wrapper,
			body.sticky .search-wrapper,
			body.sticky .single-wrapper { margin-top:95px;}
        }


        @media (max-width: 767px) {
            body.sticky .full-width-page-wrapper,
			body.sticky .page-wrapper,
			body.sticky .index-wrapper,
			body.sticky .error-404-wrapper,
			body.sticky .archive-wrapper,
			body.sticky .search-wrapper,
			body.sticky .single-wrapper { margin-top:105px;}
        }




.custom-logo-block {
    position: relative;
    min-height: 65px;
    min-width: 186px;
}



a.nav-link {text-decoration:none;}

/* Top Bar */

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover { color: #000000; }


.top-menu { justify-content: flex-end; padding-right:10px;}

        @media (max-width: 991px) {
            .top-menu { padding-right:0px; }
        }

.menu-top-menu .nav-link { padding: 5px 8px;}

.menu-top-menu li { border-right: none; padding:0px;}
.menu-top-menu li a { color: #000000; font-weight:300;}
.menu-top-menu li a:focus { background-color: #E9E9E9;}
.menu-top-menu li a:hover { color: #000000; background-color:#E8E8E8; }
.menu-top-menu li.active a { color: #000000;}

.wrapper-topbar .dropdown-menu { left: 0; margin: 0px;}
.wrapper-topbar .dropdown-menu.show{ background-color: #E8E8E8; }

.wrapper-topbar .dropdown-menu li a.nav-link { color: #555555; padding: 5px 8px; }

.wrapper-topbar .dropdown-menu li a.nav-link:hover,
.wrapper-topbar .dropdown-menu li a.nav-link:active{ color: #000000; }

.wrapper-topbar .dropdown-menu li:first-child,
.wrapper-topbar .dropdown-menu li {
    padding: 0px;
	border-radius: 0px;
	border-right:none;
	font-size: 1.3rem;
	width: 100%;
}
	







/* Main Nav */


/*span.caret,
.dropdown-toggle::after {display:none;}*/

.navbar-brand, .navbar-nav {font-size: 1.6rem;}

		@media (min-width: 991px) {
		.navbar-nav {margin-top:6px;}
		}

			/* No less than 992, no greater than 1200px */
			@media (min-width:992px) and (max-width:1200px) {
			 	.navbar-brand, .navbar-nav {font-size: 1.5rem;}
			}





.navbar-nav li {
    margin-right: 0px;
    padding-right: 0px;
}


.hwbdbsnavbar .navbar-nav .nav-link { color: #000000; padding:8px 16px; font-weight:300;}

			/* No less than 992, no greater than 1200px */
			@media (min-width:992px) and (max-width:1200px) {
				.hwbdbsnavbar .navbar-nav .nav-link {padding: 8px 12px;}
			}

.hwbdbsnavbar .navbar-nav .show > .nav-link, 
.hwbdbsnavbar .navbar-nav .nav-link.show {color: #000000;}
.hwbdbsnavbar .navbar-nav .active > .nav-link,
.hwbdbsnavbar .navbar-nav .nav-link.active {color: #000000;}
.hwbdbsnavbar .navbar-nav .nav-link:focus {color: #000000; background-color: #E9E9E9;} 
.hwbdbsnavbar .navbar-nav .nav-link:hover {color: #000000; background-color: #E9E9E9;}



.mobonly.nav-item {display:none;}

			@media (max-width: 991px) {
					.mobonly.nav-item {display:block;}
			}


			@media (max-width: 991px) {
				.navbar-nav li {
					border-bottom: none;
					padding-bottom: 0px;
					padding-top: 0px;
				}
			}






/* Main Dropdown */

.dropdown-menu {
	color: #555555;
	background-color: #E9E9E9;
	border-radius: 0;
	border: 0px;
}

@media (max-width: 991px) {
		.dropdown-menu {
			padding-bottom:8px;
			padding-left:10px;
		}
			}


.dropdown-menu li  {padding: 0px;}

.dropdown-menu li.active { background-color: #D8D8D8;}

.dropdown-menu li,
.dropdown-menu li:first-child,
.dropdown-menu li:last-child { border-radius: 0; }
.dropdown-menu li:last-child {padding-right: 0px;}

.hwbdbsnavbar .navbar-nav .dropdown-menu .nav-link:hover { background-color: #D8D8D8;}






                     /* THIS MAKES dropdown appear on hover !!!! */
						/*
						@media screen and (min-width: 991px) {
							.dropdown:hover>.dropdown-menu {display: block;}
						}	
						*/



/* Nav Bar Toggler */

.navbar-toggler.hwbdbs-mob-nav { background-color: rgba(255,255,255, 1.0); border: 1px solid rgba(000, 000, 000, 0.6); }
.navbar-toggler.hwbdbs-mob-nav .icon-bar { background-color: rgba(000, 000, 000, 0.6);}






/* xxxxxxxxx COLOURS xxxxxxxxx  */

/*  Blue Grad : #8eb5c9  |  #2f6a9b  */
.blue-grad {
background: rgb(142,181,201);
background: -moz-linear-gradient(90deg, rgba(142,181,201,1) 0%, rgba(47,106,155,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(142,181,201,1) 0%, rgba(47,106,155,1) 100%);
background: linear-gradient(90deg, rgba(142,181,201,1) 0%, rgba(47,106,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8eb5c9",endColorstr="#2f6a9b",GradientType=1);
}

/*  Orange Grad : #b97240  |  #e4a679  */
.orange-grad {
background: rgb(185,114,64);
background: -moz-linear-gradient(90deg, rgba(185,114,64,1) 0%, rgba(228,166,121,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(185,114,64,1) 0%, rgba(228,166,121,1) 100%);
background: linear-gradient(90deg, rgba(185,114,64,1) 0%, rgba(228,166,121,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b97240",endColorstr="#e4a679",GradientType=1);
}

/*  Purple Grad : #8b76a1  |  #c9bcd6  */
.purple-grad {
background: rgb(139,118,161);
background: -moz-linear-gradient(90deg, rgba(139,118,161,1) 0%, rgba(201,188,214,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(139,118,161,1) 0%, rgba(201,188,214,1) 100%);
background: linear-gradient(90deg, rgba(139,118,161,1) 0%, rgba(201,188,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8b76a1",endColorstr="#c9bcd6",GradientType=1);
}

/*  Yellow Grad : #fbdc88  |  #f6b33d  */
.yellow-grad {
background: rgb(251,220,136);
background: -moz-linear-gradient(90deg, rgba(251,220,136,1) 0%, rgba(246,179,61,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(251,220,136,1) 0%, rgba(246,179,61,1) 100%);
background: linear-gradient(90deg, rgba(251,220,136,1) 0%, rgba(246,179,61,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbdc88",endColorstr="#f6b33d",GradientType=1);
}

/*  Aqua Grad : #c6dedb  |  #95ccc5  */
.aqua-grad {
background: rgb(198,222,219);
background: -moz-linear-gradient(90deg, rgba(198,222,219,1) 0%, rgba(149,204,197,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(198,222,219,1) 0%, rgba(149,204,197,1) 100%);
background: linear-gradient(90deg, rgba(198,222,219,1) 0%, rgba(149,204,197,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6dedb",endColorstr="#95ccc5",GradientType=1);
}

/*  DeepBlue Grad : #341ac8  |  #251958  */
.deepblue-grad {
background: rgb(52,26,200);
background: -moz-linear-gradient(90deg, rgba(52,26,200,1) 0%, rgba(37,25,88,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(52,26,200,1) 0%, rgba(37,25,88,1) 100%);
background: linear-gradient(90deg, rgba(52,26,200,1) 0%, rgba(37,25,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#341ac8",endColorstr="#251958",GradientType=1);
}

/*  Black Grad : #777374  |  #222021  */
.black-grad {
background: rgb(119,115,116);
background: -moz-linear-gradient(90deg, rgba(119,115,116,1) 0%, rgba(34,32,33,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(119,115,116,1) 0%, rgba(34,32,33,1) 100%);
background: linear-gradient(90deg, rgba(119,115,116,1) 0%, rgba(34,32,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777374",endColorstr="#222021",GradientType=1);
}


/*  Green Grad : #6cb05a  |  #0b7c0b  */
.green-grad {
background: rgb(108,176,90);
background: -moz-linear-gradient(90deg, rgba(108,176,90,1) 0%, rgba(11,124,11,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(108,176,90,1) 0%, rgba(11,124,11,1) 100%);
background: linear-gradient(90deg, rgba(108,176,90,1) 0%, rgba(11,124,11,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6cb05a",endColorstr="#0b7c0b",GradientType=1);
}


/*  MidBlue Grad : #4f5cdd  |  #321a98  */
.midblue-grad {
background: rgb(79,92,221);
background: -moz-linear-gradient(90deg, rgba(79,92,221,1) 0%, rgba(50,26,152,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(79,92,221,1) 0%, rgba(50,26,152,1) 100%);
background: linear-gradient(90deg, rgba(79,92,221,1) 0%, rgba(50,26,152,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4f5cdd",endColorstr="#321a98",GradientType=1);
}




/* Rubine Grad : #df7d9b  |  #d9507c  */
.rubine-grad {
background: rgb(223,125,155);
background: -moz-linear-gradient(90deg, rgba(223,125,155,1) 0%, rgba(217,80,124,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(223,125,155,1) 0%, rgba(217,80,124,1) 100%);
background: linear-gradient(90deg, rgba(223,125,155,1) 0%, rgba(217,80,124,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#df7d9b",endColorstr="#d9507c",GradientType=1);
}








/* Sections */

.section-grey {background-color:#eceff1;}

.section-rubine {background-color:#df7d9b;}
.section-rubine.pale {
	background-color: rgba(223,125,155,0.37);
}



/* xxxxxxxxx COLOURS xxxxxxxxx  */









/* Footer */

.jsgfooter-wrapper {background-color: #2E333D; font-size:1.3rem; padding:30px 0px; color: #ffffff;}
.jsgfooter-wrapper a { color: #ffffff; text-decoration: none;}
.jsgfooter-wrapper a:hover { color: #ffffff; text-decoration: underline;}

.jsgfooter-wrapper ul { list-style-type: none; padding-left:0px;}

.jsgfooter-wrapper h3.widget-title {
	font-size:1.3rem;
	color: #ffffff;
	border-bottom: none;

}

.footer-one, .footer-two, .footer-three {padding-top:5px;}
.footer-four {padding-top:30px;}


.jsgfooter-base {
	background-color: #151617;
	font-size: 1.3rem;
	padding: 10px 0px;
	color: #ffffff;
}
.jsgfooter-base a { color: #ffffff; text-decoration: none;}
.jsgfooter-base a:hover { color: #ffffff; text-decoration: underline;}

.jsgfooter-base ul { list-style-type: none; padding-left:0px;}


		@media (max-width: 767px) {
		.copyright-base {text-align:center;}
			}











/* Slider */


/* Buttons */
.btn-primary {
    background-color: #0D5497;
    border-color: #0D5497;
}



/* BACK TO TOP  */
.cd-top {
	background-color: rgba(13,50,95,0.80);
	border: 1px solid rgba(255,255,255,0.50);
}
	


/* Post Navigation */
.page-link { color: #0D5497;}
.page-item.active .page-link {
    background-color: #0D5497;
    border-color: #0D5497;
}







/* =================== CLIENT STYLES ======================== */



/* PAGE HEADERS */

	.jsg-pageheader::before {
		content: "";
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
	}

	.pageheader-outer {position:relative; margin-bottom:30px;}

   .jsg-pageheader { 
       /* margin-bottom:40px; */
       	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
       flex-wrap: wrap; 
       
}

		.pageheader-message {padding:30px 0px; align-content: center; height:100%;}

		.pledge.jsg-pageheader .pageheader-message {padding:0px; align-content: center; height:100%;}

		
		.pghdr-mob {width:100%}

        
		.jsg-pageheader { min-height:300px; }


		@media (max-width: 575px) {
			.pageheader-subtext {padding-right:30%;}
			}


        @media (max-width: 991px) {
			.jsg-pageheader { min-height:200px; }
			.pageheader-message {padding:0px; align-content: center; height:100%;}
			
        }

								

.jsg-pageheader .container {
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 360px auto;
	-webkit-background-size: 360px auto;
	-moz-background-size: 360px auto;
	-o-background-size: 360px auto;
		}



        @media (max-width: 991px) {
			.jsg-pageheader .container {
				background-size: 240px auto;
				-webkit-background-size: 240px auto;
				-moz-background-size: 240px auto;
				-o-background-size: 240px auto;
					}
        }




.page-alt .jsg-pageheader .container {
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 280px auto;
	-webkit-background-size: 280px auto;
	-moz-background-size: 280px auto;
	-o-background-size: 280px auto;
		}



        @media (max-width: 991px) {
			.page-alt .jsg-pageheader .container {
				background-size: 180px auto;
				-webkit-background-size: 180px auto;
				-moz-background-size: 180px auto;
				-o-background-size: 180px auto;
					}
        }





.page-founding-partner .jsg-pageheader .container {
	background-position: right 35%;
	background-repeat: no-repeat;
	background-size: 400px auto;
	-webkit-background-size: 400px auto;
	-moz-background-size: 400px auto;
	-o-background-size: 400px auto;
		}


        @media (max-width: 991px) {
			.page-founding-partner .jsg-pageheader .container {
				background-size: 300px auto;
				-webkit-background-size: 300px auto;
				-moz-background-size: 300px auto;
				-o-background-size: 300px auto;
					}
        }





/* for squared header images */

			@media (min-width: 576px) {
				.award-hdr-image {display:none;}
			}

        @media (max-width: 575px) {
			.page-awards .jsg-pageheader .container {
			background-size: 100px auto;
			-webkit-background-size: 100% auto;
			-moz-background-size: 100% auto;
			-o-background-size: 100% auto;
			background-position: right 1000px;
					}
			.award-hdr-image {display:block;}
			.page-awards .pghdr-mob {margin-bottom:10px;}
			.page-awards .pageheader-subtext {padding-right: 10px;}
			.page-awards .pghdr-mob .col-9 {max-width:100%;}
			.page-awards .pageheader-subtext {padding-bottom:10px;}
        }







/* PAGE HEADER CONTENT */


.jsg-pageheader h1 {
	font-size: 4.2rem;
	line-height: 1.1;
	font-weight: 600;
	/*padding-top: 30px;*/
	margin-bottom: 15px;
	text-transform: uppercase;
}

.jsg-pageheader .demo h1 {text-transform: none;}



.pledge.jsg-pageheader h1 {
	font-size: 3.4rem;
	line-height: 1.3;
	font-weight: 300;
	text-transform: none;
}


.jsg-pageheader p {
	/*text-shadow: 0 2px 2px rgb(0 0 0 / 50%);*/
	font-size: 2.3rem;
	line-height: 1.3; 
}

.jsg-pageheader.dark h1, .jsg-pageheader.dark p {color:#000000;}
.jsg-pageheader.light h1, .jsg-pageheader.light p {color:#ffffff;}



		 @media (max-width: 991px) {
				.jsg-pageheader h1 {font-size:3.2rem; padding-top: 10px; margin-bottom: 5px; }
			    .pledge.jsg-pageheader h1 { font-size: 3rem; line-height: 1.2;}
			 	.jsg-pageheader p {font-size: 1.8rem; margin-bottom: 5px;}
				}

		@media (max-width: 767px) {
				.jsg-pageheader h1 {font-size:2.8rem; }
			    .pledge.jsg-pageheader h1 { font-size: 2.2rem; line-height: 1.2;}
			    .jsg-pageheader p {font-size: 1.4rem;}
				}








/* HOME ALT */


.pageheader-outer.homealt {
	margin-bottom:0px;
	/*padding-top:30px;
	padding-bottom:30px;*/
}



.homealt .jsg-pageheader .container {

	background-size: 490px auto;
	-webkit-background-size: 490px auto;
	-moz-background-size: 490px auto;
	-o-background-size: 490px auto;
		}


        /*
			@media (max-width: 1199px) {
				.homealt .jsg-pageheader .container {
					background-size: 380px auto;
					-webkit-background-size: 380px auto;
					-moz-background-size: 380px auto;
					-o-background-size: 380px auto;
						}
        	}
		*/


        @media (max-width: 991px) {
			.homealt .jsg-pageheader .container {
				background-size: 380px auto;
				-webkit-background-size: 380px auto;
				-moz-background-size: 380px auto;
				-o-background-size: 380px auto;
					}
        }



        @media (max-width: 767px) {
			.homealt .jsg-pageheader .container {
				background-size: 300px auto;
				-webkit-background-size: 300px auto;
				-moz-background-size: 300px auto;
				-o-background-size: 300px auto;
					}
        }


		@media (max-width: 500px) {
			.homealt .jsg-pageheader .container {
	background-size: 280px auto;
	-webkit-background-size: 280px auto;
	-moz-background-size: 280px auto;
	-o-background-size: 280px auto;
	background-position: 230px bottom;
					}
        }


						/*  WIDE Image  */



						.homealt.wideimg .jsg-pageheader .container  {

							background-size: 600px auto;
							-webkit-background-size: 600px auto;
							-moz-background-size: 600px auto;
							-o-background-size: 600px auto;
								}


								/*
									@media (max-width: 1199px) {
										.homealt.wideimg .jsg-pageheader .container{
											background-size: 380px auto;
											-webkit-background-size: 380px auto;
											-moz-background-size: 380px auto;
											-o-background-size: 380px auto;
												}
									}
								*/


								@media (max-width: 991px) {
									.homealt.wideimg .jsg-pageheader .container {
										background-size: 450px auto;
										-webkit-background-size: 450px auto;
										-moz-background-size: 450px auto;
										-o-background-size: 450px auto;
											}
								}



								@media (max-width: 767px) {
									.homealt.wideimg .jsg-pageheader .container {
										background-size: 320px auto;
										-webkit-background-size: 320px auto;
										-moz-background-size: 320px auto;
										-o-background-size: 320px auto;
											}
								}


								@media (max-width: 500px) {
									.homealt.wideimg .jsg-pageheader .container {
							background-size: 280px auto;
							-webkit-background-size: 280px auto;
							-moz-background-size: 280px auto;
							-o-background-size: 280px auto;
							background-position: 230px bottom;
											}
								}





						/* / WIDE Image */
















.homealt .pageheader-subtext {padding-top:10px; padding-bottom:10px;}

.homealt .jsg-pageheader .pageheader-message h1 { margin-bottom: 0px; font-size:5.5rem; padding-top:30px;}
.homealt .jsg-pageheader .pageheader-message h2,
.homealt .jsg-pageheader .pageheader-message h3,
.homealt .jsg-pageheader .pageheader-message h4,
.homealt .jsg-pageheader .pageheader-message h5,
.homealt .jsg-pageheader .pageheader-message h6,
.homealt .jsg-pageheader .pageheader-message p{ color:#ffffff;}

.homealt .jsg-pageheader .pageheader-message h2 {font-size: 2rem;}
.homealt .jsg-pageheader .pageheader-subtext a{ color:#ffffff; text-decoration:none;}
.homealt .jsg-pageheader .pageheader-message p { font-weight: 400; margin-bottom: 10px; font-size: 2rem;}
.homealt .jsg-pageheader .pageheader-message ul { margin-bottom: 15px; padding-left:20px; }
.homealt .jsg-pageheader .pageheader-message li { color:#ffffff; font-weight: 400; font-size: 2rem;}

.homealt .jsg-pageheader .pageheader-message {padding:15px 0px;}

.textbutton {
	font-weight: 400; 
	font-size: 2rem;
	background: none;
    color: #ffffff;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: none;}


.textbutton:focus {
    outline: none;
    outline: none -webkit-focus-ring-color;
}

      @media (max-width: 991px) {
		    .homealt .jsg-pageheader .pageheader-message h1 {font-size:5rem;}
		    .homealt .jsg-pageheader .pageheader-message p {font-size: 1.6rem;}
		    .homealt .jsg-pageheader .pageheader-message li { font-size: 1.6rem;}
        }


      @media (max-width: 420px) {
		    .homealt .jsg-pageheader .pageheader-message h1 {font-size:3.2rem;}
		    .homealt .jsg-pageheader .pageheader-message p {font-size: 1.6rem; margin-bottom: 15px;}
        }



		.homealt .pageheader-subtext {padding-right:0%;}
								



.homealt a.masthead-button {
	font-size:1.8rem;
	color: #000000;
	background-color: #f6b33d;
	/*border: 1px solid #0d325f;*/
	border:none;
	border-radius: 3px;

}

.homealt a.masthead-button:hover {
	/*border: 1px solid #0d325f;*/
	background-color: #fbdc88;
}





/* FOUR KEY LINKS */

.keylinks {padding:10px 0px; width:100%;}
.keylinks a {
	background-color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:400;
	text-align: center;
	padding:10px;
	width:100%;
	display:block;}

.keylinks a:hover { background-color: #8eb5c9;}

.keylinks span.keylink {white-space:nowrap;}



/* Book a Demo Banners */

.home-book-a-demo-banner h3 {color:#ffffff; font-size: 2rem; margin-bottom:4px;}
.home-book-a-demo-banner p {color:#ffffff; font-size: 1.5rem; margin-bottom:0px;}

.about-book-a-demo-banner {margin-top:30px;}
.about-book-a-demo-banner h3 {color:#000000; font-size: 2rem; margin-bottom:4px;}
.about-book-a-demo-banner p {color:#000000; font-size: 1.5rem; margin-bottom:0px;}













/* Carousel FADE */

.carousel-wrap {width:80%; padding:15px 0px;}

.carousel-wrap .fa {
	font-size:1rem; 
	font-size: 1.3rem;
    position: absolute;
	opacity:0.7;
}

.carousel-item h3 {margin-bottom: 5px;}
.carousel-item h5 {padding-top:0px;}
.carousel-item h6 {font-size: 1.4rem; font-weight:400; padding-top:2px;}


.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: 1s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}











.values-section p {margin-bottom:0px;}

.values-section a.panel-button {
	font-size:1.3rem;
	padding: 6px 12px 6px 12px;
	margin: 5px 0px 5px 0px;

}









/* Coloured Panels (expandable ) */

.request-demo-panel {
	/*display: flex;
	flex-wrap: nowrap;
	align-items: center;*/
	background-image: url(imgs/book-a-demo.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto 240px;
}


.request-demo-panel h2 {font-size: 2.9rem; line-height:1.2; padding-bottom:10px;}

.request-demo-panel ul {padding-left:20px; margin-bottom:0px;}

.request-demo-panel li {font-size: 1.8rem; font-weight:400;}

		 @media (max-width: 1199px) {
			 .request-demo-panel { background-size: auto 220px; }
				}


		 @media (max-width: 991px) {
			 .request-demo-panel h2 {font-size:2.4rem;}
				}

		@media (max-width: 540px) {
					 .request-demo-panel { background-size: auto 160px; }
				}


.request-demo-panel a.panel-button {
	font-size:1.8rem;
	font-weight:600;
	color:#fbdc88;
	background-color: #000000;
}

.request-demo-panel a.panel-button:hover { background-color: rgba(000,000,000,0.3); color:#000000;}







/* other buttons */

a.blue-outline-button {
	color: #0c4584;
	font-size: 1.3rem;
	line-height: 1.2;
	padding: 8px 12px;
	margin: 10px 0px 0px 0px;
	font-weight: normal;
	border: 1px solid #0c4584;
	border-radius: 0.25em;
	background-color: rgba(0,131,201,0.00);
	box-sizing: border-box;
	display: inline-block;
	text-decoration:none;
}
a.blue-outline-button:hover {
    color: #0c4584;
    text-decoration: none;
    background-color: #ffffff;
}


a.black-outline-button {
	color: #000000!important;
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 8px 12px;
	margin: 10px 0px 10px 0px;
	font-weight: 600;
	border: 1px solid #000000;
	border-radius: 0.25em;
	background-color: #ffffff;
	box-sizing: border-box;
	display: inline-block;
	text-decoration:none!important;
}
a.black-outline-button:hover {
    color: #0c4584;
    text-decoration: none!important;
    background-color: #ffffff;
}


a.yellow-button {
	color: #000000;
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 8px 12px;
	margin: 10px 0px 10px 0px;
	font-weight: 600;
	border: 1px solid #000000;
	border-radius: 0.25em;
	background-color: #f6b33d;
	box-sizing: border-box;
	display: inline-block;
	text-decoration:none;
}
a.yellow-button:hover {
    color: #0c4584;
    text-decoration: none;
    background-color: #f6b33d;
}


a.book-demo-button {
	color: #000000!important;
	font-size: 1.8rem;
	line-height: 1.2;
	padding: 10px 18px;
	margin: 10px 0px 10px 0px;
	font-weight: 600;
	border: 1px solid #000000;
	border-radius: 0.25em;
	background-color: #ffffff;
	box-sizing: border-box;
	display: inline-block;
	text-decoration:none!important;
}
a.book-demo-button:hover {
    color: #0c4584;
    text-decoration: none!important;
    background-color: #ffffff;
}

a.book-demo-button.yellow {background-color: #f6b33d;}










/* INLINE PAGE HEADER BUTTON */

a.masthead-button {
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 1.2;
	padding: 12px 24px 12px 24px;
	margin: 0px;
	font-weight: 400;
	border: 1px solid #ffffff;
	border-radius: 0;
	background-color: rgba(255,255,255,0.0);
	box-sizing: border-box;
	display: inline-block;
	text-transform: uppercase;
	text-decoration:none;
}
a.masthead-button:hover {
    color: #0d325f;
    text-decoration: none;
    background-color: rgba(255,255,255,1.00);
}


.dark a.masthead-button {
	color: #000000;
	border: 1px solid #000000;
}





/* Benefits Quote */

.benefit-panel .alignleft, .benefit-panel img.alignleft {margin: 8px 20px 0px 0px;}

 @media (max-width: 991px) {
.benefit-panel img {width:30px;}
}


.benefits-quote {
	padding:20px 15%; 
	display:block; 
	width:100%; 
	margin:10px 0px; 
	color:#164F4B; 
	border:10px solid #C0DEDA;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #C0DEDA;
	background-size: contain;}

.benefits-quote.savetime{background-image: url(imgs/Aspire-icons-savetime.svg);}
.benefits-quote.costs{background-image: url(imgs/Aspire-icons-costs.svg);}
.benefits-quote.empower{background-image: url(imgs/Aspire-icons-empower.svg);}
.benefits-quote.insights{background-image: url(imgs/Aspire-icons-insights.svg);}





.benefits-quote h4 {
	color: #164F4B;
	margin-bottom: 5px;
}
.benefits-quote p {color: #164F4B; margin-bottom: 0px; line-height:1.1; }









/* Coloured Panels */

.colour-panel-wrap {
	display:flex;
	position:relative;
	height:300px;
	margin-bottom:10px;
}

.colour-panel-base {
	width: 100%;
	height: 90%;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #ffffff;
	padding: 20px 40px;
	background-color: #D8861C;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	-webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
}


.colour-panel-image {
	z-index: 9;
	display:block;
	height:300px;
	text-align:center;
	width:45%;
	margin-left:auto;
	
}

.switch .colour-panel-image {margin-left: 0px;}


.colour-panel-image img {
		width:inherit;
		height:inherit;
		object-fit: contain;
		position: absolute;
		right: 0;
		bottom:0;
}

.cp-caption {width:55%; border-right:2px #ffffff solid; padding:0px 20px 0px 0px;}




/* typography */

.colour-panel-base.dark h3 {color:#ffffff;}
.colour-panel-base.light h3 {color:#000000;}
.colour-panel-base.light .cp-caption {border-right:2px #000000 solid;}

.colour-panel-wrap.switch .colour-panel-image img { left: 0;}
.colour-panel-wrap.switch .colour-panel-base {justify-content: flex-end;}
.colour-panel-wrap.switch .cp-caption {border-left:2px #ffffff solid; border-right:none; padding:0px 0px 0px 20px;}
.colour-panel-wrap.switch .colour-panel-base.light .cp-caption {border-left:2px #000000 solid; border-right:none; padding:0px 0px 0px 20px;}


			 @media (max-width: 767px) {
				 
				 .colour-panel-wrap {height:250px;}
				 .colour-panel-base {padding: 20px;}
				 .colour-panel-image {height:250px; width:50%;}
				 .cp-caption {width:50%; padding-right:15px;}
				 .colour-panel-base h3 {font-size:1.8rem; line-height:1.3; margin-bottom:0px;}

			}


			 @media (max-width: 575px) {
				 
				 .colour-panel-wrap {height:180px;}
				 .colour-panel-base {padding: 20px;}
				 .colour-panel-image {height:180px; width:35%;}
				 .cp-caption {width:65%; padding-left:15px;}
				 .colour-panel-base h3 {font-size:1.7rem; line-height:1.3;}
				 .cp-caption a.hwbd-inline-button {padding: 6px 12px; font-size: 1.3rem;}

			}

 			@media (max-width: 510px) {
				 
				 .colour-panel-wrap {height:200px;}
				 .colour-panel-base {padding: 20px;}
				 .colour-panel-image {height:200px; width:24%;}
				 .cp-caption {width:76%; padding-right:15px; border:none;}
				 .colour-panel-base.light .cp-caption {border:none;}
				 .colour-panel-wrap.switch .cp-caption,
				 .colour-panel-wrap.switch .colour-panel-base.light .cp-caption {border:none; padding-right:10px; padding-left: 30px;}
				 .colour-panel-base h3 {font-size:1.7rem; line-height:1.3; margin-bottom: 0px;}
				 .colour-panel-image img {height:auto; right: 20px;}
				 .colour-panel-wrap.switch .colour-panel-image img {height:auto; left: 20px;}
				 .cp-caption a.hwbd-inline-button {padding: 6px 12px; font-size: 1.3rem;}

			}


a.panel-button {
	color:#000000;
	background-color: rgba(255,255,255,0.00);
	text-decoration: none!important;
	border-radius: 3px;
	border:1px #000000 solid;
	text-transform: uppercase;
	font-weight:400;
	font-size:1.4rem;
	line-height:1.3;
	text-align: center;
	padding: 8px 16px 8px 16px;
	margin: 10px 0px 10px 0px;
	display: inline-block;
}

a.panel-button:hover { background-color: rgba(255,255,255,1); color:#000000;}


.dark a.panel-button {
	color:#ffffff;
	background-color: rgba(255,255,255,0.00);
	border:1px #ffffff solid;
}

.dark a.panel-button:hover { background-color: rgba(255,255,255,1); color:#000000;}





/* HOME ALT STATEMENTS */

 a.statement-link {text-decoration:none!important;}
 a.statement-link .statements:hover {	-webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);}

.statements {height:100%; padding:10px; text-align:center; border:1px solid #dddddd; background-color:#ffffff;}
.statements h3 {font-size: 1.7rem; line-height: 1.3; padding: 8px 0px; margin:0px;}
.statements p {font-size: 1.5rem; line-height: 1.3; padding: 0px; margin:0px;}

.statements.dark h3 {color:#ffffff;}









/* In-page Coloured Panels (defined) */

.inp-colour-panel-wrap {
	display:flex;
	position:relative;
	height:auto;
	margin-bottom:10px;
}

.inp-colour-panel-base {
	width: 100%;
	height: 90%;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #ffffff;
	padding: 20px;
	background-color: #D8861C;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	-webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	border-radius: 3px;
}

.inp-colour-panel-image {
	z-index: 9;
	display:block;
	text-align:center;
	width:25%;
	height:300px;
	margin-left:auto;
}


.short .inp-colour-panel-image {width:43%; height:250px;}

.inp-colour-panel-wrap {margin-top:10px;}

.inp-colour-panel-image img {
		width:inherit;
		height:inherit;
		object-fit: contain;
		position: absolute;
		right: 0;
		bottom:0;
}

.inp-cp-caption {width:70%; padding:0px 20px 0px 0px; z-index: 15;}

.inp-cp-caption-logo  {text-align: left; width:150px;}
.inp-cp-caption-logo img {margin-bottom:0px; text-align: left;}




/* IN Page Colour Panel (just text) */

.inp-colour-panel-text {
	display:block;
	width: 100%;
	height:auto;
	padding:20px;
}

.inp-colour-panel-text p {line-height:1.5;}

.inp-colour-panel-text.dark, .inp-colour-panel-text.dark h2, .inp-colour-panel-text.dark p, .inp-colour-panel-text.dark li, .inp-colour-panel-text.dark a {color:#000000;}
.inp-colour-panel-text.light, .inp-colour-panel-text.light h2, .inp-colour-panel-text.light p, .inp-colour-panel-text.light li, .inp-colour-panel-text.light a {color:#ffffff;}









/* typography */

.inp-cp-caption a {text-decoration:none;}

.inp-colour-panel-base h2 {line-height:1.2;}
.inp-colour-panel-base h3 {font-size:2rem; line-height:1.2; font-weight:600;}
.inp-colour-panel-base h4 {margin-bottom:12px;line-height: 1.2;}

.inp-colour-panel-base.dark h2,
.inp-colour-panel-base.dark p, 
.inp-colour-panel-base.dark h4,
.inp-colour-panel-base.dark h4 a, 
.inp-colour-panel-base.dark h3 {color:#ffffff;}

.inp-colour-panel-base.light h2, 
.inp-colour-panel-base.light p, 
.inp-colour-panel-base.light h4,
.inp-colour-panel-base.light h4 a,
.inp-colour-panel-base.light h3 {color:#000000;}
.inp-colour-panel-base p {line-height:1.3; font-size: 1.6rem; font-weight:300;}
.inp-colour-panel-base .inp-cp-caption.bigcaption p {font-size:1.5rem; line-height:1.3}


.inp-colour-panel-wrap.switch .inp-colour-panel-image img { left: 0;}
.inp-colour-panel-wrap.switch .inp-colour-panel-base {justify-content: flex-end;}
.inp-colour-panel-wrap.switch .inp-cp-caption { padding:0px 0px 0px 20px;}
.inp-colour-panel-wrap.switch .inp-colour-panel-base.light .inp-cp-caption {padding:0px 0px 0px 20px;}



			 @media (max-width: 1199px) {
				 .inp-colour-panel-wrap {height:300px;}
				 .inp-colour-panel-base .inp-cp-caption.bigcaption p {font-size:1.4rem;}
				 .inp-colour-panel-image {height:250px;}
				 .short .inp-colour-panel-image {width:39%; height:190px;}
			}



			 @media (max-width: 991px) {
				 .inp-colour-panel-base .inp-cp-caption.bigcaption p {line-height:1.3; font-size: 1.5rem;}
				 .inp-colour-panel-image, .short .inp-colour-panel-image {height:220px; width:205px;}
				 
			}


			 @media (max-width: 767px) {
				 .inp-colour-panel-wrap {height:300px;}
				 .inp-colour-panel-base h4 {font-size: 1.6rem;}
				 .inp-colour-panel-base p {line-height:1.2; font-size: 1.4rem; margin-bottom: 4px;}
				 .inp-colour-panel-image, .short .inp-colour-panel-image {height:220px; width:195px;}
				 .inp-colour-panel-image img {bottom: -4px;}
				 /*.inp-cp-caption-logo {width: 180px;}*/
				 /*.inp-colour-panel-wrap.switch .inp-colour-panel-image img { left: -10px;}*/
				 .inp-colour-panel-wrap.switch .inp-colour-panel-base.light .inp-cp-caption {padding: 0px 0px 0px 30px;}
			}


			 @media (max-width: 490px) {
				 .inp-colour-panel-base h2 {font-size: 1.8rem;}
				 .inp-colour-panel-base h4 {font-size: 1.5rem;}
				 .inp-colour-panel-base p {font-size: 1.3rem; line-height:1.2; }
				 .inp-colour-panel-image, .short .inp-colour-panel-image {width:40%;height:auto;}
				 .inp-colour-panel-image img {bottom: 0;}
				 
			}






/* Coloured Panels (expandable ) */

.def-panel {
	display: flex;
	flex-wrap: nowrap;
	background-color: #ffffff;
	padding: 20px 20px 10px 20px;
	margin:15px 0px;
	align-items: center;
	font-size: 1.8rem; line-height: 1.3;
	-webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
}

.def-panel h2 {padding-bottom:10px;}
.def-panel h3 {padding-top:0px;}
.def-panel-caption {display:block; flex-basis: 100%; padding:20px;}
.def-panel-image {display: flex;}


		 @media (max-width: 991px) {
			 .def-panel-image { order: -1; width:100%; text-align:center;}
			 .def-panel-image img { width:50%; margin:0 auto;}
			 .def-panel-caption {width:100%;}
			 .def-panel {flex-direction: column;}
		}


/* typography */

.def-panel.dark h2, .def-panel.dark h3, .def-panel.dark p, .def-panel.dark li, .def-panel.dark a {color:#ffffff;}
.def-panel.light h2, .def-panel.light h3, .def-panel.light p, .def-panel.light li {color:#000000;}









/* Founding Partner */

.founding-partner-panel {padding:20px;}
.founding-partner-panel img {height:80px; width:auto;}
.founding-partner-panel p,
.founding-partner-panel h2,
.founding-partner-panel h4{color:#ffffff;}








/* Funders */

.funders-reports h4 {padding-bottom:10px; padding-top:0px; margin-bottom:0px;}

.funders-reports a {
	background-color: rgba(255,255,255,1);
	text-decoration:none!important;
	border-radius: 3px;
	border:1px #000000 solid;
	text-transform: uppercase;
	font-weight:600;
	text-align: center;
	color:#000000;
	padding:12px 24px;
	margin:12px;
	display: inline-block;
}
.funders-reports a:hover { background-color: rgba(000,000,000,0.20);}

.funders-reports p {margin-bottom:0px;}


 @media (max-width: 768px) {
	 .funders-reports a {width:100%; margin-top:0px;}
	 
}










/* Team */

.jsg-casestudy-icon img { width:200px;}


.jsg-team-profiles p {font-size: 1.4rem; line-height:1.4;}



/* Set button at the boiotrom of panel */
.jsg-team-profiles .panel-cell-style {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #dddddd;
	display:flex;
	flex-direction: column;
	-webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	
}
.jsg-team-profiles .panel-cell-style .so-panel:nth-child(3) { flex-grow: 1;}
.jsg-team-profiles .panel-grid-cell {margin-bottom:20px!important;}


.jsg-team-profiles .panel-cell-style h4 {font-weight:bold; line-height:1.3;}


.jsg-team-profiles a.hwbd-inline-button {
	background-color: rgba(93,162,228,0.0);
	color:#666666!important;
	border:1px solid #666666;
	text-decoration:none;
	font-weight:400;
}
.jsg-team-profiles a.hwbd-inline-button:hover {
	background-color: rgba(13,84,151,0.70);
	color:#ffffff!important;
}









/* Carousel */
.jsg-home-carousel .owl-nav, 
.jsg-home-carousel .owl-dots {display:none!important; }





/* Sections */

.jsgsection {padding:0px;}
.jsgsection.alt {padding:30px 0px;}
.jsgsection.zero {padding:0px 0px;}


.top_pad60 {padding-top:60px;}
.top_pad30 {padding-top:30px;}
.btm_pad30 {padding-bottom:30px;}
.btm_pad60 {padding-bottom:60px;}

.marginbottom {margin-bottom:30px;}
.marginbottom60 {margin-bottom:60px;}
.margintop {margin-top:30px;}
.margintop60 {margin-top:60px;}



.jsgsection.grey {background-color:#f0f1f6;}

.jsgsection a {text-decoration:underline;}

.marginbottom {margin-bottom:30px;}
.margintop {margin-top:30px;}

.row.centralise {align-items: center;}





/*  Intro panels */

.intro-panel {
	position:relative;
	width:1200px;
	margin:-80px auto 0px auto;
}

		 @media (max-width: 1199px) {
			 .intro-panel {width:100%;}
		}

 @media (max-width: 991px) {
	 .intro-panel {margin:-30px auto 0px auto;}
	 
}




.intro-panel {
	background-color:#ffffff; 
	-webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);}

 .intro-message {padding:30px 45px 20px 45px;}
 .intro-message h2, .intro-message h3, .intro-message h4 {font-weight:300; padding-bottom:15px; line-height:1.3;}
 .intro-message p {font-size:2rem; line-height:1.3;}


		 @media (max-width: 1199px) {
			.intro-message {padding:30px 15px;}
		}

		 @media (max-width: 991px) {
			.intro-message p {font-size:1.8rem;}
		}



/* About Intro panel */

.about-intro-panel {background-color:#f4f4f4; padding:20px 15%; text-align:center; margin-top: 20px; margin-bottom:20px; }
.about-intro-panel h5 {font-size: 2.6rem; padding-bottom:2px; line-height:1.2;}
.about-intro-panel h6 {font-size: 2rem; padding-bottom:4px; font-weight:400; line-height:1.3;}

 @media (max-width: 470px) {
			.about-intro-panel {padding:20px 20px;}
		}








/* Standout Panels */

/*.standout-pnl.top {margin-top:-70px;}*/

		 @media (max-width: 991px) {
			 .standout-pnl.top {margin-top:0px;}
		}

.standout-pnl h2,
.standout-pnl h3,
.standout-pnl h4{font-weight:300;}

.standout-pnl p{font-size:1.8rem; line-height:1.3; font-weight:300;}

.standout-section {align-items: center;  padding:30px 0px;}

.standout-section.non-centralise {align-items: flex-start;}

.top.standout-section{padding-top:0px;}

.baseline {border-bottom:1px #000000 solid;}

.right-border {border-right:1px #000000 solid; padding-right:30px;}
		 @media (max-width: 991px) {
			 .right-border {border-right:none; padding-right:0px;}
		}

.left-border {border-left:1px #000000 solid; padding-left:30px;}
		 @media (max-width: 991px) {
			 .left-border {border-left:none; padding-left:0px;}
		}




a.standout-pnl-button {
	display:inline-block;
	background-color: rgba(000,000,000,0.00);
	text-decoration: none;
	border-radius: 0px;
	border:1px #000000 solid;
	text-transform: uppercase;
	font-weight:400;
	text-align: center;
	color:#000000;
	padding:10px 20px;
	margin:5px;
}
a.standout-pnl-button.sml {padding:8px 15px; font-size:80%;}
a.standout-pnl-button:hover { background-color: rgba(000,000,000,0.20);}





/* Boxed Panel */

.boxed-panel {
	padding:30px;
	background-color:#ffffff; 
	-webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);}

/*.boxed-panel h2 {display:block; border-bottom:1px #000000 solid; padding-bottom:8px; margin-bottom:12px; text-align:center;}*/


.boxed-panel li {font-size:2.2rem;}


/* Frame Panel */

.framed-panel {padding:20px 30px 10px 30px; border:1px #ddd solid; background-color:#ffffff; margin-bottom:30px;}
.framed-panel.grey {background-color:#F4F4F4;}



/* Quotes */

.quotes {display:flex; padding:20px 0px; flex-direction: column;}
.quotes.baseline {border-bottom:1px #000000 solid; margin-bottom:20px;}


.the-quote {display:flex;}
.apostrophe {font-size:4.4rem; line-height:2rem; font-weight:bold;}
.quote-text { padding:0px 10px;}
.quote-text p {font-size:2.2rem; font-weight:bold; line-height:1.4;}

.salutation {font-size: 1.5rem; line-height:1.3; padding:10px 0px 0px 30px;}







/* CTA */
.cta {background-color:#F6EBD4; padding:30px 0px 30px 0px; margin-top:30px;}
.cta p {font-size:2.4rem; line-height:1.3;}
.cta p a {color:#000000; text-decoration:underline;}
.cta p a:hover {color:#1B418E; text-decoration:underline;}
.no-cta {display:block; width:100%; padding:10px 0px;}



.cta-group {display:flex; align-content: center; align-items: center;}
.cta-img { width:30%; padding:0px 30px;}
.cta-message {text-align:center;}


		 @media (max-width: 767px) {
			 .cta-group {flex-direction: column;}
			 .cta-img { width:150px; padding:0px;}
			 .cta-message {text-align:center; padding:20px 0px;}
			 .cta p {font-size:1.8rem; }
		}


/* Partner Successes */


.success-panel {
	display:flex;
	flex-direction: column;
	padding:10px 30px 10px 30px;
	background-color:#ffffff; 
	-webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
}


.success-panel.fullheight {height:100%;}


.bottom-border {border-bottom:1px #000000 solid; padding-bottom:20px; margin-bottom:20px;}

.success-panel .panel-button {align-self: flex-end;}

.success-panel h2 {line-height:1.3; margin-bottom:26px;}
.success-panel h4 {line-height:1.4;}
.success-panel p {font-size:2.2rem; line-height:1.4; margin-bottom:18px;}






/* Categories */

.jsg-blog-panel { 
	border: 1px solid #DEDEDE; 
	border-radius: 3px;
	height: 100%; 	
	-webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);}
.jsg-blog-panel img.wp-post-image {margin-bottom: 0px;}
.jsg-blog-panel-text {padding:5px 12px 12px 12px;}
.jsg-blog-panel-text h2 {font-size: 2.1rem; line-height: 1.2;}
.jsg-blog-panel-text h2 a {text-decoration:none;}
.jsg-blog-panel-text h2 a:hover {text-decoration:none;}
.jsg-blog-panel-text p {font-size: 1.4rem; line-height: 1.4;}




/* Category headers */

.case-study-hdr {
	background-image: url(imgs/hdr-casestudies.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.news-hdr {
	background-image: url(imgs/hdr-news.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}



/* Post Back */

.post-back {padding:20px; background-color:#BBD1CF; display:block;}
.post-back a {font-weight:bold; text-decoration:none;}
.post-back span {margin-right:30px;}



/* News Posts - better SEO if post uses H2 as 'news = h1'*/

h2.entry-title {
	font-size: 3.5rem;
    color: #000000;
}




/* JSG Post Navigation */
.jsg-post-navigation {
	width:100%;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:20px; 
	border-top: 1px solid #C4C4C4;
	padding-bottom:20px; 
	border-bottom: 1px solid #C4C4C4;
}

	.post-nav-prev span { display:block; padding-bottom:7px; text-align:left; }
	.post-nav-next span { display:block; padding-bottom:7px; text-align:right; }
						
	.post-nav-prev { max-width:300px; float:left;}
	.post-nav-next { max-width:300px; float:right;}

	.post-nav-prev a { text-decoration:none;}
	.post-nav-next a { text-decoration:none;}
						
	.post-nav-prev p { padding-top:7px; width:100%; word-wrap: break-word; line-height:1.3;}
	.post-nav-next p { padding-top:7px; text-align:right; width:100%; word-wrap: break-word; line-height:1.3; }
						
	@media (max-width: 480px) {
		.post-nav-prev, .post-nav-next  { max-width:120px; }
		.post-nav-prev span, .post-nav-next span, .post-nav-prev p, .post-nav-next p { font-size:85%; }
     }







/* ninja required form fix */
.nf-before-form-content { margin: 0 auto; padding:10px 0px; text-align:right; }
.nf-form-fields-required {font-size:1rem;}














/* Event Buttons */

a.event-button {
	font-size: 1.4rem;
    line-height:1.2;
    padding: 8px 14px 8px 14px;
	text-transform: uppercase;
    margin: 5px auto;
    font-weight: normal;
	border-radius: 3px;
	box-sizing: border-box;
	display:inline-block;
}

a.event-button.register {color: #ffffff;
	border: 1px solid #0083c9;
	border-radius: 3px;
	background-color: #0083c9;
}

a.event-button.more {
	border: 1px solid #999999;
	border-radius: 3px;
	background-color: #ffffff;
	color: #999999;
}
	
a.event-button.register:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #000000;
	border: 1px solid #000000;
	border-radius: 3px;
}

a.event-button.more:hover {
    color: #000000;
    text-decoration: none;
    background-color: #dddddd;
}





/* Events Carousel */


.jsg-blogpost-carousel-container {
	position: relative; 
	width: 280px; 
	margin: 0px auto;
	background-color:#ffffff;
	/*border:1px solid #0c4584;*/
	border:none;
	border-radius: 3px;
	height: 100%; }



.jsg-blogpost-carousel-container h6  {font-weight:bold; font-size: 1.6rem; color:#000000; line-height:1.3; padding-top:0px;}
.jsg-blogpost-carousel-container p  {color:#000000; line-height:1.4; margin-bottom:0px;}
.jsg-blogpost-carousel-container a  {text-decoration:none;}
.jsg-blogpost-carousel-container img { display: block; margin:0px auto; text-align:center;}

.jsg-blogpost-carousel-container img.homesliderlogo {width: 200px;}

.jsg-carousel-info { display:block;}
.jsg-carousel-info .top { padding:0px 20px; height: 80px; font-size:1.3rem; text-align:center; display:flex; align-content: center; flex-wrap: wrap;}
.jsg-carousel-info .base {text-align:center;}
.jsg-carousel-info .base p {margin-bottom:0px;
	
	
	
}
			@media (max-width: 1199px) {
			.jsg-blogpost-carousel-container { width: 260px;}
			}

			@media (max-width: 767px) {
			.jsg-blogpost-carousel-container { width: 240px;}
			.jsg-carousel-info .top { height: 100px;}
			}

			@media (max-width: 450px) {
			.jsg-blogpost-carousel-container { width: 220px;}
			}





#eventsSlider .slick-track .slick-slide:nth-child(odd) .jsg-blogpost-carousel-container {
background: rgb(234,243,241);
background: -moz-linear-gradient(0deg, rgba(193,227,223,1.00) 0%, rgba(234,243,241,1.00) 100%);
background: -webkit-linear-gradient(0deg, rgba(1193,227,223,1.00) 0%, rgba(234,243,241,1.00) 100%);
background: linear-gradient(0deg, rgba(193,227,223,1.00) 0%, rgba(234,243,241,1.00) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C1E3DF",endColorstr="#EAF3F1",GradientType=1);
}

#eventsSlider .slick-track .slick-slide:nth-child(even) .jsg-blogpost-carousel-container {
background: rgb(142,181,201);
background: -moz-linear-gradient(0deg, rgba(142,181,201,1) 0%, rgba(233,243,247,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(142,181,201,1) 0%, rgba(233,243,247,1) 100%);
background: linear-gradient(0deg, rgba(142,181,201,1) 0%, rgba(233,243,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8eb5c9",endColorstr="#e9f3f7",GradientType=1);
}


a.eventslider-button {
	font-size: 1.4rem;
    line-height:1.2;
    padding: 8px 14px 8px 14px;
	text-transform: uppercase;
	box-sizing: border-box;
    font-weight: normal;
	display:block;
	color: #ffffff;
}

#eventsSlider .slick-track .slick-slide:nth-child(odd) .jsg-blogpost-carousel-container a.eventslider-button {
	background-color: #95ccc5;
	
}

#eventsSlider .slick-track .slick-slide:nth-child(even) .jsg-blogpost-carousel-container a.eventslider-button {
	background-color: #4C7CA5;
}

a.eventslider-button:hover {
    /*color: #000000;*/
    text-decoration: none;
    background-color: #ffffff;
}








/* xxxxxxxxxx SLICK Carousel xxxxxxxxxxxx */


/* Slick-Slider : MAIN CSS */
.slick-loading .slick-list {background: #fff url('imgs/ajax-loader.gif') center center no-repeat; }

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: flex;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {outline: none; }
.slick-list.dragging{ cursor: pointer; cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
   /*position: relative;
    top: 0;
    left: 0;
    display: block;*/
	display: flex;
	justify-content: space-evenly;
    /*margin-left: auto;
    margin-right: auto;*/
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide{
    /*display: none;*/
	display: flex;
    /*float: left;
    height: 100%;*/
	height: auto;
    min-height: 1px;
}

.slick-slide > div {display:flex; width:100%;}


/*[dir='rtl'] .slick-slide { float: right;}*/
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
/*.slick-initialized .slick-slide { display: flex;}*/
.slick-loading .slick-slide {visibility: hidden;}

/*.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}*/
.slick-arrow.slick-hidden { display: none; }






/* Arrows */
#eventsSlider .slick-prev,
#eventsSlider .slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 47%;
    display: block;
    width: 20px;
    height: 22px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

#eventsSlider .slick-prev {
    background-image: url(imgs/arrow-red-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

#eventsSlider .slick-next {
    background-image: url(imgs/arrow-red-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}


/* Hide arrows on first/last slide */
#eventsSlider .slick-arrow.slick-disabled { display: none !important; }

/* Hide blue focus/active halo */
#eventsSlider .slick-prev:active, #eventsSlider .slick-next:active, #eventsSlider .slick-prev:focus, #eventsSlider .slick-next:focus { outline:none; }

#eventsSlider .slick-prev{left: -25px;}
[dir='rtl'] #eventsSlider .slick-prev{ right: -25px; left: auto; }

#eventsSlider .slick-next { right: -25px; }
[dir='rtl'] #eventsSlider .slick-next { right: auto; left: -25px; }



/* Dots */
#eventsSlider .slick-dotted.slick-slider { margin-bottom: 30px; }

#eventsSlider .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#eventsSlider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
#eventsSlider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
#eventsSlider .slick-dots li button:hover,
#eventsSlider .slick-dots li button:focus{ outline: none; }
#eventsSlider .slick-dots li button:hover:before,
#eventsSlider .slick-dots li button:focus:before {  opacity: 1; }
#eventsSlider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 4rem;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#eventsSlider .slick-dots li.slick-active button:before {opacity: .75; color: black;}

/* END MAIN CSS */



/* EDITED CSS */

    .jsg-slider { width: 100%;  }
    /*.slick-slide { margin: 0px 20px; }*/
    .slick-slide { margin: 0px 10px; }
    /*.slick-slide img { width: 100%; }*/
    .slick-slide { transition: all ease-in-out .3s; /*opacity: .2;*/ }
    .slick-active { opacity: 1;}
    .slick-current { opacity: 1;}


/* xxxxxxxxxx /SLICK Carousel xxxxxxxxxxxx */