@font-face {

    font-family: 'MetaPro';

    src: url('../type/UWYfonts/Meta_Pro/MetaPro-Normal.otf#') format('opentype');

}

@font-face {

    font-family: 'MetaPro';

    src: url('../type/UWYfonts/Meta_Pro/MetaPro-Bold.otf#') format('opentype');

    font-weight: bold;

}

@font-face {

    font-family: 'MetaPro';

    src: url('../type/UWYfonts/Meta_Pro/MetaPro-BoldItalic.otf#') format('opentype');

    font-style: italic;

	font-weight: bold;

}

@font-face {

    font-family: 'MetaPro';

    src: url('../type/UWYfonts/Meta_Pro/MetaPro-NormalItalic.otf#') format('opentype');

    font-weight: normal;

    font-style: italic;

}



@font-face {

    font-family: 'TradeGothic';

    src: url('../type/UWYfonts/Trade_Gothic/TradeGothicLTStd-BdCn20.otf#') format('opentype');

    font-weight: bold;

    font-stretch: condensed;

}

@media all and (orientation:portrait) { 



}

@media screen and (max-height: 525px) {

	.scroll-container-child {

		height: 45vh;

	}

}

@media screen and (max-width: 1025px) {

	.cgf-ribbon-body {

		    height: 26px !important;

	}

}

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

	.cgf-ribbon-body {

		    height: 36px  !important;

	}

}

@media screen and (max-width: 1025px) {

	@media all and (orientation:landscape) { 

		body {

			padding-top: 0px !important;

		}

		.united-way-header{

			display: none !important;

		}

		.cgf-for-align-left {

			padding-left: 15px !important;

		}

		.panel-title-container {

			padding-left: 20px !important;

		}

		.geography-text {

			padding-left: 15px !important;

			position: absolute !important;

			top: -1px !important;

			left: 27px !important;

		}

		.plus-minus {

			left: 9px !important;

		}

		.for-text {

		    padding-top: 3px !important;

			height: 25px !important;

		}

		.flex-div-teaser{

			display: flex !important;

		}

		.difference-line {

			padding-right:15px;

		}

		/*.difference-line-bold {

			font-weight: bold !important;

			font-size: 15px !important;

			line-height: 16px !important;

		}

		.today-line {

			font-size: 13px !important;

			line-height: 16px !important;

		}

		.today-line-bold {

			font-weight: bold !important;

			font-size: 15px !important;

			line-height: 16px !important;

		}*/

	}

}



#LTMove{

    left: 13.5%;

    position: absolute;

	width: 55px;

    text-align: center;

	transform: translate(-50%, 0%);

}

#HSMove{

    left: 38.5%;

    position: absolute;

	width: 55px;

    text-align: center;

	transform: translate(-50%, 0%);

}

#SCMove{

    left: 53.5%;

    position: absolute;

	width: 55px;

    text-align: center;

	transform: translate(-50%, 0%);

}

#CDMove{

    left: 78.5%;

    // position: relative;

    position: absolute;

	width: 55px;

    text-align: center;

	transform: translate(-50%, 0%);

}

.difference-line {

	font-size: 13px !important;

	line-height: 16px !important;

	color: #000064 !important;

}

.difference-line-bold {

	font-weight: bold !important;

	font-size: 15px !important;

	line-height: 16px !important;

}

.today-line {

	font-size: 13px !important;

	line-height: 16px !important;

	padding-right: 7px !important;

}

.today-line-bold {

	font-weight: bold !important;

	font-size: 15px !important;

	line-height: 16px !important;

}

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

	.panel-title-caption{

		/* font-style: italic; */

		font-size: 12px !important;

		line-height: 14px !important;

		color: #000064 !important;

	}

	.panel-title-title{

		font-weight: bold !important;

		font-size: 17px !important;

		font-family: MetaPro !important;

		line-height: 20px !important;

		color: #000064 !important;

	}

	.panel-a {

		width: 160px !important;

	}

	.plus-button {

		font-size: 12px !important;

		line-height: 14px !important;

	}

	.minus-button {

		font-size: 12px !important;

		line-height: 14px !important;

	}

	.cgf-ribbon-align-left {

		font-size: 30px !important;

		line-height: 36px !important;

	}

	.cgf-ribbon-align-right {

		font-size: 30px !important;

		line-height: 36px !important;

		position: relative !important;

		top: 2px !important;

	}

}



.plus-button{

    font-family: MetaPro;

    font-size: 8.5px;

    line-height: 10px;

}

