/* #Site Styles
================================================== */

html {
  overflow-y: scroll;
}

body{
	background-color: #FFF;
	margin:0px;
  animation: fadein 2.5s;
  -moz-animation: fadein 2.5s; /* Firefox */
  -webkit-animation: fadein 2.5s; /* Safari and Chrome */
  -o-animation: fadein 2.5s; /* Opera */
}
@keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
  from {opacity:0;}
  to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {opacity:0;}
  to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
  from {opacity:0;}
  to {opacity: 1;}
}

a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* #Page Styles
================================================== */

.sticky {
	position: fixed;
	height: 180px;
	top: 0px;
	width: 100%;
	z-index: 1000;
}

/* ::: Panic Bar ::: */

.panic-actions {background:#E23A53;}
.leave {
	width: 50%;
	background-color: #E23A53;
	display: inline-block;
}
.leave a {
	color: #fff;
	text-align: center;
	background: #E23A53;
	display: block;
	text-decoration:none;
	height: 100%;
	padding: 18px 0px 18px 0px;
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.leave a:hover {
	background-color: #fff;
	color: #E45056;
}
.leave svg {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 11px;
	margin-left: -38px
}
.leave:hover .cls-icon-arrow-1 {fill: #E23A53;}


.safety {
	width: 50%;
	background-color: #E23A53;
	display: inline-block;
}
.safety a {
	color: #fff;
	text-align: center;
	background: #E23A53;
	display: block;
	text-decoration:none;
	height: 100%;
	padding: 18px 0px 18px 0px;
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.safety a:hover {
	background-color: #fff;
	color: #E45056;
}
.safety svg {
	width: 30px;
	height: 21px;
	position: absolute;
	top: 19px;
	margin-left: -38px
}
.safety:hover .cls-icon-safety-1 {fill: #E45056;}

/* ::: Header ::: */

.header {
	background:#463B57;
	padding: 0px 0px 0px 0px;
	background: rgb(70, 59, 87); /* Fall-back for browsers that don't support rgba */
    background: rgba(70, 59, 87, .3);
    height: 108px;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header.block-opacity {
    background: #463B57;
    background: rgb(70, 59, 87);
    background: rgba(70, 59, 87, .9);
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.logo {
	display: inline-block;
	margin-right: 20px;
	padding: 10px 0px 0px 0px;
	height: 114px;
	overflow: hidden;
}
.logo img {width: 180px;}
.tagline {
	display: inline-block;
	width: 200px;
}
.tagline img {
	position: absolute;
	top: 39px;
	width: 200px;
}
.menu {float: right;}
.menu a {
    color: #D6D6D6;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 45px 0px 40px 0px;
    background-color: none;
    font-size: 13px;
    margin-left: 30px;
	background: url('../images/nav-hover.svg') no-repeat 0px 70px;
	background-size: 0px 3px;
}
.menu a:hover {
	color: #fff;
	background: url('../images/nav-hover.svg') no-repeat 0px 70px;
	background-size: 55px 3px;
}
.menu a#faqs {
	margin-left: 40px;
	margin-right: 10px;
}
.menu a#contact {
	background: url('../images/contact-bg-hover.svg') no-repeat 0px 42px;
	color: #fff;
	width: 90px;
}
.menu a#contact:hover {
	background: url('../images/contact-bg.svg') no-repeat 0px 42px;
	color: #463B57;
}


/* ::::::::: Home Styles ::::::::: */


.i-need {
	background: url(../images/banner-homepage.jpg) no-repeat center top;
	background-size: 100%;
	padding: 260px 0px 60px 0px;
	margin-bottom: -42px;
	overflow: hidden;
}

.i-need .sixteen {
	margin-top: 20px;
}
.i-need h1 {
	color:#fff;
	font-size: 24px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	margin-left: 255px;
	margin-top: 30px;
}

.i-need svg {
	margin-top: -93px;
	width:150px;
	margin-left: 60px;
}
.i-need p {
	font-size: 35px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	color: #fff;
	text-align:right;
	padding: 20px 20px 0px 0px;
	background: url('../images/i-need.svg') no-repeat right 0px;
	height: 60px;
	margin-right: -12px;
}
.i-need a {
	font-size: 35px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	color: #fff;
	padding: 20px 0px 0px 20px;
	height: 60px;
	display: block;
	text-decoration: none;
	margin-bottom: -18px;
}
.i-need a:hover {color: #E23A53;}

.i-need a#help {
	background: url('../images/i-need-help-now.svg') no-repeat left 0px;
	width: 235px;
}
.i-need a#help:hover {
	background: url('../images/i-need-help-now-hover.svg') no-repeat left 0px;
	margin-left: 35px;
}

.i-need a#someone {
	background: url('../images/i-need-someone.svg') no-repeat left 0px;
	width: 400px;
}
.i-need a#someone:hover {
	background: url('../images/i-need-someone-hover.svg') no-repeat left 0px;
	margin-left: 35px;
}

.i-need a#place {
	background: url('../images/i-need-place.svg') no-repeat left 0px;
	width: 400px;
}
.i-need a#place:hover {
	background: url('../images/i-need-place-hover.svg') no-repeat left 0px;
	margin-left: 35px;
}

.i-need a#advice {
	background: url('../images/i-need-advice.svg') no-repeat left 0px;
	width: 400px;
}
.i-need a#advice:hover {
	background: url('../images/i-need-advice-hover.svg') no-repeat left 0px;
	margin-left: 35px;
}

.announcement {
	background-color: #1D70B8;
	padding: 40px 30px 35px 30px;
	text-align: center;
	margin-bottom: -22px;
}
.announcement.announcement-red {background-color: #E23A53;}

.announcement p,
.announcement p strong,
.announcement p a {
	font-size: 18px;
	line-height: 24px;
	color: #FFF;
}

.announcement p a:hover {color: #D9E6F2;}

.free-helpline {
	background:url('../images/free-helpline.svg') no-repeat;
	background-size: 100% 80px;
	padding: 30px 0px 20px 0px;
	margin-bottom: 40px;
}
.free-helpline p {
	font-size: 28px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	color: #EAAD9A;
	text-align: center;
}
.free-helpline p strong {color: #fff;}


.banner-border {
	height: 45px;
	width: 100%;
	margin-bottom: 12px;
}
.banner-border svg {
	height: 100%;
	width: 100%;
}

.welcome {
	padding: 0px 0px 60px 0px;
}
.welcome h2 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 22px;
	text-align: center;
	margin-bottom: -5px;
}

.welcome h3 {
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}

.welcome a .left,
.welcome a:hover .left,
.welcome a .center,
.welcome a:hover .center,
.welcome a .right,
.welcome a:hover .right {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.welcome a .left {
	background: url('../images/home-box-background-3.svg') no-repeat 0px 0px;
	background-size: 100% 100%;
	height: 240px;
	padding: 22px;
}

.welcome a .right {
	background: url('../images/home-box-background-2.svg') no-repeat 0px 0px;
	background-size: 100% 100%;
	height: 240px;
	padding: 22px;
}

.welcome a .center {
	background: url('../images/home-box-background-1.svg') no-repeat 0px 0px;
	background-size: 100% 100%;
	height: 240px;
	padding: 22px;

}

/* Safari Only */ 
_::-webkit-full-page-media, _:future, :root .welcome a .left {
 	background: url('../images/home-box-background-3.svg') no-repeat 0px 0px !important;
	background-size: 100% 100% !important;
}

_::-webkit-full-page-media, _:future, :root .welcome a .right {
 	background: url('../images/home-box-background-2.svg') no-repeat 0px 0px !important;
	background-size: 100% 100% !important;
}

_::-webkit-full-page-media, _:future, :root .welcome a .center {
 	background: url('../images/home-box-background-1.svg') no-repeat 0px 0px !important;
	background-size: 100% 100% !important;
}


.welcome a:hover .left,
.welcome a:hover .center,
.welcome a:hover .right {
	background: url('../images/home-box-background-hover.svg') no-repeat 0px 0px;
	height: 240px;
	background-size: 100% 100%;
}

.welcome a:hover .left .cls-1-box-icon-1 {
	fill: #fff!important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.welcome a .left h4,
.welcome a .center h4,
.welcome a .right h4 {
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 30px;
	line-height: 32px;
	padding-right: 30px;
}
.welcome a .left h4 span,
.welcome a .center h4 span,
.welcome a .right h4 span {
	font-weight: 500;
}

.welcome a .left p,
.welcome a .center p,
.welcome a .right p {
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 13px;
	bottom: 0px;
	position: absolute;
	padding: 20px;
}

.welcome a .left p {
	background: url('../images/find-out-more-3.svg') no-repeat 11px 8px;
	background-size: 100px 50px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* Safari Only */ 
_::-webkit-full-page-media, _:future, :root .welcome a .left p {
 	background: url('../images/find-out-more-3.svg') no-repeat 11px 8px !important;
	background-size: 100px 50px !important;
	color: #fff !important;
}

.welcome a .center p {
	background: url('../images/find-out-more.svg') no-repeat 11px 8px;
	background-size: 100px 50px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* Safari Only */ 
_::-webkit-full-page-media, _:future, :root .welcome a .center p {
 	background: url('../images/find-out-more.svg') no-repeat 11px 8px !important;
	background-size: 100px 50px !important;
	color: #fff !important;
}

.welcome a .right p {
	background: url('../images/find-out-more-2.svg') no-repeat 11px 8px;
	background-size: 100px 50px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* Safari Only */ 
_::-webkit-full-page-media, _:future, :root .welcome a .right p {
 	background: url('../images/find-out-more-2.svg') no-repeat 11px 8px !important;
	background-size: 100px 50px !important;
	color: #fff !important;
}

.welcome a:hover .left p,
.welcome a:hover .center p,
.welcome a:hover .right p {
	background: url('../images/find-out-more-hover.svg') no-repeat 11px 8px;
	background-size: 100px 50px;
	color: #E23A53;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.welcome a .left img,
.welcome a .center svg,
.welcome a .right svg {
	width: 120px;
	float: right;
}

.welcome a:hover .left .cls-1-box-icon-1,
.welcome a:hover .center .cls-1-box-icon-1 {
	fill: #fff!important;
}
.welcome a:hover .right .cls-1-box-icon-2 {
	fill: #fff!important;
}

.need-to-talk img {
	max-width: 480px;
	display: block; /*for the img inside your div */  
	margin: 0 auto;
	margin-top: 85px;
	margin-bottom: 30px;
}

.need-to-talk p#intro {
	text-align: center;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	color: #706f6f;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 60px;
	padding: 0px 320px 0px 320px;
}
.need-to-talk p#intro strong {color: #8286A7;}

.spoken {border-right: 1px solid #836faa;border-left: 1px solid #836faa;}

.call,
.spoken {
	border:1px solid #9095BB;
	border-radius: 30px;
	padding: 40px 60px 20px 60px;
}

.call img,
.spoken img {
	display: block; /*for the img inside your div */  
	margin-bottom: 35px;
	margin-top: -120px;
	float: right;
}
.call img {width: 165px;}
.spoken img {width: 110px;}


.call p#copy,
.spoken p#copy {
	font-size: 30px;
	line-height: 35px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	color: #8286A7;
	margin-bottom: 10px;
}
.call a,
.spoken a {
	font-size: 20px;
	text-align:center;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	color: #413751;
	text-decoration: none;
	display: block;
	padding: 10px;
}

.call a {
	background: url('../images/action-background.svg') no-repeat center center;
	background-size: 190px;
	width: 195px;
}


.spoken a {
	background: url('../images/action-background.svg') no-repeat center center;
	background-size: 225px;
	width: 225px;
}
.call a:hover,
.spoken a:hover {
	color: #FFF;
}
.call a:hover {
	background: url('../images/action-background-hover.svg') no-repeat center center;
	background-size: 190px;
}

.spoken a:hover {
	background: url('../images/action-background-hover.svg') no-repeat center center;
	background-size: 225px;
}


.testimonial-top {
	background: url('../images/testimonial-border-top.svg') no-repeat 0px -1px;
	height: 100px;
	position: relative;
	z-index: 500;

}

.testimonial {
	background:url('../images/testimonial-placeholder.jpg') no-repeat center top;
	background-size: 100% 100%;
	margin:-100px 0px -50px 0px;
	overflow: hidden;
	height: 900px;
}
.testimonial p {
	font-family: 'Caveat Brush', cursive;
	color: #eaad9a;
	padding: 200px 200px 60px 200px;
	font-size: 40px;
	line-height: 65px;
	text-align: center;
}
.testimonial p strong {
	color: #fff;
	font-size: 75px;
}
.testimonial p span {
	color: #9095BB;
	font-size: 66px;
}

.testimonial-bottom {
	background:url('../images/testimonial-border-bottom.svg') no-repeat 0 -1px;
	background-size: 100% 100%;
	height: 100px;
}
.testimonial .links {
	position: relative;
	z-index: 600;
}
.testimonial .links a {
	font-size: 17px;
	text-align:center;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	color: #463B57;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-right: 25px;
	padding: 12px 18px 12px 18px;
}

.testimonial .links a:hover {color:#fff;}
.testimonial .links a#info {
	background: url('../images/testimonial-link-background.svg') no-repeat center center;
	margin-left: 380px;
	background-size: 100% 100%;
}
/* Safari Only */ 
_::-webkit-full-page-media, _:future, :root .testimonial .links a#info {
 	background: url('../images/testimonial-link-background.svg') no-repeat center center !important;
	background-size: 100% 100% !important;
	color: #E23A53 !important;
}
.testimonial .links a#about {
	background: url('../images/testimonial-link-background.svg') no-repeat center center;
	background-size: 100% 100%;
}
/* Safari Only */ 
_::-webkit-full-page-media, _:future, :root .testimonial .links a#about {
 	background: url('../images/testimonial-link-background.svg') no-repeat center center !important;
	background-size: 100% 100% !important;
	color: #E23A53 !important;
}
.testimonial .links a#whatis {
	background: url('../images/testimonial-link-background.svg') no-repeat center center;
	background-size: 100% 100%;
}
/* Safari Only */ 
_::-webkit-full-page-media, _:future, :root .testimonial .links a#whatis {
 	background: url('../images/testimonial-link-background.svg') no-repeat center center !important;
	background-size: 100% 100% !important;
	color: #E23A53 !important;
}
.testimonial .links a#forms {
	background: url('../images/testimonial-link-background.svg') no-repeat center center;
	background-size: 100% 100%;
}
/* Safari Only */ 
_::-webkit-full-page-media, _:future, :root .testimonial .links a#forms {
 	background: url('../images/testimonial-link-background.svg') no-repeat center center !important;
	background-size: 100% 100% !important;
	color: #E23A53 !important;
}
.testimonial .links a:hover#info {
	background: url('../images/testimonial-link-background-hover.svg') no-repeat center center;
	margin-left: 380px;
	background-size: 100% 100%;
}
.testimonial .links a:hover#about {
	background: url('../images/testimonial-link-background-hover.svg') no-repeat center center;
	background-size: 100% 100%;
}
.testimonial .links a:hover#whatis {
	background: url('../images/testimonial-link-background-hover.svg') no-repeat center center;
	background-size: 100% 100%;
}
.testimonial .links a:hover#forms {
	background: url('../images/testimonial-link-background-hover.svg') no-repeat center center;
	background-size: 100% 100%;
}


