@charset "UTF-8";
/* CSS Document */
/*------------------------------------- Fonts -----------------------------------*/
@font-face { /*-- Book --*/
	font-family: 'Halis-Book';
    src: url('../fonts/Halis-Book/HalisGR-Book.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Halis-Book/HalisGR-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Halis-Book/HalisGR-Book.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/Halis-Book/HalisGR-Book.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/Halis-Book/HalisGR-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Halis-Book/HalisGR-Book.svg#Halis-Book') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face { /*-- Regular --*/
	font-family: 'Halis-Regular';
    src: url('../fonts/Halis-Regular/HalisGR-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Halis-Regular/HalisGR-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Halis-Regular/HalisGR-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/Halis-Regular/HalisGR-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/Halis-Regular/HalisGR-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Halis-Regular/HalisGR-Regular.svg#Halis-Regular') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face { /*-- Medium --*/
	font-family: 'Halis-Medium';
    src: url('../fonts/Halis-Medium/HalisGR-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Halis-Medium/HalisGR-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Halis-Medium/HalisGR-Medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/Halis-Medium/HalisGR-Medium.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/Halis-Medium/HalisGR-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Halis-Medium/HalisGR-Medium.svg#Halis-Medium') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face { /*-- Bold --*/
	font-family: 'Halis-Bold';
    src: url('../fonts/Halis-Bold/HalisGR-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Halis-Bold/HalisGR-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Halis-Bold/HalisGR-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/Halis-Bold/HalisGR-Bold.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/Halis-Bold/HalisGR-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Halis-Bold/HalisGR-Bold.svg#Halis-Bold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------- Page Defaults -----------------------------------*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	background: #FFF;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
img {width:100%;}
.clear {clear:both;}

a:link {
	color:inherit;
	text-decoration:none;
}
a:visited {
	color:inherit;
	text-decoration:none;
}
a:hover {
	color:inherit;
	text-decoration:none;
}
#map {
	width:100%;
	height:400px;
	background:rgba(0,0,0,0.2);
	position:relative;
	z-index:-1;
}
.pointer-event .btn {
	position:absolute;
	top:50%;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	-moz-transform:translateY(-50%) translateX(-50%);
	-ms-transform:translateY(-50%) translateX(-50%);
	left:50%;
	display:inline-block;
	padding:15px 30px 15px 30px;
	border:1px solid transparent;
	color:rgba(0,0,0,0.2);
	background:#feaa48;
	text-align:center;
	font-size:1.2em;
}
.pointer-event .btn:hover {
	background:#c4df9c;
	border-radius:5px;
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
.pointer-event {
	width:1024px;
	height:400px;
	margin:0 auto;
	margin-top:-400px;
	position:relative;
}
/*------------------------------------- Text Spans -----------------------------------*/
.book {
	font-weight: normal;
	font-style: normal;
	font-family: 'Halis-Book';
}
.regular {
	font-weight: normal;
	font-style: normal;
	font-family: 'Halis-Regular';
}
.medium {
	font-weight: normal;
	font-style: normal;
	font-family: 'Halis-Medium';
}
.bold {
	font-weight: normal;
	font-style: normal;
	font-family: 'Halis-Bold';
}
.uppercase {
	text-transform:uppercase;
}
.lowercase {
	text-transform:lowercase;
}
.centre {
	text-align:center;
}
flush-left {
	text-align:left;
}
.numbers {
	letter-spacing:3px;
}
/*---------------- Colors ----------------*/
.white {
	color:#FFF;
}
.blue {
	color:#7dafde;
}
.grey {
	color:#58595b;
}
.orange {
	color:#feaa48;
}
.green {
	color:#c4df9c;
}
/*----------------------------------- Navigation ----------------------------------------*/
#main {
	position:absolute;
	z-index:2;
	width:1024px;
	height:auto;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}
#main #mobile {
	display:none;
	width:85%;
	float:left;
	height:79px;
	background:rgba(255,255,255,1);
	position:relative;
}
#main #mobile #logo-mobile {
	width:50px;
	height:50px;
	position:absolute;
	right:20px;
	top:15px;
	background:url(../gfx/logo-mobile.png) no-repeat;
	background-position:center;
	background-size:contain;
}
#main #logo {
	width:26%;
	float:left;
	height:83px;
	background:rgba(255,255,255,0.8);
	position:relative;
}
#main #logo img {
	width:90%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
}
#main #french:hover {
	color:rgba(0,0,0,0.4);
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
#main #french {
	display:block;
	width:12%;
	float:left;
	padding:30px 10px 30px 10px;
	font-size:1.1em;
	text-align:center;
	background:#c4df9c;
	color:#FFF;
}
#main #navigation {
	width:62%;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	background:#ffffff;
}
#main #navigation li:hover {
	color:#c4df9c;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
