/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

body {
	-webkit-overflow-scrolling: touch;
}

@font-face {
  font-family: 'ARS Maquette Pro Black';
  src: url('ARSMaquettePro-Black.eot'); /* IE9 Compat Modes */
  src: url('ARSMaquettePro-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ARSMaquettePro-Black.woff') format('woff'), /* Modern Browsers */
       url('ARSMaquettePro-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('ARSMaquettePro-Black.svg#83ca7dca57afbd54678de409f7828591') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'ARS Maquette Pro Black';
  src: url('ARSMaquettePro-BlackItalic.eot'); /* IE9 Compat Modes */
  src: url('ARSMaquettePro-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ARSMaquettePro-BlackItalic.woff') format('woff'), /* Modern Browsers */
       url('ARSMaquettePro-BlackItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('ARSMaquettePro-BlackItalic.svg#e6becbc0172d0cc126863f68b3f6c5e2') format('svg'); /* Legacy iOS */
       
  font-style:   italic;
  font-weight:  400;
}

@font-face {
  font-family: 'ARS Maquette Pro Bold';
  src: url('ARSMaquettePro-Bold.eot'); /* IE9 Compat Modes */
  src: url('ARSMaquettePro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ARSMaquettePro-Bold.woff') format('woff'), /* Modern Browsers */
       url('ARSMaquettePro-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('ARSMaquettePro-Bold.svg#311e976813a4bd9145d83b08561d1ed8') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'ARS Maquette Pro Bold Italic';
  src: url('ARSMaquettePro-BoldItalic.eot'); /* IE9 Compat Modes */
  src: url('ARSMaquettePro-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ARSMaquettePro-BoldItalic.woff') format('woff'), /* Modern Browsers */
       url('ARSMaquettePro-BoldItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('ARSMaquettePro-BoldItalic.svg#9625e901f1831948c0bb6c5ce297aed0') format('svg'); /* Legacy iOS */
       
  font-style:   italic;
  font-weight:  700;
}

@font-face {
  font-family: 'ARS Maquette Pro Italic';
  src: url('ARSMaquettePro-Italic.eot'); /* IE9 Compat Modes */
  src: url('ARSMaquettePro-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ARSMaquettePro-Italic.woff') format('woff'), /* Modern Browsers */
       url('ARSMaquettePro-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('ARSMaquettePro-Italic.svg#229a01f95a278e05d3a9534166e92add') format('svg'); /* Legacy iOS */
       
  font-style:   italic;
  font-weight:  400;
}

@font-face {
  font-family: 'ARS Maquette Pro Light';
  src: url('ARSMaquettePro-Light.eot'); /* IE9 Compat Modes */
  src: url('ARSMaquettePro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ARSMaquettePro-Light.woff') format('woff'), /* Modern Browsers */
       url('ARSMaquettePro-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('ARSMaquettePro-Light.svg#827c2b148f99e25a37b83a622b480fb9') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'ARS Maquette Pro Light';
  src: url('ARSMaquettePro-LightItalic.eot'); /* IE9 Compat Modes */
  src: url('ARSMaquettePro-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ARSMaquettePro-LightItalic.woff') format('woff'), /* Modern Browsers */
       url('ARSMaquettePro-LightItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('ARSMaquettePro-LightItalic.svg#e82c542a86b2d15d26539eb0eae08ab4') format('svg'); /* Legacy iOS */
       
  font-style:   italic;
  font-weight:  200;
}

@font-face {
  font-family: 'ARS Maquette Pro Light';
  src: url('ARSMaquettePro-Medium.eot'); /* IE9 Compat Modes */
  src: url('ARSMaquettePro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ARSMaquettePro-Medium.woff') format('woff'), /* Modern Browsers */
       url('ARSMaquettePro-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('ARSMaquettePro-Medium.svg#f994e218364d1cb2b00e279f8781fbd9') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'ARS Maquette Pro Light';
  src: url('ARSMaquettePro-MediumItalic.eot'); /* IE9 Compat Modes */
  src: url('ARSMaquettePro-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ARSMaquettePro-MediumItalic.woff') format('woff'), /* Modern Browsers */
       url('ARSMaquettePro-MediumItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('ARSMaquettePro-MediumItalic.svg#ed61da6a2cd67b2fa2e0b1abd6432c40') format('svg'); /* Legacy iOS */
       
  font-style:   italic;
  font-weight:  400;
}

@font-face {
  font-family: 'ARS Maquette Pro';
  src: url('ARSMaquettePro-Regular.eot'); /* IE9 Compat Modes */
  src: url('ARSMaquettePro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ARSMaquettePro-Regular.woff') format('woff'), /* Modern Browsers */
       url('ARSMaquettePro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('ARSMaquettePro-Regular.svg#d29b748273f827d95435d15199daecf4') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}


@font-face {
    font-family: 'sickamoreregular';
    src: url('sickamore-webfont.eot');
    src: url('sickamore-webfont.eot?#iefix') format('embedded-opentype'),
         url('sickamore-webfont.woff2') format('woff2'),
         url('sickamore-webfont.woff') format('woff'),
         url('sickamore-webfont.ttf') format('truetype'),
         url('sickamore-webfont.svg#sickamoreregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {
	box-sizing: border-box;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    font-family: 'ARS Maquette Pro', Arial, sans-serif;
    overflow-y: scroll;
}

/*.padding-top {
	padding-top: 300px;
}*/

body.home, body.page-template-map {
	padding-top: 0;
}

body, html {
	height: 100%;
}

html {
	 transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in;
		-webkit-transition: opacity .5s ease-in;
		-o-transition: opacity .5s ease-in;
		-ms-transition: opacity .5s ease-in;
}

html.loading {
	background: #e6e6e6 url(../img/ring-alt.svg) no-repeat center 200px!important; 
}

body.loading *:not(.full-width.top-bar), body.loading:not(.header), body.loading:not(canvas) {
	visibility: hidden;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    clear: both;
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

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

	.tcon {
		display: none;
	}

	.gradient-bg {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdb00d+0,fdb00d+35,f82b6f+100 */
		background: #fdb00d!important; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #fdb00d 0%, #fdb00d 35%, #f82b6f 100%)!important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fdb00d), color-stop(35%,#fdb00d), color-stop(100%,#f82b6f))!important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; /* IE10+ */
		background: linear-gradient(135deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb00d', endColorstr='#f82b6f',GradientType=1 )!important; /* IE6-9 fallback on horizontal gradient */
	}
	
	.sickamore {
		font-family: 'sickamoreregular';
	}
	
		.header .sickamore {
			font-size: 140%;
		}
    
    .top-bar {
    		width: 100%;
    		position: fixed;
    		top: 0;
    		height: 35px;
    		background: #000;
    		background: rgba(0,0,0,0.5);
    		z-index: 1;
    }
    
    	.home .top-bar {
    		height: 100px;
    		z-index: 9;
    	}
    	
    		
    		.top-bar ul {
    			margin: 0;
    			padding: 0;
    			list-style: none;
    			vertical-align: top;
    			float:right \9;
    			position: relative \9;
    		}
    		
    			.top-bar li {
    				display: inline-block;
    				display: inline \9;
    				height: 35px;
    				line-height: 35px;
    				vertical-align: top;
    			}
    			
    				.top-bar li:first-child {
    					width: 300px;
    				}
    			
    			.top-bar a {
    				color: #fff;
    				font-family: 'ARS Maquette Pro Bold';
    				font-size: 0.8em;
    				line-height: 15px;
    				margin: 10px 0;
    				display: block;
    				display: inline \9;
    				text-decoration: none;
    				padding: 0 10px;
    				border: 0;
    				border-left: 1px solid #fff;
    			}
    			
    				.top-bar a.aus-gov-top-bar {
    					display: block;
    					float: left;
    					height: 70px;
    					margin-top: 10px;
    					border-left: 0;
    				}
    				
    					.aus-gov-top-bar img {
    						height: 100%;
    						width: auto;
    						display: block;
    						visibility: hidden;
    					}
    					
    					.home .aus-gov-top-bar img {
    						visibility: visible;
    						display: block;
    					}
    			
    		/*.home .top-bar .leftf {
    			margin-left: 2.5%;
    		}*/
    		
    		.top-bar .leftf {
    			margin-left: 19.5%;
    		}
    		
    		.top-bar .rightf {
    			margin-right: 2.5%;
    		}
       
    	.leftf {
    		float: left;
 
    	}
    	
    	.rightf {
    		float: right;
    	}
    
    .header {
    	position: fixed;
    	width: 100%;
    	height: 65px;
    	background: #fc9024;
    	top:35px;
    	z-index: 10;
    }
    	
    	.header nav {
    		width: 100%;
    		bottom: 0;
    		height: 65px;
    		font-family: 'ARS Maquette Pro Bold';
    	}
    	
    	.header nav ul {
    		width: 100%;
     		height: 65px;
     		margin: 0;
     		padding: 0;
     		position: relative;
     		display: table;
     		text-align: right;
     		vertical-align: top;
    	}
    
    	.header nav li {
    		list-style: none;
    		display: block;
    		float: left;
    		height: 25px;
    		height: 50px \9;
    		vertical-align: top;
    		/*line-height: 85px;*/
    		padding: 0 2%;
    		position: relative;
 			text-align: center;
 			width: 12.5%!important;
 			width: 8%!important \9;
    	}
    		.header nav li.active:not(:first-child):before, .header nav li:hover:not(:first-child):before, .header nav li.current-page-ancestor:before {
    			width: 100%;
    			height: 10px;
    			background: rgba(255,255,255,0.5);
    			content: "";
    			position: absolute;
    			display: block;	
    			left: 0;
    		}
    		
    		.header nav li a {
    			color: #fff;
    			text-decoration: none;
    			font-size: 0.8em;
    			text-shadow: 1px 1px #d46131;
    			font-weight: normal;
    			display: block;
    			text-align: left;
    			margin: 0 auto;
    			height: 25px;
    			padding-top: 20px;
    			line-height: 13px;
    			width: auto;
    			text-transform: capitalize;
    		}
    
    	/*.home .header {
    		bottom: 0;
    		top: auto;
    		position: fixed;
    	}*/
    	
    	#content {
    		 height: 100%;
    	}
    	
    	.home #content {
    		margin-top: 0;
    	}
    	
    	body .header nav img {
    		height: auto;
    		display: block;
    		width: 100%;
    		position: relative;
    		top: -140px;
    		margin-left: 20px;
     	}
     	
     		.header nav img {
	     		height: auto \9;
	     		display: block \9;
	     		width: 100% \9;
	     		position: relative \9;
	     		top: -140px \9;
	     		margin-left: 20px \9;
     		
     		}
    	
    		.header nav li:first-child {
    			width: 25%!important;
    			max-width: 25%!important;
    			display: table-cell;
    			padding: 0;
    			margin-left: 0;
    			text-align: left;
    		}
    		
    			/*.home .header nav li:first-child {
    				visibility: hidden;
    			}*/
    		
    			.header nav li:first-child a {
    				display: inline-block;
    				width: 45%;
    			}
    	
    /*.home {
    	width: 100%;
    	height: 100%;
    	display: block;
    	position: relative;
    	overflow: hidden;
    	z-index: 0;
    }*/
    
    	/*.home .max-width {
    		height: 100%;
    		position: relative;
    		z-index: 1;
    	}*/
    
    	.home img {
    		/*display: none;*/
    	}
    	
    	.home canvas {
    		width: 100%;
    		height: 100%;
    		position: absolute;
    		top: 0;
    		z-index: 1;
    	}
    	
    	.home .home-logo {
    		position: absolute;
    		right: 10%;
    		top: 30%;
    		z-index: 2;
    		display: block;
    		height: 50%;
    		width: auto;
    		-webkit-filter: drop-shadow(2px 2px 0px rgba(0,0,0,0.5)); 
    		filter: drop-shadow(2px 2px 0px rgba(0,0,0,0.5));
    	}
    	
    		.tyw-logo {
    			-webkit-filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.5)); 
    			filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.5));
    		}
    		
    		path.st0 {
    			fill: #fff;			
    		}
    		
    	
    	.hero-carousel {
    		list-style: none;
    		padding: 0;
    		margin: 0;
    		width: 100%;
    		height: 100%!important;
    		z-index: 0;
    		position: absolute!important;
    		display: none;
    	}
    	
    		.hero-carousel li {
    			margin: 0;
    			padding: 0;
    			position: relative;
    			top: 0;
    			left: 0;
    			right: 0;
    		}
    			
    			.hero-carousel img {
    				display: none!important;
    				-webkit-background-size: cover!important;
    				-moz-background-size: cover!important;
    				-o-background-size: cover!important;
    				background-size: cover!important;
    				-ms-behavior: url(/backgroundsize.min.htc);
    			}
    			
    			.slick-active {
    				height: 100%;
    			}
    		
    			.hero-carousel .slick-slide {
    				-webkit-background-size: cover!important;
    				-moz-background-size: cover!important;
    				-o-background-size: cover!important;
    				background-size: cover!important;
    				-ms-behavior: url(/backgroundsize.min.htc);
    			}
    			
    			
    			.hero-carousel button {
    				display: none!important;
    			}
    			
    			.slick-track, .slick-list {
    				height: 100%;
    				width: 100%;
    				top: 0;
    				left: 0;
    			}
    	
    	/*.aus-gov {
    		margin: 0 2% 0 0;
    	}*/
    	
    	.hero-back {
    		position: absolute;
    		right: 10px;
    		top: 110px;
    		z-index: 300!important;
    	}
    	
    	.header li:first-child a.aus-gov {
    		padding: 10px 0;
    		top: 0;
    		height: 125px!important;
    		display: inline-block;
    		position: relative;
    		height: 100%;
    		background: #fff;
    		top: -35px;
    		overflow: hidden;
    		text-align: left;
    		padding: 10px 0 0 0;
    	}
    	
    		.header li:first-child a.aus-gov:before {
    			height: 10px;
    			position: absolute;
    			bottom: 0;
    			content: "";
    			width: 100%;
    			display: block;
    			margin: 0px 0 0 0;
    			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdb00d+0,fdb00d+35,f82b6f+100 */
    			background: #fdb00d; /* Old browsers */
    			background: -moz-linear-gradient(-45deg,  #fdb00d 0%, #fdb00d 35%, #f82b6f 100%); /* FF3.6+ */
    			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fdb00d), color-stop(35%,#fdb00d), color-stop(100%,#f82b6f)); /* Chrome,Safari4+ */
    			background: -webkit-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%); /* Chrome10+,Safari5.1+ */
    			background: -o-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%); /* Opera 11.10+ */
    			background: -ms-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%); /* IE10+ */
    			background: linear-gradient(135deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%); /* W3C */
    			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb00d', endColorstr='#f82b6f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    			
    		}
    	
    		.header li:first-child a.aus-gov img {
    			width: 80%;
    			height: auto;
    			margin: 0px auto 20px auto;
    			position: relative;
    			bottom: 0;
    			top: 20px;
    		}
    		
    
    .home-cta {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	position: absolute;
    	bottom: 10%;
    	left: 2%;
    	z-index: 2;
    }
    
    	.home-cta li {
    		width: 300px;
    		display: block;
    		margin: 0 0 10px 0;
    	}
    	
    		.home-cta li.hide-cta {
    			display: none;
    		}
    	
    		.home-cta a {
    			display: block;
    			width: 100%;
    			padding: 10px;
    			text-decoration: none;
    			text-transform: uppercase;
    			color: #fff;
    			font-size: 20px;
    			text-align: center;
    		}
    		
    			.home-cta .sickamore {
    				font-size: 36px;
    				line-height: 20px;
    				display: inline;
    				font-weight: lighter;
    			}
    			
    			.about-hero {
    				margin: 0px 0 0 0;
    				border: 0;
    				border-top: 7px solid white;
    				padding: 25px;
    				position: relative;
    				clear: both;
    				display: block;
    			}
    			
    				.about-hero h1 {
    					color: #fff;
    					margin: 0 0 10px 0;
    					font-size: 30px;
    					line-height: 30px;
    				}
    				
    				.share-story .about-hero p {
    					margin: 0;
    					font-size: 13px;
    					padding: 0;
    					color: #fff;
    				}
    		
    .section-header {
    	height: 400px;
    	position: relative;
    	display: block;
    	top: 0px;
    	z-index: 0;
    	width: 95%;
    	max-width: 1250px;
    	padding: 0;
    	margin: 0 auto;
    }
    
    	.hero-story.section-header {
    		height: 170px;
    	}
    
    	.section-header .max-width {
    		height: 100%;
    		position: relative;
    		padding: 0;
    		width: 100%!important;
    	}
    
    	.section-header h1 {
    		background: #f1f5f8;
    		color: #f9435d;
    		font-size: 18px;
    		text-transform: uppercase;
    		position: absolute;
    		bottom: 0px;
    		left: 0;
    		margin: 0;
    		padding: 10px 20px;
    		font-family: 'ARS Maquette Pro Bold';
    		text-shadow: 1px 1px #d1d4d7;
    	}
    	
    		.section-header h1 .sickamore {
    			font-size: 30px;
    			line-break: 18px;
    		}
    	
    	canvas#header {
    		width: 100%;
    		height: 100%;
    		margin-top: 100px;
    		position: absolute;
    	}
    	
    	    	
    	*:not(.header) .max-width	{
    		max-width: 1250px;
    		width: 1250px!important \9;
    		padding: 0 0px;
    		width: 95%;
    		margin: auto;
    		position: relative;
    		display: block;
    		
    	}
    	
    	.max-width {
    		width: 1250px \9;
    		padding: 0 20px \9;
    		margin: auto \9;
    		position: relative \9;
    		display: block \9;
    	}
    	
    section[role=main].max-width, section.max-width {
    	width: 95%;
    	background: #ffffff;
    	padding: 20px;
    	-webkit-column-count: 2;
	    -moz-column-count: 2; 
	    column-count: 2;
	    -webkit-column-gap: 40px; 
        -moz-column-gap: 40px; 
        column-gap: 40px;
	    vertical-align: top;
	    padding-bottom: 20px;
	    padding-top: 0px;
	    clear: both;
	    display: block;
	    position: relative;
	    margin-left: auto \9;
	    margin-right: auto \9;
    }
    
    	.no-csscolumns section[role=main].max-width article, .no-csscolumns section.max-width article
    	{
    	    width: 45%;
    	    display: block;
    	    float: left;
    	    position: relative;
    	    padding-left: 2.5%;
    	    padding-right: 2.5%;
    	    clear: none;
    	} 
    	
    		.no-csscolumns section[role=main].max-width:after, .no-csscolumns section.max-width:after {
    			content: "";
    			clear: both;
    			position: relative;
    			display: block;
    			width: 0;
    			height: 0;
    		}
    
    	h2.max-width {
    		color: #fff;
    		font-family: 'ARS Maquette Pro Bold';
    		font-size: 18px;
    		text-transform: capitalize;
    		text-decoration: none;
    		display: block;
    		width: 95%;
    		max-width: 1250px;
    		background: #B7C8DE;
    		padding: 20px 25px!important;
    		margin: auto \9;
    		width: 1250px \9;
    		position: relative;
    		margin-top: 20px!important;
    		background: #f1f5f8;
    		margin-bottom: 20px!important;
    		cursor: pointer!important;
    	}
    	
    		h2.max-width:after {
    			content: "";
    			height: 20px;
    			width: 100%;
    			background: #fff;
    			clear: both;
    			position: absolute;
    			bottom: -20px;
    			display: block;
    			left: 0;
    			display: none;
    		}
    		
    		h2.max-width.active:after {
    			display: block;
    		}
    		
    		.info-side a.side-cta {
    			padding: 0;
    			margin: 20px 0 0 0;
    		}
    		
    			.side-cta img {
    				width: 100%;
    				height: auto;
    				display: block;
    			}
    			
    			
    			.side-cta span {
    				display: block;
    				padding: 20px;
    				font-size: 0.8em;
    			}
    	
    	h2 {
    		color: #000;
    		font-family: 'ARS Maquette Pro Bold';
    		font-size: 22px;
    		text-transform: capitalize;
    		text-decoration: none;
    		display: block;
    	}
    	
    	h3 {
    		color: #e2066f;
    		font-family: 'ARS Maquette Pro Bold';
    		font-size: 16px;
    		text-transform: capitalize;
    		text-decoration: none;
    		display: block;
    	}
    	
    	h4 {
    		color: #000;
    		font-family: 'ARS Maquette Pro Bold';
    		font-size: 0.8em;
    		text-transform: capitalize;
    		text-decoration: none;
    		display: block;
    	}
    
    	.item, h3, table {
    		clear: left;
    		position: relative;
    		display: block;
    		-webkit-column-break-inside: avoid;
	        page-break-inside: avoid;
	        break-inside: avoid;
	        padding: 10px 10px;
    	}
    	
	    	.item h2 {
	    		margin: 0;
	    	}
	    	
		    	.item h2 a {
		    		color: #e2066f;
		    		font-family: 'ARS Maquette Pro Bold';
		    		font-size: 18px;
		    		text-transform: capitalize;
		    		text-decoration: none;
		    		display: block;
		    	}
		    	
	    	.item strong, .single-col.section-intro-bold p {
	    		color: #8f9eaa;
	    		font-family: 'ARS Maquette Pro';
	    		font-size: 16px;
	    	}
	    	
	    	.item p {
	    		color: #000000;
	    		font-family: 'ARS Maquette Pro';
	    		font-size: 0.8em;
	    	}
	    	
	    	.item img {
	    		width: 75%;
	    		height: auto;
	    		display: block;
	    		margin-bottom: 20px;
	    		clear: both;
	    	}
	    	
	    	/*body.page-template-help-you-get-there {
	    		background: #708f4c;
	    	}*/
	    	
	    	.helpyou {
	    		width: 100%; 
	    		min-height: 100%; 
	    		position: relative; 
	    		background: #708f4c url('../img/helpyou-bg.jpg');
	    		background-repeat: repeat-x;
    		    background-size: auto 100%;
    		    background-position: center top;
    		    overflow: hidden;
	    	}
	    		
	    		.helpyou img {
	    			position: absolute;
	    			/*zoom: 50%;*/
	    			height: 60%;
	    			max-height: 358px;
	    		}
	    		
	    		.helpyou .characters {
	    			height: 60%;
	    			max-width: 100%;
	    			position: absolute;
	    			text-align: center;
	    		}
	    	
	    		.challenge-1 {
	    			bottom: 10%;
	    			width: auto;
	    			left: 5%;
	    		}
	    		
	    		.challenge-2 {
	    			bottom: 15%;
	    			width: auto;
	    			left: 18%;
	    		}
	    		
	    		.challenge-3 {
	    			bottom: 11%;
	    			width: auto;
	    			left: 30%;
	    		}
	    		
	    		.challenge-4 {
	    			bottom: 8%;
	    			width: auto;
	    			left: 45%;
	    		}
	    		
	    		
	    		.challenge-5 {
	    			bottom: 15%;
	    			width: auto;
	    			left: 58%;
	    		}
	    		
	    		.challenge-6 {
	    			bottom: 13%;
	    			width: auto;
	    			left: 70%;
	    		}
	    		
	    		.challenge-7 {
	    			bottom: 8%;
	    			width: auto;
	    			left: 85%;
	    		}
	    		
	    		.helpyou-intro {
	    			font-size: 0.8em;
	    			color: #fff;
	    			position: absolute;
	    			top: 70%;
	    			left: 15%;
	    			right: 35%;
	    		}
	    		
	    			.helpyou-intro h1 {
    					width: auto;
    					display: inline-block;
    					color: #fff;
    					position: relative;
    					margin: 0;
    					font-family: 'ARS Maquette Pro Bold';
    					text-shadow: 1px 1px 1px #000;
    				}
    				
    					.helpyou-intro h1 .sickamore {
    						font-size: 30px;
    						line-break: 18px;
    					}
    					
    					#clouds{
    						height: 40%;
    						position: absolute;
    					}
    					
    					/*Time to finalise the cloud shape*/
    					.cloud {
    						width: 200px; height: 60px;
    						background: #fff;
    						
    						border-radius: 200px;
    						-moz-border-radius: 200px;
    						-webkit-border-radius: 200px;
    						
    						position: relative; 
    					}
    					
    					.cloud:before, .cloud:after {
    						content: '';
    						position: absolute; 
    						background: #fff;
    						width: 100px; height: 80px;
    						position: absolute; top: -15px; left: 10px;
    						border-radius: 100px;
    						-moz-border-radius: 100px;
    						-webkit-border-radius: 100px;
    						
    						-webkit-transform: rotate(30deg);
    						transform: rotate(30deg);
    						-moz-transform: rotate(30deg);
    					}
    					
    					.cloud:after {
    						width: 120px; height: 120px;
    						top: -55px; left: auto; right: 15px;
    					}
    					
    					/*Time to animate*/
    					.x1 {
    						top: 15%;
    						-webkit-animation: moveclouds 75s linear infinite;
    						-moz-animation: moveclouds 75s linear infinite;
    						-o-animation: moveclouds 75s linear infinite;
    						position: absolute;
    					}
    					
    					/*variable speed, opacity, and position of clouds for realistic effect*/
    					.x2 {
    						left: 200px;
    						top: 50%;
    						-webkit-transform: scale(0.6);
    						-moz-transform: scale(0.6);
    						transform: scale(0.6);
    						opacity: 0.6; /*opacity proportional to the size*/
    						
    						/*Speed will also be proportional to the size and opacity*/
    						/*More the speed. Less the time in 's' = seconds*/
    						-webkit-animation: moveclouds 120s linear infinite;
    						-moz-animation: moveclouds 120s linear infinite;
    						-o-animation: moveclouds 120s linear infinite;
    						position: absolute;
    					}
    					
    					.x3 {
    						left: -250px; top: 63%;
    						
    						-webkit-transform: scale(0.8);
    						-moz-transform: scale(0.8);
    						transform: scale(0.8);
    						opacity: 0.8; /*opacity proportional to the size*/
    						
    						-webkit-animation: moveclouds 80s linear infinite;
    						-moz-animation: moveclouds 80s linear infinite;
    						-o-animation: moveclouds 80s linear infinite;
    						position: absolute;
    					}
    					
    					.x4 {
    						left: 470px; top: 42%;
    						
    						-webkit-transform: scale(0.75);
    						-moz-transform: scale(0.75);
    						transform: scale(0.75);
    						opacity: 0.75; /*opacity proportional to the size*/
    						
    						-webkit-animation: moveclouds 50s linear infinite;
    						-moz-animation: moveclouds 50s linear infinite;
    						-o-animation: moveclouds 50s linear infinite;
    						position: absolute;
    					}
    					
    					.x5 {
    						left: -150px; top: 29%;
    						
    						-webkit-transform: scale(0.8);
    						-moz-transform: scale(0.8);
    						transform: scale(0.8);
    						opacity: 0.8; /*opacity proportional to the size*/
    						
    						-webkit-animation: moveclouds 40s linear infinite;
    						-moz-animation: moveclouds 40s linear infinite;
    						-o-animation: moveclouds 40s linear infinite;
    						position: absolute;
    					}
    					
    					@-webkit-keyframes moveclouds {
    						0% {margin-left: 2000px;}
    						100% {margin-left: -1000px;}
    					}
    					@-moz-keyframes moveclouds {
    						0% {margin-left: 2000px;}
    						100% {margin-left: -1000px;}
    					}
    					@-o-keyframes moveclouds {
    						0% {margin-left: 2000px;}
    						100% {margin-left: -1000px;}
    					}
    					
    				.videos-this-way {
    					position: absolute;
    					right: 5%;
    					bottom: 8%;
    					z-index: 5;
    					width: 35%;
    					text-align: right;
    				}
    				
    					.videos-this-way img {
    						width: 50%;
    						height: auto;
    					}
	    				
	    			.videoWrapper {
	    				position: relative;
	    				padding-bottom: 56.25%; /* 16:9 */
	    				padding-top: 25px;
	    				height: 0;
	    			}
	    			
	    				.helpyou-wrapper .videoWrapper:before {
	    					content: "";
	    					background: #589414;
	    					width: 100%;
	    					height: 100%;
	    					display: block;
	    					position: absolute;
	    					-ms-transform: rotate(-5deg); /* IE 9 */
	    					-webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
	    					transform: rotate(-5deg);
	    					margin-top: -5%;
	    				}
	    				
	    				.helpyou-wrapper .right .videoWrapper:before {
	    					-ms-transform: rotate(5deg); /* IE 9 */
	    					-webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
	    					transform: rotate(5deg);
	    					background: #69ae19;	    					
	    				}
	    			
	    			.videoWrapper iframe {
	    				position: absolute;
	    				top: 0;
	    				left: 0;
	    				width: 100%;
	    				height: 100%;
	    			}	
	    			
	    			.helpyou-wrapper {
	    				position: relative;
	    				width: 100%;
	    				overflow-y: overflow;
	    				overflow-x: hidden;
						padding: 20px;
	    			}
	    			
	    			.helpyou-wrapper .three-quarters {
	    				width: 65%;
	    				padding: 2.5%;
	    				position: relative;
	    				display: block;
	    				float: left;
	    			}
	    			
	    				.helpyou-wrapper .quarter {
	    					width: 30%;
	    					padding: 2.5%;
	    					position: relative;
	    					float: left;
	    					display: block;
	    					vertical-align: top;
	    				}
	    			
	    				.helpyou-wrapper p {
	    					color: #fff;
	    					font-size: 0.8em;
	    					margin: 0 5%;
	    					display: block;
	    					position: relative;
	    				}
	    				
	    				.help-arrows {
							position: relative;
							margin: 0 auto -50% auto;
							display: block;
							clear: both;
							z-index: 1;
	    				}
	    			
					.helpyou-video {
						position: relative;
					}
					
						.helpyou-wrapper .maxwidth {
							padding: 20px;
						}
					
						.helpyou-wrapper h2 {
							font-family: 'ARS Maquette Pro Bold';
							color: #fff;
							text-shadow: 1px 1px 1px #000;
							font-size: 30px;
							padding: 0 2.5%;
							margin-top: 50px;
						}
					
						.helpyou-video:after {
							clear: both;
							content: "";
							width: 0;
							height: 0;
							display: block;
							position: relative;
						}
						
				
					
						.helpyou-video.left {
							background: #47790e;
							left: -5%;
							right:-5%;
							width: 110%;
							padding-top: 80px;
							padding-bottom: 80px;
							z-index: 0;
							overflow: overflow;
						}
						
						.helpyou-video.right h2 {
							text-align: right;
						}
						
							.helpyou-video.right .three-quarters, .helpyou-video.right .quarter {
								float: right;
							}
						
						.helpyou-video {
							padding-top: 50px;
						}
						
							.helpyou-video.twist {
								-ms-transform: rotate(2deg); /* IE 9 */
								-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
								transform: rotate(2deg);
								padding: 25px 5% 50px 5%;
								left: -5%;
								right:-5%;
								width: 110%;
								margin-top: 50px;
							}
						
							.helpyou-video.twist > div {
								-ms-transform: rotate(-2deg); /* IE 9 */
								-webkit-transform: rotate(-2deg); 				
								transform: rotate(-2deg);
								
							}
							
							.helpyou-video.twist-alt {
								-ms-transform: rotate(-2deg); /* IE 9 */
								-webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
								transform: rotate(-2deg);
								padding: 25px 5% 50px 5%;
								left: -5%;
								right:-5%;
								width: 110%;
								margin-top: 50px;
							}
							
							
							img.alt-twist {
								-ms-transform: rotate(90deg); /* IE 9 */
								-webkit-transform: rotate(90deg); 
								transform: rotate(90deg);
							}
						
							.helpyou-video.twist-alt > div {
								-ms-transform: rotate(2deg); /* IE 9 */
								-webkit-transform: rotate(2deg); 				
								transform: rotate(2deg);
								
							}
	    	
	  .gradient-bg.footer {
	  	position: relative;
	  	clear: both;
	  	margin: 20px auto 20px auto;
	  	display: block;
	  	width: 95%;
	  	max-width: 1250px;
	  	width: 1290px \9;
	  	overflow: hidden;
	  }
	  
	  	.home .footer {
	  		display: none;
	  	}
	  
	  	.footer ul {
	  		margin: 20px 0;
	  		padding: 10px 10px 10px 30px;
	  		list-style: none;
	  		width: 50%;
	  		-webkit-column-count: 2;
	  		-moz-column-count: 2; 
	  		column-count: 2;
	  		-webkit-column-gap: 40px; 
	  		-moz-column-gap: 40px; 
	  		column-gap: 40px;
	  		float: left;
	  		line-height: 18px;
	  	}
	  	
	  		.no-csscolumns .footer ul li
	  		{
	  		    width: 45%;
	  		    display: block;
	  		    float: left;
	  		    position: relative;
	  		    padding-left: 2.5%;
	  		    padding-right: 2.5%;
	  		    clear: none;
	  		} 
	  	
	  		.footer a {
	  			color: #fff;
	  			font-family: 'ARS Maquette Pro';
	  			font-size: 0.8em;
	  			line-height: 18px;
	  		}
	  		
	  		.footer .carbon-creation {
	  			float: right;
	  			margin: 20px 0;
	  		}
	  		
	  	section[role=main].max-width.single-col, section.max-width.single-col {
	  		-webkit-column-count: 1;
  			-moz-column-count: 1; 
  			column-count: 1;
	  	}
	  	
	  		.single-col p, .single-col ul {
	  			font-size: 0.8em;
	  		}
	  		
	  		.search-results p {
	  			font-size: 1em;
	  		}
	  	
	  		.single-col strong {
	  			font-family: 'ARS Maquette Pro Bold';
	  		}
	  		
	  			.single-col .sickamore {
	  				font-size: 120%;
	  			}
	  	
	  	form label {
	  		font-family: 'ARS Maquette Pro Bold';
  			font-size: 14px;
  			text-transform: uppercase;
  			width: 140px;
  			display: inline-block;
  			padding: 0 20px 0 0;
  			text-align: left;
	  	}
	  	
	  	form input[type=text], form input[type=email], form input[type=password], form textarea, form select {
	  		width: 300px;
	  		outline: 0;
	  		border: 1px solid #ccc;
	  		font-family: 'ARS Maquette Pro';
	  		font-size: 1em;
	  		padding: 5px;
	  		margin:  0 0 5px 0;
	  	}
	  	
	  		form textarea {
	  			height: 150px;
	  		}
	  	
	  	input[type=submit] {
	  		padding: 8px 10px;
	  		-webkit-border-radius: 10px;
	  		-moz-border-radius: 10px;
	  		border-radius: 10px;
	  		border: 0;
	  		font-size: 14px;
	  		color: #fff;
	  		font-family: 'ARS Maquette Pro';
	  		text-transform: uppercase;
	  		margin: 10px 0;
	  		float: left;
	  		background: #ccc;
	  	}
	  	
	  	label[for=rememberme], label[for=publish], label[for=identity], label[for=terms_conditions], .radio label {
	  		font-family: 'ARS Maquette Pro';
	  		text-transform: none;
	  		font-size: 1em;
	  		padding: 0 5px;
	  		width: auto;
	  	}
	  	
	  	  	
	  	.tml-action-links {
	  		list-style: none;
	  		display: inline-block;
	  		margin: 0;
	  		padding: 10px 10px 10px 20px;
	  		float: left;
	  	}
	  	
	  	.tml-action-links li {
	  		display: inline-block;
	  		border: 0;
	  		border-left: 1px solid #000;
	  		padding: 0 7px 0 10px;
	  		font-family: 'ARS Maquette Pro';
	  		font-size: 1em;
	  		line-height: 12px;
	  	}
	  	
	  		.tml-action-links li:first-child {
	  			border-left: 0;
	  			padding-left: 0;
	  		}
	  		
	  			.tml-action-links a {
	  				color: #000;
	  			}
	  			
	  input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	  	background: #fff!important;	  
	  }
	  
	  span.description {
	  	display: block;
	  	font-style: italic;
	  	color: #c0c0c0;
	  	font-size: 10px;
	  	font-family: 'ARS Maquette Pro';
	  	text-transform: lowercase;
	  }
	  
	  #pass-strength-result {
	      border-style: solid;
	      border-width: 1px;
	      margin: 12px 5px 5px 1px;
	      padding: 3px 5px;
	      text-align: center;
	      width: 200px;
	  }
	  #pass-strength-result.strong,
	  #pass-strength-result.short {
	      font-weight: bold;
	  }
	  #pass-strength-result {
	      background-color: #eee;
	      border-color: #ddd !important;
	  }
	  
	  #pass-strength-result.bad {
	      background-color: #ffb78c;
	      border-color: #ff853c !important;
	  }
	  
	  #pass-strength-result.good {
	      background-color: #ffec8b;
	      border-color: #fc0 !important;
	  }
	  #pass-strength-result.short {
	      background-color: #ffa0a0;
	      border-color: #f04040 !important;
	  }
	  #pass-strength-result.strong {
	      background-color: #c3ff88;
	      border-color: #8dff1c !important;
	  }
	  
	  .description.indicator-hint {
	  	display: block;
	  	clear: both;
	  	font-style: italic;
	  	color: #c0c0c0;
	  	font-size: 10px;
	  }
	  
	  #map {
	  	width: 100%;
	  	height: 100%;
	  	z-index: 0;
	  	margin: 0;
	  	padding: 0;
	  	overflow: hidden;
	  }
	  
	  .stories-toolbar {
	  	position: absolute;
	  	bottom: 80px;
	  	right: 0;
	  	left: 0;
	  	height: 140px;
	  	overflow-x: scroll;
	  	overflow-y: hidden;
	  	background: rgba(253,176,13,1);
  		padding: 10px;
  		text-align: left;
  		vertical-align: top;
  		white-space: nowrap;
	  }
	  
	  	.story {
	  		display: inline-block;
	  		width: 120px;
	  		background: #fff;
	  		height: 120px;
	  		margin: 0 5px;
	  		border: 1px solid #fff;
	  		vertical-align: top;
	  		overflow: hidden;
	  		position: relative;
	  	}
	  	
	  		.story img {
	  			position: absolute;
	  			left: 0;
	  			right: 0;
	  			top: 0;
	  			bottom: 0;
	  			min-width: 100%;
	  			height: 100%;
	  		}
	  		
	  			.story img.placeholder{
	  				padding: 20px;
	  				background: #9dc0ce;
	  			}
	  			
	
	  			.story strong {
	  				position: absolute;
	  				z-index: 1;
	  				bottom: 0;
	  				padding: 5px;
	  				background: #fff;
	  				background: rgba(255,255,255,0.85);
	  				text-align: center;
	  				color: #000;
	  				right: 0;
	  				left: 0;
	  				display: block;
	  				font-size: 0.8em;
	  			}
	  	
	  		.story.gradient-bg h3 {
	  			color: #fff;
	  		}
	  	
	  		.story .sickamore {
	  			font-size: 150%;
	  		}
	  		
	  		
	  	
	  	.map-cta {
	  		bottom: 0;
	  		height: 80px;
	  		position: absolute;
	  		left: 0;
	  		right: 0;
	  		background: rgba(0,0,0,0.5);
	  		text-align: center;
	  		vertical-align: middle;
	  		line-height: 80px;
	  		padding: 0;
	  	}
	  	
	  		.map-cta a {
	  			width: 45%;
	  			max-width: 560px;
	  			height: 60px;
	  			display: inline-block;
	  			color: #fff;
	  			margin: 10px 8px 0 0;
	  			line-height: 60px;
	  			font-size: 160%;
	  			text-decoration: none;
	  			text-transform: uppercase;
	  		}	
	  		
	  			.map-cta a .sickamore {
	  				font-size: 180%;
	  			}
	  				  		
	  	.share-story p, .share-story div#wysiwyg {
	  		font-size: 0.8em;
	  		padding: 20px 20px 0 20px;
	  		display: block;
	  	}
	  	
	  	section.max-width.share-story {
	  		-webkit-column-count: 1;
  			-moz-column-count: 1; 
  			column-count: 1;
  			-webkit-column-gap: 0px; 
  			-moz-column-gap: 0px; 
  			column-gap: 0px;
	  	}
	  	
	  		section.max-width.share-story form input[type=text], section.max-width.share-story form input[type=password], section.max-width.share-story form textarea, section.max-width.share-story form select {
	  			
	  			width: 65%;
	  		}
	  			#wysiwyg textarea {
	  				width: 80%;
	  			}	
	  		
	  			section.max-width.share-story .wp-editor-wrap, div#wp-your_story-wrap {
  					width: 65%;
  					display: inline-block;
  					clear: none!important;
  				}
  				
  					div#wp-your_story-wrap {
  						border: 1px solid #ccc;
  					}
  					
	  					div#wp-your_story-wrap textarea {
	  						width: 100%;
	  						color: #000;
	  						font-family: 'ARS Maquette Pro';
	  						font-size: 14px;
	  					}
	  			
	  	
	  		.share-story label {
	  			vertical-align: top;
	  			display: inline-block;
	  		}
	  		
	  		.share-story > form > div {
	  			width: 49%;
	  			display: inline-block;
	  			vertical-align: top;
	  		}
	  		
	  		.share-story form:after {
	  			clear: both;
	  			width: 0;
	  			height: 0;
	  			position: relative;
	  			display: block;
	  			content: "";
	  		}
	  	
	  
	  .search-intro {
	  	background: #fff;
	  	padding: 0px;
	  	margin: 0 auto;
	  	max-width: 1250px;
	  }
	  	
	  .search-intro img {
  		margin: 0px 0px 0px 20px;
  		width: 40%;
  		height: auto;
  		float: right;
  		display: block;
  		position: relative;
	  }
	  
	  .search-intro form {
	  	margin: 30px 20px 20px 0px;
	  	padding: 0 20px;
	  }
	  
	  .search-intro > *:not(img) {
	  	padding: 0 20px;
	  }
	  
	  	.search-intro ul, .search-intro h3 {
	  		margin-left: 20px;
	  	}
	  
	  	.search-intro a {
	  		color: #e50670;
	  	}
	  
	  .university-list {
	  	list-style: none;
	  	padding: 0;
	  	margin: 0 auto;
	  	max-width: 1250px;
	  	display: block;
	  	position: relative;
	  	z-index: 0;
	  	background: #fff;
	  }
	  
	  	.university-list:after {
	  		clear: both;
	  		content: "";
	  		display: table;
	  		display: block;
	  		
	  	}
	  
	  	.university-list li {
	  		display: block;
	  		float: left;
	  		width: 20%;
	  	}
	  	
	  		.university-list li .front, .university-list li .back {
	  			background: #fff;
	  		}
	  		
	  		.university-list li:nth-child(even) .front, .university-list li:nth-child(even) .back {
	  			background: #b8c8d5;
	  		}
	  		
	  		.university-list li {
	  			padding: 20px;
	  			height: 250px;
	  		}
	  		
	  			.university-list h4 {
	  				margin: 0;
	  				min-height: 80px;
	  				text-overflow: ellipsis;
	  				display: block;
	  			}
	  			
	  			.university-list img {
	  				max-width: 80%;
	  				height: auto;
	  				margin: 15px 0;
	  				display: block;
	  				max-height: 60px;
	  			}
	  		
	  			.university-list h4 a {
	  				color: #e50670;
	  				font-size: 16px;
	  				font-weight: normal;
	  				font-family: 'ARS Maquette Pro';
	  				display: block;
	  				text-decoration: none;
	  				min-height: 40px;
	  			}
	  			
	  			.university-list a {
	  				color:#000;
	  				text-decoration: none;
	  			}
	  			
	  			.university-list li {
	  				position: relative;
	  			}
	  				
	  			.university-list li .front {
	  				padding: 15px;
	  				float: none;
	  				position: absolute;
	  				top: 0;
	  				right: 0;
	  				width: 100%;
	  				left: 0;
	  				z-index: 90;
	  				height: inherit;
	  				-webkit-transform: rotateX(0deg) rotateY(0deg);
	  				-moz-transform: rotateX(0deg) rotateY(0deg);
	  				transform: rotateX(0deg) rotateY(0deg);
	  				
	  				-webkit-transform-style: preserve-3d;
	  				-moz-transform-style: preserve-3d;
	  				transform-style: preserve-3d;
	  				
	  				-webkit-backface-visibility: hidden;
	  				-moz-backface-visibility: hidden;
	  				backface-visibility: hidden;
	  				
	  				-webkit-transition: all .4s ease-in-out;
	  				transition: all .4s ease-in-out;
	  				
	  				word-wrap: break-word;
	  				
	  			}
	  			
	  			.university-list li.flip .front {
	  				z-index: 90;
	  				-webkit-transform: rotateY(180deg);
	  				-moz-transform: rotateY(180deg);
	  				transform: rotateY(180deg);
	  			}
	  	
	  			.university-list .back {
	  				padding: 15px;
	  				display: block;
	  				float: none;
	  				position: absolute;
	  				top: 0;
	  				left: 0;
	  				right: 0;
	  				z-index: 80;
	  				width: 100%;
	  				height: inherit;
	  				-webkit-transform: rotateY(-180deg);
	  				-moz-transform: rotateY(-179deg); 
	  				transform: rotateY(-179deg);
	  				
	  				-webkit-transform-style: preserve-3d;
	  				-moz-transform-style: preserve-3d;
	  				transform-style: preserve-3d;
	  				
	  				-webkit-backface-visibility: hidden;
	  				-moz-backface-visibility: hidden;
	  				backface-visibility: hidden;
	  				
	  				-webkit-transition: all .4s ease-in-out;
	  				transition: all .4s ease-in-out;
	  				word-wrap: break-word;
	  				
	  				font-family: 'ARS Maquette Pro Bold';
	  				
	  			}
	  			
	  				.university-list li.flip .back {
	  					z-index: 100;
	  					
	  					-webkit-transform: rotateX(0deg) rotateY(0deg);
	  					-moz-transform: rotateX(0deg) rotateY(0deg);
	  					transform: rotateX(0deg) rotateY(0deg);
	  					
	  				}
	  				
	  				.bottom-links {
	  					position: absolute;
	  					bottom: 5px;
	  					left: 15px;
	  					display: block;
	  					width: 100%;
	  				}
	  				
	  				.bottom-links a {
	  					display: block;
	  					cursor: pointer;
	  					font-family: 'ARS Maquette Pro';
	  					white-space: nowrap;
	  					overflow: hidden;
	  					text-overflow: ellipsis;
	  					width: 80%;
	  					
	  				}
	  				
	  					.bottom-links a.website {
	  						font-family: 'ARS Maquette Pro Bold';
	  					}
	  	
	  	.radio {
	  		position: relative;
	  		z-index: 0;
	  	}
	  	
	  	.radio span {
	  		display: inline-block;
	  		height: 40px;
	  		width: 130px;
	  		margin: 0 10px 15px 0;
	  		text-align: center;
	  		position: relative;
	  	}
	  		.radio.double span {
	  			width: 200px;
	  		}
	  	
	  		.radio input[type=radio] {
	  			display: none;
	  		}
	  		
	  		.radio label {
	  			font-size: 13px;
	  			line-height: 40px;
	  			margin: 0;
	  			background: #e50670;
	  			height: 40px;
	  			display: block;
	  			text-align: center;
	  			color: #fff;
	  			font-family: 'ARS Maquette Pro';
	  			text-transform: uppercase;
	  			cursor: pointer;
	  		}
	  		
	  		.radio input[type=radio]:checked ~ label {
	  			background: #fdb414;
	  		} 

			#uni-search {
				max-width: 700px;
			}
	  		
	  		#uni-search input[type=submit] {
	  			display: none;
	  		}
	  		
	  	.info {
	  		margin: 5px 0 0 0;
	  	}
	  		
	  	.info img, .facebook img, .twitter img, .linkedin img {
	  		display: inline;
	  		width: 20px;
	  		height: auto;
	  		padding: 0 5px 0 0;
	  		position: relative;
	  		margin: 0;
	  	}
	  	
	  	.info-content {
	  		width: 73%;
	  		padding: 0 20px 20px 20px;
	  		float: left;
	  		background: #fff;
	  	}
	  	
			.info-content h3 {
				padding: 0;
			}
			
			.page-template-share-story .info-content h3 {
				padding: 0 20px;
			}
			
				.page-template-share-story .gradient-bg.cta-button {
					width: 100% auto;
					margin: 0 20px;
					padding: 20px;
					color: #fff;
					display: block;
					position: relative;
					text-decoration: none;
				}
				
				
				form.accordion {
					background: #fff;
					margin: -10px 20px 20px 20px;
					padding: 20px;
				}
	  	
	  		.info-content p {
	  			font-size: 0.8em;
	  		}
	  	
	  	.info-side {
	  		width: 25%;
	  		float: right;
	  	}
	  	
	  		.info-side p {
	  			font-size: 1em;
	  		}
	  	
	  		.info-side ul {
	  			list-style: none;
	  			padding: 0;
	  			margin: 0;
	  		}
	  		
	  			.info-side *:not(.gradient-bg) a:not(.side-cta), .info-side a.side-cta, .info-side .info {
	  				background: #c3d1db;
	  				padding: 20px;
	  				border: 0;
	  				margin: 0 0 2px 0;
	  				display: block;
	  				color: #fff;
	  				font-family: 'ARS Maquette Pro';
	  				font-size: 16px;
	  				text-decoration: none;
	  				text-transform: none;
	  			}
	  			
	  				 .info-side a.side-cta {
	  				 	padding: 0;
	  				 }
	  			
	  				.info-side .gradient-bg a {
	  					color: #fff;
	  					text-decoration: none;
	  				}
	  			
	  				.info-side .info {
	  					margin-bottom: 20px;
	  				}
	  			
	  				.info-side .info h5 {
	  					font-size: 16px;
	  					color: #fff;
	  					display: block;
	  				}
	  				
	  				.info-side .info p {
	  					padding-left: 0;
	  					padding-top: 0;
	  					font-size: 0.8em;
	  					text-transform: none;
	  				}
	  				
	  					.page-template-share-story .info-side blockquote p {
	  						padding-top: 0;
	  					}
	  				
	  				.info-side .info h5 {
	  					margin-top: 0;
	  					margin-bottom: 0;
	  				}
	  			
	  				.info-side a:hover, .info-side a:active {
	  					background: #b5c6d2;
	  				}
	  				
	  		.info-side blockquote {
	  			margin: 20px 0;
	  			padding: 20px;
	  			color: #fff;
	  			font-size: 13px;
	  		}
	  		
	  			.info-side blockquote h5 {
	  				color: #fff;
	  				font-size: 16px;
	  				margin: 0;
	  				font-family: 'ARS Maquette Pro Bold';
	  			}
	  			
	  			.info-side blockquote p {
	  				background: url('../img/quote.png') top left no-repeat;
	  				padding-left: 35px;
	  				font-size: 1em;
	  			}
	  		
	  	#state-select {
	  		display: none;
	  	}	
	  		
	  	#breadcrumbs {
	  		padding: 20px 20px 20px 20px;
	  		font-size: 0.8em;
	  		margin-bottom: 20px;
	  		margin-left: 20px;
	  		color: #c3d1db;
	  		width: 100%;
	  	}
	  	
	  		#breadcrumbs a {
	  			color: #8ba4b6;
	  			text-decoration: none;
	  			display: inline-block;
	  			padding: 0 5px;
	  		}
	  		
	  		#breadcrumbs strong {
	  			display: inline-block;
	  			padding-left: 5px;
	  			color: #8ba4b6;
	  			font-family: 'ARS Maquette Pro Bold';
	  		}
	  		
	  		.search-intro #breadcrumbs {
	  			background: none;
	  			padding-left: 0;
	  			
	  		}
	  		
	  		.info-page #breadcrumbs {
  				width: 100%;
  				float: left;
  				margin: 0 0 10px 0;
  				padding-left: 0;
  			}
  			
  				.info-page #breadcrumbs a {
  					padding-left: 0;
  					margin-left: 0;
  				}
  				
  				
  				.info-page table {
  					font-size: 0.8em;
  					border-spacing: 5px;
  					border-collapse: separate;
  				}
  				
  				
  					.info-page table td {
  						padding: 10px;
  						vertical-align: middle;
  						background: #fdb00d;
  					}
  					
  						.info-page table.tml-form-table td {
  							background: #fff;
  						}
  						
  						.info-page table.tml-form-table input {
  							font-size: 0.8em;
  						}
  					
  						.info-page table tr.emphasis td {
  							background: #f82b6f;
  						}
  					
  					.info-page table th {
  						padding: 10px;
						vertical-align: middle;
						background: #c3d1db;
  					}
  					
  						.info-page table.tml-form-table th {
  							background: white;
  						}
  						
	  			
	  	.study-list img {
	  		width: 100%;
	  		height: auto;
	  		position: absolute;
	  		display: block;
	  		top: 80px;
	  		left: 0;
	  		max-width: 100%;
	  		max-height: 100%;
	  		margin: 0;
	  	}
	  	
	  	.study-list li {
	  		position: relative;
	  		overflow: hidden;
	  	}
	  	
	  	.study-search h3 {
	  		padding-left: 0;
	  	}
	  	
	  	.cta {
	  		font-size: 14px;
	  		padding: 10px 15px!important;
	  		display: block;
	  		float: left;
	  		margin: 15px 10px 0 0;
	  		color: #fff;
	  		font-family: 'ARS Maquette Pro Bold';
	  		text-decoration: none;
	  		color: #fff;
	  		background: #c3d1db;
	  	}
	  	
	  		.cta a {
	  			color: #fff;
	  			font-family: 'ARS Maquette Pro';
	  			text-decoration: none;
	  		}
	  
	  .social-sharing > span 
	  {
	  	display: inline-block;
	  	cursor: pointer;
	  	border: 0;
	  	border-left: 1px solid #fff;
	  	line-height: 15px;
	  	margin: 12px 0 10px 0;
	  	height: 15px;
	  	padding: 0 0 0 10px;
	  }
	  
	  	.social-sharing > span img {
	  		margin-top: -3px;
	  	}
	  
	  .social-sharing > div {
	  	display: none;
	  	margin: -10px 0 0 10px;
	  	height: 20px;
	  	padding: 10px 0 0 0;
	  }	
	  
	  .story-entries {
		  	list-style: none;
		  	position: relative;
		  	padding: 0;
		  	margin: 0;
	  }
	  
	  	.story-entries li {
	  		margin-left: 25%;
	  		position: relative;
	  		height: 200px;
	  	}
	  	
	  		.story-entries li time {
	  			margin-left: -25%;
	  			position: absolute;
	  			top: 30%;
	  			border-radius: 100px 100px 100px 100px;
	  			-moz-border-radius: 100px 100px 100px 100px;
	  			-webkit-border-radius: 100px 100px 100px 100px;
	  			border: 0px solid #000000;
	  			width: 100px;
	  			height: 100px;
	  			background: #fff;
	  			border: 5px solid #ef485b;
	  			text-align: center;
	  			line-height: 90px;
	  		}
	  		
	  		
	  		
	  		.wsp-pages-list a {
	  			color: #000;
	  		}
	  		
	  		#characters {
	  			background: #f1f5f8;
	  			margin: 0;
	  			padding: 0 0 40px 0;
	  		}
	  		
	  			#characters:before {
	  				width: 100%;
	  				height: 100%;
	  				display: block;
	  				background: url('../img/shadows.png') center 205px no-repeat;
	  				content: "";
	  				position: absolute;
	  				margin: 0 0 0 100px;
	  			}
	  		
	  			#characters ul {
	  				padding: 40px 20px;
	  				margin: 0;
	  				display: block;
	  				list-style: none;
	  				position: relative;
	  				text-align: center;
	  			}
	  			
	  				#characters li {
	  					display: inline;
	  				}
	 
	 	.main-info-help-you {
	 		margin: 20px auto;
	 		position: relative;
	 		background: #fff;
	 		padding: 20px;
	 	}
	 	
	 		.main-info-help-you > p {
	 			color: #8f9eaa;
	 			font-style: italic;
	 			font-family: 'ARS Maquette Pro';
	 			font-size: 16px;
	 		}
	 	
	 		.main-info-help-you h2 {
	 			font-family: 'ARS Maquette Pro Bold';
	 			text-transform: uppercase;
	 		}
	 		
	 			.main-info-help-you h2 a {
	 				text-decoration: none;
	 				color: #e50670;
	 				font-size: 18px;
	 			}
	 			
	 	.help-video {
	 		width:1000px;
	 		height: 600px;
	 		margin: 0px auto;
	 		display: block;
	 		position: relative;
	 		background: #b8c8d5;
	 		display: none;
	 	}
	 	
	 		.help-video iframe {
	 			padding: 10px 10px 10px 10px;
	 			margin: 0 0 20px 0;
	 		}
	 		
	 		.help-video {
	 			line-height: 600px;
	 			text-align: center;
	 			font-size: 30px;
	 			color: #fff;
	 		}
	 		
	 	#bodyContent {
	 		margin: 10px auto;
	 		padding: 10px 0px 5px 20px;
	 	}
	 	
	 	.see-story {
	 		position: absolute;
 		    z-index: 1;
 		    bottom: 0;
 		    padding: 5px;
 		    background: #fff;
 		    background: rgba(255,255,255,0.85);
 		    text-align: center;
 		    color: #000;
 		    width: 100%;
 		    font-weight: bold;
 		    right: 0;
 		    left: 0;
 		    font-size: 0.8em;
 		    text-decoration: none;
	 	}
	 	
	 .tml-form-table {
	 	width: 45%;
	 	float: left;
	 	clear: none;
	 }
	 
	 	.tml-profile .tml-form-table {
	 		width: 100%;
	 	}
	 	
	 .tml-form-table label {
	 	width: auto;
	 	text-align: left;
	 }	
	 
	 .tml-form-table th {
	 	text-align: left;
	 }
	 
	 	.tml-profile table.tml-form-table th {
	 		width: 20%;
	 	}
	 	
	 	.tml-profile table.tml-form-table label {
	 		min-width: 150px;
	 	}
	 	
	 	.tml-profile table.tml-form-table td {

 		}

	 
	 .entry-content a, .item p a, .delete-image {
	 	color: #e2066f;
	 }
	 
	 	.entry-content a:hover, .entry-content a:active {
	 		color: #fdb00d;
	 	}
	 
	 #menu li:nth-child(2) {
	 	display: none;
	 }
	 
	 #breadcrumbs.breadcrumbs-alt {
	 	position: relative;
	 	background: #fff;
	 	margin: 0 auto;
	 	padding-top: 40px;
	 	padding-left: 25px;
	 	padding-bottom: 40px;
	 }
	 
	 .arrow-expand {
	 	right: 20px;
	 	top: 20%;
	 	height: 60%;
	 	display: block;
	 	width: auto;
	 	position: absolute;
	 }
	 
	 .max-width.section-description {
	 	background: #fff;
	 	font-size: 0.8em;
	 	padding: 20px;
	 	margin-top: -20px;
	 }
	 
	 .active .arrow-expand {
	 	-ms-transform: rotate(90deg); 
 	    -webkit-transform: rotate(90deg); 
 	    transform: rotate(90deg);
	 }
	 
	 .max-width.wrapper {
	 	padding: 40px 20px;
	 	background: #f1f5f8;
	 	display: block;
	 }
	 
	 .interview-link {
	 	background: white;
	 	font-size: 0.4em;
	 	font-weight: bold;
	 	color: #000;
	 	margin-left: 20px;
	 	padding: 10px;
	 	margin-top: -15px;
	 	text-decoration: none;
	 }
	 
	 .info-content #tvc h3, .info-content #interview h3 {
	 	background: #F1F5FB;
	 	margin: 0;
	 	padding: 10px 25px;
	 }
	 
	 .download-link {
	 	float: right;
	 	font-size: 0.8em;
	 	margin-top: -25px;
	 	margin-right: 10px;
	 	color: #000;
	 	text-decoration: none;
	 	font-family: 'ARS Maquette Pro Bold';
	 	background: url('../img/pdf-download.png') top right no-repeat;
	 	height: 25px;
	 	line-height: 25px;
	 	padding-right: 30px;
	 }
	 
	 
	 .transcript_link {
	 	background: #c3d1db;
	 	float: right;
	 	color: #000;
	 	padding: 5px 10px;
	 	text-decoration: none;
	 	font-size: 0.7em;
	 	margin: 7px 0 0px 10px;
	 	position: relative;
	 	display: block;
	 	z-index: 5;
	 }
	 
	 	.transcript_link:after {
	 		clear: both;
	 		content: "";
	 		display: block;
	 		width: 0;
	 		height: 0;
	 		position: relative;
	 	}
	 	
	 #interview_transcript, #tvc_transcript, #video_1_transcript, #video_2_transcript, #video_3_transcript, #video_4_transcript, #video_5_transcript, #video_6_transcript, #video_7_transcript, #video_8_transcript {
	 	clear: both;
	 	display: block;
	 	position: relative;
	 	padding: 10px 0 30px 0;
	 	background: #c3d1db;
	 	margin-bottom: 10px;
	 	color: #000;
	 }
	 
	 
	 
	 	#video_1_transcript p, #video_2_transcript p, #video_3_transcript p, #video_4_transcript p, #video_5_transcript p, #video_6_transcript p, #video_7_transcript p, #video_8_transcript p {
	 		color: #000;
	 		
	 	}
	 	
	 	
	 .pagination {
	 	margin: 10px;
	 	text-align: center;
	 	font-size: 0.8em;
	 	color: #666;
	 }
	 
	 .pagination a {
	 	color: #e2066f;
	 	text-decoration: underline;
	 }
	 
	 	.pagination .page-numbers {
	 		padding: 0 5px;
	 	}
	 
}