.minus-button{

    font-family: MetaPro;

    font-size: 8.5px;

    line-height: 10px;

}



.desktopContainer {

    display: -webkit-flex;

	display: flex;

	width: 100%;

	padding-top: 2px;

}

.dot circle {

    fill: white;

    cursor: e-resize;

    stroke: red;

    stroke-width: 10px;

}



h4 {

	text-transform: none !important;

	font-weight: normal !important;

	line-height: 13px !important;

}

.mobile-menu__ctas {

    visibility: hidden !important;

    position: absolute !important;

}

.dot circle.dragging {

	fill: red;

	stroke: #FE9105;

}



.splash-image{

	width: 30%;

    height: 30%;

}

.modal-image-title-div{

	display: flex;

	padding-top: 20px;

}



.projSvg{

	width: 100%;

	display: block;

	height: auto;

	position: relative;

	//padding-top: 100%;

}

.scroll-container-child{

	height: 55vh;

	max-width: 990px;

    overflow-y: auto;

}

.difference-line{

	color: red;

	font-size: 12px;

}



.today-line{

	font-size: 12px;

}

.teaser-paragraph{

	font-size: 12px;

}

.read-more{

	cursor:pointer;

	text-decoration: underline;

}

table, th, td, tr {

    border: 2px solid #7F83C8;

    border-collapse: collapse;

    background: inherit !important;

}



.table-light{

    background-color: #3F4599 !important;

}

.table-width-2{

    width: 50%;

    padding-left: 5px;

	color: #ffffff;

	font-size: 14px !important;

}

.table-width{

    width: 33%;

    padding-left: 5px;

	color: #ffffff;

	font-size: 12px !important;

}

.modal-backdrop {

    min-height: 200px !important;

}

.axis line {

  fill: none;

  stroke: #ddd;

  shape-rendering: crispEdges;

  vector-effect: non-scaling-stroke;

}

.avg-bar-whisker-us line {

  fill: #000000;

  stroke: #FA7865;

  stroke-width: 2.5px;

  shape-rendering: crispEdges;

  vector-effect: non-scaling-stroke;

}

.avg-bar-whisker-state line {

  fill: #000000;

  stroke: #F9C262;

  stroke-width: 2.5px;

  shape-rendering: crispEdges;

  vector-effect: non-scaling-stroke;

}

.projection-x line {

  fill: #000000;

  stroke: #000000;

  shape-rendering: crispEdges;

  vector-effect: non-scaling-stroke;

}

.projection-bar {

  fill: #FE9105;

  stroke-width: 0px;

  //stroke: green;

  shape-rendering: crispEdges;

  vector-effect: non-scaling-stroke;

}

.projection-arrow-text{

  font-weight: 900;

}

.projection-max-text{

  font-weight: bold;

  //fill: #666666;

}

.projection-min-text{

  font-weight: bold;

  //fill: #666666;

}

.avg-bar-text-us{

  fill: #FA7865;

  font-size: 13.5px;

  font-style: italic;

}

.arrow-us{

  fill: #FA7865;

}

.arrow-state{

  fill: #F9C262;

}

.not-available{

  fill: #C2C2C2;

  font-size: 14px;

  font-style: italic;

}

.avg-bar-text-state{

  fill: #F9C262;

  font-size: 13.5px;

  font-style: italic;

}

.projection-arrow {

  fill: red;

  stroke-width: 0px;

  vector-effect: non-scaling-stroke;

}

#slider-label-wrapper {

  display: flex;

  justify-content: space-between;

  //padding-left: 16px;

  //padding-right: 16px;

  padding-top: 2px;

  padding-left: 13px;

  height:44px;

}

#svgForDesktop{

    position: relative;

    left: -24px;

}

.slider-label-title {

  font-size:10px;

  color: #000064;

  line-height: 1;

}

.slider-label-title-2 {

  font-size:16px;

  font-weight: bold;

  color: #000064;

  //padding-left: 2.5px;

  padding-right: 2.5px;

}

.slider-label-abv {

  font-size:10px;

  font-weight: bold;

  color: #000064;

  padding-left: 2.5px;

  padding-right: 2.5px;

}

.slider-pct{

    font-size: 10px;

    font-weight: bold;

}

.text-labels{

    padding-right: 200px;

    padding-left: 10px;

	line-height:20px;

}

.slider-pct-2{

    font-size: 14px;

    font-weight: bold;

}

