/* --------------------------------------------------------------------------------------------- */

/* GLOBAL STYLES */

html,body {
	overflow-x: hidden;
}

section {
	padding: 65px 0 65px
}

ul {
	padding: 0;    
  padding-left: 1.5em;
}

a,
a:hover,
a:focus,
a:active,
a:visited {
	text-decoration: none;
	color: #1899D6;
}

p {
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	color: #212529;
	margin-bottom: 14px;
	font-family: 'Open Sans', sans-serif;
}

@media (max-width:991.98px){
	p {
		line-height: 24px;
	}
}

hr {
	border-top:1px solid #E1E1E1;
}

/* HEADINGS */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	font-family: Lato, sans-serif;
}

h1,
.h1 {
	font-size: 38px;
	line-height: 46px;
}

h2,
.h2 {
	font-size: 32px;
	line-height: 44px;
}

h3,
.h3 {
	font-size: 28px;
	line-height: 40px;
}

h4,
.h4 {
	font-size: 24px;
	line-height: 30px;
}

h5,
.h5 {
	font-size: 20px;
	line-height: 28px;
}

h6,
.h6 {
	font-size: 18px;
	line-height: 24px;
}

h6.miniheading {
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}

blockquote {
    font-size: 1.5em;
    line-height: 1.23em;
    width: 80%;
    margin: 50px auto 40px auto;
    color: #393939;
    font-weight: 400;
    font-family: lato, sans-serif;
  position: relative;
  clear: both;
}

blockquote p {
    font-size: 1em;
    line-height: 1.5em;
    color: #393939;
    font-weight: 400;
    font-family: lato, sans-serif;
}


blockquote::before {  
    font-family: Arial;
    content: "\201C";
    color: #009bdf;
    font-size: 10em;
    opacity: 0.1;
    vertical-align: middle;
    line-height: 1em;
    position: absolute;
    top: 0;
    transform: translateY(-.17em);
    left: -27px;
    z-index: 1;
}

/* --------------------------------------------------------------------------------------------- */
/* BOOTSTRAP OVERRIDES */

/* override any unwanted bootstrap default CSS styles here */

/* hero / jumbotron */
.jumbotron {
	padding:0;
	margin:0;
	border-radius:0;
}

/* Display Headings */
@media (max-width:575.98px) {
	.display-4 {
		font-size:2.6rem;
	}
}
@media (max-width:991.98px) {
	.display-4 {
		font-size:3rem;
	}
}

/* --------------------------------------------------------------------------------------------- */
/* HUBSPOT OVERRIDES */

/* override any unwanted hubspot default CSS styles here */

body .body-container-wrapper > .container-fluid {
	padding:0 !important;
}

/* Fix hubspot footer custom css/js/html on IE */
.footer-container-wrapper {
	background: #2f3539;
	/*border-top: 1px solid #393f43;*/ /* AL removed as it affects CTA button */
}

/* --------------------------------------------------------------------------------------------- */
/* GLOBAL CLASSES */