div.wpcf7-validation-errors {
	background: red;
	color: #fff;
	border: 0;
	padding: 10px;
	font-size: 0.8em;
	margin: 60px 0 20px 0!important;
	clear: both;
	position: relative;
}

div.wpcf7-mail-sent-ok {
	margin: 60px 0 20px 0!important;
}

.share-form {
	margin-top: 25px;
	padding: 20px;
}
	.share-form h3 {
		margin-bottom: 20px;
	}

	.share-form p {
		padding-bottom: 0;
		padding-top: 0;
	}
	
	.share-form div#wysiwyg {
		padding-top: 0;
	}
	
	.share-form input[type=checkbox] {
		/*margin-left: 140px;*/
	}
 	
	.share-form input[type=text], .share-form input[type=file], .share-form div#wp-your_story-wrap, .share-form select, .share-form input[type=month] {
		width: 80%;
		font-size: 1em;
	}
	
	.share-form select {
		width: 40%;
	}
	
	.story-content img {
		float: right;
		margin: 0 0 10px 10px;
	}
	
	.story-content p, .story-content  {
		font-size: 0.8em;
	}

.search-results {
	padding: 0;
	margin: 0;
	list-style: none;
}

	.search-results a {
		text-decoration: none;
	}
	
	ul.search-results li:nth-child(even) {
		background: #b8c8d5;
		padding-bottom: 10px;
	}
	
	.search-results a p {
		color: #000;
		padding: 0 10px;
	}
	
	.login-message {
		font-family: 'ARS Maquette Pro Bold';
	}
	
	.social-sharing * {
		box-sizing: content-box;
	}
	
	.story-icons {
		display: block;
		position: relative;
		float: right;
		height: 100%;
		margin: 0 0 0 10px;
	}
	
	.story-icons img {
		position: relative;
		display: block;
	}
	
	
	#pass1-text {
		margin-left: 20px;
		background: #ddd;
		color: #999;
	}
	
	
	.helpyou-wrapper h2 {
		text-transform: none;
	}
	