.CD{

	color: #0F1680; 

}

.SC{

	color: #084F91;

}

.HS{

	color: #659DCE; 

}

.LT{

	color: #94BADF; 

}

.CD-rect{

	fill: #0F1680; 

}

.SC-rect{

	fill: #084F91;

}

.HS-rect{

	fill: #659DCE;

}

.LT-rect{

	fill: #94BADF; 

}

// Bootstrap customization

.navbar-inverse {

    background-color: #780404;

    border-color: #8D6868;

	border-radius: 0px !important;

	margin-bottom: 0px;

}

.container {

    padding-right: 0px !important;

    padding-left: 0px !important;

	background-color: #F9F3E7 !important;

}

.cgf-container{

	width: 100%;

}

.geography-level{

	padding-left: 7px;

}

.colum-container-scenario{

	display: -webkit-box;

}   

.colum-one-scenario{

	width:50%;

}

.colum-two-scenario{

	width:50%;

}

.geography-level-button {

	cursor:pointer;

}

#loading {

  position: absolute;

  width: 220px;

  height: 19px;

  top: 50%;

  left: 50%;

  margin: -10px 0 0 -110px;

  z-index: 20001;

}



.progress-bar-info {

    background-color: #FF9600;

}

.progress-bar-full {

  width: 100%;

}

.read-more-paragraph {

    font-size: 12px !important;

    line-height: 14px !important;

}

.read-more-indicator-name{

	font-size: 16px !important;

	line-height: 20px !important;

}

.explore-1 {

    color: black;

    font-family: MetaPro;

    font-weight: bold !important;

    font-size: 16px !important;

    line-height: 20px !important;

    margin-top: 20px;

    margin-bottom: 10px !important;

}

.explore {

	color: black;

    font-family: MetaPro;

    font-weight: bold !important;

    font-size: 16px !important;

    line-height: 20px !important;

    margin: 0 0 0 0;

    margin-bottom: 0px !important;

}

.explore-header {

    color: #130C83;

    font-size: 24px;

    font-family: TradeGothic;

    font-weight: bold;

    line-height: 28px;

}

.more {

	color: #fd9602;

}

.a-cgf-2:hover { 

    color: #fd9602 !important;

	font-size: 12px !important;

}

.a-cgf:hover { 

    color: #fd9602 !important;

	font-size: 14px !important;

}

.a-cgf-2 { 

    color: #7c81b8 !important;

	font-size: 12px !important;

}

.a-cgf { 

    color: #7c81b8 !important;

	font-size: 14px !important;

}

p {

    font-weight: normal !important;

	font-size: 12px !important;

    line-height: 14px !important;

}

.explore-county-us {

	color: #000064;

	cursor: pointer;

}

.splash-close{

	color: #000064 !important;

	right: 15px;

	position: absolute;

}

.splash-modal-content{

	background-color: #f8f4e6 !important;

}

.read-more-modal-content{

	background-color: #ffffff !important;

	color: #000064 !important;

}

.modal-content{

	background-color: #000064;

}

.modal-header{

	color: #ffffff !important;

    padding: 10px !important;

    border-bottom: 0px solid #e5e5e5 !important;

}

.close:hover {

	opacity: .45 !important;

}

.close {

    margin-top: -10px !important;

	color: #ffffff;

	opacity: .95 !important;

	text-shadow: 0 0px 0 #000064 !important;

	position: initial !important;

}

.cgf-ribbon-body {

    padding-left: 9px !important;

    padding-top: 2px !important;

    padding-bottom: 0px !important;

    padding-right: 0px !important;

}

.cgf-for-align-left {

	float: left;

	padding-left: 16px;

	padding-top:0px;

}

.cgf-back-align-right {

	float: right;

	padding-right: 16px;

	padding-top:7px;

}

.scenario-align-right {

    padding-top: 4px;

}

.cgf-ribbon-align-left {

    position: relative;

    left: 7px;

	font-family: TradeGothic;

    font-weight: bold;

    font-stretch: condensed;

    font-size: 20px;

    line-height: 24px;

}

.cgf-ribbon-align-right {

	float: right;

	padding-right: 16px;

	font-size: 18px;

	line-height: 24px;

}

.cgf-ribbon-info {

	cursor: pointer;

}

.united-way-svg-icon {

    width: 75px;

	height: 32.5px;

	position:absolute;

	top:10px;

	left:7px;

}