/* Extend on the container class. To be used in conjunction with .container */
/* These breakpoints for .container_wide are the same as .container 
* On smaller devices it doesn't make sense for us to have the full width */
@media (max-width: 575.98px) {
	.container_wide,
	.container-fluid.container_wide {
		width: 100%;
		padding-right: 15px !important;
		padding-left: 15px !important;
		margin-right: auto;
		margin-left: auto
	}
}
@media (min-width: 576px) {
	.container_wide {
		max-width:540px
	}
}
@media (min-width: 768px) {
	.container_wide {
		max-width:720px
	}
}
@media (min-width: 992px) {
	.container_wide {
		max-width:960px
	}
}
@media (min-width: 1200px) {
	.container_wide {
		max-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.container_wide {
		max-width: 1350px;
	}
}
@media (min-width: 1600px) {
	.container_wide {
		max-width: 1480px;
	}
}
@media (min-width: 1800px) {
	.container_wide {
		max-width: 1600px;
	}
}

/* Margins and Padding */

.margin_right_25 {
	margin-right: 25px !important;
}

.margin_top_110 {
	margin-top: 110px !important;
}

.margin_top_100 {
	margin-top: 100px !important;
}

.margin_top_90 {
	margin-top: 90px !important;
}

.margin_top_80 {
	margin-top: 80px !important;
}

.margin_top_60 {
	margin-top: 60px !important;
}

.margin_top_50 {
	margin-top: 50px !important;
}

.margin_top_40 {
	margin-top: 40px !important;
}

.margin_top_35 {
	margin-top: 35px !important;
}

.margin_top_30 {
	margin-top: 30px !important;
}

.margin_top_20 {
	margin-top: 20px !important;
}

.margin_top_10 {
	margin-top: 10px !important;
}

.margin_top_5 {
	margin-top: 5px !important;
}

.margin_top_0 {
	margin-top: 0px !important;
}

.margin_bottom_0 {
	margin-bottom: 0px !important;
}

.margin_bottom_5 {
	margin-bottom: 5px !important;
}

.margin_bottom_6 {
	margin-bottom: 6px !important;
}

.margin_bottom_8 {
	margin-bottom: 8px !important;
}

.margin_bottom_10 {
	margin-bottom: 10px !important;
}

.margin_bottom_20 {
	margin-bottom: 20px !important;
}

.margin_bottom_30 {
	margin-bottom: 30px !important;
}

.margin_bottom_40 {
	margin-bottom: 40px !important;
}

.margin_bottom_50 {
	margin-bottom: 50px !important;
}

.margin_bottom_60 {
	margin-bottom: 60px !important;
}

.margin_bottom_70 {
	margin-bottom: 70px !important;
}

.margin_bottom_80 {
	margin-bottom: 80px !important;
}

.margin_bottom_90 {
	margin-bottom: 90px !important;
}

.margin_bottom_100 {
	margin-bottom: 100px !important;
}

.margin_bottom_120 {
	margin-bottom: 120px !important;
}

.margin_bottom_130 {
	margin-bottom: 120px !important;
}

.margin_bottom_140 {
	margin-bottom: 140px !important;
}

/* Padding */

.padding_top_0 {
	padding-top: 0px !important;
}

.padding_top_10 {
	padding-top: 10px !important;
}

.padding_top_15 {
	padding-top: 15px !important;
}

.padding_top_20 {
	padding-top: 20px !important;
}

.padding_top_25 {
	padding-top: 25px !important;
}

.padding_top_30 {
	padding-top: 30px !important;
}

.padding_top_35 {
	padding-top: 35px !important;
}

.padding_top_40 {
	padding-top: 40px !important;
}

.padding_top_45 {
	padding-top: 45px !important;
}

.padding_top_50 {
	padding-top: 50px !important;
}

.padding_top_60 {
	padding-top: 60px !important;
}

.padding_top_70 {
	padding-top: 70px !important;
}

.padding_top_80 {
	padding-top: 80px !important;
}

.padding_top_90 {
	padding-top: 90px !important;
}

.padding_top_100 {
	padding-top: 100px !important;
}

.padding_top_110 {
	padding-top: 110px !important;
}

.padding_top_120 {
	padding-top: 120px !important;
}

.padding_bottom_120 {
	padding-bottom: 120px !important;
}

.padding_bottom_110 {
	padding-bottom: 110px !important;
}

.padding_bottom_100 {
	padding-bottom: 100px !important;
}

.padding_bottom_90 {
	padding-bottom: 90px !important;
}

.padding_bottom_80 {
	padding-bottom: 80px !important;
}

.padding_bottom_70 {
	padding-bottom: 70px !important;
}

.padding_bottom_60 {
	padding-bottom: 60px !important;
}

.padding_bottom_50 {
	padding-bottom: 50px !important;
}

.padding_bottom_40 {
	padding-bottom: 40px !important;
}

.padding_bottom_35 {
	padding-bottom: 35px !important;
}

.padding_bottom_30 {
	padding-bottom: 30px !important;
}

.padding_bottom_20 {
	padding-bottom: 20px !important;
}

.padding_bottom_15 {
	padding-bottom: 15px !important;
}

.padding_bottom_10 {
	padding-bottom: 10px !important;
}

/*******************************************/
/* Mobile margin and paddings */

@media (max-width:991.98px) {
	.mobile_margin_right_25 {
		margin-right: 25px !important;
	}

	.mobile_margin_top_110 {
		margin-top: 110px !important;
	}

	.mobile_margin_top_100 {
		margin-top: 100px !important;
	}

	.mobile_margin_top_90 {
		margin-top: 90px !important;
	}

	.mobile_margin_top_80 {
		margin-top: 80px !important;
	}

	.mobile_margin_top_60 {
		margin-top: 60px !important;
	}

	.mobile_margin_top_50 {
		margin-top: 50px !important;
	}

	.mobile_margin_top_40 {
		margin-top: 40px !important;
	}

	.mobile_margin_top_35 {
		margin-top: 35px !important;
	}

	.mobile_margin_top_30 {
		margin-top: 30px !important;
	}

	.mobile_margin_top_20 {
		margin-top: 20px !important;
	}

	.mobile_margin_top_10 {
		margin-top: 10px !important;
	}

	.mobile_margin_top_5 {
		margin-top: 5px !important;
	}

	.mobile_margin_top_0 {
		margin-top: 0px !important;
	}

	.mobile_margin_bottom_0 {
		margin-bottom: 0px !important;
	}

	.mobile_margin_bottom_5 {
		margin-bottom: 5px !important;
	}

	.mobile_margin_bottom_6 {
		margin-bottom: 6px !important;
	}

	.mobile_margin_bottom_8 {
		margin-bottom: 8px !important;
	}

	.mobile_margin_bottom_10 {
		margin-bottom: 10px !important;
	}

	.mobile_margin_bottom_20 {
		margin-bottom: 20px !important;
	}

	.mobile_margin_bottom_30 {
		margin-bottom: 30px !important;
	}

	.mobile_margin_bottom_40 {
		margin-bottom: 40px !important;
	}

	.mobile_margin_bottom_50 {
		margin-bottom: 50px !important;
	}

	.mobile_margin_bottom_60 {
		margin-bottom: 60px !important;
	}

	.mobile_margin_bottom_70 {
		margin-bottom: 70px !important;
	}

	.mobile_margin_bottom_80 {
		margin-bottom: 80px !important;
	}

	.mobile_margin_bottom_90 {
		margin-bottom: 90px !important;
	}

	.mobile_margin_bottom_100 {
		margin-bottom: 100px !important;
	}

	.mobile_margin_bottom_120 {
		margin-bottom: 120px !important;
	}

	.mobile_margin_bottom_130 {
		margin-bottom: 120px !important;
	}

	.mobile_margin_bottom_140 {
		margin-bottom: 140px !important;
	}

	/* Padding */

	.mobile_padding_top_0 {
		padding-top: 0px !important;
	}

	.mobile_padding_top_10 {
		padding-top: 10px !important;
	}

	.mobile_padding_top_15 {
		padding-top: 15px !important;
	}

	.mobile_padding_top_20 {
		padding-top: 20px !important;
	}

	.mobile_padding_top_25 {
		padding-top: 25px !important;
	}

	.mobile_padding_top_30 {
		padding-top: 30px !important;
	}

	.mobile_padding_top_35 {
		padding-top: 35px !important;
	}

	.mobile_padding_top_40 {
		padding-top: 40px !important;
	}

	.mobile_padding_top_45 {
		padding-top: 45px !important;
	}

	.mobile_padding_top_50 {
		padding-top: 50px !important;
	}

	.mobile_padding_top_60 {
		padding-top: 60px !important;
	}

	.mobile_padding_top_70 {
		padding-top: 70px !important;
	}

	.mobile_padding_top_80 {
		padding-top: 80px !important;
	}

	.mobile_padding_top_90 {
		padding-top: 90px !important;
	}

	.mobile_padding_top_100 {
		padding-top: 100px !important;
	}

	.mobile_padding_top_110 {
		padding-top: 110px !important;
	}

	.mobile_padding_top_120 {
		padding-top: 120px !important;
	}

	.mobile_padding_bottom_120 {
		padding-bottom: 120px !important;
	}

	.mobile_padding_bottom_110 {
		padding-bottom: 110px !important;
	}

	.mobile_padding_bottom_100 {
		padding-bottom: 100px !important;
	}

	.mobile_padding_bottom_90 {
		padding-bottom: 90px !important;
	}

	.mobile_padding_bottom_80 {
		padding-bottom: 80px !important;
	}

	.mobile_padding_bottom_70 {
		padding-bottom: 70px !important;
	}

	.mobile_padding_bottom_60 {
		padding-bottom: 60px !important;
	}

	.mobile_padding_bottom_50 {
		padding-bottom: 50px !important;
	}

	.mobile_padding_bottom_40 {
		padding-bottom: 40px !important;
	}

	.mobile_padding_bottom_35 {
		padding-bottom: 35px !important;
	}

	.mobile_padding_bottom_30 {
		padding-bottom: 30px !important;
	}

	.mobile_padding_bottom_20 {
		padding-bottom: 20px !important;
	}

	.mobile_padding_bottom_15 {
		padding-bottom: 15px !important;
	}

	.mobile_padding_bottom_10 {
		padding-bottom: 10px !important;
	}

	.mobile_padding_bottom_0 {
		padding-bottom: 0px !important;
	}
}

/* --------------------------------------------------------------------------------------------- */

/* TEXT COLOURS AND SIZES */

/* text colours */

.text_white {
	color: #fff !important;
}

.text_blue {
	color: #1899D6 !important;
}

.text_black {
	color: #212529 !important;
}

.text_shadow {
	text-shadow: rgba(0, 0, 0, 0.247059) 0px 2px 3px;
}


/* text weight */

.text_weight_light {
	font-weight:300 !important;
}

.text_weight_normal {
	font-weight:400 !important;
}

.text_weight_bold {
	font-weight:700 !important;
}

/* text sizes */

.p_large,
.text_large {
	font-size: 20px !important;
	line-height:30px;
}

.p_small,
.text_small {
	font-size: 14px !important;
	line-height:18px;
}

.p_tiny,
.text_tiny {
	font-size: 12px !important;
	line-height:16px;
}

small.preheading {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .8em;
	letter-spacing: .07em;
}

small.preheading:after {
	content: "";
	display: inline-block;
	height: .5em;
	width: 50%;
	margin-right: -100%;
	margin-left: 10px;
	border-top: 1px solid #f1f1f1;
	z-index: -1;
}

/* --------------------------------------------------------------------------------------------- */

/* LISTS */

/* Classic list format */
ul.list_classic li {
	background: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/global/blue_bulletpoint.png) no-repeat 7px 10px transparent;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 1px 24px;
	vertical-align: middle;
}