a[href^="http://maps.google.com/maps"]{ display:none !important; }
a[href^="https://maps.google.com/maps"]{ display:none !important; }

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}


.eligibility-criteria {
	padding: 10px;
	color: #fff;
	margin: 0 20px;
}


	.eligibility-criteria h4 {
		margin-left: 20px;
		font-size: 0.9em;
		color: #fff;
	}

	
	.eligibility-criteria #hide {
		font-size: 1em;
		background: #fff;
		padding: 20px;
		margin: 20px;
		color: #f82b6f;
		display: none;
	}
	
	.eligibility-criteria #hide a {
		color: #fff;
		font-size: 0.8em;
		margin-left: 20px;
		padding-bottom: 20px;
		display: block;
		color: #f82b6f;
	}


	ul.children {
		font-size: 1em;
	}











@media only screen and (max-width: 799px)
{
	#state-select {
		display: block;
		margin: 0 auto;
		margin-top: 120px;
		width: 95%;
		background: #fff;
		padding: 10px;
	}
	
		#state-select p {
			margin: 0;
			font-size: 10px;
		}
		
		#state-select span.message {
			font-size: 10px;
			color: red;
		}
	
	.pagination {
		margin: 10px;
		text-align: center;
		font-size: 10px;
		color: #666;
	}
	
	.pagination a {
		color: #e2066f;
		text-decoration: underline;
	}
	
		.pagination .page-numbers {
			padding: 0 5px;
		}
	
	
	.interview-link {
		background: white;
		font-size: 10px;
		font-weight: bold;
		color: #000;
		padding: 10px;
		text-decoration: none;
		float: none;
		margin-top: 10px;
		display: block;
	}
	
	.transcript_link {
		background: #c3d1db;
		float: right;
		color: #000;
		padding: 5px 10px;
		text-decoration: none;
		font-size: 0.7em;
		margin: 7px 0 0px 10px;
		position: relative;
		display: block;
		z-index: 0;
	}
	
		.transcript_link:after {
			clear: both;
			content: "";
			display: block;
			width: 0;
			height: 0;
			position: relative;
		}
		
	#interview_transcript, #tvc_transcript, #video_1_transcript, #video_2_transcript, #video_3_transcript, #video_4_transcript, #video_5_transcript, #video_6_transcript, #video_7_transcript, #video_8_transcript {
		clear: both;
		display: block;
		position: relative;
		padding: 10px 10px 30px 10px;
		background: #c3d1db;
		margin-bottom: 10px;
		color: #000;
	}
	
		#video_1_transcript p, #video_2_transcript p, #video_3_transcript p, #video_4_transcript p, #video_5_transcript p, #video_6_transcript p, #video_7_transcript p, #video_8_transcript p {
			color: #000;
			
		}

	.eligibility-criteria {
		margin: 0 auto;
		width: 95%;
	}
	
	.eligibility-criteria h4 {
		margin-left: 0;
		font-size: 12px;
	}
	
	.eligibility-criteria #hide a {
		font-size: 10px;
		margin-left: 0;
	}

	.gradient-bg {

		background: #fdb00d!important; 
		background: -moz-linear-gradient(-45deg,  #fdb00d 0%, #fdb00d 35%, #f82b6f 100%)!important;
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fdb00d), color-stop(35%,#fdb00d), color-stop(100%,#f82b6f))!important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; 		
		background: -o-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; 
		background: -ms-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; 
		background: linear-gradient(135deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb00d', endColorstr='#f82b6f',GradientType=1 )!important;
	}
	
	.tcon {
		position: absolute;
		right: 0;
		margin-top: 10px;
		margin-right: 10px;
		float: right;
		clear: both;
		margin-top: 30px;
		z-index: 10!important;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  border: none;
	  cursor: pointer;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-align-items: center;
	  -ms-flex-align: center;
	  align-items: center;
	  height: 25px;
	  transition: 0.3s;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  width: 25px;
	  background: transparent;
	  outline: none; }
	  .tcon > * {
	    display: block; }
	  .tcon:hover, .tcon:focus {
	    outline: none; }
	  .tcon::-moz-focus-inner {
	    border: 0; }
	
	.tcon-menu__lines {
	  display: inline-block;
	  height: 3px;
	  width: 25px;
	  border-radius: 2.85714px;
	  transition: 0.3s;
	  background: #fff;
	  position: relative; }
	  .tcon-menu__lines::before, .tcon-menu__lines::after {
	    display: inline-block;
	    height: 3px;
	    width: 30px;
	    border-radius: 2.85714px;
	    transition: 0.3s;
	    background: #fff;
	    content: '';
	    position: absolute;
	    left: 0;
	    -webkit-transform-origin: 2.85714px center;
	    transform-origin: 2.85714px center;
	    width: 100%; }
	  .tcon-menu__lines::before {
	    top: 6px; }
	  .tcon-menu__lines::after {
	    top: -6px; }
	  .tcon-transform .tcon-menu__lines {
	    -webkit-transform: scale3d(.8, .8, .8);
	    transform: scale3d(.8, .8, .8); }
	
	.tcon-menu--xbutterfly {
	  width: auto; }
	  .tcon-menu--xbutterfly .tcon-menu__lines::before, .tcon-menu--xbutterfly .tcon-menu__lines::after {
	    -webkit-transform-origin: 50% 50%;
	    transform-origin: 50% 50%;
	    transition: top .3s .6s ease, -webkit-transform .3s ease;
	    transition: top .3s .6s ease, transform .3s ease; }
	  .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines {
	    background: transparent; }
	    .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before, .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
	      top: 0;
	      transition: top .3s ease, -webkit-transform .3s .5s ease;
	      transition: top .3s ease, transform .3s .5s ease;
	      width: 25px; }
	    .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before {
	      -webkit-transform: rotate3d(0, 0, 1, 45deg);
	      transform: rotate3d(0, 0, 1, 45deg); }
	    .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
	      -webkit-transform: rotate3d(0, 0, 1, -45deg);
	      transform: rotate3d(0, 0, 1, -45deg); }
	
	.tcon-visuallyhidden {
	  border: 0;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px; }
	  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
	    clip: auto;
	    height: auto;
	    margin: 0;
	    overflow: visible;
	    position: static;
	    width: auto; }
	

	body, html {
		overflow: scroll;
		overflow-x: hidden;
		height: 100%;
	}
	
	.header {
		position: fixed;
		width: 100%;
		z-index: 5;
	}
	
	
	.sickamore {
		font-family: 'sickamoreregular';
	}
	
		.header .sickamore {
			font-size: 140%;
			line-height: 13px;
			padding-left: 3px;
		}

	.top-bar {
		width: 60%;
		position: fixed;	
		z-index: 6;
		top: 0%;
		left: 0;
		right: 0;
		height: 70px;
	}
	
		.top-bar:before {
			content: url(../img/logo.svg);
			position: absolute;
			padding: 0 0 0 65%;
			display: block;
			width: 100px;
			padding-top: 10px;
			margin: 0 auto;
		}
	
		.aus-gov-top-bar img {
			height: auto;
			margin: 15px;
			position: relative;
			vertical-align: top;
			width: 100px;
			max-height: 60px;
		}	
		
		.top-bar nav {
			display: block;
			float: right;
			width: 40%;
			margin: 0 15px;
			display: none;
		}
		
		.top-bar ul {
			list-style: none;
			margin: 0;
			padding: 0;
			width: 100%;
			text-align: right;
				
		}
		
			.top-bar li {
				padding: 0 0px;
				clear: both;
				line-height: 11px;
			}
		
			.top-bar nav a {
				color: #fff;
				font-size: 11px;
				display: inline-block;
				text-align: right;
				text-decoration: none;
				
			}
			
			.social-sharing {
				display: none;
			}

		canvas {
			display: none;
		}
		
		#menu {
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			top: 0;
		}
		
		#menu .aus-gov {
			display: none;
		}
		
	#content, .home {
		position: relative;
		height: 100%;
		width: 100%;
		display: block;
	}
	
		

	.hero-carousel {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		position: relative!important;
		display: block;
		top: 0;
		z-index: 0;
	}
	
		.hero-carousel li {
			margin: 0;
			padding: 0;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			height: 100%;
			background-position: 25% 0!important;
		}
			
			.hero-carousel img {
				display: none!important;
				-webkit-background-size: cover!important;
				-moz-background-size: cover!important;
				-o-background-size: cover!important;
				background-size: cover!important;
				-ms-behavior: url(/backgroundsize.min.htc);
			}
			
			.slick-active {
				height: 100%;
			}
		
			.hero-carousel .slick-slide {
				-webkit-background-size: cover!important;
				-moz-background-size: cover!important;
				-o-background-size: cover!important;
				background-size: cover!important;
				-ms-behavior: url(/backgroundsize.min.htc);
			}
			
			
			.hero-carousel button {
				display: none!important;
			}
			
			.slick-track, .slick-list {
				height: 100%;
				width: 100%;
				top: 0;
				left: 0;
			}

		.home-logo {
			display: none;
		}
		
	#menu {
		z-index: 5;
		position: absolute;
		list-style: none;
		padding: 0 0 5px 0;
		margin: 0;
		top: 0;
		left: 0;
		right: 0;
		min-height: 85px;
		width: 100%;
		background: #fdb00d!important; 
		background: -moz-linear-gradient(-45deg,  #fdb00d 0%, #fdb00d 35%, #f82b6f 100%)!important; 
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fdb00d), color-stop(35%,#fdb00d), color-stop(100%,#f82b6f))!important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; 		background: -o-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; 
		background: -ms-linear-gradient(-45deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important; 
		background: linear-gradient(135deg,  #fdb00d 0%,#fdb00d 35%,#f82b6f 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb00d', endColorstr='#f82b6f',GradientType=1 )!important; 
	}
	
		#menu li:nth-child(2) {
			margin-top: 95px;
			display: none;
			position: relative;
		}
		
		#menu li {
			display: block;
			display: none;
		}
		
			#menu a {
				color: #fff;
				font-size: 13px;
				background: #000;
				background: rgba(0,0,0,0.25);
				display: block;
				margin: 5px 10px;
				padding: 5px;
				text-decoration: none;
				text-transform: uppercase;
			}

		
			#menu li:first-child {
				display: none;
			}
		
		#access h2 {
			display: none;
		}
		
		#access {
			display: block;
			position: relative;
			background: #000;
			margin-top: 80px;
			z-index: 5;
		}
		
		#access li {
			display: none;
		}
		
		#access li:nth-child(2) {
			display: block;
		}
				
		#access li a {
			color: #fff;
			padding: 10px;
			text-align: right;
			display: block;
			text-decoration: none;
			content: "";
			font-size: 11px;
		}
		
		
		.home-cta {
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			bottom: 50px;
			left: 50px;
			right: 50px;
			z-index: 2;
		}
				
			.home-cta li {
				width: 100%;
				display: block;
				margin: 0 0 10px 0;
			}
			
				.home-cta a {
					display: block;
					width: 100%;
					padding: 10px;
					text-decoration: none;
					text-transform: uppercase;
					color: #fff;
					font-size: 20px;
					text-align: center;
				}
				
					.home-cta .sickamore {
						font-size: 36px;
						line-height: 20px;
						display: inline;
						font-weight: lighter;
					}
		
		section[role=main].max-width, section.max-width {
			width: 95%;
			background: #ffffff;
			padding: 10px;
		    vertical-align: top;
		    padding-bottom: 10px;
		    padding-top: 10px;
		    clear: both;
		    display: block;
		    position: relative;
		    margin: auto auto 15px auto;
		}
		
		
		h2.max-width {
			color: #fff;
			font-family: 'ARS Maquette Pro Bold';
			font-size: 14px;
			text-transform: uppercase;
			text-decoration: none;
			display: block;
			width: 95%;
			margin: 0 auto;
			max-width: 1250px;
			background: #B7C8DE;
			padding: 10px 15px!important;
			background: #f1f5f8;
			position: relative;
		}
		
		h2 {
			color: #e2066f;
			font-family: 'ARS Maquette Pro Bold';
			font-size: 16px;
			text-transform: uppercase;
			text-decoration: none;
			display: block;
		}
		
		
		h3 {
			color: #e2066f;
			font-family: 'ARS Maquette Pro Bold';
			font-size: 13px;
			text-transform: uppercase;
			text-decoration: none;
			display: block;
		}
	
		.item, h3, table {
			clear: left;
			position: relative;
			display: block;
			-webkit-column-break-inside: avoid;
	        page-break-inside: avoid;
	        break-inside: avoid;
	        padding: 10px 10px;
		}
		
	    	.item h2 {
	    		margin: 0;
	    	}
	    	
		    	.item h2 a {
		    		color: #e2066f;
		    		font-family: 'ARS Maquette Pro Bold';
		    		font-size: 14px;
		    		text-transform: uppercase;
		    		text-decoration: none;
		    		display: block;
		    	}
		    	
	    	.item strong {
	    		color: #8f9eaa;
	    		font-style: italic;
	    		font-family: 'ARS Maquette Pro';
	    		font-size: 0.8em;
	    		line-height: 12px;
	    	}
	    	
	    	.item p {
	    		color: #000000;
	    		font-family: 'ARS Maquette Pro';
	    		font-size: 10px;
	    	}
	    	
	    	.item img {
	    		width: 75%;
	    		height: auto;
	    		display: block;
	    		margin-bottom: 20px;
	    		clear: both;
	    	}
	    	
	  .gradient-bg.footer {
	  	position: relative;
	  	clear: both;
	  	margin: 0px auto 0px auto;
	  	display: block;
	  	width: 100%;
	  	max-width: 1250px;
	  	overflow: hidden;
	  }
	  
	  	.footer ul {
	  		margin: 10px 0;
	  		padding: 5px 5px 5px 15px;
	  		list-style: none;
	  		float: left;
	  		line-height: 14px;
	  	}
	  	  	
	  		.footer a {
	  			color: #fff;
	  			font-family: 'ARS Maquette Pro';
	  			font-size: 10px;
	  			line-height: 12px;
	  			text-decoration: none;
	  		}
	  		
	  		.footer .carbon-creation {
	  			float: right;
	  			margin: 20px 0;
	  			width: 40%;
	  			text-align: right;
	  		}
	  		
	  			.footer .carbon-creation img {
	  				width: 100%;
	  				height: auto;
	  			}
	  			
	  	.section-header {
	  		margin-top: 150px;
	  	}
	  	
	  	.section-header h1 {
	  		background: #f1f5f8;
	  		width: auto;
	  		display: inline-block;
	  		color: #f9435d;
	  		font-size: 16px;
	  		text-transform: uppercase;
	  		position: relative;
	  		bottom: 0px;
	  		left: 0;
	  		margin: 0 0 0 2.5%;
	  		padding: 5px 10px;
	  		font-family: 'ARS Maquette Pro Bold';
	  		text-shadow: 1px 1px #d1d4d7;
	  	}
	  	
	  		.section-header h1 .sickamore {
	  			font-size: 30px;
	  			line-break: 18px;
	  		}
	  		
	  
	  .search-intro {
	  	background: #fff;
	  	padding: 0px;
	  	margin: 0 auto 10px auto;
	  	max-width: 95%;
	  	font-size: 10px;
	  }
	  
	  	.search-intro #breadcrumbs {
	  		float: left;
	  		display: block;
	  		width: 100%;
	  	}
	  	
	  .search-intro img {
	  	margin: 0px 0px 20px 20px;
	  	width: 100%;
	  	height: auto;
	  	float: right;
	  	display: block;
	  	position: relative;
	  }
	  
	  .search-intro form {
	  	margin: 30px 20px 20px 0px;
	  	padding: 0 20px;
	  }
	  
	  .search-intro > *:not(img) {
	  	padding: 0 20px;
	  }
	  
	  	.search-intro ul {
	  		margin-left: 20px;
	  	}
	  
	  	.search-intro a {
	  		color: #e50670;
	  	}
	  	
	  .university-list {
	  	list-style: none;
	  	padding: 0;
	  	margin: 0 auto;
	  	max-width: 95%;
	  	display: block;
	  	position: relative;
	  	z-index: 0;
	  	background: #fff;
	  }
	  
	  	.university-list:after {
	  		clear: both;
	  		content: "";
	  		display: table;
	  		display: block;
	  	}
	  
	  	.university-list li {
	  		display: block;
	  		float: none;
	  		width: 100%;
	  		font-size: 10px;
	  	}
	  	
	  		.university-list li .front, .university-list li .back {
	  			background: #fff;
	  		}
	  		
	  		.university-list li:nth-child(even) .front, .university-list li:nth-child(even) .back {
	  			background: #b8c8d5;
	  		}
	  		
	  		.university-list li {
	  			padding: 20px;
	  			height: auto;
	  		}
	  		
	  			.university-list li:after {
	  				clear: both;
	  				display: block;
	  				width: 0;
	  				height: 0;
	  				position: relative;
	  				content: "";
	  			}
	  		
	  			.university-list h4 {
	  				margin: 0;
	  				min-height: 40px;
	  				text-overflow: ellipsis;
	  				display: block;
	  			}
	  			
	  			.university-list img {
	  				max-width: 80%;
	  				height: auto;
	  				margin: 15px 0;
	  				display: block;
	  				max-height: 60px;
	  			}
	  		
	  			.university-list h4 a {
	  				color: #e50670;
	  				font-size: 13px;
	  				font-weight: normal;
	  				font-family: 'ARS Maquette Pro';
	  				display: block;
	  				text-decoration: none;
	  			}
	  			
	  			.university-list a {
	  				color:#000;
	  				text-decoration: none;
	  			}
	  			
	  			.university-list li {
	  				position: relative;
	  			}
	  				
	  			.university-list li .front {
	  				padding: 15px;
	  				float: none;
	  				position: relative;
	  				top: 0;
	  				right: 0;
	  				width: 100%;
	  				left: 0;
	  				z-index: 90;
	  				height: inherit;
	  				-webkit-transform: rotateX(0deg) rotateY(0deg);
	  				-moz-transform: rotateX(0deg) rotateY(0deg);
	  				transform: rotateX(0deg) rotateY(0deg);
	  				
	  				-webkit-transform-style: preserve-3d;
	  				-moz-transform-style: preserve-3d;
	  				transform-style: preserve-3d;
	  				
	  				-webkit-backface-visibility: hidden;
	  				-moz-backface-visibility: hidden;
	  				backface-visibility: hidden;
	  				
	  				-webkit-transition: all .4s ease-in-out;
	  				transition: all .4s ease-in-out;
	  				
	  				word-wrap: break-word;
	  				
	  			}
	  			
	  			.university-list li.flip .front {
	  				z-index: 90;
	  				-webkit-transform: rotateY(180deg);
	  				-moz-transform: rotateY(180deg);
	  				transform: rotateY(180deg);
	  			}
	  	
	  			.university-list .back {
	  				padding: 15px;
	  				display: block;
	  				float: none;
	  				position: absolute;
	  				top: 0;
	  				left: 0;
	  				right: 0;
	  				z-index: 80;
	  				width: 100%;
	  				height: inherit;
	  				-webkit-transform: rotateY(-180deg);
	  				-moz-transform: rotateY(-179deg);
	  				transform: rotateY(-179deg);
	  				
	  				-webkit-transform-style: preserve-3d;
	  				-moz-transform-style: preserve-3d;
	  				transform-style: preserve-3d;
	  				
	  				-webkit-backface-visibility: hidden;
	  				-moz-backface-visibility: hidden;
	  				backface-visibility: hidden;
	  				
	  				-webkit-transition: all .4s ease-in-out;
	  				transition: all .4s ease-in-out;
	  				word-wrap: break-word;
	  				
	  				font-family: 'ARS Maquette Pro Bold';
	  				
	  			}
	  			
	  				.university-list li.flip .back {
	  					z-index: 100;
	  					
	  					-webkit-transform: rotateX(0deg) rotateY(0deg);
	  					-moz-transform: rotateX(0deg) rotateY(0deg);
	  					transform: rotateX(0deg) rotateY(0deg);
	  					
	  				}
	  .share-story p {
	  	font-size: 10px;
	  }
	  
	  
	  .stories-toolbar {
	  	position: relative;
	  	height: auto;
	  	width: 95%;
	  	margin: 20px auto 0 auto;
	  	background: rgba(253,176,13,1);
	  	padding: 10px;
	  	text-align: left;
	  	vertical-align: top;
	  	
	  }
	  
	  	.story {
	  		display: inline-block;
	  		float: left;
	  		width: 49%;
	  		background: #fff;
	  		height: 0;
	  		padding-bottom: 49%;
	  		margin: auto 3px 3px 0;
	  		border: 1px solid #fff;
	  		vertical-align: top;
	  		position: relative;
	  	}
	  	
	  		/*.story:nth-child(odd) {
	  			margin-right: 2%;
	  		}*/
	  	
	  		.stories-toolbar:after {
	  			content: "";
	  			display: block;
	  			width: 0;
	  			height: 0;
	  			position: relative;
	  			clear: both;
	  		}
	  	
	  		.story img {
	  			position: absolute;
	  			left: 0;
	  			right: 0;
	  			top: 0;
	  			bottom: 0;
	  			width: 100%;
	  			height: 100%;
	  		}
	  		
	  			.story strong {
	  				position: absolute;
	  				z-index: 1;
	  				bottom: 0;
	  				padding: 5px;
	  				background: #fff;
	  				background: rgba(255,255,255,0.85);
	  				text-align: center;
	  				color: #000;
	  				width: 100%;
	  				right: 0;
	  				left: 0;
	  				font-size: 0.8em;
	  			}
	  	
	  		.story.gradient-bg h3 {
	  			color: #fff;
	  		}
	  	
	  		.story .sickamore {
	  			font-size: 150%;
	  		}
	  		
	  	.map-cta {
  			bottom: 0;
  			height: auto;
  			position: relative;
  			left: 0;
  			right: 0;
  			background: rgba(0,0,0,0.5);
  			text-align: center;
  			vertical-align: middle;
  			line-height: 80px;
  			display: block;
  			clear: both;
  			padding: 5px 0;
  			margin: 10px 0 0 0;
  		}
  		
  			.map-cta a {
  				max-width: 95%;
  				height: 80px;
  				display: block;
  				color: #fff;
  				margin: 10px 10px;
  				line-break: 80px;
  				position: relative;
  				font-size: 100%;
  				text-decoration: none;
  				text-transform: uppercase;
  			}	
  			
  				.map-cta a .sickamore {
  					font-size: 180%;
  				}
	  
	  #characters {
   			background: #f1f5f8;
   			margin: 0;
   			padding: 0 0 40px 0;
   			width: 95%;
   			margin: 0 auto!important;
   			position: relative;
   			border: 1px solid #333;
   			display: none;
   		}
   		
   			#characters:before {
   				display: none;
   			}
   		
   			#characters ul {
   				padding: 40px 20px;
   				margin: 0;
   				display: block;
   				list-style: none;
   				position: relative;
   				text-align: center;
   			}
   			
   				#characters li {
   					display: none;
   				}
   				
   					#characters li:first-child {
   						display: block;
   					}
  
  	.main-info-help-you {
  		margin: 20px auto;
  		position: relative;
  		background: #fff;
  		padding: 20px;
  		width: 95%;
  	}
  	
  		.main-info-help-you > p {
  			color: #8f9eaa;
  			font-style: italic;
  			font-family: 'ARS Maquette Pro';
  			font-size: 0.8em;
  		}
  	
  		.main-info-help-you h2 {
  			font-family: 'ARS Maquette Pro Bold';
  			text-transform: uppercase;
  		}
  		
  			.main-info-help-you h2 a {
  				text-decoration: none;
  				color: #e50670;
  				font-size: 0.8em;
  			}
  			
  	.help-video {
  		width:1000px;
  		height: 600px;
  		margin: 0px auto;
  		display: block;
  		position: relative;
  		background: #b8c8d5;
  		display: none;
  	}
  	
  		.help-video iframe {
  			padding: 10px 10px 10px 10px;
  			margin: 0 0 20px 0;
  		}
  		
  		.help-video {
  			line-height: auto;
  			height: auto;
  			text-align: center;
  			font-size: 30px;
  			color: #fff;
  			width: 95%;
  		}
  		
  	#bodyContent {
  		margin: 10px auto;
  		padding: 10px 0px 5px 20px;
  	}
  	
  	.see-story {
  		position: absolute;
  	    z-index: 1;
  	    bottom: 0;
  	    padding: 5px;
  	    background: #fff;
  	    background: rgba(255,255,255,0.85);
  	    text-align: center;
  	    color: #000;
  	    width: 100%;
  	    font-weight: bold;
  	    right: 0;
  	    left: 0;
  	    font-size: 10px;
  	    text-decoration: none;
  	}
  			
  			
		
			.info-content p {
				font-size: 10px;
			}
		
		.info-side {
			width: 95%;
			float: none;
			margin: 50px auto 0 auto;
		}
		
			.info-side ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			
				.info-side a {
					background: #c3d1db;
					padding: 15px;
					border: 0;
					margin: 0 0 2px 0;
					display: block;
					color: #fff;
					font-family: 'ARS Maquette Pro';
					font-size: 0.8em;
					text-decoration: none;
				}
				
					.info-side a:hover, .info-side a:active {
						background: #b5c6d2;
					}
					
			.info-side blockquote {
				margin: 20px 0;
				padding: 20px;
				color: #fff;
				font-size: 10px;
			}
			
				.info-side blockquote h5 {
					color: #fff;
					font-size: 0.8em;
					margin: 0;
					font-family: 'ARS Maquette Pro Bold';
				}
				
				.info-side blockquote p {
					background: url('../img/quote.png') top left no-repeat;
					padding-left: 35px;
					font-size: 1em;
				}
				
	.single-col p, .single-col ul {
		font-size: 10px;
	}
	
	form label {
			font-family: 'ARS Maquette Pro Bold';
			font-size: 10px;
			text-transform: uppercase;
			width: 140px;
			display: inline-block;
			padding: 0 20px 0 0;
			text-align: left;
			width: 100%;
		}
		
		form input[type=text], form input[type=password], form textarea, form select {
			width: 100%;
			outline: 0;
			border: 1px solid #ccc;
			font-family: 'ARS Maquette Pro';
			font-size: 10px;
			padding: 5px;
			margin:  0 0 5px 0;
		}
		
			form textarea {
				height: 150px;
				width: 100%;
			}
		
		input[type=submit] {
			padding: 8px 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			border: 0;
			font-size: 0.8em;
			color: #fff;
			font-family: 'ARS Maquette Pro';
			text-transform: uppercase;
			margin: 10px 0;
			float: left;
			background: #ccc;
		}
		
		label[for=rememberme], label[for=publish] .radio label {
			font-family: 'ARS Maquette Pro';
			text-transform: none;
			font-size: 9px;
			padding: 0 5px;
			width: auto;
		}
		
	.tml-action-links {
		list-style: none;
		display: inline-block;
		margin: 0;
		padding: 10px 10px 10px 20px;
		float: left;
	}
	
	.tml-action-links li {
		display: inline-block;
		border: 0;
		border-left: 1px solid #000;
		padding: 0 7px 0 10px;
		font-family: 'ARS Maquette Pro';
		font-size: 9px;
		line-height: 9px;
	}
	
		.tml-action-links li:first-child {
			border-left: 0;
			padding-left: 0;
		}
		
			.tml-action-links a {
				color: #000;
			}
	
		.single-col:after {
			content: "";
			position: relative;
			display: block;
			width: 0;
			height: 0;
			clear: both;
		}
		
	.social-sharing * {
		box-sizing: content-box;
	}
	
	.story-icons {
		display: block;
		position: relative;
		float: right;
		height: 100%;
		margin: 0 0 0 10px;
	}
	
	.story-icons img {
		position: relative;
		display: block;
	}
	
	
	#pass1-text {
		margin-left: 20px;
		background: #ddd;
		color: #999;
	}
	
	
	.max-width.wrapper {
		padding: 40px 20px;
		background: #f1f5f8;
		display: block;
	}
	
	#breadcrumbs.breadcrumbs-alt {
		position: relative;
		background: #fff;
		margin: 0 auto;
		padding-top: 40px;
		padding-left: 25px;
		padding-bottom: 40px;
	}
	
	.arrow-expand {
		right: 20px;
		top: 20%;
		height: 60%;
		display: block;
		width: auto;
		position: absolute;
	}
	
	.max-width.section-description {
		background: #fff;
		font-size: 10px;
		padding: 20px;
		margin-top: 0px;
		max-width: 95%;
		margin: 0 auto 20px auto;
	}
	
	.active .arrow-expand {
		-ms-transform: rotate(90deg); 
	    -webkit-transform: rotate(90deg); 
	    transform: rotate(90deg);
	}
	
	
	.info-side a.side-cta {
		padding: 0;
		margin: 20px 0 0 0;
	}
	
		.side-cta img {
			width: 100%;
			height: auto;
			display: block;
		}
		
		
		.side-cta span {
			display: block;
			padding: 20px;
			font-size: 10px;
		}
	
	
	.entry-content a {
		color: #e2066f;
	}
	
		.entry-content a:hover, .entry-content a:active {
			color: #fdb00d;
		}
		
	.info-content {
		width: 95%;
		padding: 20px 20px 20px 20px;
		float: none;
		margin: auto;
		background: #fff;
	}
	
	.about-hero {
		margin: 0;
		padding: 25px;
		position: relative;
	}
	
		.about-hero h1 {
			color: #fff;
			margin: 0 0 10px 0;
			font-size: 30px;
			line-height: 30px;
		}
		
		.share-story .about-hero p {
			margin: 0;
			font-size: 13px;
			padding: 0;
			color: #fff;
		}
		
	.videoWrapper {
			position: relative;
			padding-bottom: 56.25%; 
			padding-top: 25px;
			height: 0;
		}
		
			.helpyou-wrapper .videoWrapper:before {
				content: "";
				background: #589414;
				width: 100%;
				height: 100%;
				display: block;
				position: absolute;
				-ms-transform: rotate(-5deg); 
				-webkit-transform: rotate(-5deg);
				transform: rotate(-5deg);
				margin-top: -5%;
			}
			
			.helpyou-wrapper .right .videoWrapper:before {
				-ms-transform: rotate(5deg); 
				-webkit-transform: rotate(5deg); 
				transform: rotate(5deg);
				background: #69ae19;	    					
			}
		
		.videoWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}	
		
		.helpyou-wrapper {
			position: relative;
			width: 100%;
			overflow-y: overflow;
			overflow-x: hidden;
			padding: 0 20px;
		}
		
		.helpyou-wrapper .three-quarters {
			width: 95%;
			padding: 2.5%;
			position: relative;
			display: block;
			float: none;
		}
		
			.helpyou-wrapper .quarter {
				width: 95%;
				padding: 2.5%;
				position: relative;
				float: none;
				display: block;
				vertical-align: top;
			}
		
			.helpyou-wrapper p {
				color: #fff;
				font-size: 10px;
				margin: 20px 0% 40px 0%;
				display: block;
				position: relative;
			}
			
			.help-arrows {
				position: relative;
				margin: 0 auto -50% auto;
				display: block;
				clear: both;
				z-index: 1;
				display: none;
				
			}
		
		.helpyou-video {
			position: relative;
		}
		
			.helpyou-wrapper .maxwidth {
				padding: 20px;
			}
		
			.helpyou-wrapper h2 {
				font-family: 'ARS Maquette Pro Bold';
				color: #fff;
				text-shadow: 1px 1px 1px #000;
				font-size: 25px;
				padding: 0 2.5%;
				margin-top: 20px;
			}
		
			.helpyou-video:after {
				clear: both;
				content: "";
				width: 0;
				height: 0;
				display: block;
				position: relative;
			}
			
			.characters {
				display: none;
			}
		
			.helpyou-video.left {
				background: #47790e;
				width: 100%;
				padding-top: 80px;
				padding-bottom: 80px;
				z-index: 0;
				overflow: overflow;
				margin: 0 auto;
			}
			
			.helpyou-video.right h2 {
				text-align: left;
			}
			
				.helpyou-video.right .three-quarters, .helpyou-video.right .quarter {
					float: none;
				}
			
			.helpyou-video {
				padding-top: 50px;
			}
			
				.helpyou-video.twist {
					-ms-transform: rotate(2deg); 
					-webkit-transform: rotate(2deg); 
					transform: rotate(2deg);
					padding: 25px 5% 50px 5%;
					left: -5%;
					right:-5%;
					width: 110%;
					margin-top: 50px;
				}
			
				.helpyou-video.twist > div {
					-ms-transform: rotate(-2deg);
					-webkit-transform: rotate(-2deg); 				
					transform: rotate(-2deg);
					
				}
				
				.helpyou-video.twist-alt {
					-ms-transform: rotate(-2deg); 
					-webkit-transform: rotate(-2deg); 
					transform: rotate(-2deg);
					padding: 25px 5% 50px 5%;
					width: 100%;
					margin-top: 50px;
				}
				
				
				img.alt-twist {
					-ms-transform: rotate(90deg); 
					-webkit-transform: rotate(90deg); 
					transform: rotate(90deg);
				}
			
				.helpyou-video.twist-alt > div {
					-ms-transform: rotate(2deg); 
					-webkit-transform: rotate(2deg); 				
					transform: rotate(2deg);
					
				}
	
		.hero-story.section-header {
			margin-top: 100px;
		}
		
		.hero-back {
			display: none;
		}
		
		.videos-this-way {
			display: none;
		}
		
		.helpyou {
			margin-top: 150px;
		}
		
		.helpyou-intro {
			font-size: 0.8em;
			color: #fff;
			position: relative;
			width: 90%;
			margin: auto;
		}
		
			.helpyou-intro h1 {
				width: auto;
				display: inline-block;
				color: #fff;
				position: relative;
				margin: 0;
				font-family: 'ARS Maquette Pro Bold';
				text-shadow: 1px 1px 1px #000;
			}
			
				.helpyou-intro h1 .sickamore {
					font-size: 30px;
					line-break: 18px;
				}
				
				.share-story .info-side {
					display: none;
				}
				
				.cd-timeline-content {
					padding-top: 0!important;
					padding-right: 0!important;
				}
				
				.cd-timeline-content h2 {
					font-size: 14px;
					height: auto;
				}
				
					.cd-timeline-content h2 a {
						clear: both;
						float: none;
					}
					
					.story-icons {
						float: none;
						display: inline-block;
						margin-top: 10px;
						margin-left: 0;
						margin-right: 10px;
					}
				
			.story-content p, .story-content {
				font-size: 10px;
			}
			
			.story-content img {
				clear: both;
				display: block;
				float: none;
				margin: 10px auto;
			}
			
		.share-form input[type=text], .share-form input[type=file], .share-form div#wp-your_story-wrap, .share-form select, .share-form input[type=month] {
			width: 100%;
		}
		
		.share-form input[type=checkbox] {
			margin-left: 0;
		}
		
		label[for=rememberme], label[for=publish], label[for=identity], label[for=terms_conditions], .radio label {
			width: 96%;
		}
		
		input[type=submit] {
			float: none;
		}
		
		span.description {
			display: block;
			font-style: italic;
			color: #c0c0c0;
			font-size: 10px;
			font-family: 'ARS Maquette Pro';
			text-transform: lowercase;
		}
		
		#pass-strength-result {
		    border-style: solid;
		    border-width: 1px;
		    margin: 12px 5px 5px 1px;
		    padding: 3px 5px;
		    text-align: center;
		    width: 200px;
		}
		#pass-strength-result.strong,
		#pass-strength-result.short {
		    font-weight: bold;
		}
		#pass-strength-result {
		    background-color: #eee;
		    border-color: #ddd !important;
		}
		
		#pass-strength-result.bad {
		    background-color: #ffb78c;
		    border-color: #ff853c !important;
		}
		
		#pass-strength-result.good {
		    background-color: #ffec8b;
		    border-color: #fc0 !important;
		}
		#pass-strength-result.short {
		    background-color: #ffa0a0;
		    border-color: #f04040 !important;
		}
		#pass-strength-result.strong {
		    background-color: #c3ff88;
		    border-color: #8dff1c !important;
		}
		
		.description.indicator-hint {
			display: block;
			clear: both;
			font-style: italic;
			color: #c0c0c0;
			font-size: 10px;
		}
	
	.clear-mobile {
		display: block;
		width: 100%;
		height: 0;
	}
	.clear-mobile:before,
	.clear-mobile:after {
	    content: " "; /* 1 */
	    display: table; /* 2 */
	}
	
	.clear-mobile:after {
	    clear: both;
	}
	
	.info-page ul li a {
		font-size: 10px;
	}
	
	.info-page table {
			font-size: 10px;
			border-spacing: 5px;
			border-collapse: separate;
			width: 100%;
		}
		
			.info-page tbody {
				width: 100%;
			}
		
			.info-page table td {
				padding: 8px!important;
				vertical-align: middle;
				background: #fdb00d;
			}
			
				.info-page table.tml-form-table td {
					background: #fff;
				}
				
				.info-page table.tml-form-table input {
					font-size: 0.8em;
				}
			
				.info-page table tr.emphasis td {
					background: #f82b6f;
				}
			
			.info-page table th {
				padding: 10px;
			vertical-align: middle;
			background: #c3d1db;
			}
			
				.info-page table.tml-form-table th {
					background: white;
				}
				
		.download-link {
			float: none;
			font-size: 0.8em;
			margin-top: -25px;
			margin-right: 10px;
			color: #000;
			display: inline-block;
			text-decoration: none;
			font-family: 'ARS Maquette Pro Bold';
			background: url('../img/pdf-download.png') center right no-repeat;
			height: 55px;
			line-height: 55px;
			padding-right: 30px;
			
		}
		
		.tml-profile .tml-form-table td {
			font-size: 10px;
		}
		
		#breadcrumbs a {
			color: #8ba4b6;
			text-decoration: none;
			display: inline-block;
			padding: 0 5px;
		}
		
		
}