a#storylink{
	display: block;
	text-decoration: none;
}
.story {margin-top: -200px;}

.story .five {margin-left: 145px;}
.story img {width: 100%;}

.story .eight {
	padding: 30px;
	background: url('../images/story-background.svg') no-repeat 0px 0px;
	height: 435px;
}
.story h5 {
	font-size: 22px;
	color: #fff;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	margin-bottom: 40px;
}

p#storytitle {
	font-family: 'Caveat Brush', cursive;
	color: #463B57;
	font-size: 65px;
	text-transform: uppercase;
	margin-bottom: 35px;
}
p#storycopy {
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	padding-right: 100px;
}
a#storymore {
	color: #fff;
	text-decoration: none;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	font-size: 15px;
	display: block;
	padding: 15px 20px 15px 20px;
	background: url('../images/story-more.svg') no-repeat center center;
	width: 138px;
}
a:hover#storymore {
	color: #E23A53;
	background: url('../images/story-more-hover.svg') no-repeat center center;
}

.footer {
	height:auto;
	background-color: #463B57;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.footer-border {
	background: url('../images/footer-border.svg') no-repeat 0px 0px;
	background-size: 100% 100%;
	height: 20px;
	position: relative;
	top: -19px;
}
.footer-logo img {width: 200px;}
.footer-links,
.footer-info,
.footer-social {padding-top: 20px;}
.footer-links {padding-left: 40px;}
.footer-links a {
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
} 
.footer-links a:hover {text-decoration: underline;}
.footer-info p {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
}
.footer-info p strong {
	color: #C6A9FF;
	font-weight: 700;
}
.footer-social p {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
}
.footer-social p#charity {margin-top: 60px;}
.footer-social svg {
	display: inline-block;
	width: 35px;
	margin-right: 10px;
}
a .cls-1-footer-twitter{fill:#9095bb;}
a:hover .cls-1-footer-twitter{fill: #E23A53;}
a .cls-1-footer-facebook{fill:#9095bb;}
a:hover .cls-1-footer-facebook{fill: #E23A53;}
a .cls-1-footer-twitter,
a:hover .cls-1-footer-twitter,
a .cls-1-footer-facebook,
a:hover .cls-1-footer-facebook
{-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.footer-line {
	height: 1px;
	background-color: #fff;
	margin: 25px 0px 50px 0px;
	opacity: 0.3;
}
img#helena-logo {
    width: 150px;
    margin-bottom: 30px;
}
.terms a {
	color: #fff;
	font-size: 10px;
	line-height: 20px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	text-decoration: none;
	margin-right: 20px;
}
.terms a#data {color: #EAAD9A; }
.terms a:hover {text-decoration: underline;}
.future-logo a {
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	float: left;
	margin-right: 10px;
	text-decoration: none;
}
.future-logo img {
	width: 100px;
	float: left;
}

/* ::::::::: Case Study Styles ::::::::: */

.single-banner {
	padding: 260px 0px 170px 0px;
	margin-bottom: -42px;
	overflow: hidden;
}
.single-banner svg {
	margin-top: -80px;
	width:150px;
	margin-left: 60px;
}
.single-banner h1 {
	font-size: 20px;
	line-height: 22px;
	color:#ffffff;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
}
.single-banner h2 {
    font-family: 'Caveat Brush', cursive;
    color: #fff;
    font-size: 65px;
    text-transform: uppercase;
    margin-bottom: 35px;
}
.single-banner p {
	font-size: 18px;
	line-height: 21px;
	color:#ffffff;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
}

.single-content {margin-top: 40px;}
.single-content p#copy {
	font-size: 16px;
	line-height: 19px;
	color:#575756;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	padding-right: 50px;
}

.case-study-arrow {
    height: 120px;
    background: url(../images/case-study-arrow.svg) no-repeat center 0px;
    margin-top: -140px;
}

.side-menu {
	padding: 20px;
	background: url('../images/case-links-background.svg') 0px 0px no-repeat;
	background-size: 100% 100%;
}

.side-menu p {
	font-size: 14px;
	line-height: 16px;
	color:#fff;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
}

.side-menu a#list-link {
	font-size: 18px;
	line-height: 20px;
	color:#fff;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	text-decoration: none;
	display: block;
	padding: 15px 15px 15px 0px;
	border-bottom: 2px solid #727693;
}
.side-menu a:hover#list-link {
	display: block;
	padding: 15px 15px 15px 25px;
	border-bottom: 2px solid #fff;
}
.side-menu a#action-link {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	line-height: 20px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	background:url('../images/side-menu-speak-link.svg') no-repeat 0px 0px;
	padding: 15px;
	display: block;
	width: 250px;
	margin-top: 20px;
}
.side-menu a:hover#action-link {
	color: #E23A53;
	background:url('../images/side-menu-speak-link-hover.svg') no-repeat 0px 0px;
}


.single-content .quote {margin: 60px 0px 60px 80px;}
.single-content .quote p {
	background:url('../images/case-quote.svg') no-repeat 0px 0px;
	background-size: 100% 100%;
	color: #EAAD9A;
	font-family: 'Caveat Brush', cursive;
    font-size: 45px;
    line-height: 60px;
    padding: 50px 110px 0px 110px;
    text-align: center;
    height: 286px;
}
.single-content .quote p strong {
	color: #fff;
    font-size: 50px;
}

.single-content .case-share {
	margin-bottom: 40px;
	height: 60px;
}
.single-content .case-share p {
	font-family: 'Caveat Brush', cursive;
    font-size: 35px;
    line-height: 35px;
	float: left;
	margin-right: 25px;
}

.single-content .case-share svg {
	width: 35px;
	float: left;
	margin-right: 10px;
}

.more-stories {
	border-top: 1px solid #463B57;
	margin-bottom: 100px;
	padding-top: 20px;
}

.more-stories .alpha {border-right: 1px solid #463B57;}
.more-stories .alpha img,.more-stories .omega img {width: 20px;}
.more-stories .omega img {float: right;margin-top: -50px;}
.more-stories a {
	font-family: 'Caveat Brush', cursive;
    font-size: 28px;
    line-height: 28px;
    color: #463B57;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding-top: 20px;
	padding-bottom: 20px;
}
.more-stories .alpha {
	padding-top: 20px;
}
.more-stories .alpha a {
	margin-top: -55px;
	padding-left: 35px;
	position: relative;z-index: 100;
}
.more-stories a:hover {
	color: #E23A53;
}
.more-stories .omega a {text-align: right;margin-right: 40px;}

.translator {
	position: fixed;
    z-index: 10;
    bottom: 0px;
    right: 0px;
}

.goog-te-gadget img {
    vertical-align: middle;
    border: none;
    display: none !important;
}


/* ::::::::: About Us Styles ::::::::: */


.about-banner {
    background: url(../images/about-banner.jpg) no-repeat center top;
    background-size: 100%;
    padding: 170px 0px 50px 0px;
    margin-bottom: -42px;
    overflow: hidden;
    margin-top: 59px;
}
.about-banner svg {
	margin-top: -62px;
	width:100px;
	margin-left: 0px;
}
.about-banner h1 {
    font-family: 'Caveat Brush', cursive;
    color: #EAAD9A;
    font-size: 65px;
    margin-bottom: 35px;
}
.about-banner p {
	font-size: 18px;
	line-height: 21px;
	color:#ffffff;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
}

.about-content {padding-bottom: 80px;}

.about-content h4 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
}