ul.list_classic_black li {
	background: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/global/black_bulletpoint.png) no-repeat 7px 10px transparent;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 1px 24px;
	vertical-align: middle;
}

/* Short punchy horizontal lists */
.list_horizontal_small li {
	font-size:13px;
	color:#fff;
	float:left;
}
.list_horizontal_small li:after {
	content:"•";
	padding:0 6px;
}
.list_horizontal_small li:last-child:after {
	content:"";
}

/* TODO: Unused - might need to delete */
ul.list_greenticks li {
	margin: 0;
	padding: 10px 0 10px 32px;
	list-style: none;
	background-image: url(https://www.familyzone.com/hubfs/v4/green-check-tick.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 22px;
}

/* --------------------------------------------------------------------------------------------- */

/* BOX SHADOWS */

.box_shadow {
	z-index: 10;
}

.box_shadow,
.box_shadow_default {
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .12);
}

.box_shadow_light {
	-webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .04), 0 5px 14px 0 rgba(0, 0, 0, .01) !important;
	box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .04), 0 5px 14px 0 rgba(0, 0, 0, .01) !important;
}

.box_shadow_light2 {
	-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .08), 0 0 14px 0 rgba(0, 0, 0, .08) !important;
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, .08), 0 0 14px 0 rgba(0, 0, 0, .08) !important;
}