#main #navigation li {
	display:inline-block;
	padding:30px 12px 30px 12px;
	font-size:1.1em;
	text-align:center;
	color:#A8A8A8;
	margin:0px 0px 0px -5px;
}
#main .french {
	font-size:80%;
	height:83px;
}
#main #navigation .first {
	margin:0px 0px 0px 5px;
}
#main #leave {
	position:absolute;
	z-index:3;
	display:block;
	width:180px;
	padding:8px 20px 8px 20px;
	background:#f578cb;
	right:0;
	bottom:-32px;
	text-align:center;
	font-size:0.8em;
	color:#FFF;
}
#main #private {
	position:absolute;
	z-index:3;
	display:block;
	width:180px;
	padding:8px 20px 8px 20px;
	background:#feaa48;
	right:180px;
	bottom:-32px;
	text-align:center;
	font-size:0.8em;
	color:#FFF;
}
#main #leave-f {
	position:absolute;
	z-index:3;
	display:inline-block;
	padding:8px 20px 8px 20px;
	background:#f578cb;
	right:0;
	bottom:-32px;
	text-align:center;
	font-size:0.8em;
	color:#FFF;
}
#main #private-f {
	position:absolute;
	z-index:3;
	display:inline-block;
	padding:8px 20px 8px 20px;
	background:#feaa48;
	right:228px;
	bottom:-32px;
	text-align:center;
	font-size:0.8em;
	color:#FFF;
}
#main #leave:hover,
#main #leave-f:hover,
#main #private:hover,
#main #private-f:hover {
	color:rgba(0,0,0,0.3);
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
/* Floaty Nav */
.floaty {
	position:absolute;
	top:670px;
	left:80px;
	display:block;
	width:270px;
	padding:20px;
	height:380px;
	background:rgba(0,0,0,0.05);
}
.fixed:hover {
	background:#c4df9c;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
.fixed {
    position:fixed;
    top:70px;
	background:rgba(0,0,0,0.1);
}
.floaty ul {
	list-style:none;
	padding:0;
	margin:0;
}
.floaty ul li {
	width:100%;
	padding:15px 0px 15px 10px;
	font-size:0.9em;
	text-align:left;
	color:rgba(0,0,0,0.1);
}
.floaty ul .french {
	font-size:78%;
	padding:15px 0px 15px 8px;
}
.fixed ul #leave {
	color:rgba(0,0,0,0.5);
	background:#f578cb;
}
.fixed ul #private {
	color:rgba(0,0,0,0.5);
	background:#feaa48;
}
.fixed ul #leave:hover,
.fixed ul #private:hover {
	fill:rgba(255,255,255,1);
	color:rgba(255,255,255,1);
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
.fixed ul li:hover {
	color:rgba(255,255,255,1);
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
.fixed ul li:hover .icon {
	fill:rgba(255,255,255,1);
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
.floaty ul li .icon {
	display:inline-block;
	height:18px;
	width:18px;
	margin:0px 10px -3px 0px;
	fill:rgba(0,0,0,0.1);
}
.fixed ul li,
.fixed ul li .icon {
	color:rgba(0,0,0,0.4);
    fill:rgba(0,0,0,0.4);
}
/*------------------------------------- Banner ------------------------------------------*/
.banner {
	width:100%;
	height:600px;
	padding:0;
	margin:0;
	position:relative;
}
.banner-s {
	width:100%;
	height:400px;
	padding:0;
	margin:0;
	position:relative;
}
#home-banner {
	background:url(../gfx/banners/banner-home.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#program-banner {
	background:url(../gfx/banners/banner-map.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#contact-banner {
	background:url(../gfx/banners/banner-contact.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#donate-banner {
	background:url(../gfx/banners/banner-donate.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#resources-banner {
	background:url(../gfx/banners/banner-resources.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#about-banner {
	background:url(../gfx/banners/banner-about.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#privacy-banner {
	background:url(../gfx/banners/banner-survey.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#map-banner {
	background:url(../gfx/banners/banner-programs.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#banner-general {
	background:url(../gfx/banners/banner-general.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#banner-group-treatment {
	background:url(../gfx/banners/banner-group-treatment.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#banner-child-witness {
	background:url(../gfx/banners/banner-child-witness.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#banner-eap {
	background:url(../gfx/banners/banner-eap.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#banner-male-survivor {
	background:url(../gfx/banners/banner-male-survivor.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#banner-par {
	background:url(../gfx/banners/banner-par.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#banner-program-costs {
	background:url(../gfx/banners/banner-program-costs.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#banner-vaw {
	background:url(../gfx/banners/banner-vaw.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#banner-back-on-track {
	background:url(../gfx/banners/banner-back-on-track.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
#funding-banner {
	background:url(../gfx/banners/funding.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
.banner #text,
.banner-s #text {
	position:absolute;
	left:50%;
	top:50%;
	width:1024px;
	transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
}
.banner #text h1,
.banner-s #text h1 {
	font-size:1.9em;
	line-height:1.1em;
	margin:0px 0px 25px 0px;
	width:55%;
}
.banner #text p,
.banner-s #text p {
	font-size:1.2em;
	line-height:1.3em;
	margin:0px 0px 25px 0px;
	width:55%;
}
.banner #text .btn,
.banner-s #text .btn {
	display:inline-block;
	padding:20px 35px 20px 35px;
	border:1px solid transparent;
	color:rgba(0,0,0,0.3);
	background:#c4df9c;
	text-align:center;
	font-size:1em;
}
.banner #text .btn:hover,
.banner-s #text .btn:hover {
	border-radius:5px;
	background:#feaa48;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
/*------------------------------------- Content ------------------------------------------*/
.grey-bg {
	width:100%;
	height:auto;
	background:rgba(0,0,0,0.03);
}
.wrapper {
	width:1024px;
	margin:0 auto;
	height:auto;
	padding:70px 0px 70px 0px;
}
.wrapper h1 {
	font-size:2em;
	line-height:1.2em;
	width:100%;
}
.wrapper h2 {
	font-size:1.6em;
	line-height:1.2em;
}
.wrapper p {
	font-size:1.1em;
	line-height:1.3em;
}
.wrapper .email {
	display:inline-block;
	font-size:0.9em;
	padding:10px 30px 10px 30px;
	text-align:center;
	background:#c4df9b;
	color:#FFF;
}
.wrapper .email .icon {
	display:inline-block;
	height:15px;
	width:15px;
	margin:0px 10px -2px 0px;
	fill:#FFF;
}
.wrapper .email:hover {
	background:#7dafde;
	border-radius:5px;
	color:rgba(0,0,0,0.4);
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
.wrapper .email:hover .icon {
	fill:rgba(0,0,0,0.4);
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
.wrapper .col-l {
	width:50%;
	height:auto;
	padding:0px 50px 0px 0px;
	float:left;
}
.wrapper .col-r {
	width:50%;
	height:auto;
	padding:0px 0px 0px 50px;
	float:left;
}
.wrapper .col-l-home {
	width:50%;
	height:auto;
	padding:0px 50px 0px 0px;
	float:left;
}
.wrapper .col-r-home {
	width:50%;
	height:auto;
	padding:0px 0px 0px 50px;
	float:left;
}
.wrapper .col-trio-l {
	width:33.3%;
	height:auto;
	padding:0px 50px 0px 0px;
	float:left;
}
.wrapper .col-trio-m {
	width:33.3%;
	height:auto;
	padding:0px 25px 0px 25px;
	float:left;
}
.wrapper .col-trio-r {
	width:33.3%;
	height:auto;
	padding:0px 0px 0px 50px;
	float:left;
}
.wrapper .list { /* Item Lists */
	list-style:none;
	padding:15px 0px 15px 0px;
	margin:0;
}
.wrapper .list a:link {
	color:inherit;
	text-decoration:none;
}
.wrapper .list a:visited {
	color:inherit;
	text-decoration:none;
}
.wrapper .list a:hover .icon,
.wrapper .list a:hover {
	text-decoration:underline;
	fill:#feaa48;
	transition:0.4s all;
	-webkit-transition:0.4s ease;
	-moz-transition:0.4s ease;
	-ms-transition:0.4s ease;
}
.wrapper .list .partner-btn {
	display:inline-block;
	padding:8px 25px 8px 25px;
	font-size:0.9em;
	text-align:center;
	color:#FFF;
	background:#7dafde;
	margin:10px 0px 0px 0px;
	text-transform:lowercase;
}
.wrapper .list .partner-btn:hover {
	background:#668EB4;
	border-radius:3px;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
.wrapper .no-padding { /* Item Lists */
	margin-top:-25px;
}
.wrapper .list .border {
	border-right:1px solid #EAEAEA;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wrapper .list li {
	position:relative;
	display:block;
	width:100%;
	padding:8px 0px 8px 35px;
	font-size:1em;
	margin-bottom:10px;
}
.wrapper .list li .icon {
	position:absolute;
	display:block;
	top:8px;
	left:0;
	height:20px;
	width:20px;
	fill:#c4df9c;
}
.wrapper .tile { /* Program tiles */
	width:100%;
	height:auto;
	background:rgba(0,0,0,0.03);
	margin-top:50px;
	margin-bottom:50px;
}
.wrapper .tile:hover {
	background:rgba(0,0,0,0.05);
	transition:0.4s ease;
	-webkit-transition:0.4s ease;
	-moz-transition:0.4s ease;
	-ms-transition:0.4s ease;
}
.wrapper .last { 
	margin-bottom:0px;
}
.wrapper .tile img {
	width:100%;
	height:auto;
	display:block;
}
.wrapper .tile .img-fixed {
	width:50%;
	height:100%;
	display:block;
	float:left;
}  
.wrapper .tile .text {
	text-align:left;
	padding:10px 30px 10px 30px;
	height:150px;
}
.wrapper .tile .text a:link {
	text-decoration:none;
	color:inherit;
}
.wrapper .tile .text a:visited {
	text-decoration:none;
	color:inherit;
}
.wrapper .tile .text a:hover {
	text-decoration:underline;
	color:inherit;
}
.wrapper .tile .text h1 {
	text-align:left;
	font-size:0.9em;
	padding:0px 0px 5px 0px;
}
.wrapper .tile .text p {
	position:relative;
	text-align:left;
	font-size:0.7em;
	line-height:1.1em;
	padding:0px 0px 0px 25px;
	width:100%;
}
.wrapper .tile .text p .icon {
	position:absolute;
	height:15px;
	width:15px;
	fill:rgba(0,0,0,0.2);
	top:1px;
	left:0px;
	padding:2px;
}
.wrapper .tile .btn {
	width:100%;
	display:block;
	text-align:center;
	padding:10px 20px 10px 20px;
	font-size:0.9em;
	background:#c4df9c;
	color:#FFF;
}
.wrapper .tile .btn:hover {
	background:#7dafde;
	color:rgba(0,0,0,0.3);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
.wrapper .tile .btn:hover .tile {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
#useful-numbers { /* Useful Numbers */
	width:100%;
	height:auto;
	padding:20px 30px 20px 30px;
	background:#f8f8f8;
	margin-top:30px;
}
#useful-numbers .icon {
	width:90px;
	height:90px;
	background:rgba(0,0,0,0);
	margin:0 auto;
	padding:5px;
	fill:#7dafde;
}
#useful-numbers .divider {
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.1);
	margin:8px 0px 8px 0px;
}
#useful-numbers h2 {
	font-size:0.9em;
	line-height:1.3em;
	margin-bottom:8px;
}
/* Number Slider */
#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}
#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
}
#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width:325px;
  height: 100%;
  text-align: center;
  background:#f8f8f8;
}
a.control_prev, a.control_next {
  position: absolute;
  bottom: 0;
  z-index: 999;
  display: block;
  height:30px;
  width:30px;
  background: rgba(0,0,0,0.2);
  font-size:1.2em;
  color:#FFF;
  line-height:1.6em;
}
a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}
a.control_prev {
  border-radius: 3px;
}
a.control_next {
  right: 0;
  border-radius: 3px;
}
/* Quick Links */
#quick-links { 
	width:100%;
	height:auto;
	padding:0;
	list-style:none;
	margin-top:30px;
}
#quick-links li { 
	width:100%;
	height:auto;
	text-align:right;
	display:block;
	padding:26px 30px 26px 30px;
	margin-bottom:15px;
	font-size:1.2em;
	position:relative;
}
#quick-links li:hover .the-dark-side { 
	background:rgba(0,0,0,0.3);
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
#quick-links li .arrow { 
	width:25px;
	height:25px;
	position:absolute;
	z-index:10;
	top:50%;
	left:35%;
	transform:translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
}
#quick-links .green-bg { 
	background:#c4df9b;
}
#quick-links .yellow-bg { 
	background:#facd40;
}
#quick-links .orange-bg { 
	background:#fdaa48;
}
#quick-links .pink-bg { 
	background:#f578cb;
}
#quick-links .blue-bg { 
	background:#7dafde;
}
#quick-links li .the-dark-side { 
	width:35%;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background:rgba(0,0,0,0.1);
}
#quick-links li .the-dark-side .icon {
	fill:#FFF;
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	left:50%;
	padding:4px;
	transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
}
#survey {
	padding:70px 0px 70px 0px;
	width:100%;
	height:auto;
	background:url(../gfx/banners/banner-survey.jpg);
	background-position:center right;
	background-size:cover;
}
#survey #survey-text {
	width:1024px;
	height:auto;
	padding:30px 30px 120px 30px;
	background:#7dafde;
	margin:0 auto;
	position:relative;
}
#survey #survey-text .btn {
	display:inline-block;
	padding:20px 35px 20px 35px;
	border:1px solid transparent;
	color:rgba(0,0,0,0.3);
	background:#c4df9c;
	text-align:center;
	font-size:1em;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	margin-top:10px;
}
#survey #survey-text .btn .icon {
	display:inline-block;
	height:23px;
	width:23px;
	margin:0px 10px -5px 0px;
	fill:rgba(0,0,0,0.3);
}
#survey #survey-text .btn:hover {
	border-radius:5px;
	background:#feaa48;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