.about-content p {
	font-size: 18px;
	line-height: 21px;
	color:#575756;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	padding-right: 80px;
}
.about-content a {
	font-size: 18px;
	line-height: 21px;
	color:#E23A53;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
}
.about-content a:hover {
	font-size: 18px;
	line-height: 21px;
	color:#9095BB;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
}
.about-content strong {
	font-size: 18px;
	line-height: 21px;
	color:#463B57;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	padding-right: 80px;
}

.about-content p strong {
	padding-right: 0px;
}

.toggle-content strong {
	padding-right: 0px !important;
}

.about-content li {
	background:url('../images/li-bullet.svg') no-repeat 0px 0px;
	padding-left: 35px;
	margin-left: 30px;
	font-size: 16px;
	line-height: 19px;
	color:#575756;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	background-size: 22px;
}

.about-content li strong {
	color:#463B57;
	padding-right: 0px;
}

.about-content li a {
	color:#E23A53;
	font-size: 16px;
	line-height: 19px;
}
.about-content li a:hover {
	color:#9095BB;
	font-size: 16px;
	line-height: 19px;
}

.toggle.believes {border-bottom: 1px solid #333;}

.toggle-wrap {margin-bottom: 40px;}

.toggle p.toggle-title {
	background: url('../images/toggle-background.svg') no-repeat 0px 0px;
	color: #fff;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	padding: 20px;
	cursor: pointer;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.toggle.secondary p.toggle-title {
	background: url('../images/toggle-background-2.svg') no-repeat 0px 0px;
	width: 90%;
	padding: 10px 20px;
}

/* Safari Only */ 
_::-webkit-full-page-media, _:future, :root .toggle p.toggle-title {
 	background: url('../images/toggle-background.svg') no-repeat 0px 0px !important;
}


.toggle p.toggle-title:hover {
	background: url('../images/toggle-background-active.svg') no-repeat 0px 0px;
	color: #fff;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.toggle-content {
	display: none;
	padding: 20px 0px 20px 0px;
}
img#star {
	width:20px;
	margin-right: 10px;
}

.about-content .side-menu {padding:30px; }
.about-content .side-menu p#here {
	color: #fff;
	font-size: 16px;
	background: url('../images/about-side-image.svg')no-repeat center right;
	background-size: 50px;
	height: 50px;
	margin-bottom: -10px;
}
.about-content .side-menu p#head {
	color: #463B57;
	font-weight: 500;
	padding-left: 35px;
	background: url(../images/li-bullet.svg) no-repeat 0px 0px;
	background-size: 20px;
	margin-bottom: 5px;
}
.about-content .side-menu p#info {padding-left: 35px;}
.about-content .side-menu p strong {
	color: #fff;
	font-weight: 500;
}
.about-content .side-menu #side-line {margin-bottom: 18px;max-width: 100%;}


.about-content .side-quote p {
	font-family: 'Caveat Brush', cursive;
    color: #463B57;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 35px;
    text-align: center;
    padding-right: 0px;
}
.about-content .side-quote p strong {
    color: #9095BB;
    padding-right: 0px;
    font-family: 'Caveat Brush', cursive;
    font-size: 35px;
    line-height: 40px;
}
.about-content .side-arrow {
	height: 100px;
	background: url('../images/side-arrow.svg')no-repeat 300px 0px;
	margin-top: -50px;
}



/* ::::::::: Casy Study Styles ::::::::: */



.case-banner {
    background: url(../images/case-banner.jpg) no-repeat center top;
    background-size: 100%;
    padding: 170px 0px 50px 0px;
    margin-bottom: -42px;
    overflow: hidden;
    margin-top: 59px;
    height: 417px;
}
.case-banner svg {
	margin-top: -80px;
	width:100px;
	margin-left: 0px;
}
.case-banner h1 {
    font-family: 'Caveat Brush', cursive;
    color: #463B57;
    font-size: 65px;
    margin-bottom: 35px;
}
.case-banner p {
	font-size: 18px;
	line-height: 21px;
	color:#ffffff;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	padding-right: 200px;
}

.case-post {
	height: 333px;
	margin-bottom: 40px;
}
.case-post .img {
	width: 40%;
	float: left;
	height: 333px;
	overflow: hidden;
}
.case-post .img img {
	width: 100%;
	border-radius: 5px;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.case-post .copy {
	width: 60%;
	float: left;
	background: url('../images/case-post-background.svg') no-repeat 100% 100%;
	padding:40px;
	height: 333px;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	background-size: 100% 100%;
}
.case-post .copy h2 {
	font-family: 'Caveat Brush', cursive;
    color: #463B57;
    font-size: 55px;
    text-transform: uppercase;
    margin-bottom: 40px;
    -webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.case-post .copy p {
    font-size: 18px;
	line-height: 21px;
	color:#ffffff;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
}
a#case-link {
	display: block;
}

a#case-link:hover .case-post .copy {
	background: url('../images/case-post-background-hover.svg') no-repeat 100% 100%;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	background-size: 100% 100%;
}

a#case-link:hover .case-post .img img {
	width: 110%;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

a#case-link:hover .case-post .copy h2 {
	color: #fff;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}



.help-banner {
    background: url(../images/help-banner.jpg) no-repeat center top;
    background-size: 100% 100%;
    padding: 170px 0px 50px 0px;
    margin-bottom: -42px;
    overflow: hidden;
    margin-top: 59px;
    height: 400px;
}
.help-banner svg {
	margin-top: -62px;
	width:100px;
	margin-left: 0px;
}
.help-banner h1 {
    font-family: 'Caveat Brush', cursive;
    color: #463B57;
    font-size: 65px;
    margin-bottom: 35px;
}
.help-banner p {
	font-size: 18px;
	line-height: 21px;
	color:#ffffff;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	padding-right: 200px;
}


.find-us {
	background: url('../images/find-us-background.svg')no-repeat 0px 0px;
	background-size: 100% 100%;
	padding: 30px;
	height: 235px;
}
.find-us p {
	width: 81%;
	float: left;
}
.find-us img {
	width: 15%;
	float: left;
	padding-right: 20px;
    margin-right: 20px;
}


.faq-banner {
    background: url(../images/faq-banner.jpg) no-repeat center top;
    background-size: 100% 100%;
    padding: 170px 0px 50px 0px;
    margin-bottom: -42px;
    overflow: hidden;
    margin-top: 59px;
    height: 400px;
}
.faq-banner svg {
	margin-top: -80px;
	width:100px;
	margin-left: 0px;
}
.faq-banner h1 {
    font-family: 'Caveat Brush', cursive;
    color: #463B57;
    font-size: 65px;
    margin-bottom: 35px;
}
.faq-banner p {
	font-size: 18px;
	line-height: 21px;
	color:#ffffff;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	padding-right: 300px;
}

.faq .toggle p.toggle-title {
    background: url(../images/toggle-background-faq.svg) no-repeat 0px 0px;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    padding: 20px;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.faq .toggle p.toggle-title:hover {
    background: url(../images/toggle-background-faq-active.svg) no-repeat 0px 0px;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    padding: 20px;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.faq-contact {
	background: url('../images/find-us-background.svg')no-repeat 0px 0px;
	background-size: 100% 100%;
	padding: 30px;
	height: 235px;
}
.faq-contact .content-wrap {
	width: 70%;
	float: left;
}
.faq-contact .content-wrap p#cant-find {
	font-family: 'Caveat Brush', cursive;
    color: #463B57;
    font-size: 55px;
    line-height: 50px;
}
.faq-contact .content-wrap p#number {
	color: #fff;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 32px;
}
.faq-contact .content-wrap p#number strong {
	color: #463B57;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 28px;
}
.faq-contact img {
	width: 30%;
	float: left;
	padding-right: 20px;
}



.contact-banner {
	background: url(../images/contact-banner.jpg) no-repeat center top;
	background-size: 100%;
	padding: 206px 0px 88px 0px;;
	margin-bottom: -42px;
	overflow: hidden;
}

.contact-banner h1 {
	font-family: 'Caveat Brush', cursive;
    color: #463B57;
    font-size: 65px;
    line-height: 65px;
}

.contact-banner svg {
	margin-top: -93px;
	width:150px;
	margin-left: 60px;
}
.contact-banner p {
	font-size: 20px;
	line-height: 22px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	color: #fff;
}

.contact-band {
	background:url('../images/free-helpline.svg') no-repeat;
	background-size: 100% 210px;
	padding: 35px 0px 20px 0px;
	height: 210px;
	margin-bottom: 40px;
}
.contact-band .icon img {
    width: 160px;
    margin-left: 60px;
}

.contact-band .urgent {
	border-bottom: 1px solid #C4C4C4;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.contact-band p#copy {
	font-size: 18px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	color: #ffffff;
	width: 70%;
	display: inline-block;
}
.contact-band p#num {
	font-size: 30px;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	color: #EAAD9A;
	text-align: center;
	float: right;
	margin-top: 14px;
	margin-right: 40px;
}

.contact-find {
	margin-bottom: 80px;
}

.contact-find .sixteen img {
	width: 70px;
	margin: 0 auto;
	display: block;
	margin-bottom: 25px;
}
.contact-find .sixteen p {
	text-align: center;
	font-family: 'Caveat Brush', cursive;
    color: #463B57;
    font-size: 45px;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.contact-find .address-1 p,
.contact-find .address-2 p {
	text-align: center;
	font-family: 'Rubik', sans-serif;
    color: #575756;
    font-size: 20px;
    line-height: 24px;
    padding: 0px 43px;
}

.contact-find .address-1 div#address p,
.contact-find .address-2 div#address p {
	text-align: center;
	font-family: 'Rubik', sans-serif;
    color: #413751;
    font-size: 16px;
    line-height: 19px; 
    padding: 20px;

}
.contact-find .address-1 div#address {
	background: url('../images/contact-find-address-background.svg')no-repeat center 0px;
    background-size: 280px 95px;
}
.contact-find .address-2 div#address {
	background: url('../images/contact-find-address-background.svg')no-repeat center 0px;
    background-size: 350px 115px;
}

.contact-find .address-1 p strong,
.contact-find .address-2 p strong {
	font-weight: 500;
    color: #413751;
}
.contact-find .address-1  {
	padding-left: 200px;
	border-right: 1px solid #eee;
}
.contact-find .address-2  {
	padding-right: 210px;
	border-left: 1px solid #eee;
}
.contact-quote {
	background: url('../images/contact-testimonial.jpg') no-repeat 0px 0px;
	padding:100px 300px 100px 300px;
	background-size: cover;
}
.contact-quote p {
	color: #463B57;
	font-family: 'Caveat Brush', cursive;
    font-size: 35px;
    line-height: 45px;
    text-align: center;
}
.contact-quote p span {
	color: #62557C;
	font-family: 'Caveat Brush', cursive;
    font-size: 75px;
    line-height: 20px;
    text-align: center;
}
.contact-quote p strong {
	color: #fff;
    font-size: 65px;
    line-height: 60px;
}