@media only screen and (min-width: 800px) and (max-width: 1300px) 
{
	#access {
		display: none;
	}

	.header nav li {
		width: 12%;
		max-width: auto;
	}
	
		.header nav li:first-child {
			display: table-cell;
			width: 29%;
		}
		
		.header nav li:first-child a {
		  display: inline-block;
		  width: 45%;
		}
		
	.header nav li a {
		font-size: 11px;
	}
	
	.share-form select {
		width: 20%;
	}
}

@media only screen and (min-width: 1200px)
{
	.header nav li a {
		font-size: 14px;
	}
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
}










@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; 
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

   
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    
}

#theme-my-login .show-admin-bar { display:none; }

.tml-profile .tml-form-table {
		width: 100%;
		font-size: 0.8em;
	}

.tml-profile table, .tml-profile h3 {
	display: inline-block;
	width: 49%;
}

	.tml-profile h3 {
		margin: 0;
		padding: 0 0 15px 0;
		width: 100%;
	}
	
	.tml-profile label {
		font-size: 0.8em;
	}
	
	.tml-form-table tr {
		width: 100%;
	}
	
	.tml-profile .tml-form-table th {
		width: 30%;
		display: table-cell;
		vertical-align: top;
		font-size: 0.8em;
		text-transform: uppercase;
		font-family: 'ARS Maquette Pro Bold';
		text-align: left;
	}
	
		.tml-profile .tml-form-table th[colspan="2"] {
			width: 100%;
		}
	
	.tml-form-table tbody {
		width: 100%;
		margin: 0;
	}
	
	.tml-profile .tml-form-table td {
		width: 50%;
		display: table-cell;
		text-align: left;
	}
	
		.tml-profile input[type=text], .tml-profile select {
			width: 90%;
		}
		
		p.error {
			background: red;
			color: #fff;
			padding: 20px;
		}
		
		p.msg, p.message {
			background: green;
			color: #fff;
			padding: 20px;
		}
		
		div.wpcf7-mail-sent-ok {
			background: green;
			color: #fff;
			padding: 20px!important;
			font-size: 0.8em;
			display: block;
			border: 0;
			
		}
		
	.wpcf7-recaptcha {
		display: inline-block;
		margin: 10px 0 0 140px;
	}
	
	.home .user-feedback-button-view {
		display: none;
	}
	
	#user-feedback-init-button {
		font-size: 0.8em;
		background: #fdb00d;
		color: #fff;
		font-family: 'ARS Maquette Pro';
		text-shadow: 1px 1px #d46131;
	}
	
		#user-feedback-init-button:hover {
			background: #f82b6f;
			border: 1px solid white;
		}
		
.tml-profile .wp-pwd {
	text-align: left;
}

.tml-form-table #pass1-text {
	margin-left: 0;
}

.top-bar .social-sharing a {
	display: inline;
	padding: 0;
	border: 0;
}

. { display:none; }

.info-content small a {
	color: #e2066f;
}