/* Quick Link Icons */
#generalicon {
	background:url(../gfx/GeneralCounselling.png) no-repeat;
	background-size:contain;
}
#eapicon {
	background:url(../gfx/EAP.png) no-repeat;
	background-size:contain;
}
#womenicon {
	background:url(../gfx/ViolenceAgainstWomen.png) no-repeat;
	background-size:contain;
}
#maleicon {
	background:url(../gfx/MaleSurvivorsProgram.png) no-repeat;
	background-size:contain;
}
#childicon {
	background:url(../gfx/ChildWitnessProgram.png) no-repeat;
	background-size:contain;
}
/* Program tile Images */
#general-counselling {
	background:url(../gfx/programs/general.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
#womens-groups {
	background:url(../gfx/programs/womans-groups.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
#child-witness {
	background:url(../gfx/programs/child-witness.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
#employment-assistance {
	background:url(../gfx/programs/EAP.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
#group-treatment {
	background:url(../gfx/programs/group-children.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
#back-on-track {
	background:url(../gfx/programs/back-on-track.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
#partner-assault {
	background:url(../gfx/programs/PAR.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
#male-survivors {
	background:url(../gfx/programs/male-survivor.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
#program-costs {
	background:url(../gfx/programs/programs-cost.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
/*------------------------------------- Footer ------------------------------------------*/
.foot-wrap {
	width:1024px;
	margin:0 auto;
}
.float-extension {
	padding:70px 0px 70px 0px;
}
footer {
	padding:70px 0px 70px 0px;
	background:#959595;
	border-top:5px solid #717171;
	width:100%;
	height:auto;
}
footer #secondary-nav { /* Secondary Nav */
	width:33.3%;
	padding:0px 40px 0px 0px;
	list-style:none;
	margin:0;
	float:left;
}
footer #secondary-nav li {
	display:block;
	padding:0px 0px 10px 0px;
	font-size:0.8em;
	color:#c4df9b;
}
footer #secondary-nav li:hover {
	color:#FFF;
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
footer #secondary-nav #logo {
	width:100%;
	height:75px;
	margin:0px 0px 30px 0px;
	background:url(../gfx/logo.png) no-repeat;
	background-size:contain;
	background-position:center;
}
footer #footer-nav { /* Footer Nav */
	width:33.3%;
	padding:0px 40px 0px 40px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	list-style:none;
	margin:0;
	float:left;
	height:185px;
}
footer #footer-nav li {
	color:#FFF;
	width:100%;
	padding:5px 0px 5px 0px;
	font-size:1.1em;
}
footer #footer-nav li:hover {
	color:#c4df9b;
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
footer #adresses { /* Adresses */
	width:33.3%;
	padding:0px 0px 0px 40px;
	list-style:none;
	margin:0;
	float:left;
}
footer #adresses li {
	display:block;
	padding:0px 0px 20px 30px;
	font-size:1.1em;
	line-height:1.2em;
	position:relative;
}
footer #adresses li .icon {
	position:absolute;
	width:20px;
	height:20px;
	top:0;
	left:0;
	fill:#c4df9b;
}
#second-stage { /* Second Stage */
	padding:8px 0px 8px 0px;
	background:#c4df9b;
	width:100%;
	height:auto;
}
#second-stage p {
	display:inline-block;
	padding:0px 30px 0px 0px;
	font-size:0.7em;
	line-height:1em;
}
#second-stage #ota {
	display:inline-block;
	padding:0px 0px 0px 0px;
	font-size:0.7em;
	line-height:1em;
}
#second-stage #ota .icon {
	display:inline-block;
	width:25px;
	height:25px;
	margin:0px 5px -8px 5px;
	fill:#717171;
}
#second-stage .social {
	display:block;
	width:25px;
	height:25px;
	margin:4px 0px 0px 15px;
	fill:rgba(0,0,0,0.2);
	float:right;
}
#second-stage .social:hover {
	fill:rgba(0,0,0,0.4);
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
#second-stage .btt {
	width:25px;
	height:25px;
	margin:4px 0px 0px 15px;
	display:block;
	float:right;
	border:1px solid rgba(0,0,0,0.2);
	border-radius:3px;
}
#second-stage .btt svg {
	padding:6px;
	width:100%;
	height:100%;
	fill:rgba(0,0,0,0.2);
	transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
}
#second-stage .btt:hover svg {
	fill:rgba(0,0,0,0.4);
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
/* mobile footer navigation */
#mobile-footer-nav {
	display:none;
	position:fixed;
	z-index:999;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
	background:#c4df9c;
	border-top:3px solid #B2D57E;
	-webkit-box-shadow: 0px -1px 33px -12px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px -1px 33px -12px rgba(0,0,0,0.25);
	box-shadow: 0px -1px 33px -12px rgba(0,0,0,0.25);
}
#mobile-footer-nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
#mobile-footer-nav ul li {
	position:relative;
	width:25%;
	height:60px;
	float:left;
}
#mobile-footer-nav ul .border {
	border-right:1px solid #ABC585;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#mobile-footer-nav ul li .icon {
	position:absolute;
	left:50%;
	top:50%;
	padding:4px;
	width:35px;
	height:35px;
	fill:rgba(0,0,0,0.2);
	transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
}
#mobile-footer-nav ul li .icon:focus,
#mobile-footer-nav ul li .icon:hover {
	fill:rgba(0,0,0,0.4);
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-ms-transition:0.2s all;
}
/* ------------------------- Modal ------------------------- */
.md-perspective,
.md-perspective body {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}
.md-modal .scroll {
    overflow:auto;
	-webkit-overflow-scrolling: touch;
	}
