/*
Theme Name: Time to Fix Mental Health
Theme URI: https://www.inklab.com.au/
Description: Custom website theme with Homepage theme support only.
Version: 4.0
Author: Inklab
Author URI: https://www.inklab.com.au/
*/

html, body {
	margin: 0;
	padding: 0;
	font-size: 22px;
	/*font-size: calc( 20px + (28 - 16) * (100vw - 680px) / (1280 - 680) );*/
	/*font-size: calc( 20px + 12 * (100vw - 768px) / 768 );*/
	font-family:"pragmatica-extended";
	/*line-height: 30px;*/
	line-height: 1.4;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

html.promise-slider-open{
	overflow: hidden;
}
 body.promise-slider-open{
	height: 100%;
	overflow: hidden;
}


h1, h2, h3, h4, h5, .h2, .h3, .h4{
	font-family:"pragmatica-extended";
	font-weight: normal;
}

h1 {
	font-size: 80px;
	line-height: 90px;
	margin: 0 0 30px;
}
h2, .h2 {
	font-size: 34px;
	line-height: 42px;
}
h3, .h3, h4, .h4, h5{
	font-size: 28px;
	line-height: 36px;
	font-weight: 400;
	margin: 0 0 25px;
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 44px;
		line-height: 54px;
	}
	h2, .h2 {
		font-size: 28px;
		line-height: 36px;
	}
	h3, .h3 {
		font-size: 24px;
		line-height: 32px;
	}
}


/*---------------------------------------------------------Clearfix */
.group{ zoom: 1; position: relative; }
.group::before, .group::after{ content: ''; display: table; clear: both; } 