.change-geography-button {

	font-size: 10px;

	//height:15px;

	width:100px;

	text-align: center;

	background-color: #CCCADF;

	border-radius: 25px;

	cursor:pointer;

	font-family: MetaPro;

    font-size: 8.5px;

    line-height: 13px;

	padding-top: 1px;

}

.change-geography-button-big {

	font-size: 10px;

	height:15px;

	width:100px;

	text-align: center;

	background-color: #CCCADF;

	border-radius: 25px;

	cursor:pointer;

	font-family: MetaPro;

    font-size: 10px;

    line-height: 15px;

}

.change-scenario-button {

	font-size: 10px;

	height:15px;

	width:100px;

	text-align: center;

	background-color: #CCCADF;

	border-radius: 25px;

	cursor:pointer;

	font-weight: normal;

}

.change-scenario-button-big {

	font-size: 10px;

	height:15px;

	width:100px;

	text-align: center;

	background-color: #CCCADF;

	border-radius: 25px;

	cursor:pointer;

	font-weight: normal;

	top: -25px;

    position: relative;

}

.change-scenario-buttons {

	font-size: 10px;

	height:15px;

	max-width:200px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 3px;

	padding-left: 7px;

	background-color: #CCCADF;

	border-radius: 25px;

	cursor:pointer;

	font-weight: normal;

}

.us-scenario-button{

	background-color: #FE7C64;

}

.state-scenario-button{

	background-color: #FEBD5F;

}

.county-scenario-button{

	background-color: #E4D6A9;

}

.all-up-scenario-button{

	background-color: #C2DADE;

}

.everyone-hs-scenario-button{

	background-color: #73A6D5;

	margin-bottom: 0px !important;

}

.scenario-text{

	white-space: nowrap;

    position: relative;

    top: 2px;

    font-family: MetaPro;

    font-size: 8.5px;

	text-align: center;

}

.scenario-text-big{

	white-space: nowrap;

    position: relative;

    top: 1px;

    font-family: MetaPro;

    font-size: 10px;

	text-align: center;

}

.for-text {

    font-family: MetaPro;

    font-style: italic;

    font-size: 12px;

    line-height: 14px;

    color: #000064;

    padding-top: 5px;

}

.for-text-big {

    font-family: MetaPro;

    font-style: italic;

    font-size: 16px;

	padding-left:20px;

    line-height: 20px;

    color: #000064;

    padding-top: 5px;

}

.education-text {

    font-weight: bold;

    font-size: 16px;

    line-height: 20px;

    color: #000064;

    font-family: MetaPro;

}

.education-text-2{

    font-weight: normal;

    /* font-style: italic; */

    font-size: 10px;

    line-height: 12px;

    color: #000064;

    font-family: MetaPro;

}

.education-text-big {

    font-weight: bold;

    font-size: 20px;

    line-height: 24px;

    color: #000064;

    font-family: MetaPro;

	padding-left:20px;

}

.education-text-2-big{

    font-weight: normal;

    /* font-style: italic; */

    font-size: 10px;

    line-height: 12px;

    color: #000064;

    font-family: MetaPro;

	padding-left:20px;

}

.geography-text-big {

	font-size: 30px;

    font-weight: bold;

    color: #FE9105;

    padding-left: 20px;

    font-family: TradeGothic;

    font-stretch: condensed;

	line-height: 34px;

}

.geography-text {

	font-size: 22px;

    line-height: 26px;

    color: #FE9105;

    padding-left: 16px;

    font-family: TradeGothic;

    font-weight: bold;

    font-stretch: condensed !important;

}

.white-line-holder {

	padding-left: 7px;

	padding-right: 7px;

}

.white-line {

	background-color: #ffffff;

	border-radius: 25px;

	height:2px;

	width:100%;

}

.svgDesktopContainer{

	width: 450px;

}

// Map

#svg {

    width:100%;

    height: auto;

}

.background {

  fill: none;

  pointer-events: all;

}

.counties {

  fill: #E3D1B9;

  cursor:pointer;

}



.counties .active {

  fill: #000064;

}



.county-borders {

  fill: none;

  stroke: #fff;

  stroke-width: 0.15px;

  stroke-linejoin: round;

  stroke-linecap: round;

  pointer-events: none;

}

.states {

  fill: #E3D1B9;

  opacity: 0.3;

  cursor:pointer;

  

}



.states .active {

  fill: #000064;

  opacity: 0;

  pointer-events: none;

}