.container {
	min-height: 100%;
}
.md-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 768px;
	height: 100vh;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.md-response {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 800px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.md-show {
	visibility: visible;
}
.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(255,255,255,0.2);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}
/* Content styles */
.md-content {
	color: #fff;
	background: #feaa48;
	position: relative;
	border-radius: 0px;
	margin: 0 auto;
	height:100vh;
	-webkit-box-shadow: 2px 1px 18px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 1px 18px -8px rgba(0,0,0,0.75);
	box-shadow: 2px 1px 18px -8px rgba(0,0,0,0.75);
}
.md-content h3 {
	position:relative;
	margin: 0;
	padding: 19px 0px 20px 40px;
	font-size: 2em;
	font-weight: 300;
	background: rgba(0,0,0,0.1);
}
.md-content h3 .icon {
	display:inline-block;
	height:40px;
	width:40px;
	fill:#FFF;
	margin:0px 10px -6px 0px;
	padding:4px;
}
.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}
.md-content > div p {
	margin: 0 0 20px 0;
	padding: 10px 0 0px 0;
}
.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}
.md-content > div ul li {
	padding: 5px 0 5px 40px;
	margin-bottom:15px;
	position:relative;
}
.md-content > div ul li .icon {
	position:absolute;
	top:4px;
	left:3px;
	height:25px;
	width:25px;
	fill:rgba(255,255,255,1);
}
.md-content .btn {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	right:20px;
	display:inline-block;
	padding:10px 25px 10px 25px;
	border:1px solid transparent;
	color:rgba(0,0,0,0.3);
	background:rgba(0,0,0,0.1);
	text-align:center;
	font-size:40%;
}
.md-content .btn .icon {
	display:inline-block;
	height:15px;
	width:15px;
	margin:0px 8px -3px 0px;
	fill:rgba(0,0,0,0.3);
	padding:2px;
}
.md-content .btn:hover {
	border-radius:5px;
	background:#FFF;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
.md-content .btn:hover .icon {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
}
/* Response Styles */
.md-response .md-content {
	color: #fff;
	position: relative;
	margin: 0 auto;
	border-radius:0;
	overflow: hidden;
	height:auto;
	padding-bottom:50px;
}
.md-response .md-content h3 {
	margin:0px;
	padding: 9px 25px 9px 25px;
	text-align: center;
	font-size: 1.6em;
	border-radius:0;
	background:#7dafde;
}
.md-response .md-content h3 .icon {
	margin:0px 10px -3px 0px;
	width:24px;
	height:24px;
	padding:4px;
	display:inline-block;
	fill:#FFF;
}
.md-response .md-content p {
	text-align: center;
	margin:15px 0 30px 0;
}
.md-response .md-content .reload {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	
	display:inline-block;
	padding:15px 30px 15px 30px;
	color:rgba(0,0,0,0.2);
	background:#c4df9c;
	font-size:1em;
	text-align:center;
}
.md-response .md-content .reload:hover {
	background:#fab701;
	border-radius:5px;
	transition:0.2s ease;
	-webkit-transition:0.2s ease;
	-moz-transition:0.2s ease;
}
/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}
.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}
/* -- PHP Effect --*/
.md-show.md-effect-2 ~ .md-overlay {
	background:rgba(196,223,156,1);
}
.md-effect-2 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
	background: #FFF; /* -- BG -- */
}
.md-show.md-effect-2 ~ .container,
.md-effect-2 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show.md-effect-2 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
/* --------------------- Top Expand Navigation -------------------- */
.overflow-wrap {
	overflow: hidden;
	width: 100%;
	max-height: 100%;
	padding:0;
	margin:0;
}
html, 
body,  
.content-wrap {
	height:100%;
	width: 100%;
}
.container {
}
.menu-wrap a {
	color: rgba(0,0,0,0.5);
}
.menu-wrap a:hover,
.menu-wrap a:focus {
	color: #fffce1;
}
.content-wrap {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.content {
	position: relative;
	background: #b4bad2;
	padding-bottom: 12em;
}
/* Common styles for menu button and menu-wrap */
.menu-button,
.menu-wrap {
	position: absolute;
	width: 2em;
	height: 1.75em;
	font-size: 1.7em;
	-webkit-transform: translate3d(1.5em,0.6em,0);
	transform: translate3d(1.5em,0.6em,0);
}
/* Menu Button */
.menu-button {
	position: absolute;
	z-index: 999;
	margin: 0;
	padding: 0;
	border: none;
	color: transparent;
	background: transparent;
}
.menu-button::before {
	position: absolute;
	z-index: 999;
	top: 0.5em;
	right: 0.5em;
	bottom: 0.5em;
	left: 0.5em;
	background: linear-gradient(#7eb0de 20%, transparent 20%, transparent 40%, #7eb0de 40%, #7eb0de 60%, transparent 60%, transparent 80%, #7eb0de 80%);
	content: '';
}
.menu-button:hover {
	opacity: 0.6;
}
/* Menu */
.menu-wrap {
	position: absolute;
	background: #feaa48;
	-webkit-transition: width 0.4s, height 0.4s, -webkit-transform 0.4s;
	transition: width 0.4s, height 0.4s, transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.menu {
	height: 100%;
	overflow: hidden;
	font-size: 0.75em;
}
.icon-list {
	margin:0;
	padding:30px;
}
.icon-list a {
	opacity: 0;
	display: block;
	padding: 20px;
	text-align: center;
	font-size: 1.2em;
	border:1px solid rgba(0,0,0,0.2);
	width:40%;
	margin:5%;
	height:auto;
	float:left;
}
.icon-list a .icon {
	display: block;
	width:40px;
	height:40px;
	margin:0 auto;
	margin-bottom:12px;
	fill:rgba(0,0,0,0.4);
}
.icon-list a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.5em;
}
/* Shown menu */
.show-menu .menu-button::before {
	background:url(../gfx/close-menu.svg) no-repeat;
	padding:3px;
	height:25px;
	width:25px;
	fill:#7eb0de;
	content: '';
}
.show-menu .content-wrap {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(0,calc(100vh - 140px),0);
	transform: translate3d(0,calc(100vh - 140px),0);
}
.show-menu .menu-wrap {
	width: 100%;
	height:calc(100vh - 140px);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.show-menu .icon-list a {
	opacity: 1;
	-webkit-transition: opacity 0.4s 0.4s;
	transition: opacity 0.4s 0.4s;
}
.show-menu .icon-list a:nth-child(2) {
	-webkit-transition-delay: 0.42s;
	transition-delay: 0.42s;
}
.show-menu .icon-list a:nth-child(3) {
	-webkit-transition-delay: 0.44s;
	transition-delay: 0.44s;
}
.show-menu .icon-list a:nth-child(4) {
	-webkit-transition-delay: 0.46s;
	transition-delay: 0.46s;
}
.show-menu .icon-list a:nth-child(5) {
	-webkit-transition-delay: 0.48s;
	transition-delay: 0.48s;
}
.show-menu .icon-list a:nth-child(6) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
} 
/* ---------------- Form // Inputs --------------- */
.required-wrap {
	position:relative;
}
.required-wrap .required {
	position:absolute;
	font-size:0.8em;
	color:#FF0004;
	top:0px;
	right:-15px;
}
/* Contact Us */
#contact-form {
	padding:0;
	margin:0;
}
#contact-form .divider {
	width:100%;
	border-bottom:1px solid #E6E6E6;
	margin:10px 0px 23px 0px;
}
#contact-form #col-l {
	height:auto;
	width:50%;
	padding:3px 30px 0px 0px;
	float:left;
}
#contact-form #col-r {
	height:auto;
	width:50%;
	padding:0px 0px 0px 30px;
	float:left;
}
#contact-form h1 {
	font-size:1.4em;
	padding:20px 0px 8px 0px;
	text-align:left;
}
#contact-form p {
	font-size:0.9em;
	color:#FF0004;
	padding:8px 0px 8px 0px;
	text-align:left;
	float:none;
	margin:0;
}
#q14 {
	height:125px;
	margin:15px 0px -15px 0px;
}
#contact-form .arrow {
	position:absolute;
	height:20px;
	width:20px;
	fill:rgba(0,0,0,0.2);
	padding:3px;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	top:17px;
	right:17px;
}
/* ----- Inputs ---- */
input[type="radio"] {
	display:inline-block;
	margin:0px 5px -3px 5px;
}
input[type="text"] {
  display: block;
  margin:0 auto;
  width: 100%;
  font-family: 'Halis-Book';
  color:#58595b;
  font-size: 1.2em;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  background:none;
  border:1px solid #7dafde;
  margin-top:15px;
  margin-bottom:15px;
  padding:15px 0px 15px 10px;
}
input[type="text"]:focus {
    outline: none !important;
    border:1px solid #feaa48;
    box-shadow:none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  margin:0 auto;
  width: 100%;
  font-family: 'Halis-Book';
  color:#58595b;
  font-size: 1.2em;
  box-shadow: none;
  border-radius: 0;
  background:none;
  border:1px solid #7dafde;
  margin-top:15px;
  margin-bottom:15px;
  padding:17px 0px 17px 10px;
}
select:focus {
    outline: none !important;
    border:1px solid #feaa48;
    box-shadow:none;
}
input[type="email"] {
	margin:0 auto;
	width: 100%;
	display: block;
    font-family: 'Halis-Book';
  	color:#58595b;
  	font-size: 1.2em;
  	appearance: none;
  	box-shadow: none;
  	border-radius: none;
  	background:none;
  	border:1px solid #7dafde;
  	margin-top:15px;
  	margin-bottom:15px;
	padding:15px 0px 15px 10px;
}
input[type="email"]:focus {
    outline: none !important;
    border:1px solid #feaa48;
    box-shadow:none;
}
input[type="phone"] {
	margin:0 auto;
	width: 100%;
	display: block;
    font-family: 'Halis-Book';
  	color:#58595b;
  	font-size: 1.2em;
  	appearance: none;
  	box-shadow: none;
  	border-radius: none;
  	background:none;
  	border:1px solid #7dafde;
  	margin-top:15px;
  	margin-bottom:15px; 
	padding:15px 0px 15px 10px;
}
input[type="phone"]:focus {
    outline: none !important;
    border:1px solid #feaa48;
    box-shadow:none;
}
.g-recaptcha {
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
}
textarea {
	width: 100%;
	height:150px;
	display: block;
    font-family: 'Halis-Book';
  	color:#58595b;
  	font-size: 1.2em;
  	appearance: none;
  	box-shadow: none;
  	border-radius: none;
  	background:#FFF;
  	border:1px solid #7dafde;
  	margin-bottom:15px; 
	padding:15px 0px 15px 10px;
}
textarea:focus {
    outline: none !important;
    border:1px solid #feaa48;
    box-shadow:none;
}
#submit-btn {
	width: 303px;
	display: block;
    font-family: 'Halis-Medium';
  	color:rgba(0,0,0,0.2);
  	font-size: 1.2em;
  	appearance: none;
  	box-shadow: none;
  	border-radius: none;
  	background:#c4df9c;
  	border:none;
  	margin-top:15px;
  	margin-bottom:15px;
	padding:15px 0px 15px 10px; 
}
#submit-btn:hover {
	background:#feaa48;
	border-radius:5px;
	transition:0.2s ease;
	-webkit-transition:0.2s ease;
	-moz-transition:0.2s ease;
	-ms-transition:0.2s ease;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-family: 'Halis-Book';
    color:    #9D9D9D;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-family: 'Halis-Book';
   color:    #9D9D9D;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-family: 'Halis-Book';
   color:    #9D9D9D;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-family: 'Halis-Book';
   color:    #9D9D9D;
}
/*------------------------------------- Media Queries -----------------------------------*/
@media (max-width: 1850px){ 
	/* Floaty Nav */
	.floaty {
	position:absolute;
	z-index:999;
	top:600px;
	left:0px;
	display:block;
	width:100%;
	padding:17px 0px 20px 0px;
	height:80px;
	}
	.fixed {
    position:fixed;
    top:0px;
	background:#c4df9c;
	border-bottom:3px solid #B2D57E;
	}
	.floaty ul {
	list-style:none;
	padding:0;
	margin:0 auto;
	width:1024px;
	}
	.floaty ul li {
	width:auto;
	display:inline-block;
	padding:15px 10px 15px 10px;
	font-size:0.75em;
	text-align:center;
	}
	.float-extension {
	padding:120px 0px 70px 0px;
	}
	.floaty ul .french {
	font-size:70%;
	padding:15px 8px 15px 8px;
	}
}
@media (max-width: 1300px){ 
	/* Navigation */
	#main #logo {
	height:78px;
	}
	#main {
	width:80%;
	}
	#main #french {
	width:9%;
	font-size:0.9em;
	}
	#main .french {
	font-size:78%;
	height:78px;
	}
	#main #navigation {
	width:65%;
	}
	#main #navigation li {
	font-size:0.9em;
	}
	#main #leave {
	bottom:-33px;
	}
	#main #private {
	bottom:-33px;
	}
	/* Floaty */
	.floaty ul {
	width:80%;
	}
	.floaty ul li .icon {
	display:none;
	}
	/* Banner */
	.banner #text,
	.banner-s #text {
	width:80%;
	}
	.banner #text h1,
	.banner-s #text h1 {
	width:80%;
	}
	.banner #text p,
	.banner-s #text p {
	width:80%;
	}
	/* Wrapper */
	.wrapper {
	width:80%;
	}
	#quick-links li .the-dark-side { 
	width:25%;
	}
	#quick-links li .arrow {
	left:25%;
	}
	#survey #survey-text {
	width:80%;
	}
	/* Footer */
	.foot-wrap {
	width:80%;
	}
	.pointer-event {
	width:80%;
	}
}
@media (min-width: 1025px){
	.lightswitch {
	display:none;
	}
	.mobile-lightswitch {
	display:inline;
	}
	.menu-button {
	display:none;
	}
	.menu-wrap {
	display:none;
	}
}
@media (max-width: 1024px){ /* ----------------------------------- LARGE TABS / FABS!!!! */
	/* Light Switch */
	.mobile-lightswitch {
	display:none;
	}
	.lightswitch {
	display:inline;
	}
	/* Menu */
	.menu-button {
	display:inline;
	}
	#main {
	width:100%;
	}
	#main #logo {
	display:none;
	}
	#main #mobile {
	display:inline;
	}
	#main #navigation {
	display:none;
	}
	.floaty {
	display:none;
	}
	.float-extension {
	padding:70px 0px 70px 0px;
	}
	#main #leave {
	display:none;
	}
	#main #private {
	display:none;
	}
	#main #french {
	width:15%;
	font-size:0.9em;
	}
	/* banner */
	.banner {
	height:475px;
	}
	.banner #text h1,
	.banner-s #text h1 {
	width:100%;
	}
	.banner #text p,
	.banner-s #text p {
	width:100%;
	}
	/* mobile nav */
	#mobile-footer-nav {
	display:inline;
	}
	/* Wrapper */
	.wrapper .col-l-home {
	width:100%;
	float:none;
	padding:0px;
	margin-bottom:50px;
	}
	.wrapper .col-r-home {
	width:100%;
	float:none;
	padding:0px;
	}
	/* Survey */
	#survey {
	margin-bottom:60px;
	}
	/* Footer */
	#footer {
	display:none;
	}
	#second-stage { /* Second Stage */
	display:none;
	}
	/* Modal */
	.md-content .btn {
	right:10px;
	padding:10px;
	}
	.md-content .btn .icon {
	margin:0px 0px -3px 0px;
	}
	/* Program Tiles */
	.wrapper .col-trio-l,
	.wrapper .col-trio-m,
	.wrapper .col-trio-r {
	width:100%;
	padding:0px 0px 0px 0px;
	float:none;
	}
	.wrapper .last { 
	margin-bottom:0px;
	}
	.wrapper .last-mobile { 
	margin-bottom:-50px;
	}
	.wrapper .tile {
	height:200px;
	margin-top:50px;
	margin-bottom:100px;
	}
	.wrapper .tile img {
	display:none;
	}
	.wrapper .tile .img-fixed {
	display:inline;
	} 
	.wrapper .tile .text {
	text-align:left;
	padding:10px 30px 10px 30px;
	float:left;
	width:50%;
	}
	.wrapper .tile .btn {
	}
	#useful-numbers h2 {
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:8px;
	}
}
@media (min-width: 769px){
	.phone-lightswitch {
	display:inline;
	}
}
@media (max-width: 768px){ /* ------------------------------------ PHONE TABS / FABS!!!! */
	.phone-lightswitch {
	display:none;
	}
	/* Nav */
	#main #mobile {
	width:80%;
	}
	#main #french {
	width:20%;
	font-size:0.9em;
	}
	/* Banner */
	.banner {
	height:100vh;
	}
	/* Wrapper */
	.wrapper .col-l {
	width:100%;
	float:none;
	padding:0px;
	margin-bottom:50px;
	}
	.wrapper .col-r {
	width:100%;
	float:none;
	padding:0px;
	}
	/* Modal */
	.md-modal {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width: 100vw;
	height: 100%;
	}
	.md-content > div {
	padding-bottom:60px;
	}
	.md-modal .scroll {
    overflow:auto;
	-webkit-overflow-scrolling: touch;
	}
	.md-content h3 {
	font-size: 1.6em;
	}
	.md-content h3 .icon {
	margin:0px 10px -10px 0px;
	}
	/* Program tiles */
	.wrapper .tile {
	height:auto;
	margin-bottom:50px;
	}
	.wrapper .tile img {
	display:inline;
	}
	.wrapper .tile .img-fixed {
	display:none;
	} 
	.wrapper .tile .text {
	float:none;
	width:100%;
	}
	/* Lists */
	.wrapper .list .border {
	border-right:1px solid transparent;
	}
	.wrapper .list .col-r,
	.wrapper .list .col-l {
	margin:0;
	}
	/* Contact Form */
	#contact-form #col-l {
	width:100%;
	padding:0px;
	float:none;
	}
	#contact-form #col-r {
	width:100%;
	padding:0px;
	float:none;
	}
}
@media (max-width: 520px){ /* ----------------------------------------- SMALL PHONES!!!! */
	/* Banner 
	.banner #text p,
	.banner-s #text p {
	display:none;
	}
	/* Mobile Menu */
	.icon-list a {
	display: block;
	padding: 6px 0px 10px 20px;
	width:100%;
	margin:0px 0px 10px 0px;
	float:none;
	text-align: left;
	}
	.icon-list a .icon {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0px 10px -5px 10px;
	fill:rgba(0,0,0,0.3);
	}
	.icon-list a span {
	font-size: 0.45em;
	}
	/* Survey */
	#survey #survey-text .btn {
	width:200px;
	padding:20px 15px 20px 15px;
	font-size:0.9em;
	}
	#survey #survey-text .btn .icon {
	display:none;
	}
	/* Quicklinks */
	#quick-links li .the-dark-side { 
	width:15%;
	}
	#quick-links li .arrow {
	display:none;
	}
	#quick-links li .the-dark-side .icon {
	width:25px;
	height:25px;
	}
	/* French Leave Buttons */
	#main #leave-f,
	#main #private-f {
	display:none;
	}
}.container .content-wrap #home-banner #text table tr td p strong {
	font-size: 12px;
}