/* --------------------------------------------------------------------------------------------- */

/* BUTTONS! OMG!! */

/* Unfortunately could not avoid using !important in some of the styles below. Hubspot 
* aggressively overrides some of the CTA styles for some reason so using !important
* was the only way to get around it.
* */

.button,
.hs-cta-wrapper .button,
.hs-cta-wrapper .hs-cta-node .button,
.hs-form .hs-button {
	padding: 8px 16px 10px;
	border-radius: 6px;
	font-size: 16px;
	text-transform: uppercase;
	transition: all 0.5s ease;
	margin-right: 4px;
	font-weight: bold;
	white-space: nowrap;
}
@media (max-width:575.98px) {
	/* reduce buttons slightly on mobile*/
	.button,
	.hs-cta-wrapper .button,
	.hs-cta-wrapper .hs-cta-node .button,
	.hs-form .hs-button {
		margin: 0;
		font-size: 14px;
		display:inline-block;
	}

	/* if two buttons are next to each other, then add a bit of margin on the second one */
	a.button + a.button {
		margin-left: 6px;
	}
}

.button_small {
	font-size: 14px
}

.button_lowercase {
	text-transform: none;
}

.button_medium {
	border-radius: 100px;
	padding: 8px 24px 10px;
}

.button_large {
	padding: 20px 40px;
	border-radius: 8px;
	font-size: 16px;
}

.button:hover {
	color: #fff !important;
}