.state-borders {

  fill: none;

  stroke: #fff;

  stroke-width: 1.5px;

  stroke-linejoin: round;

  stroke-linecap: round;

  pointer-events: none;

}

.collapse-0-only{

	padding-left: 7px;

	padding-right: 7px;

}

.panel-heading-accordian-change-scenario{

    padding: 5px 0px;

}

.panel-default-projections{

	box-shadow: 0 1px 1px rgba(0, 0, 0, .0) !important;

	background-color: #F9F3E7 !important;

	margin-top: 0px !important;

}

.panel-heading{

	background-color: #F9F3E7 !important;

}

.panel-body-accordian{

    border-top: 2px solid #ddd !important;

	color: #000064;

}

.panel-body-accordian-scenario{

	border-top: 0px solid #ddd !important;

	border-bottom: 2px solid #ffffff;

	color: #000064;

	padding: 7px;

}

.panelA{

	background-color: #ffffff !important;

}

.panelB{

	background-color: #edefee !important;

}

.panelAandB{

    color: #000064;

	margin-top: 0px;

	border-top-left-radius: 0px;

    border-top-right-radius: 0px;

	padding: 0px 0px !important;

}

.panel-title-caption{

    /* font-style: italic; */

    font-size: 8px;

    line-height: 10px;

    color: #000064;

}

.panel-title-title{

	font-weight: bold;

    font-size: 12px;

    font-family: MetaPro;

    line-height: 14px;

    color: #000064;

}

.panel-title-title-a{

    font-size: 10px;

    font-weight: bold;

    font-style: italic;

}

.panel-title-container{

    padding-left: 16px;

    line-height: 10px;

}

.panel-title-proj{

	/*width: 86px;*/

}

.panel-holder{

	display: -webkit-inline-box;

}

.parent-panel {

  display: flex;

}

.div-flex {

  flex: 1;

  /*padding-right: 15px;*/

}

.arrow{

	stroke-width:5;

	stroke:#000;

	stroke-dasharray:5, 5;

}



#turtle-icon, #arrow{

	stroke-width:1;

	stroke-dasharray:0;	

}

.plus-minus{

	/*padding-right: 3px; */

    /* width: 10px; */

    height: 10px;

    /* padding-bottom: 5px; */

    position: absolute;

    left: 5px;

    top: 2px;

}

.fa-plus{

	position: absolute;

	top: 30%;

	font-size: 0.7em;

}

.fa-minus{

	position: absolute;

	top: 30%;

	font-size: 0.7em;

}

.glow{

	color: #94badf;

}

.panel-a{

	text-decoration: none !important;

	width: 118px;

	padding-top: 3px;

	position: relative;

    //top: 15px;

    line-height: normal;

	display: flex;

    color: #000064 !important;

}

//Scroller picker

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



html {

	font-family: MetaPro !important;

	-ms-touch-action: none;

}



body,ul,li {

	padding: 0;

	margin: 0;

	border: 0;

}



body {

	font-family: MetaPro !important;

	overflow: hidden; /* this is important to prevent the whole page to bounce */

	background-color: #F9F3E7 !important;

}



#map {

	//overflow-y: hidden !important;

}

#class-for-svg{

	max-width: 90vh !important;

	display: block !important;

	margin: auto !important;

	//overflow: visible !important;

}

.svg-holder{

	//overflow-y: hidden !important;

}

.wrapperCounty {

	position: absolute;

	z-index: 1;

	top: 60%;

	bottom: -100px;

	left: 0;

	width: 100%;

	background: #ccc;

	overflow: hidden;

}

#wrapperState {

	position: absolute;

	z-index: 1;

	top: 60%;

	bottom: -100px;

	left: 0;

	width: 100%;

	background: #ccc;

	overflow: hidden;

}



#scroller {

	position: absolute;

	z-index: 1;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	width: 100%;

	-webkit-transform: translateZ(0);

	-moz-transform: translateZ(0);

	-ms-transform: translateZ(0);

	-o-transform: translateZ(0);

	transform: translateZ(0);

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-text-size-adjust: none;

	-moz-text-size-adjust: none;

	-ms-text-size-adjust: none;

	-o-text-size-adjust: none;

	text-size-adjust: none;

}