.unselectable{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.visually-hidden, .gfield_visibility_hidden{ 
    position: absolute!important; height: 1px!important; width: 1px!important; overflow: hidden!important;
    clip: rect(1px 1px 1px 1px)!important; clip: rect(1px, 1px, 1px, 1px)!important; white-space: nowrap!important;
}

*:focus{ outline: none; }
/**::selection{}
*::-moz-selection{}*/

div, nav, aside, section{ box-sizing: border-box; overflow: visible; }
img{ max-width: 100%; height: auto; box-shadow: #000 0em 0em 0em; border: 0; }
img.alignleft{ display: block; margin-left: 0; margin-right: auto; }
img.alignright{ display: block; margin-left: auto; margin-right: 0; }
img.aligncenter{ display: block; margin-left: auto; margin-right: auto; }
img.block{ display: block; width: 100%; }

table{ width: 100%; }
table.alignright, table.alignleft{ width: auto; }
td, th{ padding: 6px; }

iframe{ width: 100%; max-width: 100%; } 
video{ width: 100%; height: auto; max-width: 100%; }
form input, input[type="submit"], button{ border-radius: 0; -webkit-appearance: none; -webkit-border-radius:0px; }

a{ color: inherit; text-decoration: none; transition: all 0.4s ease 0s; }
a:hover{ cursor: pointer; transition: all 0.4s ease 0s; }

ul, ol{ margin: 1em 0; }
ul li, ol li{ margin-bottom: 0.4em; }

.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }

.text-small{ font-size: 0.66rem; }

.divline{ width: 100%; height: 1px; background: #FF9D6C; margin: 1rem 0; }
.divline.padleft{ width: 95%; height: 1px; background: #FF9D6C; margin: 1rem 0 1rem auto; }


/*--------------------------------------------------------- Wrapper / Inner */
		
.section { width: 100%; margin: 0 auto; padding: 0; clear: both; position: relative; }
.section .inner{ max-width: 1120px; width: 100%; margin: 0 auto; position: relative; }

/*--------------------------------------------------------- Colour profiles */
.bg-white{ background-color: #FFF; }
.bg-yellow{ background-color: #FFCE00; }
.bg-purple{ background-color: #888EDE; }
.bg-green{ background-color: #0DB561; }
.bg-orange{ background-color: #FF9D6C; }
.bg-blue{ background-color: #00587C; }
.bg-beige{ background-color: #CCC7B4; }
.bg-maroon{ background-color: #3D1F29; }

	.text-white{ color: #fff; }
	.text-blue{ color: #00587C; }

	.fill-yellow{ fill: #FFCE00; }	
	.fill-white{ fill: #fff; }
	.fill-green{ fill: #0DB561; }
	.fill-blue{ fill: #00587C; }
	.fill-purple{ fill: #888EDE; }
	.fill-transparent{ fill: transparent; }

.profile-white{ background-color: #FFF; color: #00587C; } 
.profile-yellow{ background-color: #FFCE00; color: #fff; }
.profile-purple, .profile-purple_yb, .profile-purple_b{ background-color: #888EDE; color: #fff; }
.profile-green, .profile-green_oy, .profile-green_bo, .profile-green_y{ background-color: #0DB561; color: #fff; }
.profile-orange, .profile-orange_p, .profile-orange_y{ background-color: #FF9D6C; color: #fff; }
.profile-blue, .profile-blue_bg, .profile-blue_g{ background-color: #00587C; color: #fff; }
.profile-beige, .profile-beige_y{ background-color: #CCC7B4; color: #fff; }
.profile-maroon, .profile-maroon_g, .profile-maroon_new{ background-color: #3D1F29; color: #fff; }

	.profile-white_1{ background-color: #FFF; color: #00587C; }
	.profile-white_2{ background-color: #FFF; color: #00587C; }
	.profile-white_3{ background-color: #FF9D6C; color: #fff; }

.profile-purple a:hover, .profile-purple_yb a:hover, .profile-purple_b a:hover{ color: #00587C; }
.profile-orange a:hover, .profile-orange_p a:hover{ color: #888EDE; }
.profile-green a:hover, .profile-green_bo a:hover, .profile-green_oy a:hover, .profile-green_y a:hover,
.profile-orange a:hover, .profile-orange_y a:hover,
.profile-beige a:hover, .profile-beige_y a:hover{ color: #FFCE00; }
.profile-blue a:hover, .profile-blue_bg a:hover, .profile-blue_g a:hover,
.profile-maroon a:hover, .profile-maroon_g a:hover{ color: #0DB561; }

.profile-yellow svg .primary{ fill: #FFCE00; }
.profile-purple svg .primary, .profile-purple_yb svg .primary, .profile-purple_b svg .primary{ fill: #888EDE; }
.profile-green svg .primary, .profile-green_bo svg .primary, .profile-green_oy svg .primary, .profile-green_y svg .primary{ fill: #0DB561; }
.profile-orange svg .primary, .profile-orange_p svg .primary{ fill: #FF9D6C; }
.profile-blue svg .primary, .profile-blue_bg svg .primary, .profile-blue_g svg .primary{ fill: #00587C; }
.profile-beige svg .primary, .profile-beige_y svg .primary{ fill: #CCC7B4; }
.profile-orange svg .primary, .profile-orange_y svg .primary{ fill: #FF9D6C; }
.profile-maroon svg .primary, .profile-maroon_g svg .primary{ fill: #3D1F29; }

.profile-purple_b svg .secondary{ fill: #00587C; }
.profile-green_y svg .secondary{ fill: #FFCE00; }
.profile-orange_p svg .secondary{ fill: #888EDE; }
.profile-blue_g svg .secondary{ fill: #0DB561; }
.profile-beige_y svg .secondary{ fill: #FFCE00; }
.profile-orange_y svg .secondary{ fill: #FFCE00; }
.profile-maroon_g svg .secondary{ fill: #0DB561; }

.profile-green_oy svg .secondary{ fill: #FF9D6C; }
.profile-blue_bg svg .secondary{ fill: #CCC7B4; }
.profile-purple_yb svg .secondary{ fill: #FFCE00; }
.profile-green_bo svg .secondary{ fill: #00587C; }
	.profile-green_oy svg .terciary{ fill: #FFCE00; }
	.profile-blue_bg svg .terciary{ fill: #0DB561; }
	.profile-purple_yb svg .terciary{ fill: #00587C; }
	.profile-green_bo svg .terciary{ fill: #FF9D6C; }


/*--------------------------------------------------------- Buttons */

a.btn{
	display: inline-block;
	vertical-align: middle;
	width: auto;
	background: transparent;
    border: 2px solid #fff;
    color: #fff;
    line-height: 1;
    font-size: 0.8rem;
    padding: 0.6em 2.2em;
    transition: all 0.4s ease;
}
	a.btn:hover{
		cursor: pointer; transition: all 0.4s ease;
	}

.profile-yellow a.btn:hover,
.profile-purple a.btn:hover, 
.profile-purple_yb a.btn:hover, 
.profile-purple_b a.btn:hover{ color: #00587C; border-color: #00587C; }
.profile-orange_p a.btn:hover{ color: #888EDE; border-color: #888EDE; }
.profile-green a.btn:hover,
.profile-green_oy a.btn:hover,
.profile-green_bo a.btn:hover,
.profile-green_y a.btn:hover,
.profile-orange a.btn:hover,
.profile-orange_y a.btn:hover,
.profile-beige a.btn:hover,
.profile-beige_y a.btn:hover{ color: #FFCE00; border-color: #FFCE00; }
.profile-blue a.btn:hover,
.profile-blue_bg a.btn:hover,
.profile-blue_g a.btn:hover,
.profile-maroon a.btn:hover,
.profile-maroon_g a.btn:hover{ color: #0DB561; border-color: #0DB561; }


a.btn-filled{
	display: inline-block;
	vertical-align: middle;
	width: auto;
	background: #fff;
    border: 2px solid #fff;
    color: #888EDE;
    line-height: 1;
    font-size: 0.8rem;
    padding: 0.6em 2.2em;
    transition: all 0.4s ease;
}
	a.btn-filled:hover{
		color: #fff!important;
		background: #888EDE; /*border-color: #888EDE;*/
		cursor: pointer; transition: all 0.4s ease;
	}

.profile-yellow a.btn-filled,
.profile-yellow a.btn-filled{ color: #FFCE00; }
	.profile-yellow a.btn-filled:hover,
	.profile-yellow a.btn-filled:hover{ background: #FFCE00; border-color: #FFCE00; }
/*
.profile-purple a.btn-filled, 
.profile-purple_yb a.btn-filled, 
.profile-purple_b a.btn-filled{ }
	.profile-purple a.btn-filled:hover, 
	.profile-purple_yb a.btn-filled:hover, 
	.profile-purple_b a.btn-filled:hover{}
*/
.profile-green a.btn-filled,
.profile-green_oy a.btn-filled,
.profile-green_bo a.btn-filled,
.profile-green_y a.btn-filled{ color: #0DB561; }
	.profile-green a.btn-filled:hover,
	.profile-green_oy a.btn-filled:hover,
	.profile-green_bo a.btn-filled:hover,
	.profile-green_y a.btn-filled:hover{ background: #0DB561; /*border-color: #0DB561;*/ }

.profile-orange a.btn-filled,
.profile-orange_y a.btn-filled,
.profile-orange_p a.btn-filled{ color: #FF9D6C; }
	.profile-orange a.btn-filled:hover,
	.profile-orange_y a.btn-filled:hover,
	.profile-orange_p a.btn-filled:hover{ background: #FF9D6C; /*border-color: #FF9D6C;*/ }
	
.profile-beige a.btn-filled,
.profile-beige_y a.btn-filled{ color: #CCC7B4; }
	.profile-beige a.btn-filled:hover,
	.profile-beige_y a.btn-filled:hover{ background: #CCC7B4; /*border-color: #CCC7B4;*/ }

.profile-blue a.btn-filled,
.profile-blue_bg a.btn-filled,
.profile-blue_g a.btn-filled{ color: #00587C; }
	.profile-blue a.btn-filled:hover,
	.profile-blue_bg a.btn-filled:hover,
	.profile-blue_g a.btn-filled:hover{ background: #00587C; border-color: #00587C; }

.profile-maroon a.btn-filled,
.profile-maroon_g a.btn-filled{ color: #3D1F29; }
	.profile-maroon a.btn-filled:hover,
	.profile-maroon_g a.btn-filled:hover{ background: #3D1F29; border-color: #3D1F29; }


/* color hover overrides */
a.btn.purple:hover,
a.btn-filled.purple{
	color: #888EDE!important;
	background-color: #fff!important;
	border-color: #fff!important;
}
	a.btn.purple,
	a.btn-filled.purple:hover{
		color: #fff!important;
		/*background-color: #888EDE!important;*/
		background-color: transparent!important;
		border-color: #fff!important;
	}


/*--------------------------------------------------------- Flex grid */

.flex-container{
	width: 100%; max-width: 100%; height: 100%; min-height: inherit; position: relative; padding: 0; margin: 0; box-sizing: border-box;
	display: flex; flex-wrap: nowrap; flex-direction: row; overflow: visible;
	align-items: flex-start;  align-content: flex-start;  justify-content: flex-start;
}
	.flex-container.flex-nowrap{ flex-wrap: nowrap!important; }
	.flex-container.flex-wrap{ flex-wrap: wrap; }
	.flex-container.flex-reverse{ flex-direction: row-reverse; }	
	.flex-container.flex-center{ align-items: center; align-content: center; justify-content: center; }
	.flex-container.flex-end{ align-items: flex-end; align-content: flex-end; justify-content: flex-start; }
	.flex-container.flex-stretch{ align-items: stretch; align-content: flex-start; justify-content: stretch; }
	.flex-container.flex-edges{ align-items: flex-start; align-content: space-between; justify-content: space-between; }
	.flex-container.flex-edges-center{ align-items: center; align-content: space-between; justify-content: space-between; }

		/* note IE can't handle left/right padding on flex-item - ignores border-box */
		.flex-container .flex-item{ 
			display: block; flex-basis: auto; flex-grow: 0; flex-shrink: 0; position: relative; overflow: visible;
			box-sizing: border-box; box-shadow: none; text-decoration: none; border: 0px none; margin: 0 0; padding: 0 0; max-width: 100%; 
		}
		.flex-container .flex-item.flex-grow{ flex-grow: 1; }

			.flex-container .flex-item.content_100w{ flex-basis: 100%; width:100%; }
			.flex-container .flex-item.content_66w{ flex-basis: 66.66%; width: 66.66%; }
			.flex-container .flex-item.content_75w{ flex-basis: 75%; width: 75%; }
			.flex-container .flex-item.content_50w{ flex-basis: 50%; width: 50%; }
			.flex-container .flex-item.content_33w{ flex-basis: 33.33%; width: 33.33%; }
			.flex-container .flex-item.content_25w{ flex-basis: 25%; width: 25%; }
			.flex-container .flex-item.content_20w{ flex-basis: 20%; width: 20%; }

			.flex-container .flex-item .content.padleft{ padding-left: 5vw; }
			.flex-container .flex-item .content.padright{ padding-right: 5vw; }
			.flex-container .flex-item.content_100w .content{}
			.flex-container .flex-item.content_75w .content{ padding-left: 5vw; }
			.flex-container .flex-item.content_50w .content,
			.flex-container .flex-item .pad-100w-side{ padding-left: 5vw; }

			.content.contact-cap-width,
			.builder-template-editor.section .editor{ max-width: 980px; }

/*------------------------------------------------------ WEBSITE Page styles */
/*-------- HEADER */

#site-header{ position: absolute; top: 0; left: 0; width: 100%; z-index: 100; font-size: 0.66rem; }
#site-header .inner{ max-width: 100%; padding: 35px 50px; box-sizing: border-box; }
#site-header .inner .header-logo.second-logo {margin-left: 60px; }
#site-header .inner svg{ display: inline-block; vertical-align: middle; }


/*-------- SECTIONS */
section.section_banner{ min-height: 100vh; display: flex; width: 100%; }

section.section_banner h1{ margin: 1rem 0 0 0; }
section.section_banner img.banner-logo{ 
	display: inline-block; vertical-align: middle; 
	max-height: 60vh; height: 60vh; width: auto;
}

section.section_colourband .inner{ padding: 30vh 0; }
section.section_footer_contact .inner{ padding: 15vh 0 8vh 0; }

section.section_footer_contact h3{ margin-bottom: 0; color: #FF9D6C; }
section.section_footer_contact h3 + p{ margin-top: 0; }

section.section_footer_contact strong,
section.section_footer_contact b{ color: #FF9D6C; font-weight: normal; }

.profile-graphic{
	z-index: 0; 
	position: absolute; 
	top: -18vh; 
	max-width: 28vw; 
}
.profile-graphic svg,
.profile-graphic img.svg{ 
	z-index: 1; 
	display: block; 
	max-width: 100%; 
	height: auto; 
	overflow: visible; 
	position: relative; 
}
.profile-graphic svg path{ transition: all 0.4s ease; }

.profile-graphic.custom-graphic{
	width: 38vw; 
	/*max-width: 38vw;*/
	max-width: 560px;
	/*top: -16vh;*/
	/*top: -22vh;*/
}
.profile-graphic.custom-graphic img.svg{
	width: 100%;
}

.banner-image-tilt-hover{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    z-index: 11;
}
.banner-image-tilt-hover svg{
	display: block;
	width: 100%;
	height: auto;
}


.profile-purple_b .profile-graphic{ right: 2vw; }
.profile-green_y .profile-graphic{ left: -5vw; top: -12vh; }
.profile-orange_p .profile-graphic{ right: 4vw; }
.profile-orange_y .profile-graphic{ left: 2vw; top: -20vh; }
.profile-beige_y .profile-graphic{ right: 2vw; }
.profile-blue_g .profile-graphic{ left: 3vw; }
.profile-maroon_g .profile-graphic{ right: 3vw; }

.profile-maroon_new .profile-graphic{ 
	top: -12vh; 
	right: 2vw;
    left: auto;
}

#site-main section .profile-graphic.make-promise-graphic {
	max-width: 52vw;
}

#site-main section .profile-graphic.wall-bottom {
	right: 2vw;
	left: auto;
}


.profile-green_oy .profile-graphic,
.profile-blue_bg .profile-graphic,
.profile-purple_yb .profile-graphic,
.profile-green_bo .profile-graphic{
	max-width: 22vw; z-index: 2;
}
.page-template-template-make-promise .profile-purple_yb .profile-graphic{ bottom: -12vh; }

.profile-purple_yb .profile-graphic{ right: 2vw; bottom: -18vh; top: auto; }
.profile-green_bo .profile-graphic{ right: 2vw; bottom: -22vh; top: auto; }
.profile-green_oy .profile-graphic{ right: 2vw; bottom: -15vh; top: auto; }
.profile-blue_bg .profile-graphic{ left: 2vw; bottom: -22vh; top: auto; }


	.section_make-a-promise.profile-green_bo .profile-graphic{
		bottom: -18vh;
	}
	.page-template-template-make-promise section.section_footer_contact .inner{
		padding-top: 20vh;
	}


.profile-green_oy .inline-graphic.show-mobile{ 
	display: none; 
	max-width: 25vw; margin: 0 0 1rem auto;
	position: relative; right: -5vw;
}
.profile-green_oy .inline-graphic.show-mobile svg{
	display: block; width: 100%; height: auto;
}
.profile-green_oy .profile-graphic.hide-mobile{}

.mobile-pagination {
	display: none;
}

.promise-wall-latest .pagination {

}

.profile-graphic span[data-tilt]{ transform-style: preserve-3d; }
.profile-graphic span[data-tilt] svg{ transform-style: preserve-3d; display: block; position: relative; }

/*-------- FOOTER */

ul.social-links{ 
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	display: flex;
	justify-content: flex-end;
}
ul.social-links li{ 
	flex-basis: 44px;
	display: inline-block; 
	vertical-align: middle; 
	text-align: center; 
	margin: 0.2em 0.6em 0.4em 0; 
	padding: 0;
 }
ul.social-links li a{ display: block; height: 44px; width: 44px; font-size: 20px; line-height: 46px; background: #FF9D6C; color: #3D1F29; font-weight: bold; border-radius: 50%; }
ul.social-links li a:hover{ background: #0DB561; color: #3D1F29; }

ul.site-footer-nav{ list-style-type: none; margin: 0; padding: 0; font-size: 0.82em; }
ul.site-footer-nav li{ display: inline-block; vertical-align: middle; margin: 0 0.4em 0.4em 0.4em; padding: 0; }
ul.site-footer-nav li a:not([href]):hover{ color: #fff; }

#site-footer .logo-section .footer-logo1 {
	margin-right: 30px;
}

#site-footer .logo-section .footer-logo2 {
	
}


.info-box{ border: 1px solid #FF9D6C; display: inline-block; vertical-align: middle; margin-bottom: 1rem; line-height: 1; }
.info-box .info-box-pad{ padding: 1rem 1rem; }
.info-box .info-box-pad p{ margin: 0;}
.info-box .info-box-pad p + p{ padding-top: 1rem; }

a.button_blue{ display: inline-block; vertical-align: middle; padding: 0.4em 0.8em; margin: 0; border: 1px solid #00587C; color: #00587C; background-color: transparent; text-decoration: none; }
a.button_blue:hover{ color: #FFF; background-color: #00587C; text-decoration: none; }

a.button_white{ display: inline-block; vertical-align: middle; padding: 0.4em 0.8em; margin: 0; border: 1px solid #FFF; color: #FFF; background-color: transparent; text-decoration: none; }
a.button_white:hover{ color: #888EDE; background-color: #FFF; text-decoration: none; }

.section_colourband a.button_white{ font-size: 0.8rem; }


/*-------- FORMS / GFROM */
.gform_wrapper{ font-size: 0.67rem; margin: 1rem 0!important; }
.gform_wrapper .gform_body{ margin: 1rem 0; }

.gform_confirmation_wrapper{ margin: 1rem 0 }


.gform_wrapper input,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    background: transparent;
    border: 0;
    border-bottom: 2px solid #fff;
    color: #fff;
    padding: 0.5em 2px;
    line-height: 1.2;
}

.gform_wrapper select, .gform_wrapper textarea{
	background: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 0.5em 2px;
    line-height: 1.2;
}

.gform_wrapper input[type=submit]{
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	line-height: 1;
	padding: 0.6em 2.2em;
	transition: all 0.4s ease;
}
.gform_wrapper input[type=submit]:hover{
	cursor: pointer; transition: all 0.4s ease;
}
.profile-purple_b .gform_wrapper input[type=submit]:hover{ color: #00587C; border-color: #00587C; }
.profile-orange_p .gform_wrapper input[type=submit]:hover{ color: #888EDE; border-color: #888EDE; }
.profile-green_y .gform_wrapper input[type=submit]:hover,
.profile-orange_y .gform_wrapper input[type=submit]:hover,
.profile-beige_y .gform_wrapper input[type=submit]:hover{ color: #FFCE00; border-color: #FFCE00; }
.profile-blue_g .gform_wrapper input[type=submit]:hover,
.profile-maroon_g .gform_wrapper input[type=submit]:hover{ color: #0DB561; border-color: #0DB561; }


.gform_wrapper form ::placeholder { color: rgba(255, 255, 255, 0.7);  opacity: 1; }
.gform_wrapper form :-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); }
.gform_wrapper form ::-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); }


/* gform validation */
.gform_wrapper.gform_validation_error .validation_error{
	color: #5b0000;
	border: 0;
	text-align: left;
	padding: 0 0;
	margin: 0 0;
	font-size: 0.67em;
}
.gform_wrapper .validation_message,
.gform_wrapper.gform_validation_error div.gfield_description.validation_message{
	color: #5b0000;
	font-size: 0.67em;
	padding-top: 6px;
}

.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error,
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){
	border: 0;
    background: none;
    max-width: 100%;
}

.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    padding-right: 0!important;
    /*margin: 0 0 20px 0!important;*/
    margin: 0 0!important;
    max-width: 100%!important;
}
.gform_wrapper.gform_validation_error li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.gform_wrapper.gform_validation_error li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0;
    padding-right: 0;
}

.gform_wrapper.gform_validation_error .gfield.gfield_error input,
.gform_wrapper.gform_validation_error .gfield.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
	padding: 0.5em 2px;
	border: 0;
	border-bottom: 2px solid #5b0000;
	margin-bottom: 0;
}
.gform_wrapper.gform_validation_error .gfield.gfield_error textarea,
.gform_wrapper.gform_validation_error .gfield.gfield_error select{
	padding: 0.5em 2px;
	border: 2px solid #5b0000;
	margin-bottom: 0;
}
	.gform_wrapper.gform_validation_error .gfield.gfield_error input[type=radio],
	.gform_wrapper.gform_validation_error .gfield.gfield_error input[type=checkbox]{
		border: 2px solid #5b0000;
	}
	.gform_wrapper.gform_validation_error .gfield:not(.gfield_error) select{ color: #FFF;  }
	.gform_wrapper.gform_validation_error .gfield:not(.gfield_error) select.blankchoice{  color: rgba(255, 255, 255, 0.7);  }
	.gform_wrapper.gform_validation_error li.gfield_error div.ginput_complex.ginput_container label, 
	.gform_wrapper.gform_validation_error li.gfield_error ul.gfield_checkbox, 
	.gform_wrapper.gform_validation_error li.gfield_error ul.gfield_radio{
		color: #5b0000;
	}

/* ADDITIONAL V3 ALTS - REDESIGN OVERRIDE */
.section_footer_contact .footer-info-box span+span{ padding-top: 0; }
.section_footer_contact .footer-info-24-7{ padding: 40px 0; }
.builder-template-partners.section {
	padding-top: 350px;
}
.builder-template-partners.section .partners-list li img{
	max-height: 200px; width: auto;
}

.section_colourband .sublayout_stories{ position: relative; }
.section_colourband .sublayout_stories a{ display: block; }
.section_colourband .sublayout_stories a svg{ 
	position: absolute; top: 50%; left: 50%;
	width: 60px; height: 39px;
}
.section_colourband .sublayout_stories a img{ display: block; width: 100%; }

.builder-template-resources.section .custom-row .column-with-resources .resource-row{ border-bottom: 1px solid #fff; }
.builder-template-resources.section .custom-row .column-with-resources .resource-row .resource-info .resource-type{  color: #fff; }
.builder-template-resources.section .custom-row .resources-types-list{}
.builder-template-resources.section .custom-row .column-with-resources .resource-row .resource-info .download-link:hover{ color: #3D1F29; }
.builder-template-resources.section .custom-row .column-with-resources .resource-row .resource-info .download-link:hover svg g{ fill: #3D1F29; }

.profile-white_3 .profile-graphic{ top: -22vw; }
.builder-template-resources.section{ padding: 15vh 0; }

.resource-row .resource-info .res-link-container + .res-link-container{ margin-top: 8px; }
.page-template-help section.section_footer_contact .profile-graphic{ display: none; }

.page-template-help .section_help-intro .inner{ padding-bottom: 30px; }
.page-template-help section.section_footer_contact .inner{ padding-top: 0px; }


.builder-template-editor.profile-white_1 .profile-graphic{ top: -245px; }
.builder-template-editor.section.profile-white_1{ padding-top: 225px; }
.builder-template-tips .profile-graphic.custom-graphic {
	top: -30vh;
}
.our-partners .builder-template-editor.section.profile-orange_p { padding-bottom: 185px; }
.our-partners .builder-template-editor.section.profile-orange_p .profile-graphic { top: -35vh; }
.page-template-builder .section_footer_contact.profile-maroon_new{ padding-top: 225px; }
.page-template-builder .section_footer_contact.profile-maroon_new .profile-graphic{ top: 0; }

.page-template-template-promise-wall .section_colourband.profile-green_oy .inner{ padding-bottom: 0; }
.page-template-template-promise-wall .section_colourband.profile-blue_bg .inner{ padding-top: 160px; }

.builder-template-real-stories.section {
	padding-top: 0px;
}

.around-australia .section.section_banner {
	min-height: auto;
}

.around-australia.page-template-builder .main section:first-of-type {
	padding-top: 43vh;
}
/* .around-australia .section_banner .group.inner > .flex-container.flex-center {
	height: auto;
    min-height: auto;
} */

@media only screen and (max-width: 1100px){
	.builder-template-partners.section {
		padding-top: 250px;
	}
}





.builder-template-partners.section .partners-list.stretch-center{
	align-items: start;
}
.builder-template-partners.section .partners-list.stretch-center li{}
.builder-template-partners.section .partners-list.stretch-center li .partner-link{
	background: #ffffff;
    height: 200px;
    max-height: 200px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 20px 0px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}
.builder-template-partners.section .partners-list.stretch-center li .partner-link img{
	max-height: 200px;
	/*max-width: 200px;*/
	max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 0px 20px;
    box-sizing: border-box;
}
.builder-template-partners.section .partners-list.stretch-center li .partner-label{
	width: 100%;
	padding-top: 10px;
	margin: 0 auto;
}
@media (hover: hover) {
	.builder-template-partners.section .partners-list.stretch-center li a.partner-label:hover{}
}


@media only screen and (max-width: 768px){
	body.home .profile-orange_y .profile-graphic{ top: -32vh; }
	.builder-template-editor.profile-white_1 .profile-graphic{ top: -100px; }
	.builder-template-editor.section.profile-white_1{ padding-top: 160px; }

	.page-template-builder .section_footer_contact.profile-maroon_new{ padding-top: 160px; }

	.section_colourband a.btn{ display: block; text-align: center; width: auto; margin: 0 auto; }
	.section_colourband .content.content-redesign{ word-break: break-word; }
}
@media only screen and (max-width: 440px){
	.page-template-template-promise-wall .section_colourband.profile-blue_bg .inner{ 
		padding-top: 0px; 
	}
}

@media only screen and (max-width: 767px){
	.builder-template-partners.section .partners-list.stretch-center li .partner-link{
		width: calc(100vw/2 - 90px + 30px);
    	height: calc(100vw/2 - 90px + 30px);
    	padding: 10px 0px;
    	max-height: unset;
	}
	.builder-template-partners.section .partners-list.stretch-center li .partner-link img{
		max-height: calc(100% - 20px);
    	max-width: calc(100% - 20px);
		padding: 0 10px;
	}
}


/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- PROMISE STYLES */
/*---------------------------------------------------------------------------*/
body.menu-open{}

body.scroll-up #back-to-top_container{ display: block; }

#back-to-top svg {
	height: 18px;
	margin-top: 6px;
}

	@media (hover: hover) {
		#back-to-top_container a#back-to-top:hover svg .fill-blue{ fill: #fff; }
		#back-to-top_container a#back-to-top:hover svg .fill-white{ fill: #00587C; }			
	}


#site-header .mobile-menu svg#site-menu-burger{ display: inline-block; vertical-align: middle; }
#site-header .mobile-menu svg#site-menu-burger #site-menu-open{ display: block; }
#site-header .mobile-menu svg#site-menu-burger #site-menu-close{ display: none; }
#site-header .mobile-menu svg#site-menu-burger.open{}
#site-header .mobile-menu svg#site-menu-burger.open #site-menu-open{ display: none; }
#site-header .mobile-menu svg#site-menu-burger.open #site-menu-close{ display: block; }

#site-mobile-menu{ 
	display: none; 
	color: #00587C;
	background-image: url(images/graphic-white_py.svg);
	background-repeat: no-repeat;
    background-size: 75vw auto;
    background-position: bottom -19vw right -10vw;
	width: 100%; height: 100%;
	overflow: hidden;
	position: absolute; top: 0; left: 0; z-index: 99;
}
#site-mobile-menu .inner{
	height: 100%; overflow: auto;
}
#site-mobile-menu ul.site-menu{ font-size: 1.4rem; }
#site-mobile-menu ul.site-menu li{ display: block; }
#site-mobile-menu ul.site-menu li.menu-item{ margin-top: 2rem; }
#site-mobile-menu ul.site-menu li.menu-item:last-of-type{ margin-bottom: 2rem; }



ul.site-menu{
	list-style-type: none; margin: 0; padding: 0; display: inline-block; vertical-align: middle;
}
ul.site-menu li{
	margin: 0; padding: 0; display: inline-block; vertical-align: middle;
}
ul.site-menu li:not(:last-of-type){
	margin-right: 1rem;
}
ul.site-menu li a:not([class]):hover{
	text-decoration: underline;
}

/*.page-template-template-make-promise section.section_colourband .inner,
.page-template-template-promise-wall section.section_colourband .inner{
	padding: 8vh 0 8vh 0;
}
.page-template-template-make-promise section.section_footer_contact .inner, .page-template-template-promise-wall section.section_footer_contact .inner{
	padding: 25vh 0 8vh 0;
}
.page-template-template-make-promise section:first-of-type .inner, .page-template-template-promise-wall section:first-of-type .inner{
	padding-top: calc(12vh + 4rem); padding-bottom: 12vh;
}*/


.page-template-template-make-promise .flex-item.content_50w .content-inner,
.page-template-template-promise-wall .flex-item.content_50w .content-inner{ padding: 0 5vw; }
.page-template-template-make-promise .flex-item.content_50w:nth-of-type(2n+1) .content-inner,
.page-template-template-promise-wall .flex-item.content_50w:nth-of-type(2n+1) .content-inner{ padding-left: 30px; }
.page-template-template-make-promise .flex-item.content_50w:nth-of-type(2n+2) .content-inner,
.page-template-template-promise-wall .flex-item.content_50w:nth-of-type(2n+2) .content-inner{ padding-right: 30px; }

.page-template-template-make-promise .content-block:not(:last-of-type){ padding-bottom: 5vh; }
.page-template-template-make-promise .content-block.receive-a-copy{ padding-top: 15vh; }


.page-template-template-promise-wall .profile-purple_b .profile-graphic{ display: none; }


.profile-graphic + .group.inner{
	z-index: 6;
}


/* MAKE A PROMISE */
.page-template-template-make-promise .section_footer_contact.profile-maroon_new .profile-graphic,
.page-template-template-promise-wall .section_footer_contact.profile-maroon_new .profile-graphic{
	display: none;
}


.section_make-a-promise .alert{
	color: #00587c;
    padding: 0.5rem 1.25rem;
    border: 1px solid #fff;
    background: #fff;
    margin: 1rem 0;
}
.section_make-a-promise .alert.alert-danger{}
.section_make-a-promise .alert ul{ list-style-type: none; margin: 0; padding: 0; }
.section_make-a-promise .alert ul li{ display: block; margin: 0.5rem 0; }


#make-promise-form{ width: 100%; max-width: 100%; }


#make-promise-form #select-promise{}
	#make-promise-form #select-promise .promise.selected{}
	.clear-btn-wrapper{ padding: 0 0.5rem; font-size: 22px; }


#make-promise-form #select-promise input.promise-checkbox.field-hidden{ display: none; }
#make-promise-form #select-promise .promise input.promise-checkbox{
	position: absolute;
	visibility: hidden;
}
#make-promise-form #select-promise .promise label.checkb-label{ 
	display: block; margin: 0.5rem; cursor: pointer; background: #fff;
}
#make-promise-form #select-promise .promise label.checkb-label img{ display: block; box-sizing: border-box; }

	#make-promise-form #select-promise.has-selected .promise{}
	#make-promise-form #select-promise.has-selected .promise:not(.selected) label.checkb-label img{ opacity: 0.5; }
	#make-promise-form #select-promise.has-selected .promise.selected label.checkb-label img{ border: 2px solid #fff; }

	#make-promise-form #select-promise:not(.has-selected):hover .promise label.checkb-label img{ opacity: 0.5; }
	#make-promise-form #select-promise:not(.has-selected):hover .promise:hover label.checkb-label img{ opacity: 1; }


#make-promise-form .write-promise{}
#make-promise-form .write-promise textarea{ 
	width: 100%; font-size: 0.9rem;box-sizing: border-box;
	border: 2px solid #fff; border-radius: 0;
	background-color: transparent;
	color: #fff; padding: 2px 12px;
}
	#make-promise-form .limits{ display:block; font-size: 12px; line-height: 1.4; }
	#make-promise-form .write-promise p.limits{ margin: 0 0 12px 0; font-size: 0.66rem; }

#make-promise-form input:not([type=file]):not([type=radio]):not([type=checkbox]){
	width: 100%; font-size: 0.9rem; box-sizing: border-box;
	border: 0; border-radius: 0;
	border-bottom: 2px solid #fff;
	background-color: transparent;
	color: #fff; padding: 0px 2px;
    height: 1.6rem;
}


#make-promise-form label.call-to-action{ margin-bottom: 12px; }

#make-promise-form input.email,
#make-promise-form input.town,
#make-promise-form input.city,
#make-promise-form input.state,
#make-promise-form input.postcode{
	margin-bottom: 0.8rem;
}
#make-promise-form input.state,
#make-promise-form input.postcode{ width: calc(100% - 0.5rem)!important;  }
#make-promise-form input.postcode{ margin-left: 0.5rem; }

#make-promise-form div.input-agree{
	margin: 1rem 0; font-size: 0.66rem; position: relative;
}
form#make-promise-form div.input-agree label{
	display: block; position: relative;
}
form#make-promise-form div.input-agree label span.checkbox-text{
	/*display: inline-block; vertical-align: middle; margin-left: 8px;*/
	display: block; overflow: hidden; padding-left: 12px;
}
form#make-promise-form div.input-agree label input#agree{
	float: left;
}


.upload-avatar{}
.upload-avatar .label-upload-avatar span{ display: block;  margin: 0 auto;}
.upload-avatar .desc-upload-avatar.flex-container{
	width: 500px; height: 444px;
	background-image: url(images/wall-upload-blob.svg);
	background-repeat: no-repeat; background-position: center; background-size: contain;
}
.upload-avatar .desc-upload-avatar.flex-container .upload-avatar-text{
    text-align: center;
}	
	.upload-avatar .desc-upload-avatar.flex-container .upload-avatar-text label{
		display: block; padding: 2rem; cursor: pointer;
	}
	.upload-avatar .desc-upload-avatar.flex-container .upload-avatar-text label:hover{ cursor: pointer; }

	.upload-avatar .desc-upload-avatar.flex-container .upload-avatar-text input#image{
		font-size: 0.56rem; width: 200px; margin-top: 0.6rem;
		position: absolute; left: -200vw;
	}
.upload-avatar .desc-upload-avatar.flex-container #img-preview-container{
	position: absolute; top: 0; left: 0; width: 500px; height: 444px; /*overflow: hidden;*/
	background-repeat: no-repeat; background-size: cover; background-position: center;
}
	#img-preview-container #img-preview-inner{
		width: calc(100% - 8px);
	    height: calc(100% - 8px);
	    margin: 4px;
	    box-sizing: border-box;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	}

	.upload-avatar .desc-upload-avatar.flex-container #img-preview-container img{ 
		visibility: hidden; 
		position: absolute; left: 0; top: 0; z-index: 0;
	}
	.upload-avatar .desc-upload-avatar.flex-container #img-preview-container .avatar-overlay-rmv{
		position: absolute;
    	bottom: 0;
    	font-size: 22px;
	}
	.upload-avatar .desc-upload-avatar.flex-container .preview-container a#remove-img-btn{}

.upload-avatar .desc-upload-avatar .avatar-overlay{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;	
}
.upload-avatar-instructions{
	position: absolute; top: 0; width: 100%; z-index: 4;
}
.upload-avatar-instructions .fa#upload-avatar-instructions{
	cursor: pointer;
	color: #fff; transition: all 0.2s ease;
}

.upload-avatar-instructions .fa#upload-avatar-instructions .info-circle-popup{
	/*display: none;*/ opacity: 0; color: #fff; 
	font-family: "pragmatica-extended";
    font-weight: normal;
    font-size: 12px;
    position: absolute;
    left: 1.2rem;
    top: 0.2rem;
    line-height: 1.2;
    transition: all 0.2s ease;
}
.upload-avatar-instructions .fa#upload-avatar-instructions.active,
.upload-avatar-instructions .fa#upload-avatar-instructions:hover{
	color: #FFCE00; transition: all 0.2s ease; cursor: pointer;
}
	.upload-avatar-instructions .fa#upload-avatar-instructions.active .info-circle-popup,
	.upload-avatar-instructions .fa#upload-avatar-instructions:hover .info-circle-popup{
		/*display: block;*/ opacity: 1; color: #fff; 
		transition: all 0.2s ease;
	}


form#make-promise-form h3{ margin-top: 0; margin-bottom: 1rem; }
form#make-promise-form h4{ margin: 0.5rem 0; }


form#make-promise-form input[type=checkbox]{
    display: inline-block; vertical-align: middle;
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    transition: border 0.2s ease;
    box-sizing: border-box;
}
form#make-promise-form input[type=checkbox]:checked{
	border-width: 11px; transition: border 0.2s ease;
}


form#make-promise-form input[type=submit],
form#make-promise-form button[type=submit]{
	margin-top: 1rem;
	display: inline-block;
    vertical-align: middle;
    width: auto;
    background: #fff;
    border: 2px solid #fff;
    color: #0DB561;
    line-height: 1;
    font-size: 0.8rem;
    padding: 0.6em 2.2em;
    transition: all 0.4s ease;
    cursor: pointer;
    font-family: "pragmatica-extended";
}
form#make-promise-form input[type=submit]:hover,
form#make-promise-form button[type=submit]:hover{
	color: #fff;
    background: #888ede;
    border-color: #888ede;
	transition: all 0.4s ease;
    cursor: pointer;
}


form#make-promise-form ::placeholder { color: rgba(255, 255, 255, 0.7);  opacity: 1; }
form#make-promise-form :-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); }
form#make-promise-form ::-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); }


.predefined-avatar-container{}
.avatar-slider .slick-arrow{
	display: block;	width: 3vw; height: 3vw; cursor: pointer;
	background-repeat: no-repeat; background-size: contain; background-position: center;
}
.avatar-slider .slick-arrow.slick-prev{
	z-index: 3;
	background-image: url(images/arrow-prev_white.svg); left: -3vw;
} 
.avatar-slider .slick-arrow.slick-next{
	z-index: 3;
	background-image: url(images/arrow-next_white.svg); right: -3vw;
}


.slider-container{
	width: 500px; height: 444px;
}
.avatar-slider .avatar-item{ 
	position: relative; 
	width: 500px; height: 444px;
    overflow: hidden;
    padding: 2px;
}
.avatar-slider .avatar-item .avatar-item-blankselect{
	width: 500px; height: 444px;
	background-image: url(images/wall-upload-blob.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.avatar-slider .avatar-item .avatar-item-blankselect .flex-item{
	padding: 2rem; text-align: center;
}
.upload-avatar .label-upload-avatar span.details,
.avatar-slider .avatar-item .avatar-item-blankselect span.details{ display: block; margin-top: 1rem; font-size: 0.56rem; }


.avatar-slider .avatar-item img.avatar-preview{
	display: block;
}
.avatar-slider .avatar-item .avatar-overlay{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.avatar-slider .avatar-item .avatar-overlay svg{
	display: block;
}

/* select promise / lightbox */
#promise-slider-container{
	display: none; opacity: 0;
	position: fixed; z-index: 200;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.8);
    transition: opacity 0.2s ease;
}
#promise-slider-container.on{
	display: block; opacity: 1;
	transition: opacity 0.2s ease;
}


.content-promise .promise-slider{ 
	height: 80vh; max-height: 960px; 
	width: calc( 80vh * 0.8);
	max-width: calc( 960px * 0.8);
	padding: 0; margin: 0; box-sizing: border-box;
}
.content-promise .promise-slider .slick-arrow{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block; cursor: pointer;
	width: 28px; height: 50px; z-index: 10;
}
.content-promise .promise-slider .promise-slider__element{}


.content-promise .promise-slider .slick-arrow.slick-prev{
	background-image: url(images/arrow-prev_purple.svg); left: 20px; z-index: 10;
}
.content-promise .promise-slider .slick-arrow.slick-next{
	background-image: url(images/arrow-next_purple.svg); right: 20px; z-index: 10;
}


.promise-slider .promise-slider__element-wrapper{ 
	position: relative; box-sizing: border-box;
    padding: 0 0; margin: 0 auto;
   /* top: -20px;*/
}
.promise-slider .promise-slider__element-wrapper .promise-slider__element{
	padding: 0 0; margin: 0 auto;
}
.promise-slider .promise-slider__element-wrapper .promise-slider__element .img-lb-container{
	height: 100%; width: 100%;
	position: relative; margin: 0 auto; padding: 0; box-sizing: border-box;
}
.promise-slider .promise-slider__element-wrapper .promise-slider__element .img-lb-container img{ 
	display: block; 
	margin: 0 auto;
	height: 80vh; max-height: 960px; 
	width: calc( 80vh * 0.8);
	max-width: calc( 960px * 0.8);
	padding: 70px 70px; box-sizing: border-box;
}
/*.promise-slider .promise-slider__element-wrapper .promise-slider__element .img-lb-container p.caption{
	margin: 12px 0 0 0; font-size: 16px; color: #00587C; display: none;
}
*/
.content-promise .promise-slider .promise-slider__element-wrapper .controls{
	margin: 0;
    /*height: 40px;top: 15px;*/height: 70px;top: 0;
    white-space: nowrap;
   	width: 100%; padding: 0 70px; box-sizing: border-box;
    position: absolute;  z-index: 10;
}
.content-promise .promise-slider .promise-slider__element-wrapper .controls label.checkb-label,
.content-promise .promise-slider .promise-slider__element-wrapper .controls label.checkb-label .on,
.content-promise .promise-slider .promise-slider__element-wrapper .controls label.checkb-label .off,
.content-promise .promise-slider .promise-slider__element-wrapper .controls span{
	height: 100%;
}

.content-promise .promise-slider .promise-slider__element-wrapper .controls label.checkb-label{ display: block; }
.content-promise .promise-slider .promise-slider__element-wrapper .controls label.checkb-label .on{ color: #888EDE; }
.content-promise .promise-slider .promise-slider__element-wrapper .controls label.checkb-label .off{}
.content-promise .promise-slider .promise-slider__element-wrapper .controls label.checkb-label,
.content-promise .promise-slider .promise-slider__element-wrapper .controls span.close{ 
	font-size: 18px; /*line-height: 38px;*/ line-height: 70px; color: #888EDE;
}
.content-promise .promise-slider .promise-slider__element-wrapper .controls span.close:before{
	content: url(images/icon-select-close_purple.svg);
}
.content-promise .promise-slider .promise-slider__element-wrapper .controls span.close:hover{
	color: #00587C;
}
.content-promise .promise-slider .promise-slider__element-wrapper .controls span.close:hover:before{
	content: url(images/icon-select-close.svg);
}
.content-promise .promise-slider .promise-slider__element-wrapper .controls label span{
	color: #888EDE;
}
.content-promise .promise-slider .promise-slider__element-wrapper .controls label:hover span{
	color: #00587C;
}
.content-promise .promise-slider .promise-slider__element-wrapper .controls label.is-checked .on:before{
	width: 16px; top: 0;
	content: url(images/icon-select-check_purple.svg);
}

.slick-list.draggable{ cursor: grab; }


/* PROMISE WALL */
.promise-wall-slider{
	padding: 2rem 0;
	margin-bottom: 12vw;
}
.promise-wall-slider .promise-wall-slide{}
.promise-wall-slider .promise-wall-slide .slide-image{ position: relative; }
.promise-wall-slider .promise-wall-slide .slide-image img{ 
	display: block; box-sizing: border-box; padding: 2px;
}
.promise-wall-slider .promise-wall-slide .slide-image .img-overlay{ 
	display: block; position: absolute; 
	top: 0; left: 0; width: 100%; height: 100%;	
}
.promise-wall-slider .promise-wall-slide .slide-image .img-overlay svg{
	/*display: block; width: 100%; height: 100%;*/
	display:block; width: auto; height: 100%;
}

.promise-wall-slider .promise-wall-slide .slide-text{}
.promise-wall-slider .promise-wall-slide .slide-text blockquote.promise-quote{
	display: block; padding: 0 1rem; margin: 1rem;
}
.promise-wall-slider .promise-wall-slide .slide-text blockquote.promise-quote cite{ display: block; font-style: normal; }


.promise-wall-slider .slick-arrow{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block; cursor: pointer;
	width: 1.25rem; height: 1.25rem;
}
	.promise-wall-slider .slick-arrow.slick-prev{
		background-image: url(images/arrow-prev_white.svg);
		left: -2.25rem;
	}
	.promise-wall-slider .slick-arrow.slick-next{
		background-image: url(images/arrow-next_white.svg);
		right: -2.25rem;
	}

.promise-wall-latest .promise-item-image{
	position: relative;
}
.promise-wall-latest .promise-item-image .img-presenation{
	background-repeat: no-repeat; background-position: center; background-size: cover;
	border: 2px solid transparent;
}
	.promise-wall-latest .promise-item-image .img-presenation img{ visibility: hidden; }
.promise-wall-latest .promise-item-image img{
	display: block; width: 100%; box-sizing: border-box; padding: 2px;
}
.promise-wall-latest .promise-item-image .img-overlay{
	display: block; position: absolute; 
	top: 0; left: 0; width: 100%; height: 100%;	
	/*top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px);	*/
}
.promise-wall-latest .promise-item-image .img-overlay svg{ display: block; width: 100%; height: 100%; }
.promise-wall-latest .promise-item-image .img-overlay svg .overlay-1,
.promise-wall-latest .promise-item-image .img-overlay svg .overlay-2,
.promise-wall-latest .promise-item-image .img-overlay svg .overlay-3,
.promise-wall-latest .promise-item-image .img-overlay svg .overlay-4{ 
	display: none;
}
.promise-wall-latest .promise-item-text{ padding-bottom: 1rem; font-size: 0.8rem;  }
.promise-wall-latest .promise-item-text blockquote.promise-quote{ display: block; margin: 0; padding: 0 10px; }
.promise-wall-latest .promise-item-text blockquote.promise-quote .p-label{}
.promise-wall-latest .promise-item-text blockquote.promise-quote .p-text{}


.promise-wall-latest .promise-wall-item:nth-of-type(3n+1) .content{ padding-right: 1rem; }
.promise-wall-latest .promise-wall-item:nth-of-type(3n+2) .content{ padding: 0 0.5rem; }
.promise-wall-latest .promise-wall-item:nth-of-type(3n+3) .content{ padding-left: 1rem; }

.promise-wall-latest .promise-wall-item:nth-of-type(4n+1) .promise-item-image .img-overlay .overlay-1{ display: block; }
.promise-wall-latest .promise-wall-item:nth-of-type(4n+2) .promise-item-image .img-overlay .overlay-2{ display: block; }
.promise-wall-latest .promise-wall-item:nth-of-type(4n+3) .promise-item-image .img-overlay .overlay-3{ display: block; }
.promise-wall-latest .promise-wall-item:nth-of-type(4n+4) .promise-item-image .img-overlay .overlay-4{ display: block; }

	.promise-wall-latest .promise-wall-item:nth-of-type(4n+1) .promise-item-text{}
	.promise-wall-latest .promise-wall-item:nth-of-type(4n+2) .promise-item-text{ margin-top: -0.82rem; }
	.promise-wall-latest .promise-wall-item:nth-of-type(4n+3) .promise-item-text{ margin-top: -0.35rem; }
	.promise-wall-latest .promise-wall-item:nth-of-type(4n+4) .promise-item-text{ margin-top: -0.67rem; }



.promise-wall-latest .pagination{ 
	text-align: right; padding: 3rem 0 3rem 0; 
	font-size: 20px; line-height: 30px;
}
.promise-wall-latest .pagination span:not(:last-child),
.promise-wall-latest .pagination a:not(:last-child){ margin-right: 1em; }
.promise-wall-latest .pagination a.page:not(:hover){ opacity: 0.5; }

.promise-wall-latest a.nextpostslink{ margin-left: 1rem; }

/*-------------------------------------------------------- PROMISE RESPONSIVE STYLES */
@media only screen and (max-width : 1440px) {
	.upload-avatar .desc-upload-avatar.flex-container{ width: 440px; height: 390px; }
	.upload-avatar .desc-upload-avatar.flex-container #img-preview-container{ width: 440px; height: 390px; }
	.slider-container{ width: 440px; height: 390px; }
	.avatar-slider .avatar-item,
	.avatar-slider .avatar-item .avatar-item-blankselect{ width: 440px; height: 390px; }

	.profile-green_oy .profile-graphic{ bottom: -12vh; }
}

/* iPad */
@media only screen and (max-width : 1180px) {
	.upload-avatar .desc-upload-avatar.flex-container{ width: 320px; height: 284px; }
	.upload-avatar .desc-upload-avatar.flex-container #img-preview-container{ width: 320px; height: 284px; }
	.slider-container{ width: 320px; height: 284px; }
	.avatar-slider .avatar-item,
	.avatar-slider .avatar-item .avatar-item-blankselect{ width: 320px; height: 284px; }	
	.promise-wall-slider{
		margin-bottom: 6vw;
	}	
}

@media only screen and (max-width : 1024px) {
	.upload-avatar-instructions .fa#upload-avatar-instructions:not(.active):hover{ color: #fff; }
	.upload-avatar-instructions .fa#upload-avatar-instructions:not(.active):hover .info-circle-popup{ opacity: 0; }
}



@media only screen and (min-width : 980px) and (max-width : 1440px) and (max-height : 980px){
	.profile-graphic.custom-graphic{ 
    	width: 28vw;
    	top: -24vh;
	}
}
@media only screen and (min-width : 1440px) and (max-width : 1660px)  and (max-height : 980px){
	.profile-graphic.custom-graphic{}
}
@media only screen and (min-width : 1660px) and (max-width : 2660px)  and (max-height : 980px){
	.profile-graphic.custom-graphic{ 
    	width: 22vw;
    	top: -28vh;
	}
}

@media only screen and (max-width : 980px) {
	.promise-slider .promise-slider__element-wrapper{ top: unset; }

	.profile-graphic.custom-graphic{ 
    	/* width: 56vw;  */
    	/*max-width: 52vw;*/
		width: 76vw;
		top: -27vh;
    	max-width: 360px;
	}

	.builder-template-partners .profile-graphic.custom-graphic {
		top: -16vh;
	}

	body.home .profile-orange_y .profile-graphic.custom-graphic{
		top: -16vh;
	}	
	section.section_footer_contact .profile-graphic.custom-graphic{
		/*max-width: 38vw;*/
    	/*width: 38vw; */
	}

	.promise-wall-slider{
		margin-bottom: 4vw;
	}	

}

@media only screen and (max-width : 870px) {
	.promise-wall-slider{
		margin-bottom: 0vw;
	}
}
@media only screen and (max-width : 767px) {
	.content-promise .promise-slider,
	.promise-slider .promise-slider__element-wrapper .promise-slider__element .img-lb-container img{
		height: calc(90vw / 0.8);
    	max-height: 80vh;
    	width: 90vw;
    	max-width: 80vh;
	}
	/*.promise-slider .promise-slider__element-wrapper .promise-slider__element .img-lb-container p.caption{
		display: block; color: #888EDE; position: absolute; bottom: 12px; font-size: 12px; padding: 0 40px;
	}*/


	.promise-slider .promise-slider__element-wrapper .promise-slider__element .img-lb-container img{ padding: 56px 40px 40px 40px; }
	.content-promise .promise-slider .promise-slider__element-wrapper .controls{ top: 0px; padding: 0 40px; height: 56px }
	.content-promise .promise-slider .promise-slider__element-wrapper .controls label.checkb-label,
	.content-promise .promise-slider .promise-slider__element-wrapper .controls span.close{ font-size: 12px; line-height: 56px; }
	.content-promise .promise-slider .promise-slider__element-wrapper .controls label.checkb-label{ 
	   width: 75%;
	}
	.content-promise .promise-slider .promise-slider__element-wrapper .controls span.close{
		width: 25%; margin: 0;
	}
	.content-promise .promise-slider .slick-arrow.slick-next{ right: 5px; }
	.content-promise .promise-slider .slick-arrow.slick-prev{ left: 5px; }
    
}


@media only screen and (max-width : 768px) {
	/* switch to 100% width stacks w=@768px */

	body.home .profile-orange_y .profile-graphic.custom-graphic{
		top: -22vh;
	}	

	.profile-green_oy .profile-graphic,.profile-blue_bg .profile-graphic,
	.profile-purple_yb .profile-graphic,.profile-green_bo .profile-graphic{
		max-width: 34vw;
	}
	.profile-green_oy .inline-graphic.show-mobile{ max-width: 34vw; right: -40px; }
	.profile-maroon_new .profile-graphic{}

	.profile-blue_bg .profile-graphic{ bottom: -10vh; }
	.profile-purple_yb .profile-graphic{ bottom: -16vh; }
	.page-template-template-make-promise .profile-purple_yb .profile-graphic{ bottom: -8vh; }
	.profile-green_bo .profile-graphic{ bottom: -26vh; }
	.profile-green_oy .profile-graphic{ bottom: -15vh; }

	main .flex-container:not(.flex-nowrap) .flex-item.content_33w,
	main .flex-container:not(.flex-nowrap) .flex-item.content_66w{
		flex-basis: 100%; width: 100%;
	}

	main .promise-wall-container.flex-container:not(.flex-nowrap) .flex-item.content_33w{ width: 50%; flex-basis: 50%; }
	main .promise-wall-container.flex-container .promise-wall-item:nth-of-type(2n+1) .content{ padding-right: 40px; padding-left: 0; }
	main .promise-wall-container.flex-container .promise-wall-item:nth-of-type(2n+2) .content{ padding-right: 0; padding-left: 40px; }

	.page-template-template-make-promise .flex-item.content_50w:nth-of-type(2n+2) .content-inner, 
	.page-template-template-promise-wall .flex-item.content_50w:nth-of-type(2n+2) .content-inner{
		padding-left: 0; padding-right: 0;
	}	
		.content-block.avatar{ padding-top: 2rem; }
		.upload-avatar{ padding-bottom: 2.5rem; }
		.page-template-template-make-promise .content-block.receive-a-copy{ padding-top: 4rem; }

		.upload-avatar, .upload-avatar-instructions{ margin: 0 40px; overflow: hidden; }
		.upload-avatar-instructions .fa#upload-avatar-instructions{ font-size: 28px; }
		.upload-avatar-instructions .fa#upload-avatar-instructions .info-circle-popup{ left: 38px; }

			#make-promise-form .write-promise textarea{ height: 9rem; }
			.upload-avatar, .upload-avatar-instructions{ margin: 0 0; }
			.slider-container{ margin: 0 auto; }
			.upload-avatar .desc-upload-avatar.flex-container{ margin: 0 auto; }

			.upload-avatar .desc-upload-avatar.flex-container #img-preview-container .avatar-overlay-rmv{
				bottom: -2rem;
			}

	.avatar-slider .slick-arrow{ width: 40px; height: 40px; }
	.avatar-slider .slick-arrow.slick-prev{ left: -40px; }
	.avatar-slider .slick-arrow.slick-next{ right: -40px; }

	.promise-wall-slider .slick-arrow{ 
		width: 40px; height: 40px; 
		top: calc((100vw*0.8)/2);
	}
	.promise-wall-slider .slick-arrow.slick-prev{ left: -40px; }
	.promise-wall-slider .slick-arrow.slick-next{ right: -40px; }

	.receive-a-copy-form{ margin-top: 40px; }
	#make-promise-form input.state, #make-promise-form input.postcode{ width: 100%!important; margin-left: 0; margin-right: 0; }	
	#make-promise-form .write-promise p.limits{ font-size: 1rem; margin: 0 0 4px 0; }

	/* switch mobile menu */
	html.menu-open, body.menu-open{ height: 100%; overflow: hidden; }
	body.menu-open .mobile-menu .fill-blue,
	body.menu-open .mobile-menu .fill-white,
	body.menu-open #site-header .fill-white{ fill: #00587C; }
	#site-header .flex-container.flex-edges-center{ align-items: flex-start; }
	#site-mobile-menu{ display: block; }
}

@media only screen and (max-width : 680px) {
	html, body{ font-size: 16px; }

	.profile-green_oy .inline-graphic.show-mobile{ right: -30px; }

	main .promise-wall-container.flex-container:not(.flex-nowrap) .flex-item.content_33w{
		width: 100%; flex-basis: 100%;
	}
	main .promise-wall-container.flex-container .promise-wall-item:nth-of-type(2n+1) .content{ padding-right: 0px; padding-left: 0; }
	main .promise-wall-container.flex-container .promise-wall-item:nth-of-type(2n+2) .content{ padding-right: 0; padding-left: 0px; }
	main .promise-wall-container.flex-container .promise-wall-item{ padding-bottom: 1rem; }
	/*.promise-wall-latest .promise-item-text{ font-size: 1rem; }*/

	.promise-wall-slider .promise-wall-slide .slide-text blockquote.promise-quote{
		font-size: 1.2rem; padding: 0; margin: 0;
	}
	.promise-wall-slider .promise-wall-slide .slide-text blockquote.promise-quote cite{ /*font-size: 0.74rem;*/ font-size: 12px; }

	.upload-avatar-instructions{ overflow: visible; }
	.upload-avatar-instructions.active{
		position: relative;
	}
	.upload-avatar-instructions .fa#upload-avatar-instructions .info-circle-popup{
		/*width: calc(100% - 38px - 60px);*/
		width: calc(100% - 38px);
		position: relative;
    	top: -2rem;
	}
	.upload-avatar-instructions .fa#upload-avatar-instructions .info-circle-popup span{ margin-bottom: 4px; }

	.upload-avatar .desc-upload-avatar.flex-container .upload-avatar-text label,
	.avatar-slider .avatar-item, .avatar-slider .avatar-item .avatar-item-blankselect{
		font-size: 22px;
	}
	.upload-avatar .label-upload-avatar span.details, .avatar-slider .avatar-item .avatar-item-blankselect span.details{
		font-size: 12px;
	}
	#make-promise-form div.input-agree{
		font-size: 1rem;
	}
	form#make-promise-form input[type=checkbox]{ width: 16px; height: 16px; }
	form#make-promise-form input[type=checkbox]:checked{ border-width: 8px; }

	#make-promise-form input:not([type=file]):not([type=radio]):not([type=checkbox]){
		font-size: 1rem; height: 2.4rem;
	}
	form#make-promise-form input[type=submit], form#make-promise-form button[type=submit]{
		font-size: 1rem;
	}

	.content-promise .promise-slider{
		/* TODO: fit on width instead of height! */
	}


	.section_colourband a.button_white,
	a.button_white,
	a.btn,a.btn-filled{
		font-size: 1rem;
    	margin: 0.5rem 0;
	}

	.text-small{ font-size: 12px; }
	.promise-wall-latest .pagination{ 
		/*font-size: 12px; line-height: 18px;*/
	}

	/*.promise-wall-latest .pagination span:not(:nth-last-child(2)), .promise-wall-latest .pagination a:not(:nth-last-child(2)),*/
	.promise-wall-latest .pagination span:not(:last-child), .promise-wall-latest .pagination a:not(:last-child){ margin-right: 24px; }
	.promise-wall-latest .pagination span, .promise-wall-latest .pagination a{ display: inline-block; margin-top: 10px; }
	.promise-wall-latest a.nextpostslink{ display: inline-block; }

	#make-promise-form .write-promise p.limits{ margin: 0 0 4px 0; font-size: 1rem; }
	#make-promise-form .write-promise textarea{ height: 17rem; }	
	
	.content-redesign h2 {
		font-size: 30px;
	}

	.promise-wall-latest .pagination {
		display: none;
	}

	.mobile-pagination.pagination  {
		display: block;
		text-align: center;
		display: flex;
		justify-content: space-between;
	}
}
@media only screen and (max-width : 440px) {
	#select-promise{
		width: calc( 100% + 20px ); max-width: unset; position: relative; left: -10px;
	}
	#select-promise.flex-container .flex-item.content_20w{ flex-basis: 50%; width: 50%; }

	h1,
	.builder-template-intro.section .intro-title,
	.page-template-template-make-promise section:not(.section_footer_contact) h1,
	.page-template-template-promise-wall section:not(.section_footer_contact) h1{ font-size: 2.5rem; line-height: 1.1; }

	.profile-green_oy .profile-graphic, .profile-blue_bg .profile-graphic, 
	.profile-purple_yb .profile-graphic, .profile-green_bo .profile-graphic{
		max-width: 44vw;
	}
	.profile-green_oy .inline-graphic.show-mobile{ display: block; max-width: 52vw; }
	.profile-green_oy .profile-graphic.hide-mobile{ display: none; }


	.profile-purple_yb .profile-graphic{ bottom: -35vw; }
	.profile-green_bo .profile-graphic{ bottom: -46vw; }

	/*.page-template-template-make-promise section.section_colourband .inner, .page-template-template-promise-wall section.section_colourband .inner{
		padding: calc( 8vh + 4rem ) 0;
	}
	.page-template-template-make-promise section.section_footer_contact .inner, .page-template-template-promise-wall section.section_footer_contact .inner{
		padding-top: 34vh;
	}*/
	.profile-green_bo .profile-graphic{ bottom: -30vh; }
	section.section_footer_contact #site-contact .text-small{ font-size: 14px; }

	body #sb_instagram #sbi_images {
		margin-left: 0px;
	}

	.main-navigation .container {
		padding: 0px 30px 0px;
		position: relative;
    	top: 45%;
    	transform: translateY(-50%);
	}


}
@media only screen and (max-width : 400px) {
	.upload-avatar .desc-upload-avatar.flex-container .upload-avatar-text label, 
	.avatar-slider .avatar-item, .avatar-slider .avatar-item .avatar-item-blankselect{ font-size: 16px; }
	.upload-avatar .desc-upload-avatar.flex-container{ width: 240px; height: 213px; }
	.upload-avatar .desc-upload-avatar.flex-container #img-preview-container{ width: 240px; height: 213px; }
	.slider-container{ width: 240px; height: 213px; }
	.avatar-slider .avatar-item,
	.avatar-slider .avatar-item .avatar-item-blankselect{ width: 240px; height: 213px; }		
}



/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- RESPONSIVE STYLES */
/*---------------------------------------------------------------------------*/
/* Desktop */


@media only screen and (min-width : 1440px) {
	.section .inner{ max-width: 77%; }
}

@media only screen and (max-width : 1940px) {
	.our-partners .builder-template-editor.section.profile-orange_p .profile-graphic {
		top: -42vh;
	}
}

/* iPad */
@media only screen and (max-width : 1180px) {
	.profile-graphic{ max-width: 34vw; }
	.section_make-a-promise .alert{ margin: 1rem 40px; }

	.flex-container .flex-item .content.padleft,
	.flex-container .flex-item.content_100w .content,
	.flex-container .flex-item.content_75w .content,
	.flex-container .flex-item.content_50w .content,
	.flex-container .flex-item.content_25w .content{ padding-left: 40px; padding-right: 40px; }
	.flex-container .flex-item .pad-100w-side{ padding-left: 0; }

	.divline.padleft{ width: calc( 100% - 80px ); margin: 2rem auto; }

	#site-header .inner{ padding: 40px 0 20px 0; }

	.our-partners .builder-template-editor.section.profile-orange_p .profile-graphic {
		top: -32vh;
	}
}

@media only screen and (max-width : 768px) {
	/* .our-partners .builder-template-editor.section.profile-orange_p .profile-graphic {
		top: -32vh;
	} */
}


@media only screen and (max-width : 768px) {
	.profile-graphic{ max-width: 44vw; }

	.flex-container{ flex-wrap: wrap; }
	.flex-container:not(.flex-nowrap) .flex-item.content_75w{ flex-basis: 100%; width: 100%; }
	.flex-container:not(.flex-nowrap) .flex-item.content_50w{ flex-basis: 100%; width: 100%; }

	section.section_footer_contact .inner{ padding-bottom: 5vh; }
	section.section_footer_contact .flex-container .flex-item.content_33w{ flex-basis: 100%; width: 100%; }
	section.section_footer_contact .flex-container .flex-item.content_33w .content{ text-align: center; padding-top: 20px; }

	#site-footer.flex-container .flex-item.content_25w{ width: 100%; flex-basis: 100%; text-align: center; }

	#site-footer .logo-section {
		justify-content: center;
	}

	#site-footer .logo-section .footer-logo1 {
		margin-right: 0px;
		margin-bottom: 10px;
		flex-basis: 100%;
	}

	#site-footer .logo-section .footer-logo2 {
		flex-basis: 100%;
	}

	ul.social-links{ 
		justify-content: center;
	}
	/* ul.social-links li{ 

	} */

	#site-footer .text-leftt, #site-footer .text-right{ text-align: center; }
	ul.site-footer-nav{ margin: 1rem auto; }

	section.section_footer_contact #site-contact .text-small{ font-size: 1rem; }
	section.section_footer_contact #site-footer .text-small{ font-size: 0.8rem; }
	ul.site-footer-nav li{ margin: 0 12px 12px 12px; }

	ul.social-links li a { height: 34px; width: 34px; font-size: 14px; line-height: 36px; }
	ul.social-links li{ margin: 0 8px 12px 8px; }

	.gform_wrapper{ font-size: 1rem; }

	.promise-wall-latest .promise-item-image{  }
}

/* Mobile */
@media only screen and (max-width : 680px) {
	section.section_colourband .inner { padding: 20vh 0; }
	.section_make-a-promise .alert{ margin: 1rem 30px; }


	.around-australia.page-template-builder .main section:first-of-type,
	.page-template-builder .main section.section_banner{
		padding: 20vh 0px;
	}
	.page-template-builder .main section.section_banner .inner{
		padding: 0;
	}
	.page-template-builder .main section.section_banner .flex-container.flex-center{
		align-items: flex-start;
   		align-content: flex-start;
    	justify-content: flex-start;
	}

	.home-intro.section .home-intro-title{ font-size: 34px; line-height: 40px; margin-bottom: 22px; }
	.home-intro.section .home-intro-img{
		max-height: 15vh;
	}	
	.home-intro.section .home-intro-btn{
		margin-bottom: 30px;
	}

	.flex-container .flex-item .content.padleft,
	.flex-container .flex-item.content_100w .content,
	.flex-container .flex-item.content_75w .content,
	.flex-container .flex-item.content_50w .content,
	.flex-container .flex-item.content_25w .content{ padding-left: 30px; padding-right: 30px; }
	.divline.padleft{ width: calc( 100% - 60px ); }

	#site-header .inner{ padding: 20px 0 20px 0; }
	#site-header .inner .content{ /*padding-left: 20px; padding-right: 20px;*/ padding-left: 30px; padding-right: 30px; }
	.page-template-template-make-promise section:first-of-type .inner, .page-template-template-promise-wall section:first-of-type .inner{
		/*padding-top: calc(12vh + 8rem);*/
		padding-bottom: calc(12vh + 8rem);
	}
	.profile-purple_yb .profile-graphic{ bottom: -10vw; }

	#site-header .flex-container .flex-item.content_25w,
	#site-header .flex-container .flex-item.content_75w{ flex-basis: 50%; width: 50%; }
	#site-header .flex-container.flex-edges-center{ align-items: flex-start; }

	#site-header .flex-container a.header-logo svg, #site-header .flex-container a.header-logo img {
    	display: block; width: 100%; height: auto; max-width: 100%;
	}

	.promise-wall-slider{ padding: 2rem 20px; }
	.promise-wall-slider .slick-arrow.slick-prev{ left: -20px; }
	.promise-wall-slider .slick-arrow.slick-next{ right: -20px; }

}
@media only screen and (max-width : 440px) {
	h3, .h3, .editor h3{ font-size: 22px; line-height: 30px; }
	#site-header .flex-container .flex-item.content_50w .header-logo{ max-width: 100px; }
}

@media only screen and (max-width : 330px) {
	h3.footer-info-box{ font-size: 19px; line-height: 28px; }
	.home-intro.section .home-intro-title{ font-size: 28px; line-height: 36px; margin-bottom: 14px; }
	.home-intro.section .home-intro-subtitle{ font-size: 20px;  line-height: 28px; }
}