.professionals-banner {
    background: url(../images/help-banner.jpg) no-repeat center top;
    background-size: 100%;
    padding: 170px 0px 50px 0px;
    margin-bottom: -42px;
    overflow: hidden;
    margin-top: 59px;
}
.professionals-banner svg {
	margin-top: -62px;
	width:100px;
	margin-left: 40px;
}
.professionals-banner h1 {
    font-family: 'Caveat Brush', cursive;
    color: #463B57;
    font-size: 65px;
    margin-bottom: 40px;
}
.about-content a#download {
	background: url('../images/download-link.svg') no-repeat 0px 0px;
	width: 100%;
	display: block;
	padding: 13px 20px 12px 20px;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	margin-bottom: 25px;
	background-size: 100% 100%;
}
.about-content a#download img {
	width: 20px;
	float: right;
}
.about-content a#download:hover {
	background: url('../images/download-link-hover.svg') no-repeat 0px 0px;
	padding: 13px 20px 12px 30px;
}


.safety-banner {
    background: url(../images/safety-banner.jpg) no-repeat center top;
    background-size: 100%;
    padding: 170px 0px 50px 0px;
    margin-bottom: -42px;
    overflow: hidden;
    margin-top: 59px;
}
.safety-banner svg {
	margin-top: -62px;
	width:100px;
	margin-left: 40px;
}
.safety-banner h1 {
    font-family: 'Caveat Brush', cursive;
    color: #EAAD9A;
    font-size: 65px;
    margin-bottom: 40px;
}
.safety-banner p {
	font-size: 16px;
	line-height: 19px;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	color: #fff;
}



.referral-banner {
    background: url(../images/referral-banner.jpg) no-repeat center top;
    background-size: 100%;
    padding: 170px 0px 50px 0px;
    margin-bottom: -42px;
    overflow: hidden;
    margin-top: 59px;
}
.referral-banner svg {
	margin-top: -62px;
	width:100px;
	margin-left: 40px;
}
.referral-banner h1 {
    font-family: 'Caveat Brush', cursive;
    color: #EAAD9A;
    font-size: 65px;
    margin-bottom: 40px;
}
.form-downloads {
	margin-bottom: 40px;
}
.form-downloads a {
	background-color: #EAAD9A;
	padding:10px 20px 10px 20px;
	width: auto;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	border-radius: 20px;
	margin-right: 25px;
	margin-bottom: 15px;
}
.form-downloads a img {
	width: 20px;
	float: right;
}
.form-downloads a:hover {
	color: #fff;
	background-color: #E23A53;
}

.p-background {
	background: url('../images/p-background.svg') no-repeat 0px 0px;
	padding: 20px;
	margin-bottom: 30px;
	background-size: 100% 100%;
}

.about-content .p-background strong {
	padding-right: 0px;
}






/* #IE 8 Styles
================================================== */

/* ::::::::: Home Styles ::::::::: */



/* #Fonts
================================================== */