.hack-style-li{

    padding: 0 10px !important;

    line-height: 26px !important;

    border-bottom: 1px solid #ccc;

    border-top: 1px solid #fff;

    background-color: #fafafa;

    font-size: 22px !important;

    font-family: Arial !important;

    cursor: pointer !important;

    text-align: center !important;

    animation : none;

    animation-delay : 0;

    animation-direction : normal;

    animation-duration : 0;

    animation-fill-mode : none;

    animation-iteration-count : 1;

    animation-name : none;

    animation-play-state : running;

    animation-timing-function : ease;

    backface-visibility : visible;

    background : 0;

    background-attachment : scroll;

    background-clip : border-box;

    background-color : transparent;

    background-image : none;

    background-origin : padding-box;

    background-position : 0 0;

    background-position-x : 0;

    background-position-y : 0;

    background-repeat : repeat;

    background-size : auto auto;

    border : 0;

    border-style : none;

    border-width : medium;

    border-color : inherit;

    border-bottom : 0;

    border-bottom-color : inherit;

    border-bottom-left-radius : 0;

    border-bottom-right-radius : 0;

    border-bottom-style : none;

    border-bottom-width : medium;

    border-collapse : separate;

    border-image : none;

    border-left : 0;

    border-left-color : inherit;

    border-left-style : none;

    border-left-width : medium;

    border-radius : 0;

    border-right : 0;

    border-right-color : inherit;

    border-right-style : none;

    border-right-width : medium;

    border-spacing : 0;

    border-top : 0;

    border-top-color : inherit;

    border-top-left-radius : 0;

    border-top-right-radius : 0;

    border-top-style : none;

    border-top-width : medium;

    bottom : auto;

    box-shadow : none;

    box-sizing : content-box;

    caption-side : top;

    clear : none;

    clip : auto;

    color : #4f4f4f;

    columns : auto;

    column-count : auto;

    column-fill : balance;

    column-gap : normal;

    column-rule : medium none currentColor;

    column-rule-color : currentColor;

    column-rule-style : none;

    column-rule-width : none;

    column-span : 1;

    column-width : auto;

    content : normal;

    counter-increment : none;

    counter-reset : none;

    cursor : auto;

    direction : ltr;

    display : inline;

    empty-cells : show;

    float : none;

    font : normal;

    font-family : inherit;

    font-size : medium;

    font-style : normal;

    font-variant : normal;

    font-weight : normal;

    height : auto;

    hyphens : none;

    left : auto;

    letter-spacing : normal;

    line-height : normal;

    list-style : none;

    list-style-image : none;

    list-style-position : outside;

    list-style-type : disc;

    margin : 0;

    margin-bottom : 0;

    margin-left : 0;

    margin-right : 0;

    margin-top : 0;

    max-height : none;

    max-width : none;

    min-height : 0;

    min-width : 0;

    opacity : 1;

    orphans : 0;

    outline : 0;

    outline-color : invert;

    outline-style : none;

    outline-width : medium;

    overflow : visible;

    overflow-x : visible;

    overflow-y : visible;

    padding : 0;

    padding-bottom : 0;

    padding-left : 0;

    padding-right : 0;

    padding-top : 0;

    page-break-after : auto;

    page-break-before : auto;

    page-break-inside : auto;

    perspective : none;

    perspective-origin : 50% 50%;

    position : static;

    /* May need to alter quotes for different locales (e.g fr) */

    quotes : '\201C' '\201D' '\2018' '\2019';

    right : auto;

    tab-size : 8;

    table-layout : auto;

    text-align : inherit;

    text-align-last : auto;

    text-decoration : none;

    text-decoration-color : inherit;

    text-decoration-line : none;

    text-decoration-style : solid;

    text-indent : 0;

    text-shadow : none;

    text-transform : none;

    top : auto;

    transform : none;

    transform-style : flat;

    transition : none;

    transition-delay : 0s;

    transition-duration : 0s;

    transition-property : none;

    transition-timing-function : ease;

    unicode-bidi : normal;

    vertical-align : baseline;

    visibility : visible;

    white-space : normal;

    widows : 0;

    width : auto;

    word-spacing : normal;

    z-index : auto;

}