.button_orange, 
.hs-cta-wrapper .button_orange,
.hs-cta-wrapper > .hs-cta-node > .button_orange {
	color: #fff !important;
	background: #FC6401;
	background: linear-gradient(to left top,#f39443,#ffbf3e) !important;
	transition: none;
	padding: 8px 24px 10px;
	border-radius: 100px;
  border: 0;

	/* For browsers that do not support gradients */
	/*background: -webkit-linear-gradient(left top, #F9B744, #FC6401) !important;
	/* For Safari 5.1 to 6.0 */
	/*background: -o-linear-gradient(left top, #F9B744, #FC6401) !important;
	/* For Opera 11.1 to 12.0 */
	/*background: -moz-linear-gradient(left top, #F9B744, #FC6401) !important;
	/* For Firefox 3.6 to 15 */
	/*background: linear-gradient(to bottom right, #F9B744, #FC6401) !important;
	/* Standard syntax */
}

.button_orange:hover,
.hs-cta-wrapper .button_orange:hover,
.hs-cta-wrapper > .hs-cta-node > .button_orange:hover {
	color: #fff !important;
	background: #D46E0A;
	background: linear-gradient(to top,#ffbf3e,#f39443) !important;

	/* For browsers that do not support gradients */
	/* background: -webkit-linear-gradient(left top, #FD9827, #D46E0A) !important;
	/* For Safari 5.1 to 6.0 */
	/* background: -o-linear-gradient(left top, #FD9827, #D46E0A) !important;
	/* For Opera 11.1 to 12.0 */
	/* background: -moz-linear-gradient(left top, #FD9827, #D46E0A) !important;
	/* For Firefox 3.6 to 15 */
	/* background: linear-gradient(to bottom right, #FD9827, #D46E0A) !important;
	/* Standard syntax */
}

.button_white_outline {
	-webkit-box-shadow: inset 0px 0px 0px 1px #F2F7F8;
	-moz-box-shadow: inset 0px 0px 0px 1px #F2F7F8;
	box-shadow: inset 0px 0px 0px 1px #F2F7F8;
	color: #F2F7F8 !important;
}

.button_white_outline:hover {
	color: #666 !important;
	background-color: #F2F7F8;
}

.button_white_outline_reverse {
	-webkit-box-shadow: inset 0px 0px 0px 1px #F2F7F8;
	-moz-box-shadow: inset 0px 0px 0px 1px #F2F7F8;
	box-shadow: inset 0px 0px 0px 1px #F2F7F8;
	color: #666 !important;
	background-color: #F2F7F8;
}

.button_white_outline_reverse:hover {
	color: #F2F7F8 !important;
	background-color: initial;
}


.button_purple_outline {
	-webkit-box-shadow: inset 0px 0px 0px 1px #933D9A;
	-moz-box-shadow: inset 0px 0px 0px 1px #933D9A;
	box-shadow: inset 0px 0px 0px 1px #933D9A;
	color: #933D9A !important;
}

.button_purple_outline:hover {
	background-color: #F5EEF6;
	color: #933D9A !important;
}

/*
.button_blue_outline {
-webkit-box-shadow: inset 0px 0px 0px 1px #1899D6;
-moz-box-shadow: inset 0px 0px 0px 1px #1899D6;
box-shadow: inset 0px 0px 0px 1px #1899D6;
color: #1899D6 !important;
}
*/

.button_blue_outline {
	background-color: #ffffff;
	/*padding: 4px 30px 4px;*/
	color: #009bdf;
	font-size: 10pt;
	font-weight: 800;
	letter-spacing: .03em;
	text-transform:uppercase;
	-webkit-box-shadow: inset 0px 0px 0px 1px #1899D6;
	-moz-box-shadow: inset 0px 0px 0px 1px #1899D6;
	box-shadow: inset 0px 0px 0px 1px #1899D6;
	border-radius:100px;
}

/*
.button_blue_outline:hover {
background-color: #1899D6;
color: #fff !important;
}
*/

.button_blue_outline:hover {
	background-color: #66A4C0;
	color: #fff;
}

.button_blue_nooutline,
.button_blue_no_outline {
	color: #1899D6 !important;
	padding-left:0 !important;
}

.button_blue_nooutline:hover,
.button_blue_no_outline:hover {
	color: #7FB6E4 !important;
}

.button_pill,
.button_pill_medium {
	border-radius: 100px;
	padding: 8px 24px 10px;
}

/* Buttons for specific plans */
.button_freetrial,
.button_safeonthego,
.button_safefamilybundle {
	font-size: 10pt;
	font-weight: 800;
	letter-spacing: .03em;
	text-transform:uppercase;
	border-radius:100px;
}

.button_freetrial {
	box-shadow: inset 0px 0px 0px 1px #A59C98; 
	color: #A59C98 !important;
}

.button_freetrial:hover {
	background: #A59C98 !important; 
	color: #fff
}

.button_safeonthego {
	box-shadow: inset 0px 0px 0px 1px #A98DC4;
	color: #A98DC4
}

.button_safeonthego:hover {
	background: #A98DC4 !important; 
	color: #fff
}

.button_safefamilybundle {
	background: #008aff;
	background: -webkit-linear-gradient(left top, #1899d6, #26C7EA);
	background: -o-linear-gradient(left top, #1899d6, #26C7EA);
	background: -moz-linear-gradient(left top, #1899d6, #26C7EA);
	background: linear-gradient(to bottom right, #1899d6, rgba(38, 199, 234, 0.6));
	color: #fff !important;
}

.button_safefamilybundle:hover {
	background-color: #1899D6 !important;
	color: #fff;
}

/* --------------------------------------------------------------------------------------------- */

/* ICONS */

.icon_tiny {
	width: 40px;
	max-height: 40px;
}

/* all icons should be 50px or 40px */

.icon_small,
.icon {
	width: 50px;
	max-height: 50px;
}

.icon_70,
.icon_medium {
	width: 70px;
	max-height: 70px;
}

/* TODO: Phase icon_large and icon_xlarge out of usage */
.icon_large {
	width: 100px;
	max-height: 100px;
}

.icon_xlarge {
	width: 140px;
	max-height: 140px;
}

.icon_blue {
	filter: brightness(0) saturate(100%) invert(74%) sepia(77%) saturate(6050%) hue-rotate(170deg) brightness(96%) contrast(81%);
}

.icon_purple {
	filter: brightness(0) saturate(100%) invert(32%) sepia(11%) saturate(6611%) hue-rotate(262deg) brightness(89%) contrast(87%);
}

.icon_black {
	filter: brightness(0) saturate(100%);
}

/* 
* use these classes in a <div> next to the image to help with alignment
* eg: <img src="#" class="icon"><div class="icon_text_right">Text next to icon</div>
* */
.icon_text_left {
	margin-left: 80px;
}

.icon_text_right {
	margin-right: 80px;
	text-align: right;
}

.icon_large_text_left {
	margin-left: 110px;
}

.icon_large_text_right {
	margin-right: 110px;
	text-align: right;
}

.icon_xlarge_text_left {
	margin-left: 155px;
}

.icon_xlarge_text_right {
	margin-right: 155px;
	text-align: right;
}


/* --------------------------------------------------------------------------------------------- */

/* ARROWBOX */

.arrowbox {
	position: relative;
	background-color: #E9DDEB;
}

.arrowbox:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-width: 45px;
	margin-left: -45px;
}

.arrowbox_blue:after {
	border-top-color: #1899D6;
}

.arrowbox_border_blue {
	border-top: 4px solid #1899D6;
}

.arrowbox_white:after {
	border-top-color: #fff;
}


/* --------------------------------------------------------------------------------------------- */

/* BACKGROUNDS AND BACKGROUND GRADIENTS */

.bg_white {
	background-color:#fff
}

.bg_blue {
	background-color:#1699D8;
}

.bg_grey_ash {
	background-color:#B4B6B5;
}

.bg_lightgrey {
	background-color:#F7F7F7;
}

.bg_darkgrey {
	background-color: #41474b;
}

.bg_lightblue {
	background-color:#edfbff;
}

.bg_blue_opacity09 {
	background-color: rgba(24, 152, 213, 0.9);
}

.bg_lightblue_opacity09 {
	background-color: rgba(179, 78, 138, 0.6)
}

.bg_purple_opacity09 {
	background-color: rgba(147, 61, 154, 0.3)
}

.bg_texture_white {
	background-color: rgba(255, 255, 255, 0.6)
}

/* Poly texture */

.bg_texture {
	background-image: url('https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/bg_textures/bg-02_compressed.jpg');
	background-position: center;
	background-size: cover;
	background-blend-mode: color-burn;
}

/* Gradient Purple to Pink and Pink to Purple */

.bg_gradient_purplepink {
	background: #008aff;
	background: -webkit-linear-gradient(left top, #df5c7c, #b34e8a);
	background: -o-linear-gradient(bottom right, #df5c7c, #b34e8a);
	background: -moz-linear-gradient(bottom right, #df5c7c, #b34e8a);
	background: linear-gradient(10deg, rgba(223, 92, 124, 1) 0%, rgba(179, 78, 138, 1) 100%);
}

.bg_gradient_pinkpurple {
	background: #008aff;
	background: -webkit-linear-gradient(left top, #b34e8a, #df5c7c);
	background: -o-linear-gradient(bottom right, #b34e8a, #df5c7c);
	background: -moz-linear-gradient(bottom right, #b34e8a, #df5c7c);
	background: linear-gradient(10deg, rgba(179, 78, 138, 1) 0%, rgba(223, 92, 124, 1) 100%);
}

/* Gradient Light Blue to Blue & Blue to Light Blue */

.bg_gradient_lightblueblue {
	background: #008aff;
	background: -webkit-linear-gradient(left top, #7fb6e4, #1899d6);
	background: -o-linear-gradient(bottom right, #7fb6e4, #1899d6);
	background: -moz-linear-gradient(bottom right, #7fb6e4, #1899d6);
	background: linear-gradient(10deg, rgba(127, 182, 228, 1) 0%, rgba(24, 153, 214, 1) 100%);
}

.bg_gradient_bluelightblue {
	background: #008aff;
	background: -webkit-linear-gradient(left top, #1899d6, #7fb6e4);
	background: -o-linear-gradient(bottom right, #1899d6, #7fb6e4);
	background: -moz-linear-gradient(bottom right, #1899d6, #7fb6e4);
	background: linear-gradient(10deg, rgba(24, 153, 214, 1) 0%, rgba(127, 182, 228, 1)  100%);
}

/* Gradient Purple to Blue & Blue to Purple */
.bg_gradient_purpleblue {
	background: #1899D6;
	background: -webkit-linear-gradient(left top, #933D9A, #1899D6);
	background: -o-linear-gradient(bottom right, #933D9A, #1899D6);
	background: -moz-linear-gradient(bottom right, #933D9A, #1899D6);
	background: linear-gradient(10deg, #933D9A, #1899D6);
}

.bg_gradient_bluepurple {
	background: #227DA9;
	background: -webkit-linear-gradient(left top, #227DA9, #773E80);
	background: -o-linear-gradient(bottom right, #227DA9, #773E80);
	background: -moz-linear-gradient(bottom right, #227DA9, #773E80);
	background: linear-gradient(to bottom right, #227DA9, #773E80);
}

/* Streaks of grey */
.bg_gradient_grey {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#939393+18,7a7a7a+42,939393+64,939393+64,7a7a7a+83 */
	background: rgb(147,147,147); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(147,147,147,1) 18%, rgba(122,122,122,1) 42%, rgba(147,147,147,1) 64%, rgba(147,147,147,1) 64%, rgba(122,122,122,1) 83%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(147,147,147,1) 18%,rgba(122,122,122,1) 42%,rgba(147,147,147,1) 64%,rgba(147,147,147,1) 64%,rgba(122,122,122,1) 83%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(147,147,147,1) 18%,rgba(122,122,122,1) 42%,rgba(147,147,147,1) 64%,rgba(147,147,147,1) 64%,rgba(122,122,122,1) 83%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#7a7a7a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg_gradient_radial_bluelightblue {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00afe6+0,007cd1+100 */
	background: rgb(0,175,230); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,175,230,1) 0%, rgba(0,124,209,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,175,230,1) 0%,rgba(0,124,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,175,230,1) 0%,rgba(0,124,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afe6', endColorstr='#007cd1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg_gradient_blueblue,
.bg_gradient_blueblue_before:before,
.bg_gradient_blueblue_after:after {
	content: '';
	position: absolute;
	background: #008aff;
	background: -webkit-linear-gradient(left top,#1899d6,#26C7EA) !important;
	background: -o-linear-gradient(left top,#1899d6,#26C7EA) !important;
	background: -moz-linear-gradient(left top,#1899d6,#26C7EA) !important;
	background: linear-gradient(to bottom right,#1899d6,rgba(38, 199, 234, 0.6)) !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* Background Images - Technology Dots */
.bg_image_technologydots {
	padding-top: 50px;
	position: relative;
	padding-bottom: 0;
}

.bg_image_technologydots:before {
	background-image: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/au/schools/background/technology-dots-noslant.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	position: absolute;
	top: -300px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

/* Background Images - Circles */
.bg_image_circles {
	background-image: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/au/families/background/circlebackground.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

/* Circles disabled for now as at 2019-07-15 */
/*
.bg_image_circles_1 {
	background-image: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/global/bg/bg_circles_1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.bg_image_circles_1_before {
	padding-top: 50px;
	position: relative;
	padding-bottom: 0;
}
.bg_image_circles_1_before:before {
	background-image: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/global/bg/bg_circles_1.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	position: absolute;
	top: -300px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.bg_image_circles_2 {
	background-image: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/global/bg/bg_circles_2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.bg_image_circles_2_before {
	padding-top: 50px;
	position: relative;
	padding-bottom: 0;
}
.bg_image_circles_2_before:before {
	background-image: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/global/bg/bg_circles_2.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	position: absolute;
	top: -300px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
*/

/* Background Images - Top and bottom gradients */
/*
.bg_image_gradienttop {
background-image: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/au/families/background/bg_image_topgradient.png);
background-repeat: repeat-x;
background-position:top;
}
*/

.bg_image_gradienttop,
.bg_image_gradientbottom {
	position:relative;
}

.bg_image_gradienttop:before {
	position:absolute;
	content:"";
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/au/families/background/bg_image_topgradient.png);
	background-repeat: repeat-x;
	background-position: top;
	z-index:-1;
}

.bg_image_gradientbottom:after {
	position:absolute;
	content:"";
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/au/families/background/bg_image_bottomgradient.png);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index:-1;
}

/* resets zindex to 0 */
.reset_before_zindex_0:before,
.reset_after_zindex_0:after {
	z-index:0;
}

/*
.bg_image_gradientbottom {
background-image: url(https://cdn2.hubspot.net/hubfs/416543/fz19_assets/images/au/families/background/bg_image_bottomgradient.png);
background-repeat: repeat-x;
background-position:bottom;
}
*/


/* --------------------------------------------------------------------------------------------- */

/* FORMS */

/* top level rows */
.hs-form fieldset {
	margin-top:16px !important;
	max-width:600px !important;
}

/* Main form inputs */
.hs-form input:not([type=submit]),
.hs-form select,
.hs-form textarea
{
	display: block;
	width: 100% !important;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.hs-form input[type="radio"], .hs-form input[type="checkbox"] {
    display: inline-block;
    border: 1px;
    height: 15px;
    vertical-align: middle;
    width: auto !important;
}

/* Textarea */
.hs-form textarea {
	height:130px;
}

/* Error messages */
.hs-error-msgs {
	margin-bottom:0;
}
.hs-error-msgs label {
	font-size:11px;
	color:red;
	margin-bottom:0;
}

/* Submit Section */
.hs-submit {
	margin-top:24px;
}

/* Submit button */
.hs-form .hs-button {
	background-color: #ffffff;
	border: 2px solid #fff;
	padding: 8px 24px 10px;
	color: #009bdf;
	Font-size: 10pt;
	font-weight: 800;
	letter-spacing: .03em;
	text-transform:uppercase;
	-webkit-box-shadow: inset 0px 0px 0px 1px #1899D6;
	-moz-box-shadow: inset 0px 0px 0px 1px #1899D6;
	box-shadow: inset 0px 0px 0px 1px #1899D6;
	border-radius:100px;
}
.hs-form .hs-button:hover {
	background-color: #66A4C0;
	color: #fff;
}

/* PAGE SPECIFIC FORM FIXES */


/* --------------------------------------------------------------------------------------------- */

/* PAGINATION */

/* Change the pagination from bootstrap blue to Family Zone blue */
.page-item.active .page-link {
	background-color: #1898D8;
	border-color: #1898D8;
}

/* --------------------------------------------------------------------------------------------- */

/* CARDS */

/* make all cards height equal to the tallest card */
.card {
	height:100%
}

/* any cards with icons should be max-width: 40px */
.card_title_wrapper .icon {
	width: 40px;
	max-height: 40px;
}
/* and remove the bottom margin */
.card_title_wrapper h5 {
	margin-bottom: 0 !important;
	margin-left: 10px;
}
.card-body>.row {
	margin-bottom: 10px;
}


p.card-text {
	font-size: 14px;
	line-height: 20px;
	text-align:center;
}

.card_hover:hover {
	box-shadow: 0 20px 40px rgba(61, 65, 84, 0.15) !important;
	top: 0px;
}

.card_hover:hover:before {
	width: 100%;
}

.card_hover:before {
	content: '';
	display: block;
	height: 5px;
	width: 0;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #1899D6;
	transition: all 0.3s ease-in-out;
}


/* --------------------------------------------------------------------------------------------- */

/* RESOURCES PAGE */

.resources_footer_menu,
.prefooter_related_menu {
	background-size: cover;
	background-position: center center;
	height: 100px;
}

.resources_footer_menu>div,
.prefooter_related_menu>div {
	width: 100%;
	height: 100%;
}

.blue-gradient-rgba {
	background: -webkit-linear-gradient(50deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important;
	background: -o-linear-gradient(50deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important;
	background: linear-gradient(40deg, rgba(69, 202, 252, 0.7), rgba(48, 63, 159, 0.7)) !important;
}

/* --------------------------------------------------------------------------------------------- */

/* INVESTORS PAGE */

/* investor list */
.investor_list_container > .row {
	padding:12px 0 0;
	border-bottom:1px solid #ccc;
}
.investor_list_container > .row:last-child {
	border-bottom: 0
}

/* --------------------------------------------------------------------------------------------- */
/* ACCORDION ELEMENT */

.accordion {
	margin-bottom: 10px;
}

.accordion>.card .card-header {
	background-color: #f7f7f7a8;
	padding: 0;
}

.accordion>.card {
	border-radius: 5px !important;
	border-bottom: 1px solid #1899D6 !important;
}

.accordion>.card .card-body h4 {}

.accordion>.card .card-body p,
.accordion>.card .card-body li,
.accordion>.card .card-body td {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	color: #333333;
	padding-bottom: 6px;
	text-align: left;
}

.accordion>.card .card-body ul {
	margin-top: 1em;
	margin-bottom: 1 em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}

.accordion>.card .card-body ul li {
	list-style-type: disc;
}

.accordion .btn-link {
	color: #1899D6;
	display: block;
	width: 100%;
	text-align: left;
	height: 100%;
	padding: 14px 24px 14px;
}

.accordion .btn-link[aria-expanded="false"]::after {
	font-family: FontAwesome;
	content: "\f107";
	font-weight: bold;
	color: #999;
	font-size: 22px;
	position: absolute;
	right: 0;
	margin-right: 20px;
	top: 10px;
	transition: 0.4s ease;
}

.accordion .btn-link[aria-expanded="true"]::after {
	transform: rotate(-180deg);
	transition: 0.4s ease;
	font-family: FontAwesome;
	content: "\f107";
	font-weight: bold;
	color: #999;
	font-size: 22px;
	position: absolute;
	right: 0;
	margin-right: 20px;
	top: 10px;
}

/* --------------------------------------------------------------------------------------------- */
/* HEADER AND FOOTER LIST ELEMENTS */

footer ul li,
header ul li {
	list-style-type: none !important;
}

/* ADDITIONAL MARGIN CLASSES */

.mt-n6, .my-n6 {
  margin-top: -5rem !important;
}
.mt-n7, .my-n7 {
  margin-top: -7.5rem !important;
}
.mt-n8, .my-n8 {
  margin-top: -10rem !important;
}
.mb-n6, .my-n6 {
  margin-bottom: -5rem !important;
}
.mb-n7, .my-n7 {
  margin-bottom: -7.5rem !important;
}
.mb-n8, .my-n8 {
  margin-bottom: -10rem !important;
}

@media screen and (min-width: 576px) {

  .mt-sm-n6, .my-sm-n6 {
    margin-top: -5rem !important;
  }
  .mt-sm-n7, .my-sm-n7 {
    margin-top: -7.5rem !important;
  }
  .mt-sm-n8, .my-sm-n8 {
    margin-top: -10rem !important;
  }
  .mb-sm-n6, .my-sm-n6 {
    margin-bottom: -5rem !important;
  }
  .mb-sm-n7, .my-sm-n7 {
    margin-bottom: -7.5rem !important;
  }
  .mb-sm-n8, .my-sm-n8 {
    margin-bottom: -10rem !important;
  }
  
}

@media screen and (min-width: 768px) {

  .mt-md-n6, .my-md-n6 {
    margin-top: -5rem !important;
  }
  .mt-md-n7, .my-md-n7 {
    margin-top: -7.5rem !important;
  }
  .mt-md-n8, .my-md-n8 {
    margin-top: -10rem !important;
  }
  .mb-md-n6, .my-md-n6 {
    margin-bottom: -5rem !important;
  }
  .mb-md-n7, .my-md-n7 {
    margin-bottom: -7.5rem !important;
  }
  .mb-md-n8, .my-md-n8 {
    margin-bottom: -10rem !important;
  }

}

@media screen and (min-width: 992px) {

  .mt-lg-n6, .my-lg-n6 {
    margin-top: -5rem !important;
  }
  .mt-lg-n7, .my-lg-n7 {
    margin-top: -7.5rem !important;
  }
  .mt-lg-n8, .my-lg-n8 {
    margin-top: -10rem !important;
  }
  .mb-lg-n6, .my-lg-n6 {
    margin-bottom: -5rem !important;
  }
  .mb-lg-n7, .my-lg-n7 {
    margin-bottom: -7.5rem !important;
  }
  .mb-lg-n8, .my-lg-n8 {
    margin-bottom: -10rem !important;
  }

}

@media screen and (min-width: 1200px) {
 
  .mt-xl-n6, .my-xl-n6 {
    margin-top: -5rem !important;
  }
  .mt-xl-n7, .my-xl-n7 {
    margin-top: -7.5rem !important;
  }
  .mt-xl-n8, .my-xl-n8 {
    margin-top: -10rem !important;
  }
  .mb-xl-n6, .my-xl-n6 {
    margin-bottom: -5rem !important;
  }
  .mb-xl-n7, .my-xl-n7 {
    margin-bottom: -7.5rem !important;
  }
  .mb-xl-n8, .my-xl-n8 {
    margin-bottom: -10rem !important;
  }
  
}