/* #Media Queries
================================================== */

	/* Over 1600 sizes (devices and browsers) */
	@media only screen and (min-width: 1700px) {}



	/* Desktop 960 to 1300 sizes (devices and browsers) */
	@media only screen and (max-width: 1300px) {

		.safety a {font-size: 14px;}
		.leave a {font-size: 14px;}
		.logo img {width: 150px;}
		.tagline img {top: 34px;width: 160px;}

		.menu a {
		    font-size: 12px;
		    margin-left: 15px;
		}
		.menu a#faqs {margin-left: 15px;}

		.i-need h1 {font-size: 18px;margin-left: 180px;}
		.free-helpline p {font-size: 25px;}

		.header {height: 105px;}
		.menu a#contact {
			background: url('../images/contact-bg-hover.svg') no-repeat 0px 38px;
			color: #fff;
		}
		.menu a#contact:hover {
			background: url('../images/contact-bg.svg') no-repeat 0px 38px;
			color: #463B57;
		}
		.i-need svg {
		    margin-top: -96px;
		    width: 140px;
		    margin-left: 14px;
		}
		.i-need p {
		    font-size: 28px;
		    padding: 15px 20px 0px 0px;
		}


		.i-need a#help {
		    background: url(../images/i-need-help-now.svg) no-repeat left 0px;
		    width: 196px;
		    height: 70px;
		}
		.i-need a#someone {
		    background: url(../images/i-need-someone.svg) no-repeat left 0px;
		    width: 315px;
		    height: 70px;
		}
		.i-need a#place {
		    background: url(../images/i-need-place.svg) no-repeat left 0px;
		    width: 270px;
		    height: 70px;
		}
		.i-need a#advice {
		    background: url(../images/i-need-advice.svg) no-repeat left 0px;
		    width: 360px;
		}
		.i-need a {
		    font-size: 28px;
		    padding: 15px 0px 0px 20px;
		    margin-bottom: -36px;
		}


		.welcome h2 {font-size: 20px;}
		.welcome h3 {font-size: 18px;}

		.welcome a .left h4, .welcome a .center h4, .welcome a .right h4 {
		    font-size: 24px;
		    line-height: 26px;
		    padding-right: 20px;
		}

		.need-to-talk img {max-width: 470px;}
		.need-to-talk p#intro {font-size: 14px;line-height: 18px;}

		.need-to-talk p#intro {padding: 0px 220px 0px 220px;}

		.call p#copy, .spoken p#copy {
		    font-size: 20px;
		    line-height: 23px;
		}
		.call a, .spoken a {font-size: 18px;}

		.spoken a {
		    background: url(../images/action-background.svg) no-repeat center center;
		    background-size: 230px;
		    width: 230px;
		}
		.spoken a:hover {
			background: url('../images/action-background-hover.svg') no-repeat center center;
			background-size: 230px;
		}

		.call, .spoken {padding: 42px 40px 20px 40px;}
		.call img, .spoken img {margin-bottom: 15px;margin-top: -112px;}

		.welcome {padding: 0px 0px 0px 0px;}

		.testimonial p {
		    padding: 150px 200px 65px 200px;
		    font-size: 34px;
		    line-height: 58px;
		}
		.testimonial p span {font-size: 67px;}
		.testimonial .links a {font-size: 15px;}
		.testimonial .links a#info {margin-left: 230px;}
		.testimonial .links a#info:hover {margin-left: 230px;}

		.testimonial {height: 700px;}
		.story {margin-top: -125px;}

		.story .eight {
		    padding: 20px;
		    background: url(../images/story-background.svg) no-repeat 0px 0px;
		    height: 330px;
		}
		.story h5 {
		    font-size: 17px;
		    margin-bottom: 15px;
		}
		p#storytitle {
		    font-size: 48px;
		    margin-bottom: 25px;
		}

		p#storycopy {
		    font-size: 14px; 
		    line-height: 19px;
		    padding-right: 0px;
		    margin-bottom: 5px;
		}

		a#storymore {
		    font-size: 13px;
		    padding: 12px 10px 15px 20px;
		    width: 125px;
		}

		.story .five {margin-left: 87px;}


		.single-content p#copy {font-size: 14px;line-height: 19px;}
		.side-menu a#list-link {font-size: 16px;line-height: 19px;}

		.single-content .quote {margin: 50px 0px 50px 50px;}
		.single-content .quote-img img {width: 100%;margin-top: 50px;}

		.single-content .quote p {
			height: 276px;
			font-size: 34px;
		    line-height: 45px;
		    padding: 35px 25px 0px 25px;
		}
		.single-banner h2 {font-size: 59px;line-height: 63px;}
		.single-banner p {font-size: 16px;line-height: 20px;}

		.single-banner svg {width: 110px;}

		.single-banner {padding: 200px 0px 70px 0px;}

		.single-banner h2 {font-size: 46px;line-height: 50px;margin-bottom: 14px;}
		.single-banner p {font-size: 14px;line-height: 18px;}
		.single-content p#copy {font-size: 14px;line-height: 17px;padding-right: 0px;}

		.case-study-arrow {
		    height: 100px;
		    background: url(../images/case-study-arrow.svg) no-repeat center 0px;
		    margin-top: -118px;
		}
		.about-banner {
		    padding: 130px 0px 58px 0px;
		    margin-bottom: -37px;
		    margin-top: 59px;
		    height: 290px;
		    overflow: hidden;
		}
		.about-banner p {font-size: 14px;line-height: 18px;}
		.about-banner h1 {font-size: 58px;margin-bottom: 12px;}

		.about-content p {font-size: 14px;line-height: 18px;}
    	.about-content strong {font-size: 15px;line-height: 18px;padding-right: 0px;}

    	.find-us img {margin-right: 0px;}

    	.about-content li {font-size: 14px;line-height: 16px;}
    	.about-content li a {font-size: 14px;line-height: 16px;}
    	.about-content li a:hover {font-size: 14px;line-height: 16px;}
    	.about-content a {font-size: 14px;}
    	.about-content a:hover {font-size: 14px;}
    	.about-content .side-menu p#here {font-size: 14px;}
    	.about-content p {padding-right: 40px;}
    	.about-content .side-quote p {font-size: 30px;line-height: 36px;}

    	img#star {width: 14px;}
    	.toggle p.toggle-title {
    		padding: 15px;
    	}
    	.faq .toggle p.toggle-title {
    		padding: 15px;
    		margin-bottom: 10px;
    	}
    	.faq .toggle p.toggle-title:hover {
    		margin-bottom: 10px;
    	}

    	.case-banner {
		    background: url(../images/case-banner.jpg) no-repeat center top;
		    background-size: 120%;
		    padding: 140px 0px 50px 0px;
		    margin-bottom: -44px;
		    margin-top: 58px;
		    height: 375px;
		}
		.case-post .copy p {font-size: 16px;line-height: 18px;}
		.case-post .copy h2 {font-size: 45px;margin-bottom: 20px;}
		.case-post .copy {padding: 30px;height: 252px;}

		.case-post .img {height: 252px;}
		.case-post {height: 252px;margin-bottom: 30px;}

		.about-content .side-arrow {background: url(../images/side-arrow.svg)no-repeat 200px 0px;}
		.case-banner svg {margin-top: -52px;}


		.help-banner {
		    background: url(../images/help-banner.jpg) no-repeat center top;
		    background-size: 135% 100%;
		    height: 400px;
		    padding: 155px 0px 50px 0px;
		}
		.help-banner h1 {font-size: 56px;margin-bottom: 26px;}
		.help-banner svg {margin-top: -52px;}
		.help-banner p {font-size: 17px;line-height: 20px;padding-right: 150px;}

		.find-us {height: 205px;}

		.faq-contact .content-wrap p#cant-find {font-size: 48px;line-height: 42px;}
		.faq-contact .content-wrap p#number {font-size: 17px;line-height: 32px;}

		.faq-contact img {width: 36%;padding-right: 0px;}
		.faq-contact .content-wrap {width: 64%;}

		.faq-banner h1 {font-size: 60px;margin-bottom: 15px;}
		.faq-banner p {
		    font-size: 17px;
		    line-height: 20px;
		    padding-right: 100px;
		}
		.faq-banner {
		    background: url(../images/faq-banner.jpg) no-repeat center top;
		    background-size: 180%;
		    padding: 148px 0px 50px 0px;
		    height: 385px;
		}
		.faq-banner svg {margin-top: -44px;}

		.contact-banner {
		    background: url(../images/contact-banner.jpg) no-repeat center top;
		    background-size: 136%;
		}
		.contact-banner svg {
		    margin-top: -76px;
		    width: 135px;
		    margin-left: 0px;
		}
		.contact-banner h1 {font-size: 60px;}
		.contact-banner p {font-size: 18px;}

		.contact-band {
		    background: url(../images/free-helpline.svg) no-repeat;
		    background-size: 100% 185px;
		    height: 185px;
		}

		.contact-band .icon img {width: 140px;margin-left: 40px;}

		.contact-band p#copy {
		    font-size: 14px;
		    width: 70%;
		    line-height: 17px;
		}
		.contact-band p#num {
		    font-size: 24px;
		    margin-top: 8px;
		    margin-right: 25px;
		}
		.contact-quote {padding: 100px 200px 60px 200px;}
		.contact-quote p strong {font-size: 60px;}
		.contact-quote p span {font-size: 58px;}

		.contact-find .address-1 p#address,
		.contact-find .address-2 p#address {font-size: 15px;line-height: 17px;}

		.contact-find .address-2 {padding-right: 60px;}
		.contact-find .address-1 {padding-left: 125px;}

		.contact-find .address-1 p,
		.contact-find .address-2 p {font-size: 18px;line-height: 22px;}

		.contact-find .sixteen p {font-size: 42px;line-height: 42px;}
		.contact-find .sixteen img {width: 60px;}
	
		.professionals-banner {
		    background: url(../images/help-banner.jpg) no-repeat center top;
		    background-size: 100%;
		    padding: 125px 0px 36px 0px;
		}
		.professionals-banner svg {
		    margin-top: -45px;
		    width: 90px;
		    margin-left: 18px;
		}

		.professionals-banner {
		    background: url(../images/help-banner.jpg) no-repeat center top;
		    background-size: 127%;
		    padding: 150px 0px 36px 0px;
		    margin-top: 47px;
		}
		.professionals-banner h1 {font-size: 39px;}
		.professionals-banner svg {margin-top: -34px;width: 70px;}

		.safety-banner {
		    background: url(../images/safety-banner.jpg) no-repeat center top;
		    background-size: 120%;
		    padding: 135px 0px 50px 0px;
		    margin-top: 59px;
		}
		.safety-banner svg {
		    margin-top: -44px;
		    width: 80px;
		    margin-left: 25px;
		}
		.safety-banner h1 {
		    font-family: 'Caveat Brush', cursive;
		    color: #EAAD9A;
		    font-size: 65px;
		    margin-bottom: 20px;
		}
		.safety-banner p {
			font-size: 14px;
			line-height: 17px;
			font-family: 'Rubik', sans-serif;
			font-weight: 300;
			color: #fff;
		}

		.referral-banner {padding: 159px 0px 50px 0px;}
		.referral-banner svg {
		    margin-top: -62px;
		    width: 95px;
		    margin-left: 20px;
		}
		.form-downloads a {margin-right: 18px;}

		.referral-banner {
		    padding: 117px 0px 50px 0px;
		    background-size: 106%;
		    margin-top: 47px;
		}
		.form-downloads a {
		    margin-right: 5px;
		    width: 239px;
		}
		.form-downloads {margin-bottom: 20px;}

		.referral-banner {
		    padding: 117px 0px 50px 0px;
		    background-size: 196%;
		    margin-top: 44px;
		}
		.referral-banner svg {display: none;}
		.form-downloads a {
		    width: 100%;
		    display: block;
		    margin-bottom: 10px;
		}


	}

	@media only screen and (min-width: 960px) {
		.mobile-menu,
		.mobile-menu-dropdown {display: none !important;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.hide-mobile {display: none !important;}

		.mobile-menu {float: right;}
		/* Menu */
		#nav-icon {
		  width: 35px;
		  height: 45px;
		  position: relative;
		  margin: 35px 0px 0px 0px;
		  -webkit-transform: rotate(0deg);
		  -moz-transform: rotate(0deg);
		  -o-transform: rotate(0deg);
		  transform: rotate(0deg);
		  -webkit-transition: .5s ease-in-out;
		  -moz-transition: .5s ease-in-out;
		  -o-transition: .5s ease-in-out;
		  transition: .5s ease-in-out;
		  cursor: pointer;
		}
		#nav-icon span {
		  display: block;
		  position: absolute;
		  height: 5px;
		  width: 100%;
		  background: #fff;
		  border-radius: 9px;
		  opacity: 1;
		  left: 0;
		  -webkit-transform: rotate(0deg);
		  -moz-transform: rotate(0deg);
		  -o-transform: rotate(0deg);
		  transform: rotate(0deg);
		  -webkit-transition: .25s ease-in-out;
		  -moz-transition: .25s ease-in-out;
		  -o-transition: .25s ease-in-out;
		  transition: .25s ease-in-out;
		}

		#nav-icon span:nth-child(1) {top: 0px;}
		#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 12px;}
		#nav-icon span:nth-child(4) {top: 24px;}
		#nav-icon.open span:nth-child(1) {
		  top: 18px;
		  width: 0%;
		  left: 50%;
		}

		#nav-icon.open span:nth-child(2) {
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -o-transform: rotate(45deg);
		  transform: rotate(45deg);
		}

		#nav-icon.open span:nth-child(3) {
		  -webkit-transform: rotate(-45deg);
		  -moz-transform: rotate(-45deg);
		  -o-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		}

		#nav-icon.open span:nth-child(4) {
		  top: 18px;
		  width: 0%;
		  left: 50%;
		}
		.mobile-menu-dropdown {
			background-color: #463B57;
			margin-top: -16px;
		}
		.mobile-menu-dropdown a {
		    padding: 16px;
		    width: 100%;
		    display: block;
		    text-decoration: none;
		    color: #ffffff;
		    text-align: center;
		    font-size: 15px;
		    line-height: 15px;
		    font-family: 'Rubik', sans-serif;
		    font-weight: 500;
		    border-bottom: 1px dashed #7B6A9B;
		}
		.mobile-menu-dropdown a:hover {
			background-color: #fff;
			color: #E23A53;
		}
		.need-to-talk p#intro {padding: 0px 150px 0px 150px;}

		.leave svg {
		    width: 20px;
		    height: 20px;
		    top: 12px;
		    margin-left: -29px;
		}
		.leave a, .safety a {font-size: 12px;padding: 12px 0px 12px 0px;}
		.safety svg {
		    width: 25px;
		    height: 17.75px;
		    top: 16px;
		    margin-left: -29px;
		}

		.i-need {padding: 225px 0px 136px 0px;}
		.i-need svg {
		    margin-top: -60px;
		    width: 100px;
		}
		.i-need p {
		    font-size: 24px;
		    padding: 10px 11px 0px 0px;
		}
		.i-need a#help {
		    background: url(../images/i-need-help-now.svg) no-repeat left 0px;
		    width: 156px;
		    height: 70px;
		}
		.i-need a#someone {
		    background: url(../images/i-need-someone.svg) no-repeat left 0px;
		    width: 260px;
		    height: 70px;
		}
		.i-need a#place {
		    background: url(../images/i-need-place.svg) no-repeat left 0px;
		    width: 220px;
		    height: 70px;
		}
		.i-need a#advice {
		    background: url(../images/i-need-advice.svg) no-repeat left 0px;
		    width: 290px;
		}
		.i-need a {
		    font-size: 24px;
		    padding: 10px 0px 0px 12px;
		    margin-bottom: -46px;
		}

		.i-need {padding: 211px 0px 54px 0px;}

		.i-need h1 {font-size: 16px;margin-left: 142px;}
		.free-helpline {padding: 30px 0px 5px 0px;}

		.welcome h2 {font-size: 18px;}
		.welcome h3 {font-size: 16px;margin-bottom: 40px;}

		.welcome a .left h4,
		.welcome a .center h4,
		.welcome a .right h4 {font-size: 18px;line-height: 21px;}

		.welcome a .left svg, .welcome a .center svg, .welcome a .right svg {width: 100px;}
		.welcome a .left p, .welcome a .center p, .welcome a .right p {font-size: 12px;padding: 17px;}
		.welcome a .center p {background-size: 88px;}
		.welcome a .left p, .welcome a .right p {background-size: 88px;}
		.welcome a:hover .center p {background-size: 88px;}
		.welcome a:hover .left p, .welcome a:hover .right p {background-size: 88px;}

		.welcome a .left img {width: 85px;margin-top: 35px;}

		.need-to-talk img {max-width: 430px;margin-bottom: 25px;}
		.need-to-talk p#intro {margin-bottom: 45px;}

		.call img {width: 130px;}
		.spoken img {width: 88px;}

		.call p#copy, .spoken p#copy {font-size: 14px;}

		.call a, .spoken a {font-size: 16px;}
		.spoken a {
		    background-size: 203px;
		    width: 203px;
		}
		.spoken a:hover {
		    background-size: 203px;
		    width: 203px;
		}
		.testimonial p {
		    padding: 150px 50px 25px 50px;
		    font-size: 30px;
		    line-height: 52px;
		}
		.testimonial .links a#info { margin-left: 160px;}
		.testimonial .links a:hover#info {margin-left: 160px;}
		.testimonial .links a {font-size: 13px;}

		.testimonial {height: 565px;}

		.story {margin-top: -80px;}
		.story h5 {font-size: 15px;margin-bottom: 25px;}

		p#storytitle {font-size: 45px;margin-bottom: 30px;}
		p#storycopy {display: none;}

		.story .eight {height: 255px;}
		.footer-logo img {width: 150px;}

		.footer {height: 100%;}
		.footer-info p {
		    font-size: 11px;
		    line-height: 14px;
		}
		.footer-links a {font-size: 11px;}

		.footer-social p {
		    font-size: 11px;
		    line-height: 14px;
		}
		img#helena-logo {width: 110px;}
		.terms a {margin-right: 10px;}
		.future-logo p {margin-bottom: 0px;}

		.single-banner .three {display: none;}
		.side-menu a#list-link {font-size: 13px;line-height: 15px;}

		.side-menu a#action-link { 
		    font-size: 13px;
		    line-height: 16px; 
		    padding: 10px;
		    width: 195px;
		    margin-top: 20px;
		}
		.single-content p#copy {font-size: 13px;line-height: 16px;}
		.single-content .case-share {margin-bottom: 15px;}

		.about-banner p {padding-left: 20px;}

		.about-banner {
		    padding: 150px 0px 0px 0px;
		    margin-bottom: -44px;
		    margin-top: 42px;
		    height: 340px;
		    background-size: 121% 104%;
		}
		.about-banner svg {margin-top: -53px;}
		.about-banner h1 {padding-left: 20px;}

		.toggle p.toggle-title {padding: 10px;margin-bottom: 5px;}

		.faq .toggle p.toggle-title {padding: 10px;margin-bottom: 5px;}

		.case-post .copy {padding: 20px;height: 198px;}
		.case-post .copy h2 {font-size: 35px;margin-bottom: 8px;}
		.case-post .copy p {font-size: 14px;line-height: 17px;}
		.case-post .img {height: 198px;}
		.case-post {height: 198px;margin-bottom: 20px;}

		.case-banner {
		    background: url(../images/case-banner.jpg) no-repeat center top;
		    background-size: 156%;
		    padding: 140px 0px 50px 0px;
		    margin-bottom: -44px;
		    margin-top: 46px;
		    height: 360px;
		}
		.case-banner p {
		    font-size: 16px;
		    line-height: 19px;
		    padding-right: 0px;
		}
		.about-content .side-arrow {background: url(../images/side-arrow.svg)no-repeat 140px 0px;}

		.help-banner {
		    background: url(../images/help-banner.jpg) no-repeat center top;
		    background-size: 165% 100%;
		    height: 367px;
		    padding: 145px 0px 50px 0px;
		    margin-top: 47px;
		}
		.help-banner h1 {font-size: 47px;margin-bottom: 15px;}
		.help-banner p {
		    font-size: 17px;
		    line-height: 20px;
		    padding-right: 100px;
		}
		.help-banner svg {margin-top: -42px;width: 80px;}
		.find-us {height: 255px;}


		.faq-banner {
		    background: url(../images/faq-banner.jpg) no-repeat center top;
		    background-size: 180%;
		    padding: 148px 0px 50px 0px;
		    height: 385px;
		    margin-top: 47px;
		}

		.faq .toggle p.toggle-title:hover {padding: 10px;margin-bottom: 5px;}
		.faq-contact .content-wrap p#cant-find {font-size: 35px;line-height: 30px;}
		.faq-contact .content-wrap p#number {font-size: 15px;line-height: 32px;}
		.faq-contact {height: 200px;}


		.contact-banner {
		    background: url(../images/contact-banner.jpg) no-repeat center top;
		    background-size: 169%;
		    padding: 180px 0px 88px 0px;
		}

		.contact-banner svg {
		    margin-top: -55px;
		    width: 90px;
		    margin-left: 25px;
		}
		.contact-banner h1 {font-size: 55px;}

		.contact-band p#copy {
		    font-size: 13px;
		    width: 65%;
		    line-height: 15px;
		}
    	.contact-band .icon img {
		    width: 117px;
		    margin-left: 30px;
		}
		.contact-band p#num {font-size: 21px;margin-top: 9px;}
		.contact-band {background-size: 100% 195px;height: 195px;}

		.contact-find .sixteen img {width: 55px;}
		.contact-find .sixteen p {font-size: 38px;line-height: 38px;}

		.contact-find .address-1 p,
		.contact-find .address-2 p {font-size: 16px;line-height: 20px;}

		.contact-find .address-1 {padding-left: 60px;border-right: 0px solid #eee;}
		.contact-find .address-2 {padding-right: 0px;border-left: 0px solid #eee;}
		.contact-find {margin-bottom: 40px;}

		.contact-quote {padding: 99px 100px 60px 100px;}


		.safety-banner {
		    background: url(../images/safety-banner.jpg) no-repeat center top;
		    background-size: 142%;
		    padding: 145px 0px 50px 0px;
		    margin-top: 47px;
		}
		.safety-banner svg {
		    margin-top: -41px;
		    width: 70px;
		    margin-left: 15px;
		}



	}


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.hide-desktop {display: block !important;}
		.hide-mobile {display: none !important;}

		.single-banner .three {display: none;}


		/*:::::: HOMEPAGE STYLES :::::: */
		.testimonial p {padding-right: 10px; padding-right: 10px;}
		.testimonial p, .testimonial p strong {
   			padding: 120px 0px 10px 0px;
		    font-size: 28px;
		    line-height: 40px;
		}

		/*:::::: FAQ STYLES ::::::*/
		.toggle p.toggle-title,
		.faq .toggle p.toggle-title {padding-right: 35px;}
		.faq .toggle p.toggle-title:hover {padding: 15px; padding-right: 35px;} 
		.faq-contact {
		    height: 380px;
		    position: relative;
		    margin-bottom: 20px;
		}

		.faq-contact img {
		    width: 24%;
		    padding-right: 0px;
		    position: absolute;
		    bottom: 10px;
		    right: 10px;
		    z-index: 3;
		}

		.faq-contact .content-wrap {
		    width: 100%;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {


		.hide-mobile {display: none !important;}

		.mobile-menu {float: right;}
		/* Menu */
		#nav-icon {
		  width: 35px;
		  height: 45px;
		  position: relative;
		  margin: 35px 0px 0px 0px;
		  -webkit-transform: rotate(0deg);
		  -moz-transform: rotate(0deg);
		  -o-transform: rotate(0deg);
		  transform: rotate(0deg);
		  -webkit-transition: .5s ease-in-out;
		  -moz-transition: .5s ease-in-out;
		  -o-transition: .5s ease-in-out;
		  transition: .5s ease-in-out;
		  cursor: pointer;
		}
		#nav-icon span {
		  display: block;
		  position: absolute;
		  height: 5px;
		  width: 100%;
		  background: #fff;
		  border-radius: 9px;
		  opacity: 1;
		  left: 0;
		  -webkit-transform: rotate(0deg);
		  -moz-transform: rotate(0deg);
		  -o-transform: rotate(0deg);
		  transform: rotate(0deg);
		  -webkit-transition: .25s ease-in-out;
		  -moz-transition: .25s ease-in-out;
		  -o-transition: .25s ease-in-out;
		  transition: .25s ease-in-out;
		}

		#nav-icon span:nth-child(1) {top: 0px;}
		#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 12px;}
		#nav-icon span:nth-child(4) {top: 24px;}
		#nav-icon.open span:nth-child(1) {
		  top: 18px;
		  width: 0%;
		  left: 50%;
		}

		#nav-icon.open span:nth-child(2) {
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -o-transform: rotate(45deg);
		  transform: rotate(45deg);
		}

		#nav-icon.open span:nth-child(3) {
		  -webkit-transform: rotate(-45deg);
		  -moz-transform: rotate(-45deg);
		  -o-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		}

		#nav-icon.open span:nth-child(4) {
		  top: 18px;
		  width: 0%;
		  left: 50%;
		}
		.mobile-menu-dropdown {
			background-color: #463B57;
			margin-top: -16px;
		}
		.mobile-menu-dropdown a {
		    padding: 14px;
		    width: 100%;
		    display: block;
		    text-decoration: none;
		    color: #ffffff;
		    text-align: center;
		    font-size: 13px;
		    line-height: 20px;
		    font-family: 'Rubik', sans-serif;
		    font-weight: 500;
		    border-bottom: 1px dashed #7B6A9B;
		}
		.mobile-menu-dropdown a:hover {
			background-color: #fff;
			color: #E23A53;
		}
		.i-need p {
		    font-size: 28px;
		    font-family: 'Rubik', sans-serif;
		    font-weight: 300;
		    color: #fff;
		    text-align: left;
		    padding: 16px 20px 0px 20px;
		    background: url(../images/i-need.svg) no-repeat left 0px;
		    height: 55px;
		}
		.i-need {
		    background: url(../images/banner-homepage-mobile.jpg) no-repeat center top;
		    background-size: 100% 100%;
		    padding: 230px 0px 90px 0px;
		    margin-bottom: -42px;
		    overflow: hidden;
		}
		.i-need .three {display: none;}
		.i-need .two {margin-top: -50px;}

		.i-need h1 {
		    font-size: 17px;
		    line-height: 19px;
		    margin-left: 0px; 
		    margin-top: 55px;
		}

		.free-helpline {margin-bottom: 15px;}
		.free-helpline p {font-size: 18px;}

		.welcome h2 {font-size: 15px;}
		.welcome h3 {
		    font-size: 15px;
		    line-height: 20px;
		    padding: 0px 20px 0px 20px;
		}
		.need-to-talk img {max-width: 380px;margin-top: 35px;}
		.need-to-talk p#intro {
		    font-size: 14px;
		    line-height: 19px;
		    padding: 0px 50px 0px 50px;
		    margin-bottom: 30px;
		}

		.testimonial p {
   			padding: 120px 0px 10px 0px;
		    font-size: 28px;
		    line-height: 40px;
		}
		.testimonial p span {font-size: 50px;}
		.story .five {margin-left: 0px;}

		.testimonial {
		    background: url(../images/testimonial-placeholder-mobile.jpg) no-repeat center top;
		    background-size: 100% 100%;
		    margin: -100px 0px -50px 0px;
		    overflow: hidden;
		    height: 610px;
		}

		.safety a, .leave a {font-size: 12px;line-height: 14px;padding: 8px 20px 8px 20px;}
		.safety svg, .leave svg {display: none;}
		.welcome a .left svg, .welcome a .center svg, .welcome a .right svg {margin-top: -30px;}

		.welcome a .left p, .welcome a .center p, .welcome a .right p {position: relative;margin-top: 20px;}

		.welcome a .left p, .welcome a .right p {
		    background: url(../images/find-out-more.svg) no-repeat 11px 8px;
		    background-size: 105px 50px;
		}
		.welcome a:hover .left p, .welcome a:hover .right p {
		    background: url(../images/find-out-more-hover.svg) no-repeat 11px 8px;
		    background-size: 105px 50px;
		}
		.welcome a .center p {
		    background: url(../images/find-out-more-2.svg) no-repeat 11px 8px;
		    background-size: 105px 50px;
		}
		.welcome a:hover .center p {
		    background: url(../images/find-out-more-hover.svg) no-repeat 11px 8px;
		    background-size: 105px 50px;
		}

		.welcome a .left {
		    background: url(../images/home-box-background-1.svg) no-repeat 0px 0px;
		    background-size: 100% 180px;
		    height: 190px;

		}
		.welcome a:hover .left {
		    background: url(../images/home-box-background-hover.svg) no-repeat 0px 0px;
		    background-size: 100% 180px;
		    height: 190px;
		}
		.welcome a .left, .welcome a .right {
		    background: url(../images/home-box-background-1.svg) no-repeat 0px 0px;
		    background-size: 100% 180px;
		    height: 190px;
		}
		.welcome a:hover .left, .welcome a:hover .right {
		    background: url(../images/home-box-background-hover.svg) no-repeat 0px 0px;
		    background-size: 100% 180px;
		    height: 190px;
		}
		.welcome a .center {
		    background: url(../images/home-box-background-2.svg) no-repeat 0px 0px;
		    background-size: 100% 180px;
		    height: 190px;
		}
		.welcome a:hover .center {
		    background: url(../images/home-box-background-hover.svg) no-repeat 0px 0px;
		    background-size: 100% 180px;
		    height: 190px;
		}

		.call, .spoken {padding: 20px 20px 20px 20px;}
		.eight.spoken {margin-top: 20px;}
		.call img {width: 120px;margin-top: -90px;}
		.spoken img {width: 90px;margin-top: -90px;}



		.testimonial .links a#info {
		    margin-left: 43px;
		    margin-bottom: 20px;
		}
		.testimonial .links a#info:hover {
		    margin-left: 43px;
		    margin-bottom: 20px;
		}

		.testimonial .links a#forms {margin-left: 139px;}

		.testimonial .links a#whatis {margin-left: 18px;}
		.story .eight {padding: 15px;height: 270px;}
		p#storytitle {font-size: 48px;margin-bottom: 20px;}

		.footer {height: auto;}
		.footer-links {padding-left: 0px;}
		.footer-social p#charity {margin-top: 30px;}

		img#helena-logo {width: 150px;margin-bottom: 30px;}
		.future-logo {margin-top: 30px;margin-bottom: 30px;}

		.single-banner {
		    background: url(../images/single-banner-placeholder.jpg) no-repeat center 40px;
		    background-size: 160% !important;
		    padding: 180px 0px 100px 0px;
		}
		.sixteen.case-study-arrow {display: none;}
		.single-content .quote {margin: 50px 0px 0px 0px;}
		.single-content .quote p {
		    height: auto;
		    font-size: 34px;
		    line-height: 45px;
		    padding: 35px 25px 35px 25px;
		}

		.single-content .quote-img img {
		    width: 100%;
		    margin-top: 0px;
		    margin-bottom: 20px;
		}
		.single-content {margin-top: 10px;}

		.more-stories a {
			text-align: center;
		    display: block;
		    padding-top: 20px;
		    padding-bottom: 20px;
		}
		.more-stories .alpha a {padding-left: 0px;}
		.more-stories .alpha {border-right: 0px solid #463B57;}
		.more-stories .omega a {text-align: center;margin-right: 0px;}
		.more-stories {height:200px;}

		.about-banner {
		    background: url(../images/about-banner.jpg) no-repeat center top;
		    background-size: 181% 100%;
		    padding: 145px 0px 0px 0px;
		    margin-bottom: -27px;
		    margin-top: 44px;
		    height: 354px;
		}
		.about-banner .two {display: none;}

		.about-banner p {font-size: 15px;line-height: 20px;}
		.about-banner h1 {margin-bottom: 20px;}
		
		.about-content p,
		.about-content li,
		.about-content li a,
		.about-content a
		{font-size: 15px;line-height: 18px;}

		.about-content .side-quote p {margin-bottom: 80px;}

		.toggle p.toggle-title {
    		background: url(../images/toggle-background-mobile.svg) no-repeat 0px 0px;
    	}

    	.toggle.secondary p.toggle-title {
    		background: url(../images/toggle-background-mobile-2.svg) no-repeat 0px 0px;
    	}

    	.toggle p.toggle-title:hover {
    		background: url(../images/toggle-background-mobile-active.svg) no-repeat 0px 0px;
    	}
    	.faq .toggle p.toggle-title {
    		background: url(../images/toggle-background-mobile.svg) no-repeat 0px 0px;
    	}
    	.faq .toggle p.toggle-title:hover {
    		background: url(../images/toggle-background-mobile-active.svg) no-repeat 0px 0px;
    	}

		.future-logo img {margin-bottom: 100px;}
		.future-logo {margin-top: 50px;}

		.case-banner {
		    background: url(../images/case-banner.jpg) no-repeat center top;
		    background-size: 240%;
		    padding: 140px 0px 50px 0px;
		    margin-bottom: -44px;
		    margin-top: 43px;
		    height: 372px;
		}
		.case-banner svg {display: none;}
		.case-banner p {padding-right: 105px;font-size: 16px;line-height: 20px;}

		.case-post .copy {padding: 14px;height: 215px;}
		a#case-link:hover .case-post .img img {width: 128%;}

		.case-post .img img {width: 128%;}
		.case-post {height: 237px;margin-bottom: 15px;}
		.case-post .img {height: 215px;}

		.about-content .side-quote p {margin-bottom: 60px;}

		.case-post .copy p {font-size: 15px;}
		.about-content p {padding-right: 10px;}


		.help-banner svg {display: none;}
		.help-banner {
		    background: url(../images/help-banner.jpg) no-repeat center top;
		    background-size: 335% 100%;
		    margin-top: 44px;
		}
		.find-us {height: 270px;}
		.help-banner p {padding-right: 10px;}

		.faq-banner {
		    background: url(../images/faq-banner.jpg) no-repeat center top;
		    background-size: 300%;
		    padding: 148px 0px 50px 0px;
		    height: 385px;
		    margin-top: 44px;
		}
		.faq-banner svg {display: none;}

		.contact-banner {
		    background: url(../images/contact-banner.jpg) no-repeat center top;
		    background-size: 309%;
		    padding: 160px 0px 68px 0px;
		}
		.contact-banner svg {display: none;}

		.contact-banner h1 {font-size: 52px;}
		.contact-banner p {font-size: 16px;}

		.contact-band {
		    background: url(../images/free-helpline.svg) no-repeat;
		    background-size: 100% 255px;
		    height: 255px;
		}

		.contact-band .icon img {display: none;}

		.contact-band p#copy {
		    font-size: 13px;
		    width: 100%;
		    line-height: 15px;
		    margin-bottom: 8px;
		}
		.contact-band p#num {
		    font-size: 24px;
		    margin-top: 0px;
		    margin-right: 25px;
		    float: none;
		    text-align: left;
		}
		.contact-quote {padding: 60px 10px 60px 10px;}
		.contact-quote p {font-size: 30px;line-height: 34px;}
		.contact-quote p strong {font-size: 50px;}

		.contact-find .sixteen p {font-size: 36px;line-height: 36px;}

		.contact-find .address-1 {
		    padding-left: 0px;
		    border-right: 0px solid #fff;
		    margin-bottom: 40px;
		    border-bottom: 1px solid #eee;
		    padding-bottom: 20px;
		}
		.contact-find .address-2 {
		    padding-right: 0px;
		    border-left: 0px solid #fff;
		}
		.contact-find {margin-bottom: 40px;}



		.professionals-banner {
		    background: url(../images/help-banner.jpg) no-repeat center top;
		    background-size: 227%;
		    padding: 140px 0px 36px 0px;
		    margin-top: 44px;
		}
		.professionals-banner svg {display: none;}

		.safety-banner {
		    background: url(../images/safety-banner.jpg) no-repeat center top;
		    background-size: 248%;
		    padding: 135px 0px 50px 0px;
		    margin-top: 44px;
		}
		.safety-banner svg {display: none;}
		.safety-banner h1 {font-size: 40px;}

	

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {


		.i-need .two {margin-bottom: -10px;}
		.mobile-menu {float: right;}
		/* Menu */
		#nav-icon {
		  width: 30px;
		  height: 45px;
		  position: relative;
		  margin: 22px 0px 0px 0px;
		  -webkit-transform: rotate(0deg);
		  -moz-transform: rotate(0deg);
		  -o-transform: rotate(0deg);
		  transform: rotate(0deg);
		  -webkit-transition: .5s ease-in-out;
		  -moz-transition: .5s ease-in-out;
		  -o-transition: .5s ease-in-out;
		  transition: .5s ease-in-out;
		  cursor: pointer;
		}
		#nav-icon span {
		  display: block;
		  position: absolute;
		  height: 3px;
		  width: 100%;
		  background: #fff;
		  border-radius: 9px;
		  opacity: 1;
		  left: 0;
		  -webkit-transform: rotate(0deg);
		  -moz-transform: rotate(0deg);
		  -o-transform: rotate(0deg);
		  transform: rotate(0deg);
		  -webkit-transition: .25s ease-in-out;
		  -moz-transition: .25s ease-in-out;
		  -o-transition: .25s ease-in-out;
		  transition: .25s ease-in-out;
		}

		#nav-icon span:nth-child(1) {top: 0px;}
		#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 9px;}
		#nav-icon span:nth-child(4) {top: 18px;}
		#nav-icon.open span:nth-child(1) {
		  top: 18px;
		  width: 0%;
		  left: 50%;
		}

		#nav-icon.open span:nth-child(2) {
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -o-transform: rotate(45deg);
		  transform: rotate(45deg);
		}

		#nav-icon.open span:nth-child(3) {
		  -webkit-transform: rotate(-45deg);
		  -moz-transform: rotate(-45deg);
		  -o-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		}

		#nav-icon.open span:nth-child(4) {
		  top: 18px;
		  width: 0%;
		  left: 50%;
		}
		.mobile-menu-dropdown {
			background-color: #463B57;
			margin-top: 0px;
		}
		.mobile-menu-dropdown a {
		    padding: 12px;
		    width: 100%;
		    display: block;
		    text-decoration: none;
		    color: #ffffff;
		    text-align: center;
		    font-size: 13px;
		    line-height: 20px;
		    font-family: 'Rubik', sans-serif;
		    font-weight: 500;
		    border-bottom: 1px dashed #7B6A9B;
		}
		.mobile-menu-dropdown a:hover {
			background-color: #fff;
			color: #E23A53;
		}
		.logo {
		    display: inline-block;
		    margin-right: 20px;
		    padding: 10px 0px 0px 0px;
		    height: 82px;
		    overflow: hidden;
		}
		.logo img {width: 90px;}
		.leave {
			width: 100%;
			margin-bottom: 1px;
			border-bottom: 1px dashed #FF92A7;
		}
		.leave a, .safety a {
			font-size: 10px;
			padding: 6px 0px 6px 0px;
		}
		.safety {width: 100%;}
		.leave svg, .safety svg {display: none;}
		.tagline {display: none;}

		.i-need p {
		    font-size: 20px;
		    font-family: 'Rubik', sans-serif;
		    font-weight: 300;
		    color: #fff;
		    text-align: left;
		    padding: 11px 5px 0px 15px;
		    background: url(../images/i-need.svg) no-repeat left 0px;
		    width: 94px;
		    height: 40px;
		}
		.i-need {
		    background: url(../images/banner-homepage-mobile.jpg) no-repeat center top;
		    background-size: 100% 100%;
		    padding: 200px 0px 100px 0px;
		    margin-bottom: -42px;
		    overflow: hidden;
		}
		.i-need .three {display: none;}
		.i-need .two {margin-top: -50px;}

		.i-need a {
		    font-size: 20px;
		    padding: 7px 0px 0px 15px;
		    margin-bottom: -36px;
		}
		.i-need a#help {width: 140px;height: 55px;}
		.i-need a#someone {width: 230px;height: 55px;}
		.i-need a#place {width: 190px;height: 55px;}
		.i-need {margin-bottom: -44px;}
		.i-need a#advice {width: 255px;}
		.header, .header .container {height: 68px;}

		.i-need h1 {
		    font-size: 17px;
		    margin-left: 0px;
		    line-height: 21px;
		}

		.free-helpline {margin-bottom: 20px;}
		.free-helpline p {font-size: 16px;}

		.i-need {padding: 200px 0px 75px 0px;}

		.welcome a .left img {width: 70px;}

		.need-to-talk p#intro {padding: 0px 0px 0px 0px;}



		.welcome h2 {
		    font-size: 14px;
    		line-height: 19px;
		    margin-bottom: 15px;
		}
		.welcome h3 {font-size: 13px;line-height: 17px;}

		.welcome a .left, .welcome a .center {margin-bottom: 20px;}

		.welcome a .left p, .welcome a .center p, .welcome a .right p {
		    font-family: 'Rubik', sans-serif;
		    font-weight: 300;
		    color: #fff;
		    font-size: 12px;
		    position: relative;
		    padding: 20px;
		    margin-top: 80px;
		}
		.welcome a .left p, .welcome a .center p {
		    background: url(../images/find-out-more.svg) no-repeat 10px 20px;
		    background-size: 100px;
		}
		.welcome a .right p {
		    background: url(../images/find-out-more-2.svg) no-repeat 10px 20px;
		    background-size: 100px;
		}
		.welcome a:hover .left p, .welcome a:hover .center p {
		    background: url(../images/find-out-more-hover.svg) no-repeat 10px 20px;
		    background-size: 100px;
		}
		.welcome a:hover .right p {
		    background: url(../images/find-out-more-hover.svg) no-repeat 10px 20px;
		    background-size: 100px;
		}
		.need-to-talk img {width: 95%;margin-top: 45px;}
		.need-to-talk p#intro {font-size: 13px;line-height: 19px;margin-bottom: 40px;}
		
		.welcome a .left,
		.welcome a .center,
		.welcome a .right,
		.welcome a:hover .left,
		.welcome a:hover .center,
		.welcome a:hover .right {height: 170px;}

		.welcome a .left p,
		.welcome a .center p,
		.welcome a .right p {margin-top: 10px;}

		.welcome a .left h4,
		.welcome a .center h4,
		.welcome a .right h4 {font-size: 20px;line-height: 23px;}

		.welcome a .left svg,
		.welcome a .center svg,
		.welcome a .right svg {width: 75px;}

		.call img {width: 120px;}
		.spoken img {width: 85px;}
		.message img {width: 65px;}

		.call img,
		.spoken img {display: none;}
		.call, .spoken {padding: 20px 20px 20px 20px;}

		.call p, .spoken p {text-align: center;}

		.eight.spoken {margin-top: 20px;}


		.testimonial .links a {
		    margin: 0 auto;
		    text-align: center;
		    display: block;
		    margin-top: 10px;
		}
		.testimonial .links a#info,
		.testimonial .links a:hover#info {margin-left: 0px;}

		.story .eight {padding: 15px;height: 270px;}
		p#storytitle {font-size: 48px;margin-bottom: 20px;}

		.testimonial p {
		    padding: 120px 0px 10px 0px;
		    font-size: 24px;
		    line-height: 34px;
		}
		.testimonial p span {font-size: 44px;}
		.story .five {margin-left: 0px;}
		.story {margin-top: -100px;}

		.testimonial {
		    background: url(../images/testimonial-placeholder-mobile.jpg) no-repeat center top;
		    background-size: 100% 100%;
		    margin: -100px 0px -50px 0px;
		    overflow: hidden;
		    height: 610px;
		}

		.footer {height: auto;}
		.footer-links {padding-left: 0px;}
		.footer-social p#charity {margin-top: 30px;}

		img#helena-logo {width: 150px;margin-bottom: 30px;}
		.future-logo {margin-top: 30px;margin-bottom: 30px;}

		.testimonial {
		    background: url(../images/testimonial-placeholder-mobile.jpg) no-repeat center top;
		    background-size: 130% 100%;
		}

		.story h5 {font-size: 13px;margin-bottom: 15px;}
		p#storytitle {font-size: 28px;margin-bottom: 20px;}
		p#storycopy {display: none;}
		.story .eight {padding: 15px;height: 215px;}
 
		.future-logo img {margin-bottom: 40px;}

		.single-banner {
			padding: 25px 0px 190px 0px;
		    background: url(../images/single-banner-placeholder.jpg) no-repeat center top;
		    background-size: cover !important;
		    margin-bottom: -42px;
		    margin-top: 103px;
		}
		.single-banner h2 {
		    font-size: 40px;
		    line-height: 44px;
		    margin-bottom: 25px;
		    padding-right: 40px;
		}
		.single-banner h1 {font-size: 18px;line-height: 20px;}
		.sixteen.case-study-arrow {display: none;}
		.single-content {margin-top: 10px;}
		.single-content .quote {margin: 50px 0px 0px 0px;}
		.single-content .quote-img img {margin-top: 0px;margin-bottom: 30px;}

		.more-stories .alpha a {padding-left: 0px;}
		.more-stories a, .more-stories .omega a {text-align: center;margin-right: 0px;}
		.more-stories .alpha {border-right: 0px solid #463B57;}
		.more-stories .omega {margin-bottom: 100px;}

		.single-banner p {display: none;}

		.about-banner {
			background-size: cover;
		    padding: 130px 0px 58px 0px;
		    margin-bottom: -37px;
		    margin-top: 35px;
		    height: 354px;
		}
		.about-banner svg {display: none;}
		.toggle p.toggle-title {
    		background: url(../images/toggle-background-mobile.svg) no-repeat 0px 0px;
    	}

    	.toggle.secondary p.toggle-title {
    		background: url(../images/toggle-background-mobile-2.svg) no-repeat 0px 0px;
    	}

    	.toggle p.toggle-title:hover {
    		background: url(../images/toggle-background-mobile-active.svg) no-repeat 0px 0px;
    	}

    	.faq .toggle p.toggle-title {
    		background: url(../images/toggle-background-mobile.svg) no-repeat 0px 0px;
    		padding-right: 25px;
    	}

    	.faq .toggle p.toggle-title:hover {
    		padding: 15px;
    	}

    	.faq .toggle:hover p.toggle-title {
    		background: url(../images/toggle-background-mobile-active.svg) no-repeat 0px 0px;
    	}

    	.case-post .img {height: 252px;width: 100%;}
    	.case-post .copy {
		    padding: 30px;
		    height: auto;
		    width: 100%;
		    margin-bottom: 20px;
		}
		.case-banner {
		    background: url(../images/case-banner.jpg) no-repeat center top;
		    background-size: cover;
		    height: 350px;
		    padding: 108px 0px 50px 0px;
		    margin-top: 34px;
		}
		.case-banner svg {display: none;}
		.case-banner p {padding-right: 0px;}
		.case-banner h1 {font-size: 55px;}


		.help-banner svg {display: none;}
		.help-banner {
		    background: url(../images/help-banner.jpg) no-repeat 0px 0px;
		    background-size: cover;
		    margin-top: 35px;
		}
		.find-us {height: 385px;}
		.help-banner p {padding-right: 10px;}
		.safety {display: none;}
		.leave {
		    margin-bottom: 0px;
		    border-bottom: 0px dashed #FF92A7;
		}

		.sticky {height: 135px;}
		.help-banner {
			margin-bottom: -45px;
			height: 340px;
    		padding: 130px 0px 50px 0px;
    	}
    	.faq-banner {
		    background: url(../images/faq-banner.jpg) no-repeat center top;
		    background-size: cover;
		    padding: 100px 0px 50px 0px;
		    height: 385px;
		    margin-top: 35px;
		}
		.faq-banner svg {display: none;}

		.contact-banner {
		    background: url(../images/contact-banner.jpg) no-repeat center top;
		    background-size: cover;
		    padding: 135px 0px 60px 0px;
		}
		.contact-banner h1 {font-size: 35px;}
		.contact-banner p {font-size: 16px;line-height: 18px;}
		.contact-banner svg {display: none;}

		.contact-band .icon img {display: none;}
		.contact-quote {padding: 60px 0px 60px 0px;}
		.contact-quote p {font-size: 26px;line-height: 35px;padding: 0px 20px 0px 20px;}
		.contact-quote p strong {font-size: 40px;line-height: 50px;}
		.contact-quote p span {font-size: 40px;line-height: 50px;}

		.contact-find .sixteen p {font-size: 36px;line-height: 36px;}

		.contact-find .address-1 {
		    padding-left: 0px;
		    border-right: 0px solid #fff;
		    margin-bottom: 40px;
		    border-bottom: 1px solid #eee;
		    padding-bottom: 20px;
		}
		.contact-find .address-2 {
		    padding-right: 0px;
		    border-left: 0px solid #fff;
		}
		.contact-find {margin-bottom: 40px;}

		.contact-band p#copy {
		    font-size: 13px;
		    width: 100%;
		    line-height: 16px;
		    margin-bottom: 8px;
		}
		.contact-band p#num {
		    font-size: 20px;
		    margin-top: 0px;
		    margin-right: 0px;
		    text-align: left;
		    float: none;
		}
		.contact-band {
		    background: url(../images/free-helpline.svg) no-repeat;
		    background-size: 100% 285px;
		    height: 285px;
		}

		.contact-banner h1 {line-height: 45px;margin-bottom: 5px;}
		.contact-find .sixteen img {width: 40px;}

		.professionals-banner {
		    background: url(../images/help-banner.jpg) no-repeat center top;
		    background-size: cover;
		    padding: 91px 0px 36px 0px;
		    margin-top: 35px;
		}
		.professionals-banner svg {display: none;}
		.professionals-banner h1 {font-size: 39px;line-height: 42px;}

		.safety-banner svg {display: none;}
		.safety-banner {
		    background: url(../images/safety-banner.jpg) no-repeat center top;
		    background-size: cover;
		    padding: 106px 0px 50px 0px;
		    margin-top: 35px;
		}
		.safety-banner h1 {font-size: 40px;}

		.referral-banner {
		    padding: 105px 0px 20px 0px;
		    background-size: cover;
		    margin-top: 35px;
		}
		.referral-banner h1 {
			font-size: 50px;
		}

	}

	/* Retina Backgrounds */
	@media (-webkit-min-device-pixel-ratio: 1.5) {}

	@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active)  {
		.menu a#contact {
		    background: url('../images/contact-bg-hover.svg') no-repeat 0px 0px !important;
		}

		.about-content .side-menu p#head {
			background: url(../images/li-bullet.svg) no-repeat 0px 0px;
			background-size: 20px 20px;
		}
		
		.i-need a#help {background: url('../images/i-need-help-now.svg') no-repeat -10px 0px !important;}
		.i-need a#someone {background: url('../images/i-need-someone.svg') no-repeat -20px 0px !important;}
		.i-need a#place {background: url('../images/i-need-place.svg') no-repeat -50px 0px !important;}
		.i-need a#help:hover {background: url('../images/i-need-help-now.svg') no-repeat -10px 0px !important;}
		.i-need a#someone:hover {background: url('../images/i-need-someone.svg') no-repeat -20px 0px !important;}
		.i-need a#place:hover {background: url('../images/i-need-place.svg') no-repeat -50px 0px !important;}

		li {list-style-image: url('../images/li-bullet.svg') !important; padding-left: 0px !important;}
		.about-content .side-menu img#side-line {height: 4px !important;}
		.about-content .side-menu p#here {background-size: 50px 50px !important;}
		.welcome a .left img, .welcome a .center svg, .welcome a .right svg {height: 102px !important;}
		.story .eight {background-position: 0px -50px !important;}
    }

    @media screen and (max-width: 1300px) and (min-width: 961px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    	.i-need p {
    		font-size: 22px !important;
    		line-height: 22px !important;
    	}

    	.i-need a {
    		font-size: 22px !important;
    		line-height: 22px !important;
    		padding-top: 21px !important;
    		margin-bottom: -31px !important;
    	}
		.i-need a#help {margin-top: -5px !important;}
    	.i-need a#advice {margin-top: 5px !important;}
    }


    @media screen and (max-width: 959px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    }

     @media screen and (max-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    }



     @media screen and (max-width: 479px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    }