#left-container {
	    width: 100%;
	    margin-right: 10px;
	}
	.ap-interactive #left-container button {
	    clear: both;
	    width: 100%;
	    height: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    cursor: pointer;
	    font-size: 12px !important;
	    text-align: center;
	}
	.ap-interactive #left-container .but-container {
	    float: left;
	    text-align: center;
	    margin-left: 3%;
	    padding-left: auto;
	    padding-right: auto;
	    width: 20%;
	    height: auto;
	    /*     border:1px solid orange; */
	}
	.ap-arrow {
	    clear: both;
	    opacity: .1;
	    margin-left: 20%;
	    margin-right: 20%;
	    width: 50px;
	    height: 20px;
	    display: inline-block;
	    vertical-align: top;
	    /* 
    position: relative;
    z-index:5;
 */
	}
	.ap-arrow img {
	    width: 100%;
	    height: 100%;
	}
	#arrowsplash {
	    clear: both;
	    opacity: 1;
	    margin-left: 20%;
	    margin-right: 20%;
	    width: 50px;
	    height: 20px;
	    display: inline-block;
	    vertical-align: top;
	    /* 
    position: relative;
    z-index:1;
 */
	}
	#arrowsplash img {
	    width: 100%;
	    height: 100%;
	}
	.ap-interactive .section-wrapper {
	    clear: both;
	    margin: 0 auto;
/* 	    margin: 0 auto 4em auto; */
	}
	.ap-interactive section {
	    margin-top: 0;
	}
	.visible {
	    clear: both;
	    opacity: 1;
	    margin-left: 20%;
	    margin-right: 20%;
	    width: 50px;
	    height: 20px;
	    display: inline-block;
	    vertical-align: top;
	}
	
	.highlight {
	    clear: both;
	    opacity: 1 !important;
	    background: yellow;
/* 
	    margin-left: 20%;
	    margin-right: 20%;
	    width: 50px;
	    height: 20px;
	    display: inline-block;
	    vertical-align: top;
 */
	}
	
	.visible-map {
	    display: inline-block;
	}
	.ap-interactive #displayDocument {
	    clear: both;
	    display: block;
	    width: 100%;
	    height: auto;
	    width: 100%;
	    margin-top: 5%;
	}
	.ap-interactive .settlements-splash img {
	    height: auto;
	    opacity: 1;
	    width: 100%;
	}
	.ap-interactive .arrow-splash img {
	    height: auto;
	    opacity: 1;
	    width: 45px;
	}
	.ap-interactive .media {
	    display: block;
	    height: auto;
	    opacity: 1;
	    width: 100%;
	    z-index: 1;
	}
	.ap-interactive .media img {
	    display: block;
	    height: auto;
	    opacity: 1;
	    transition: opacity 0.5s linear;
	    width: 100%;
	}
	#stacked-bars-holder {
	    height: 400px;
	    width: 100%;
	    max-width: 680px;
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    /*     height: auto; */
	}
	.ap-interactive section p {
	    color: #B6B6AB;
	}
	.ap-interactive section spam {
	    color: #333333;
	}
	.clearfix {
	    clear: both;
	}
	/* ------------------------------------------------ */
	/* BEFORE AFTER
/* ------------------------------------------------ */
	/* line 5, ../../../../../../../.rvm/gems/ruby-2.2.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
	
	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	sub,
	sup,
	tt,
	var,
	b,
	u,
	i,
	center,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	embed,
	figure,
	figcaption,
	footer,
	header,
	hgroup,
	menu,
	nav,
	output,
	ruby,
	section,
	summary,
	time,
	mark,
	audio,
	video {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    font: inherit;
	    font-size: 100%;
	    vertical-align: baseline;
	}
	/* line 22, ../../../../../../../.rvm/gems/ruby-2.2.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
	
	html {
	    line-height: 1;
	}
	/* line 24, ../../../../../../../.rvm/gems/ruby-2.2.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
	
	ol,
	ul {
	    list-style: none;
	}
	/* line 26, ../../../../../../../.rvm/gems/ruby-2.2.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
	
	table {
	    border-collapse: collapse;
	    border-spacing: 0;
	}
	/* line 28, ../../../../../../../.rvm/gems/ruby-2.2.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
	
	caption,
	th,
	td {
	    text-align: left;
	    font-weight: normal;
	    vertical-align: middle;
	}
	/* line 30, ../../../../../../../.rvm/gems/ruby-2.2.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
	
	q,
	blockquote {
	    quotes: none;
	}
	/* line 103, ../../../../../../../.rvm/gems/ruby-2.2.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
	
	q:before,
	q:after,
	blockquote:before,
	blockquote:after {
	    content: "";
	    content: none;
	}
	/* line 32, ../../../../../../../.rvm/gems/ruby-2.2.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
	
	a img {
	    border: none;
	}
	/* line 116, ../../../../../../../.rvm/gems/ruby-2.2.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
	
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	main,
	menu,
	nav,
	section,
	summary {
	    display: block;
	}
	/* line 43, ../../../../../sass/_colors.scss */
	
	.red {
	    color: #ff322e;
	}
	/* line 44, ../../../../../sass/_colors.scss */
	
	.blue {
	    color: #146994;
	}
	/* line 45, ../../../../../sass/_colors.scss */
	
	.green {
	    color: #669900;
	}
	/* line 46, ../../../../../sass/_colors.scss */
	
	.yellow {
	    color: #D19600;
	}
	/* line 47, ../../../../../sass/_colors.scss */
	
	.purple {
	    color: #660775;
	}
	/* line 51, ../../../../../sass/_colors.scss */
	
	.deep-grey {
	    color: #333333;
	}
	/* line 52, ../../../../../sass/_colors.scss */
	
	.medium-grey {
	    color: #B6B6AB;
	}
	/* line 53, ../../../../../sass/_colors.scss */
	
	.light-grey {
	    color: #E7E2D8;
	}
	/* line 55, ../../../../../sass/_colors.scss */
	
	.deep-grey-background {
	    background-color: #333333;
	}
	/* line 56, ../../../../../sass/_colors.scss */
	
	.medium-grey-background {
	    background-color: #B6B6AB;
	}
	/* line 57, ../../../../../sass/_colors.scss */
	
	.light-grey-background {
	    background-color: #E7E2D8;
	}
	/* line 60, ../../../../../sass/_colors.scss */
	
	.red-gop {
	    color: #C43D49;
	}
	/* line 61, ../../../../../sass/_colors.scss */
	
	.red-gop-lead {
	    color: #DA968E;
	}
	/* line 62, ../../../../../sass/_colors.scss */
	
	.blue-dem {
	    color: #5186B4;
	}
	/* line 63, ../../../../../sass/_colors.scss */
	
	.blue-dem-lead {
	    color: #A2B7D3;
	}
	/* line 64, ../../../../../sass/_colors.scss */
	
	.yellow-oth {
	    color: #CCB43D;
	}
	/* line 65, ../../../../../sass/_colors.scss */
	
	.yellow-oth-lead {
	    color: #EDDB95;
	}
	/* line 66, ../../../../../sass/_colors.scss */
	
	.purple-runoff {
	    color: #A751B4;
	}
	/* line 68, ../../../../../sass/_colors.scss */
	
	.red-gop-background {
	    background-color: #C43D49;
	}
	/* line 69, ../../../../../sass/_colors.scss */
	
	.red-gop-lead-background {
	    background-color: #DA968E;
	}
	/* line 70, ../../../../../sass/_colors.scss */
	
	.blue-dem-background {
	    background-color: #5186B4;
	}
	/* line 71, ../../../../../sass/_colors.scss */
	
	.blue-dem-lead-background {
	    background-color: #A2B7D3;
	}
	/* line 72, ../../../../../sass/_colors.scss */
	
	.yellow-oth-background {
	    background-color: #CCB43D;
	}
	/* line 73, ../../../../../sass/_colors.scss */
	
	.yellow-oth-lead-background {
	    background-color: #EDDB95;
	}
	/* line 74, ../../../../../sass/_colors.scss */
	
	.purple-runoff-background {
	    background-color: #A751B4;
	}
	@font-face {
	    font-family: 'GoodWeb-Book';
	    src: url("../fonts/GoodWeb-Book.woff"), url("../fonts/GoodWeb-Book.eot");
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'GoodWeb-Bold';
	    src: url("../fonts/GoodWeb-Bold.woff"), url("../fonts/GoodWeb-Bold.eot");
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'GoodWeb-CondBook';
	    src: url("../fonts/GoodWeb-CondBook.woff"), url("../fonts/GoodWeb-CondBook.eot");
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'GoodWeb-CondBold';
	    src: url("../fonts/GoodWeb-CondBold.woff"), url("../fonts/GoodWeb-CondBold.eot");
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Freight-Book';
	    src: url("../fonts/freigtexprobook-webfont.woff"), url("../fonts/freigtexprobook-webfont.eot");
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Freight-Light';
	    src: url("../fonts/freigtexprolig.woff"), url("../fonts/freigtexprolig.eot");
	    font-weight: normal;
	    font-style: normal;
	}
	/* line 50, ../../../../../sass/_fonts.scss */
	
	.ap-interactive h1 {
	    font-family: "GoodWeb-Bold", Verdana, sans-serif;
	    font-size: 1.925rem;
	    font-weight: 800;
	    line-height: 2rem;
	    margin: 0 auto 1.25rem auto;
	    max-width: 85%;
	    text-align: center;
	}
	.ap-interactive h2.top-sub-head {
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 1.55rem;
	    font-weight: 800;
	    line-height: 1.75rem;
	    margin: 0 auto 1.25rem auto;
	    max-width: 85%;
	    text-align: center;
	}
	@media screen and (min-width: 500px) {
	    /* line 50, ../../../../../sass/_fonts.scss */
	    
	    .ap-interactive h1 {
	        font-size: 2.5em;
	        line-height: 3rem;
	    }
	}
	@media screen and (min-width: 450px) and (max-width: 480px) {
	    /* line 50, ../../../../../sass/_fonts.scss */
	    
	    .ap-interactive h1 {
	        max-width: 75%;
	    }
	}
	/* line 69, ../../../../../sass/_fonts.scss */
	
	.ap-interactive h2 {
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 1.55rem;
	    font-weight: 800;
	    line-height: 1.75rem;
	    margin-bottom: 0.75rem;
	}
	/* line 77, ../../../../../sass/_fonts.scss */
	
	.ap-interactive h3 {
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 1.25rem;
	    line-height: 1.35rem;
	    margin: 1.25rem 0 0.5rem 0;
	}
	/* line 84, ../../../../../sass/_fonts.scss */
	
	.ap-interactive h4 {
	    font-family: "Freight-Book", Georgia, serif;
	    font-size: 1.25rem;
	    line-height: 1.35rem;
	    margin: 1rem 0 0.35rem 0;
	}
	/* line 91, ../../../../../sass/_fonts.scss */
	
	.ap-interactive h5 {
	    font-family: "GoodWeb-CondBold", Verdana, sans-serif;
	    font-size: 1.1rem;
	    font-weight: 800;
	    line-height: 1.35rem;
	    margin: 0 0 0.35rem 0;
	}
	/* line 99, ../../../../../sass/_fonts.scss */
	
	.ap-interactive h6 {
	    font-family: "GoodWeb-CondBook", Verdana, sans-serif;
	    font-size: 1.1rem;
	    line-height: 1rem;
	    margin: 0 0 0.35rem 0;
	}
	/* line 106, ../../../../../sass/_fonts.scss */
	
	.ap-interactive p,
	.ap-interactive form {
	    color: #333333;
	    font-family: "Freight-Book", Georgia, serif;
	    font-size: 1rem;
	    line-height: 1.5rem;
	    margin-bottom: 1rem;
	}
	/* line 114, ../../../../../sass/_fonts.scss */
	
	.ap-interactive strong {
	    font-weight: 800;
	}
	/* line 118, ../../../../../sass/_fonts.scss */
	
	.ap-interactive em {
	    font-style: italics;
	}
	/* line 122, ../../../../../sass/_fonts.scss */
	
	.ap-interactive pre,
	.ap-interactive code,
	.ap-interactive .code-block {
	    font-family: 'Lucida Console', Monaco, monospace;
	    font-size: 0.85rem;
	}
	/* line 133, ../../../../../sass/_fonts.scss */
	
	.ap-interactive input,
	.ap-interactive textarea {
	    font-size: 1em;
	}
	/* line 138, ../../../../../sass/_fonts.scss */
	
	.ap-interactive ul,
	.ap-interactive li {
	    font-family: "GoodWeb-CondBook", Verdana, sans-serif;
	    font-size: 0.9125sem;
	}
	@-moz-keyframes scroll-down-arrow {
	    0% {
	        -moz-transform: rotate(-45deg) translate(0, 0);
	        transform: rotate(-45deg) translate(0, 0);
	        opacity: 0;
	    }
	    50% {
	        opacity: 1;
	    }
	    100% {
	        -moz-transform: rotate(-45deg) translate(-20px, 20px);
	        transform: rotate(-45deg) translate(-20px, 20px);
	        opacity: 0;
	    }
	}
	@-webkit-keyframes scroll-down-arrow {
	    0% {
	        -webkit-transform: rotate(-45deg) translate(0, 0);
	        transform: rotate(-45deg) translate(0, 0);
	        opacity: 0;
	    }
	    50% {
	        opacity: 1;
	    }
	    100% {
	        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
	        transform: rotate(-45deg) translate(-20px, 20px);
	        opacity: 0;
	    }
	}
	@keyframes scroll-down-arrow {
	    0% {
	        -moz-transform: rotate(-45deg) translate(0, 0);
	        -ms-transform: rotate(-45deg) translate(0, 0);
	        -webkit-transform: rotate(-45deg) translate(0, 0);
	        transform: rotate(-45deg) translate(0, 0);
	        opacity: 0;
	    }
	    50% {
	        opacity: 1;
	    }
	    100% {
	        -moz-transform: rotate(-45deg) translate(-20px, 20px);
	        -ms-transform: rotate(-45deg) translate(-20px, 20px);
	        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
	        transform: rotate(-45deg) translate(-20px, 20px);
	        opacity: 0;
	    }
	}
	/*
*
* CLOSE BUTTON (X)
*
*/
	/*
*
* DROPDOWN INPUT
*
*/
	/*
*
* CHEVRONS
*
*/
	/*
*
* ANIMATED SCROLL DOWN ICON
*
*/
	/*
*
* CLEARFIX
*
*/
	/* line 1, ../../../../../sass/_utilities.scss */
	
	.ap-interactive {
	    /*
  *
  * TYPE CLASSES
  *
  */
	    /*
  *
  * MISC HELPERS
  *
  */
	}
	/* line 8, ../../../../../sass/_utilities.scss */
	
	.ap-interactive .subhead {
	    font-family: "Freight-Book", Georgia, serif;
	    font-size: 1rem;
	    line-height: 1.35rem;
	    margin: 1em 0;
	}
	/* line 15, ../../../../../sass/_utilities.scss */
	
	.ap-interactive .small-caps {
	    font-size: .75rem;
	    text-transform: uppercase;
	}
	/* line 20, ../../../../../sass/_utilities.scss */
	
	.ap-interactive .byline {
	    margin: 0.5em 0 1.5em 0;
	    text-align: center;
	}
	/* line 7, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .byline p {
	    color: #B6B6AB;
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 0.8125rem;
	    line-height: 1.3rem;
	    margin-bottom: 0;
	}
	@media screen and (min-size: 640px) {
	    /* line 20, ../../../../../sass/_utilities.scss */
	    
	    .ap-interactive .byline {
	        font-size: 0.9125rem;
	    }
	}
	/* line 24, ../../../../../sass/_utilities.scss */
	
	.ap-interactive footer .byline {
	    text-align: left;
	}
	/* line 28, ../../../../../sass/_utilities.scss */
	
	.ap-interactive .legal {
	    font-family: 'GoodWeb-Book', Verdana, sans-serif;
	    text-align: center;
	}
	/* line 32, ../../../../../sass/_utilities.scss */
	
	.ap-interactive .legal li {
	    display: inline-block;
	    font-size: 0.8125em;
	}
	/* line 38, ../../../../../sass/_utilities.scss */
	
	.ap-interactive .caption {
	    color: #B6B6AB;
	    font-family: "Freight-Book", Georgia, serif;
	    font-size: 0.7125rem;
	    line-height: 1.2em;
	    margin: 0.25rem 0 0 0;
	}
	/* line 54, ../../../../../sass/_utilities.scss */
	
	.ap-interactive .ap-prompt {
	    background-color: #FF322E;
	    height: 5px;
	    margin-bottom: 1rem;
	    width: 42px;
	}
	/* line 62, ../../../../../sass/_utilities.scss */
	
	.ap-interactive .clearfix {
	    content: "";
	    clear: both;
	}
	/* line 67, ../../../../../sass/_utilities.scss */
	
	.ap-interactive .iframe-wrap {
	    height: 0;
	    overflow: hidden;
	    padding-bottom: 56.25%;
	    padding-top: 35px;
	    position: relative;
	}
	/* line 74, ../../../../../sass/_utilities.scss */
	
	.ap-interactive .iframe-wrap iframe {
	    height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}
	/* line 1, ../../../../../sass/_ui.scss */
	
	.ap-interactive {
	    /*
  *
  * Clean up links & other UI elements
  *
  */
	    
	    background: #fff;
	    /*
  *
  * ANIMATED SCROLL DOWN ICON
  *
  * From: https://codepen.io/nxworld/pen/OyRrGy?editors=1100
  *
  */
	    /*
  *
  * Dropdown menu
  *
  */
	    /*
  *
  * COMBOBOX
  *
  */
	    /*
  *
  * CHEVRONS
  *
  */
	}
	/* line 4, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-light-grey {
	    background-color: transparent;
	    color: #E7E2D8;
	    cursor: pointer;
	    border: 3px solid #E7E2D8;
	    border-radius: 2px;
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 0.8em;
	    margin: 1rem 0 0.5rem 0;
	    padding: 8px 16px;
	    text-transform: uppercase;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	/* line 35, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-light-grey:hover {
	    background: #E7E2D8;
	    color: #EFEFEF;
	    /* force color on child elements too */
	}
	/* line 39, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-light-grey:hover,
	.ap-interactive .ap-button-light-grey:hover * {
	    text-decoration: none;
	}
	/* line 8, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-medium-grey {
	    background-color: transparent;
	    color: #B6B6AB;
	    cursor: pointer;
	    border: 3px solid #B6B6AB;
	    border-radius: 2px;
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 0.8em;
	    margin: 1rem 0 0.5rem 0;
	    padding: 8px 16px;
	    text-transform: uppercase;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	/* line 35, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-medium-grey:hover {
	    background: #B6B6AB;
	    color: #EFEFEF;
	    /* force color on child elements too */
	}
	/* line 39, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-medium-grey:hover,
	.ap-interactive .ap-button-medium-grey:hover * {
	    text-decoration: none;
	}
	/* line 12, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-deep-grey {
	    background-color: transparent;
	    color: #333333;
	    cursor: pointer;
	    border: 3px solid #333333;
	    border-radius: 2px;
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 0.8em;
	    margin: 1rem 0 0.5rem 0;
	    padding: 8px 16px;
	    text-transform: uppercase;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	/* line 35, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-deep-grey:hover {
	    background: #333333;
	    color: #EFEFEF;
	    /* force color on child elements too */
	}
	/* line 39, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-deep-grey:hover,
	.ap-interactive .ap-button-deep-grey:hover * {
	    text-decoration: none;
	}
	/* line 16, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-blue {
	    background-color: transparent;
	    color: #146994;
	    cursor: pointer;
	    border: 3px solid #146994;
	    border-radius: 2px;
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 0.8em;
	    margin: 1rem 0 0.5rem 0;
	    padding: 8px 16px;
	    text-transform: uppercase;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	/* line 35, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-blue:hover {
	    background: #146994;
	    color: #EFEFEF;
	    /* force color on child elements too */
	}
	/* line 39, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-blue:hover,
	.ap-interactive .ap-button-blue:hover * {
	    text-decoration: none;
	}
	/* line 20, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-green {
	    background-color: transparent;
	    color: #669900;
	    cursor: pointer;
	    border: 3px solid #669900;
	    border-radius: 2px;
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 0.8em;
	    margin: 1rem 0 0.5rem 0;
	    padding: 8px 16px;
	    text-transform: uppercase;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	/* line 35, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-green:hover {
	    background: #669900;
	    color: #EFEFEF;
	    /* force color on child elements too */
	}
	/* line 39, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-green:hover,
	.ap-interactive .ap-button-green:hover * {
	    text-decoration: none;
	}
	/* line 24, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-yellow {
	    background-color: transparent;
	    color: #D19600;
	    cursor: pointer;
	    border: 3px solid #D19600;
	    border-radius: 2px;
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 0.8em;
	    margin: 1rem 0 0.5rem 0;
	    padding: 8px 16px;
	    text-transform: uppercase;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	/* line 35, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-yellow:hover {
	    background: #D19600;
	    color: #EFEFEF;
	    /* force color on child elements too */
	}
	/* line 39, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-yellow:hover,
	.ap-interactive .ap-button-yellow:hover * {
	    text-decoration: none;
	}
	/* line 28, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-purple {
	    background-color: transparent;
	    color: #660775;
	    cursor: pointer;
	    border: 3px solid #660775;
	    border-radius: 2px;
	    font-family: "GoodWeb-Book", Verdana, sans-serif;
	    font-size: 0.8em;
	    margin: 1rem 0 0.5rem 0;
	    padding: 8px 16px;
	    text-transform: uppercase;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	/* line 35, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-purple:hover {
	    background: #660775;
	    color: #EFEFEF;
	    /* force color on child elements too */
	}
	/* line 39, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-purple:hover,
	.ap-interactive .ap-button-purple:hover * {
	    text-decoration: none;
	}
	/* line 43, ../../../../../sass/_ui.scss */
	
	.ap-interactive input,
	.ap-interactive textarea {
	    padding: .25em;
	    font-size: 1em;
	}
	/* line 49, ../../../../../sass/_ui.scss */
	
	.ap-interactive input:focus {
	    outline: 0;
	}
	/* line 54, ../../../../../sass/_ui.scss */
	
	.ap-interactive a,
	.ap-interactive a:hover,
	.ap-interactive a:active {
	    color: #146994;
	    cursor: pointer;
	    text-decoration: none;
	}
	/* line 60, ../../../../../sass/_ui.scss */
	
	.ap-interactive *:focus {
	    outline: none;
	}
	/* line 66, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-close {
	    height: 25px;
	    width: 25px;
	    box-sizing: border-box;
	    cursor: pointer;
	    display: block;
	    line-height: 25px;
	    margin: 0.5rem 0;
	    position: relative;
	}
	/* line 72, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-close:before,
	.ap-interactive .ap-button-close:after {
	    transform: rotate(-45deg);
	    content: '';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: -5px;
	    margin-left: -12.5px;
	    display: block;
	    height: 5px;
	    width: 25px;
	    background-color: #B6B6AB;
	    transition: all 0.25s ease-out;
	}
	/* line 89, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-close:after {
	    transform: rotate(-135deg);
	}
	/* line 95, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .ap-button-close:hover:before,
	.ap-interactive .ap-button-close:hover:after {
	    transform: rotate(0deg);
	}
	/* line 71, ../../../../../sass/_ui.scss */
	
	.ap-interactive .prev-next {
	    color: #B6B6AB;
	    -moz-transition: opacity 0.4s ease;
	    -o-transition: opacity 0.4s ease;
	    -webkit-transition: opacity 0.4s ease;
	    transition: opacity 0.4s ease;
	    cursor: pointer;
	    display: inline-block;
	    height: 100px;
	    opacity: 0.4;
	}
	/* line 128, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .prev-next::before {
	    border-style: solid;
	    border-width: 0.05em 0.05em 0 0;
	    content: '';
	    display: inline-block;
	    height: 0.75em;
	    left: 0.15em;
	    position: relative;
	    top: 0.15em;
	    vertical-align: top;
	    width: 0.75em;
	}
	/* line 79, ../../../../../sass/_ui.scss */
	
	.ap-interactive .prev-next::before {
	    top: 45%;
	}
	/* line 84, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-prev::before {
	    left: 8%;
	    transform: rotate(-135deg) scale(5);
	}
	/* line 89, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-next::before {
	    left: 0;
	    transform: rotate(45deg) scale(5);
	}
	/* line 94, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-button-close:hover,
	.ap-interactive .ap-button-next:hover,
	.ap-interactive .ap-button-prev:hover {
	    opacity: 1;
	}
	/* line 101, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-tooltip {
	    background: white;
	    background: rgba(255, 255, 255, 0.95);
	    border: 1px solid #E7E2D8;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    border-radius: 3px;
	    -moz-box-shadow: 1px 1px 2px #E7E2D8;
	    -webkit-box-shadow: 1px 1px 2px #E7E2D8;
	    box-shadow: 1px 1px 2px #E7E2D8;
	    display: block;
	    max-width: 85%;
	    overflow: hidden;
	    padding: 10px;
	    position: absolute;
	    z-index: 900;
	}
	/* line 114, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-tooltip::after {
	    background-image: url(../images/icons/close.png);
	    background-size: 15px;
	    cursor: pointer;
	    height: 15px;
	    opacity: 0.7;
	    cursor: pointer;
	    width: 15px;
	    -moz-transition: opacity 0.4s ease;
	    -o-transition: opacity 0.4s ease;
	    -webkit-transition: opacity 0.4s ease;
	    transition: opacity 0.4s ease;
	    content: "";
	    display: inline-block;
	    opacity: 0.4;
	    position: absolute;
	    right: 5px;
	    top: 5px;
	}
	/* line 124, ../../../../../sass/_ui.scss */
	
	.ap-interactive .ap-tooltip header {
	    border-bottom: 1px solid #E7E2D8;
	    margin-bottom: 0.25rem;
	}
	/* line 138, ../../../../../sass/_ui.scss */
	
	.ap-interactive .scroll-down-dark {
	    color: #333333;
	    display: block;
	    font-family: "GoodWeb-CondBook", Verdana, sans-serif;
	    font-size: 1.25rem;
	    letter-spacing: 0.05rem;
	    margin-bottom: 0.5rem;
	    max-width: 40px;
	    padding-top: 80px;
	    position: relative;
	    text-align: center;
	}
	/* line 160, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .scroll-down-dark span {
	    -moz-animation: scroll-down-arrow 1.5s infinite;
	    -webkit-animation: scroll-down-arrow 1.5s infinite;
	    animation: scroll-down-arrow 1.5s infinite;
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    border-left: 1px solid #333333;
	    border-bottom: 1px solid #333333;
	    box-sizing: border-box;
	    height: 36px;
	    left: 50%;
	    margin-left: -18px;
	    position: absolute;
	    top: 0;
	    width: 36px;
	}
	/* line 142, ../../../../../sass/_ui.scss */
	
	.ap-interactive .scroll-down-light {
	    color: #333333;
	    display: block;
	    font-family: "GoodWeb-CondBook", Verdana, sans-serif;
	    font-size: 1.25rem;
	    letter-spacing: 0.05rem;
	    margin-bottom: 0.5rem;
	    max-width: 40px;
	    padding-top: 80px;
	    position: relative;
	    text-align: center;
	}
	/* line 160, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .scroll-down-light span {
	    -moz-animation: scroll-down-arrow 1.5s infinite;
	    -webkit-animation: scroll-down-arrow 1.5s infinite;
	    animation: scroll-down-arrow 1.5s infinite;
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    border-left: 1px solid #333333;
	    border-bottom: 1px solid #333333;
	    box-sizing: border-box;
	    height: 36px;
	    left: 50%;
	    margin-left: -18px;
	    position: absolute;
	    top: 0;
	    width: 36px;
	}
	/* line 178, ../../../../../sass/_ui.scss */
	
	.ap-interactive .dropdown {
	    background: transparent;
	    color: #333333;
	    font-family: "GoodWeb-CondBook", Verdana, sans-serif;
	    font-size: 1em;
	    font-weight: 400;
	    min-width: 150px;
	    padding: 5px 8px;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    background: url(../../../../../icons/ui/chevron-down.png) no-repeat 95% center;
	    background-size: 11%;
	    border: 1px solid #333333;
	    display: block;
	    margin: 1rem 0;
	}
	/* line 197, ../../../../../sass/_ui.scss */
	
	.ap-interactive #combobox-wrapper {
	    position: relative;
	}
	/* line 201, ../../../../../sass/_ui.scss */
	
	.ap-interactive .custom-combobox {
	    display: block;
	    max-width: 210px;
	    border: 1px solid #333333;
	    background: white;
	    border-radius: 3px;
	}
	/* line 209, ../../../../../sass/_ui.scss */
	
	.ap-interactive .custom-combobox input {
	    background: transparent;
	    color: #333333;
	    font-family: "GoodWeb-CondBook", Verdana, sans-serif;
	    font-size: 1em;
	    font-weight: 400;
	    min-width: 150px;
	    padding: 5px 8px;
	    border: none;
	    height: 15px;
	}
	/* line 225, ../../../../../sass/_ui.scss */
	
	.ap-interactive .custom-combobox a.ui-button {
	    background: none;
	    border: none;
	    float: right;
	    height: 0px !important;
	    padding: 4px 10px;
	    width: 0px !important;
	}
	/* line 234, ../../../../../sass/_ui.scss */
	
	.ap-interactive .custom-combobox a.ui-button .chevron::before {
	    left: -10px;
	}
	/* line 239, ../../../../../sass/_ui.scss */
	
	.ap-interactive .combobox ul.dropdown-markup {
	    width: 210px;
	    max-height: 200px;
	    overflow-x: hidden;
	    overflow-y: auto;
	    border-bottom-right-radius: 3px;
	    border-bottom-left-radius: 3px;
	    border: 1px solid #333333;
	    background: #fff;
	    outline: none;
	    list-style: none;
	    margin: 0;
	    cursor: pointer;
	}
	/* line 254, ../../../../../sass/_ui.scss */
	
	.ap-interactive .combobox ul.dropdown-markup li {
	    width: 100%;
	    font-weight: 400;
	    background-color: #fff;
	}
	/* line 260, ../../../../../sass/_ui.scss */
	
	.ap-interactive .combobox ul.dropdown-markup li a {
	    font-size: 14px;
	    text-decoration: none;
	    display: block;
	    padding: 2px 0.4em;
	    line-height: 1.5;
	    border-top: 1px solid #fff;
	    border-bottom: 1px solid #fff;
	}
	/* line 270, ../../../../../sass/_ui.scss */
	
	.ap-interactive .combobox ul.dropdown-markup li a:hover {
	    color: #333333;
	    background-color: #E7E2D8;
	    border-top: 1px solid #333333;
	    border-bottom: 1px solid #333333;
	}
	/* line 285, ../../../../../sass/_ui.scss */
	
	.ap-interactive .chevron {
	    color: #B6B6AB;
	}
	/* line 128, ../../../../../sass/_mixins.scss */
	
	.ap-interactive .chevron::before {
	    border-style: solid;
	    border-width: 0.25em 0.25em 0 0;
	    content: '';
	    display: inline-block;
	    height: 0.45em;
	    left: 0.15em;
	    position: relative;
	    top: 0.15em;
	    vertical-align: top;
	    width: 0.45em;
	}
	/* line 289, ../../../../../sass/_ui.scss */
	
	.ap-interactive .chevron.top::before {
	    top: 0.15em;
	    transform: rotate(-45deg);
	}
	/* line 294, ../../../../../sass/_ui.scss */
	
	.ap-interactive .chevron.right::before {
	    left: 0;
	    transform: rotate(45deg);
	}
	/* line 299, ../../../../../sass/_ui.scss */
	
	.ap-interactive .chevron.bottom::before {
	    transform: rotate(135deg);
	}
	/* line 304, ../../../../../sass/_ui.scss */
	
	.ap-interactive .chevron.left::before {
	    left: 0.25em;
	    transform: rotate(-135deg);
	}
	/* line 1, ../../../../../sass/_layout.scss */
	
	.ap-interactive {
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    margin: 0 auto;
	    max-width: 640px;
	    /* padding: auto; */
	    height: auto;
	    max-height: 75%;

	}
	/* line 9, ../../../../../sass/_layout.scss */
	
	.ap-interactive #ap-logo {
	    display: block;
	    height: 40px;
	    width: 34px;
	    background-image: url(../images/icons/ap-logo.png);
	    background-size: 100%;
	}
	@media screen and (min-width: 640px) {
	    /* line 23, ../../../../../sass/_layout.scss */
	    
	    .ap-interactive #ap-logo {
	        height: 52px;
	        width: 45px;
	    }
	}
	/* line 29, ../../../../../sass/_layout.scss */
	
	.ap-interactive footer {
	    font-size: 0.8125rem;
	    margin: 4rem 0 1rem 0;
	}
	/* line 33, ../../../../../sass/_layout.scss */
	
	.ap-interactive footer .legal {
	    text-align: center;
	}
	/* line 36, ../../../../../sass/_layout.scss */
	
	.ap-interactive footer .legal li {
	    display: inline-block;
	    line-height: 1.35rem;
	    margin: 0 0.15rem;
	}
	@media screen and (min-width: 640px) {
	    /* line 52, ../../../../../sass/_layout.scss */
	    
	    .ap-interactive footer {
	        font-size: 0.9125rem;
	    }
	}
	@media (min-width: 350px) and (max-width: 500px) {
	    .ap-interactive #left-container button {
	        float: left;
	        margin-left: 1%;
	        cursor: pointer;
	        text-align: center !important;
	        font-size: 11px !important;
	    }
	}
	@media (min-width: 100px) and (max-width: 340px) {
	    .ap-interactive #left-container button {
	        font-size: 9px !important;
	        text-align: center !important;
	        border: none !important;
	        margin: none !important;
	        padding: none !important;
	    }
	    .ap-arrow {
	        clear: both;
	        margin-left: auto;
	        margin-right: auto;
	        width: 40px;
	        height: 20px;
	        display: inline-block;
	        vertical-align: top;
	    }
	    #arrowsplash {
	        clear: both;
	        opacity: 1;
	        margin-left: auto;
	        margin-right: auto;
	        width: 40px;
	        height: 20px;
	        display: inline-block;
	        vertical-align: top;
	    }
	}
	.g-artboard {
	    display: none;
	}
	@media (min-width: 600px) {
	    #g-settlements-ai2html-desktop {
	        display: block;
	    }
	}
	@media (min-width: 400px) and (max-width: 599px) {
	    #g-settlements-ai2html-tablet {
	        display: block;
	    }
	}
	@media (max-width: 399px) {
	    #g-settlements-ai2html-mobile {
	        display: block;
	    }
	}