.hack-style-li-grayed-out-choice{

    padding: 0 10px !important;

    line-height: 26px !important;

    border-bottom: 1px solid #ccc;

    border-top: 1px solid #fff;

    background-color: #fafafa;

    font-size: 22px !important;

    font-family: Arial !important;

    cursor: pointer !important;

    text-align: center !important;

    animation : none;

    animation-delay : 0;

    animation-direction : normal;

    animation-duration : 0;

    animation-fill-mode : none;

    animation-iteration-count : 1;

    animation-name : none;

    animation-play-state : running;

    animation-timing-function : ease;

    backface-visibility : visible;

    background : 0;

    background-attachment : scroll;

    background-clip : border-box;

    background-color : transparent;

    background-image : none;

    background-origin : padding-box;

    background-position : 0 0;

    background-position-x : 0;

    background-position-y : 0;

    background-repeat : repeat;

    background-size : auto auto;

    border : 0;

    border-style : none;

    border-width : medium;

    border-color : inherit;

    border-bottom : 0;

    border-bottom-color : inherit;

    border-bottom-left-radius : 0;

    border-bottom-right-radius : 0;

    border-bottom-style : none;

    border-bottom-width : medium;

    border-collapse : separate;

    border-image : none;

    border-left : 0;

    border-left-color : inherit;

    border-left-style : none;

    border-left-width : medium;

    border-radius : 0;

    border-right : 0;

    border-right-color : inherit;

    border-right-style : none;

    border-right-width : medium;

    border-spacing : 0;

    border-top : 0;

    border-top-color : inherit;

    border-top-left-radius : 0;

    border-top-right-radius : 0;

    border-top-style : none;

    border-top-width : medium;

    bottom : auto;

    box-shadow : none;

    box-sizing : content-box;

    caption-side : top;

    clear : none;

    clip : auto;

    color : #ccc;

    columns : auto;

    column-count : auto;

    column-fill : balance;

    column-gap : normal;

    column-rule : medium none currentColor;

    column-rule-color : currentColor;

    column-rule-style : none;

    column-rule-width : none;

    column-span : 1;

    column-width : auto;

    content : normal;

    counter-increment : none;

    counter-reset : none;

    cursor : auto;

    direction : ltr;

    display : inline;

    empty-cells : show;

    float : none;

    font : normal;

    font-family : inherit;

    font-size : medium;

    font-style : normal;

    font-variant : normal;

    font-weight : normal;

    height : auto;

    hyphens : none;

    left : auto;

    letter-spacing : normal;

    line-height : normal;

    list-style : none;

    list-style-image : none;

    list-style-position : outside;

    list-style-type : disc;

    margin : 0;

    margin-bottom : 0;

    margin-left : 0;

    margin-right : 0;

    margin-top : 0;

    max-height : none;

    max-width : none;

    min-height : 0;

    min-width : 0;

    opacity : 1;

    orphans : 0;

    outline : 0;

    outline-color : invert;

    outline-style : none;

    outline-width : medium;

    overflow : visible;

    overflow-x : visible;

    overflow-y : visible;

    padding : 0;

    padding-bottom : 0;

    padding-left : 0;

    padding-right : 0;

    padding-top : 0;

    page-break-after : auto;

    page-break-before : auto;

    page-break-inside : auto;

    perspective : none;

    perspective-origin : 50% 50%;

    position : static;

    /* May need to alter quotes for different locales (e.g fr) */

    quotes : '\201C' '\201D' '\2018' '\2019';

    right : auto;

    tab-size : 8;

    table-layout : auto;

    text-align : inherit;

    text-align-last : auto;

    text-decoration : none;

    text-decoration-color : inherit;

    text-decoration-line : none;

    text-decoration-style : solid;

    text-indent : 0;

    text-shadow : none;

    text-transform : none;

    top : auto;

    transform : none;

    transform-style : flat;

    transition : none;

    transition-delay : 0s;

    transition-duration : 0s;

    transition-property : none;

    transition-timing-function : ease;

    unicode-bidi : normal;

    vertical-align : baseline;

    visibility : visible;

    white-space : normal;

    widows : 0;

    width : auto;

    word-spacing : normal;

    z-index : auto;

}

.hack-style-li:hover{

    padding: 0 10px !important;

    line-height: 26px !important;

    border-bottom: 1px solid #ccc;

    border-top: 1px solid #fff;

    background-color: #fafafa;

    font-size: 22px !important;

    font-family: Arial !important;

    cursor: pointer !important;

    text-align: center !important;

    animation : none;

    animation-delay : 0;

    animation-direction : normal;

    animation-duration : 0;

    animation-fill-mode : none;

    animation-iteration-count : 1;

    animation-name : none;

    animation-play-state : running;

    animation-timing-function : ease;

    backface-visibility : visible;

    background : 0;

    background-attachment : scroll;

    background-clip : border-box;

    background-color : transparent;

    background-image : none;

    background-origin : padding-box;

    background-position : 0 0;

    background-position-x : 0;

    background-position-y : 0;

    background-repeat : repeat;

    background-size : auto auto;

    border : 0;

    border-style : none;

    border-width : medium;

    border-color : inherit;

    border-bottom : 0;

    border-bottom-color : inherit;

    border-bottom-left-radius : 0;

    border-bottom-right-radius : 0;

    border-bottom-style : none;

    border-bottom-width : medium;

    border-collapse : separate;

    border-image : none;

    border-left : 0;

    border-left-color : inherit;

    border-left-style : none;

    border-left-width : medium;

    border-radius : 0;

    border-right : 0;

    border-right-color : inherit;

    border-right-style : none;

    border-right-width : medium;

    border-spacing : 0;

    border-top : 0;

    border-top-color : inherit;

    border-top-left-radius : 0;

    border-top-right-radius : 0;

    border-top-style : none;

    border-top-width : medium;

    bottom : auto;

    box-shadow : none;

    box-sizing : content-box;

    caption-side : top;

    clear : none;

    clip : auto;

    color : #4f4f4f;

    columns : auto;

    column-count : auto;

    column-fill : balance;

    column-gap : normal;

    column-rule : medium none currentColor;

    column-rule-color : currentColor;

    column-rule-style : none;

    column-rule-width : none;

    column-span : 1;

    column-width : auto;

    content : normal;

    counter-increment : none;

    counter-reset : none;

    cursor : auto;

    direction : ltr;

    display : inline;

    empty-cells : show;

    float : none;

    font : normal;

    font-family : inherit;

    font-size : medium;

    font-style : normal;

    font-variant : normal;

    font-weight : normal;

    height : auto;

    hyphens : none;

    left : auto;

    letter-spacing : normal;

    line-height : normal;

    list-style : none;

    list-style-image : none;

    list-style-position : outside;

    list-style-type : disc;

    margin : 0;

    margin-bottom : 0;

    margin-left : 0;

    margin-right : 0;

    margin-top : 0;

    max-height : none;

    max-width : none;

    min-height : 0;

    min-width : 0;

    opacity : 1;

    orphans : 0;

    outline : 0;

    outline-color : invert;

    outline-style : none;

    outline-width : medium;

    overflow : visible;

    overflow-x : visible;

    overflow-y : visible;

    padding : 0;

    padding-bottom : 0;

    padding-left : 0;

    padding-right : 0;

    padding-top : 0;

    page-break-after : auto;

    page-break-before : auto;

    page-break-inside : auto;

    perspective : none;

    perspective-origin : 50% 50%;

    position : static;

    /* May need to alter quotes for different locales (e.g fr) */

    quotes : '\201C' '\201D' '\2018' '\2019';

    right : auto;

    tab-size : 8;

    table-layout : auto;

    text-align : inherit;

    text-align-last : auto;

    text-decoration : none;

    text-decoration-color : inherit;

    text-decoration-line : none;

    text-decoration-style : solid;

    text-indent : 0;

    text-shadow : none;

    text-transform : none;

    top : auto;

    transform : none;

    transform-style : flat;

    transition : none;

    transition-delay : 0s;

    transition-duration : 0s;

    transition-property : none;

    transition-timing-function : ease;

    unicode-bidi : normal;

    vertical-align : baseline;

    visibility : visible;

    white-space : normal;

    widows : 0;

    width : auto;

    word-spacing : normal;

    z-index : auto;

}

#scroller ul {

	list-style: none;

	padding: 0;

	margin: 0;

	width: 100%;

	text-align: left;

}



#scroller li {

	padding: 0 10px;

	//height: 40px;

	line-height: 26px;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #fff;

	background-color: #fafafa;

    font-size: 22px;

    font-family: Arial !important;

	cursor: pointer;

	text-align: center;

}

.point-at-me{

	cursor: pointer;

}

.to-the-top{

	float: right;

    cursor: pointer;

    font-size: 14px;

}

.header-main-p{

	color: #ffffff;

	font-size: 22px !important;

    line-height: 27px !important;

    position: absolute;

    top: -15px !important;

}

.header-h1{

	color: #FDBF61;

	font-size: 25px;

}

.header-h2{

	color: #FDBF61;

}

.info-paragraph{

	color: #ffffff;

}

.line-dot-1{

	font-size: 25px !important;

}

.line-dot-2{

	color: #ffffff;

	line-height: 1.42857143 !important;

	font-size: 14px !important;

}

hr {

    margin: 20px 0 !important;

    border: 1px solid #FDBF61 !important;

}