/*@font-face {
	font-family: "BentonSansRegular";
	src: url("../fonts/BentonSansRegular.eot");
	src: url("../fonts/BentonSansRegular.eot") format("embedded-opentype"), url("../fonts/BentonSansRegular.woff2") format("woff2"), url("../fonts/BentonSansRegular.woff") format("woff"), url("../fonts/BentonSansRegular.ttf") format("truetype"), url("../fonts/BentonSansRegular.svg#BentonSansRegular") format("svg");
	font-weight: 400;
	font-style: normal;
}*/


@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot?bnlypb");
	src: url("../fonts/icomoon.eot?bnlypb#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?bnlypb") format("truetype"), url("../fonts/icomoon.woff?bnlypb") format("woff"), url("../fonts/icomoon.svg?bnlypb#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-button:before {
	content: "\e900";
}

.icon-close:before {
	content: "\e5cd";
}

/* custom select styles */

.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 2px solid #777;
	background: #fff;
	min-width: 120px;
	cursor: pointer;
}

.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 13px;
	line-height: 26px;
	margin: 0 35px 0 8px;
	cursor: pointer;
}

.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	width: 26px;
	bottom: 0;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-opener:after {
	content: "";
	position: absolute;
	width: 13px;
	height: 13px;
	border: 1px solid #a5a7a9;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 6px;
	left: 8px;
}

body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}

.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #e6e7e8;
}

/* multiple select styles */

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}

/* select options styles */

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 14px;
	width: 100%;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}

.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jcf-list ul li {
	overflow: hidden;
	display: block;
}

.jcf-list .jcf-overflow {
	overflow: auto;
}

.jcf-list .jcf-option {
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 10px;
	color: #656565;
	height: 1%;
	cursor: pointer;
	line-height: 1.1;
}

.jcf-list .jcf-option.jcf-option-jcf-option-hideme {
	display: none !important;
}

.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #e6e6e6;
	color: #000;
}

.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

/* common custom form elements styles */

#holdSlider {
width:90%;
margin:auto;
}

.jcf-disabled {
	background: #ddd !important;
}

/* custom radio styles */

.jcf-radio {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #777;
	border-radius: 9px;
	margin: 0 3px 0 0;
	height: 16px;
	width: 16px;
}

.jcf-radio span {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	background: #777;
	border-radius: 100%;
}

.jcf-radio input[type="radio"] {
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}

.jcf-radio.jcf-checked span {
	display: block;
}

/* common custom form elements styles */

.jcf-disabled {
	background: #ddd !important;
}

.donate .percentage,
.share-list,
.question-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after,
.chart-header:after,
.share-list:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

body {
	min-width: 320px;
}

.title-variable {
	text-transform:uppercase;
	font-weight:bold;
	font-size:85%;
	line-height:1.5;
}

.resize-active * {
	-webkit-transition: none !important;
	transition: none !important;
}

#wrapper {
	overflow: hidden;
	position: relative;
}

/* #header {
	padding: 30px 0 15px;
}

#header h1 {
	color: #a90533;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
} */

#main {
	padding-bottom: 30px;
}

.select-holder {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 10px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.select-holder span.text {
	width: 100%;
	text-align: center;
}

.select-holder .jcf-select {
	padding: 3px 5px;
	border-color: #e6e7e8;
	width: 125px;
	margin: 0 5px;
}

.select-holder .jcf-select-text {
	margin: 0 0 0 25px;
}

.donors {
	display: none;
}

.donors .heading {
	color: #867d78;
	font-family: "BentonSansLight", sans-serif;
}

.donors .heading i {
	font-style: normal;
	color: #a90533;
}

.donors .text-holder {
	line-height: 1.2;
	color: #c7c3c2;
	margin-right: 92px;
}

.donate {
	padding-bottom: 25px;
}

.donate .percentage {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-bottom: 20px;
}

.donate .percentage li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.25;
	position: relative;
	padding: 3px 0;
}

.donate .percentage li:first-child {
	background-color: #d6d3d2;
	color: #a90533;
	font-size: 72px;
	font-family: "BentonSansCompMedium", sans-serif;
	line-height: 1;
	padding-right: 10px;
	padding-left: 5px;
}

.donate .percentage li:nth-child(2) {
	background-color: #d6d3d2;
}

.donate .percentage li:nth-child(2):after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 39px solid transparent;
	border-bottom: 39px solid transparent;
	border-left: 17px solid #d6d3d2;
	top: 0;
	right: 0;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	z-index: 2;
}

.donate .percentage li:nth-child(3) {
	background-color: #f8f7f7;
	padding-right: 5px;
	padding-left: 20px;
	color: #c7c3c2;
}

.donate .percentage li:nth-child(3):after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 39px solid transparent;
	border-bottom: 39px solid transparent;
	border-left: 17px solid #f8f7f7;
	top: 0;
	right: 0;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	z-index: 2;
}

.donate table {
	text-transform: uppercase;
	line-height: 1.2;
	margin: 0 auto;
}

.donate table .amount {
	color: #a90533;
	padding-right: 18px;
	padding: 0 10px 0 0;
	font-family: "BentonSansCompMedium", sans-serif;
	font-size: 36px;
}

.region {
	padding-bottom: 25px;
}

.region .map-holder {
	padding-bottom: 20px;
}

.region table {
	text-transform: uppercase;
	width: 100%;
}

.region table tr {
	border-top: 2px solid #ecedee;
}

.region table tr:last-child {
	border-bottom: 2px solid #ecedee;
}

.region table td {
	font-size: 14px;
}

.region table td:first-child {
	width: 70%;
	color: #ada7a4;
}

.region table td:last-child {
	width: 30%;
	color: #493828;
}

.time-graphic {
	padding-bottom: 25px;
}

.sector-graphic {
	padding-bottom: 25px;
}

.how-gave-graphic {
	padding-bottom: 25px;
}

.how-gave-graphic h3 {
	text-transform: uppercase;
	margin: 0 0 7px;
	color: #ada7a4;
	font-size: 13px;
	font-family: "BentonSansLight", sans-serif;
}

.how-gave-graphic .graphic-holder {
	padding-bottom: 20px;
}

.about-donors {
	position: relative;
}

.about-donors:before {
	content: "";
	position: absolute;
	top: -10px;
	right: 0;
	bottom: -10px;
	left: 0;
	background-color: #f8f7f7;
	display: block !important;
}

.about-donors .heading-wrap h2 {
	background-color: #f8f7f7;
}

.about-donors .subheading {
	display: block;
	padding-bottom: 7px;
	color: #000;
	font-size: 18px;
}

.about-donors .two-cols {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 20px;
}

.about-donors .two-cols .graphic-holder {
	width: 45%;
}

.about-donors .left-side .graphic-holder.big {
	width: 70%;
	margin: 0 auto;
	padding-bottom: 20px;
}

.about-donors .right-side .graphic-holder {
	padding-bottom: 20px;
}

.about-donors .right-side .graphic-holder:last-child {
	padding-bottom: 0;
}

#footer {
	position: relative;
	padding: 12px 0 28px;
}

#footer:after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	left: 0;
	top: 0;
	background-color: #bcbec0;
}

#footer span {
	text-transform: uppercase;
	color: #ada7a4;
	font-size: 11px;
}

.heading-wrap {
	position: relative;
	margin-bottom: 15px;
}

.heading-wrap:after {
	content: "";
	height: 2px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	left: 0;
	right: 0;
	border-bottom: 2px dotted #e4e5e6;
}

.heading-wrap h2 {
	color: #867d78;
	text-transform: uppercase;
	display: inline-block;
	background-color: #fff;
	margin: 0;
	position: relative;
	z-index: 2;
	padding-right: 5px;
}

.giving-holder {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1954px;
	font-family: "BentonSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 15px 78px;
	margin: 0 auto;
}

.main-chart {
	width: 100%;
	background: #f1f0f0;
	padding: 15px 20px 14px;
	margin: 0 0 30px;
    height: 855px;
}

.chart-header {
	font-size: 16px;
	line-height: 1.2;
	word-spacing: .1em;
	margin-bottom: 5px;
}

.chart-header h1 {
	font-family: "BentonSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: .5px;
	word-spacing: normal;
	color: #4b3d32;
	margin: 0 0 5px 0;
}

.chart-header p {
	margin: 0;
}

.share-holder {
	font-size: 16px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 0 15px;
}

.share-holder .share-text {
	display: block;
	margin: 0 0 10px;
    font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.share-list {
	display: inline-block;
	font-size: 0;
}

.share-list li {
	float: left;
}

.share-list li:not(:last-child) {
	margin-right: 5px;
}

.share-list a {
	display: inline-block;
	width: 28px;
	height: 28px;
	background: none;
	border-radius: 5px;
}

.chart-img {
	text-align: center;
}

.chart-img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
}

.sidebar-left {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 30px 15px 30px 0px;
}

.filter-form {
	font-family: "BentonSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #493828;
	font-weight: 400;
	margin: 0 0 35px;
}

.filter-form .select-group {
	counter-reset: i;
	padding: 0 0 0 57px;
	margin: 0 0 30px;
}

.filter-form .select-group .form-group {
	position: relative;
	margin: 0;
}

.filter-form .select-group .form-group:before {
	counter-increment: i;
	content: counter(i, decimal);
	width: 38px;
	height: 38px;
	font-size: 28px;
	line-height: 38px;
	text-align: center;
	background: #a90533;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 7px;
	left: -56px;
}

.stat-info-icon {
    width:20px;
    height:20px;
    position:relative;
    left:222px;
    background-color:#f1f0f0;
    border-radius:10px;
    display:inline-block;
    font-style:oblique;
    font-family:serif;
    color:#ada7a4;
    font-weight:bold;
    box-sizing:border-box;
    padding-left:6px;
    cursor:pointer;
    z-index: 1;
}

#stat-info {
    position: absolute;
    background: #ada7a4;
    padding: 15px;
    margin-top: 30px;
    z-index: 10;
    color: white;
    border:2px solid white;
    width:292px;
}

#stat-info p {
    margin-top:10px;
    margin-bottom:10px;
    font-size:12px;
}

#stat-info h5 {
    font-weight:bold;
}

#stat-info-decoration {
    width:0px;
    height:0px;
    position:absolute;
    top:-10px;
    left:200px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #ada7a4;
}

.avg-med-illustration {
    display:flex;
    color:white; 
    text-align:center;
    font-size:smaller;
    font-weight:bold;
}

.avg-med-illustration div {
    padding:2px;
    margin-right:5px;
    background:#a90533;
    width:calc(20% - 5px)
}

.avg-med-illustration div:last-child {
    margin-right:0px;
}

.avg-med-answer {
    font-weight:bold;
}

.avg-med-answer:not(:last-child) {    
    border-bottom: 1px solid #f1f0f0;
    padding-bottom:10px
}

.avg-med-answer-pointer {
    width:0px;
    height:0px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid white;
    margin:auto;
    margin-top:5px;
}


.filter-form .select-group .form-group:not(:last-child) {
	margin-bottom: 27px;
}

.filter-form .select-group label {
	font-weight: 400;
	margin: 0 0 10px;
	padding: 0;
}

.filter-form .radio-group {
	font-size: 12px;
	padding: 0 0 0 13px;
}

.filter-form .radio-group .form-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
}

.filter-form .radio-group .form-group:not(:last-child) {
	margin-bottom: 3px;
}

.filter-form .radio-group label {
	font-weight: 400;
}

.filter-form .jcf-select {
	width: 100%;
	height: 36px;
	border: 1px solid #d2cecd;
}

.filter-form .jcf-select .jcf-select-text {
	font-size: 14px;
	line-height: 36px;
	margin: 0 35px 0 11px;
	cursor: pointer;
}

.filter-form .jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	width: 26px;
	bottom: 0;
	left: auto;
	top: 0;
	right: 0;
}

.filter-form .jcf-select .jcf-select-opener:after {
	top: 5px;
	left: 0;
	width: 16px;
	height: 16px;
}

.filter-form .jcf-radio {
	cursor: default;
	margin: 1px 14px 3px 0;
	border: 1px solid #d2cecd;
	height: 14px;
	width: 14px;
}

.filter-form .jcf-radio span {
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background: #a90533;
}

.jcf-select-filter-select .jcf-list {
	font-size: 14px;
}

.jcf-select-drop .jcf-option-hideme {
	display: none !important;
}

.btn-question-holder {
    position: relative;
}

.btn-question-holder.popup-active .popup {
	max-height: 10000px;
}

.btn-question-holder.popup-active .popup-body {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.btn-question-holder .popup {
	display: block !important;
	position: absolute;
	top: -485px;
	left: 0;
	right: 0;
	height: 520px;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .5s ease-in-out;
    z-index: 2;
	transition: max-height .5s ease-in-out;
}

.btn-question-holder .popup-body {
	height: 100%;
	background: -webkit-linear-gradient(top, #eee 0%, #fdfdfd 100%);
	background: linear-gradient(to bottom, #eee 0%, #fdfdfd 100%);
	border-top: 18px solid #a90533;
	-webkit-transform: translate(0, 200%);
	-ms-transform: translate(0, 200%);
	transform: translate(0, 200%);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
}

.btn-question {
	width: 100%;
	font-size: 24px;
	line-height: 1.2;
	color: #fff;
	background: #ada7a4;
	border: none;
	padding: 25px 5px 26px 5px;
	position: relative;
	margin: 14px 0 0 0;
}

.btn-question:before {
	content: "";
	height: 14px;
	width: 100%;
	background: #a90533;
	position: absolute;
	top: -14px;
	left: 0;
}

.btn-question:focus {
	outline: none;
	border: 0;
}

.question-list {
	font-size: 18px;
	line-height: 1.2;
	color: #6c6863;
	padding: 19px 24px 15px 24px;
}

.question-list li:not(:last-child) {
	margin-bottom: 18px;
}

.question-list a {
	color: #6c6863;
}

#chart-tab {		
	display:none;		
}

.sidebar-right {
	width: 100%;
	position: relative;
}

.sidebar-right .popup-active2 .open-sidebar {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.sidebar-right .popup-active2 .popup-right-sidebar {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.popup-right-sidebar {
	display: block;
	position: relative;
	padding: 0 0 30px;
}

.popup-right-sidebar .title {
	font-size: 18px;
	color: #867d78;
	line-height: 1.2;
	margin: 0 0 20px;
}

.popup-right-sidebar .title h2 {
	font-family: "BentonSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: 400;
	word-spacing: .1em;
	color: #4b3d32;
	margin: 0;
}

.popup-right-sidebar .close2 {
	display: none;
	text-decoration: none;
	font-size: 20px;
	color: #4b3d32;
	position: absolute;
	top: 0;
	right: -5px;
}

.popup-right-sidebar .chart img {
	max-width: 100%;
	max-height: 100%;
}


#seeDetails {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
    -webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
    #showBar {
        display: none;
    }
 





.open-sidebar {
	display: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #a90533;
	text-align: center;
	line-height: 50px;
	position: absolute;
	top: 82px;
	left: -29px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .27s ease-in-out;
	transition: transform .27s ease-in-out;
	z-index: 21;
	color: #fff;
	font-size: 18px;
}

.open-sidebar:hover,
.open-sidebar:focus {
	color: #fff;
	text-decoration: none;
}

.open-sidebar:hover:before {
	visibility: visible;
	opacity: 1;
}

.open-sidebar:before {
	visibility: hidden;
	opacity: 0;
	content: attr(data-hover-text);
	font-size: 20px;
	text-align: left;
	padding: 0 0 0 15px;
	color: #4b3d32;
	position: absolute;
	top: 0;
	right: -328px;
	width: 328px;
	-webkit-transition: opacity .27s ease-in-out;
	transition: opacity .27s ease-in-out;
}

.print-bottom {
	display: none;
}


@media (min-width: 768px) {
   
	.jcf-select .jcf-select-opener:after {
		width: 15px;
		height: 15px;
		top: 5px;
		left: 16px;
	}

	.jcf-list {
		font-size: 20px;
	}

	/* #header h1 {
		font-size: 36px;
		text-align: left;
	} */

	#main {
		padding-bottom: 55px;
	}

	.select-holder {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.select-holder span {
		font-size: 18px;
	}

	.select-holder span.text {
		width: auto;
		text-align: left;
	}

	.select-holder .jcf-select {
		width: 200px;
		padding: 5px 10px;
		margin: 0 10px;
	}

	.select-holder .jcf-select-text {
		margin-left: 38px;
	}

	.donors .heading {
		font-size: 26px;
	}

	.donors .text-holder {
		font-size: 14px;
	}

	.donate .percentage {
		margin-bottom: 0;
	}

	.donate .percentage li:first-child {
		padding-right: 13px;
		padding-left: 8px;
	}

	.donate table {
		margin: 0;
	}

	.donate table .amount {
		padding: 0 12px 0 7px;
	}

	.donate table .text {
		font-size: 18px;
	}

	.region {
		padding-bottom: 38px;
	}

	.region .map-holder {
		padding-bottom: 0;
	}

	.time-graphic {
		padding-bottom: 46px;
	}

	.sector-graphic {
		padding-bottom: 46px;
	}

	.how-gave-graphic {
		padding-bottom: 55px;
	}

	.how-gave-graphic .graphic-holder {
		padding-bottom: 40px;
	}

	.how-gave-graphic .graphic-holder:last-child {
		padding: 0;
	}

	.about-donors .two-cols .graphic-holder {
		width: 35%;
		margin-left: 35px;
	}

	.about-donors .left-side .subheading {
		padding-left: 35px;
	}

	.about-donors .left-side .graphic-holder.big {
		width: 55%;
		padding-bottom: 0;
	}

	.about-donors .right-side .graphic-holder {
		padding-bottom: 50px;
	}

	.heading-wrap h2 {
		font-size: 20px;
	}
}

	.share-holder {
		font-size: 19px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		position: static;
		padding: 7px 7px 0 0;
	}

@media (min-width: 1024px) {

  #chart-tab {		
		display:block;		
		position:fixed;		
		-ms-transform: rotate(90deg); /* IE 9 */		
    	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */		
    	transform: rotate(90deg);		
		right: -49px;		
		top:350px;		
		z-index:3;		
		background: #a90533;		
		color: white;		
		padding:5px;		
		border-radius: 0 0 5px 5px;		
		cursor:pointer;	
		-webkit-backface-visibility: hidden;		
	}
    

html {height:80%;}
body {height:80%;}
#wrapper {/* height: 100%; */min-height:855px;}
.giving-holder {height:100%}
.sidebar-left {height: 100%}
.main-chart {height: 100%}
  
	.jcf-select .jcf-select-opener:after {
		top: 8px;
		width: 20px;
		height: 20px;
	}

	/* #header {
		padding: 67px 0 38px;
	}

	#header h1 {
		font-size: 48px;
	} */

	#main {
		padding-bottom: 80px;
	}

	.select-holder {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding-bottom: 45px;
	}

	.select-holder span {
		font-size: 24px;
	}

	.select-holder .jcf-select {
		width: 270px;
		padding: 13px 10px 5px;
	}

	.donors .heading {
		font-size: 36px;
	}

	.donors .text-holder {
		font-size: 20px;
	}

	.donate {
		padding-bottom: 39px;
	}

	.donate .percentage li {
		font-size: 20px;
		line-height: 1.2;
		padding: 6px 0 5px;
	}

	.donate .percentage li:first-child {
		font-size: 96px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.donate .percentage li:nth-child(2):after {
		border-top: 53px solid transparent;
		border-bottom: 53px solid transparent;
		border-left: 25px solid #d6d3d2;
	}

	.donate .percentage li:nth-child(3) {
		padding-left: 30px;
		padding-right: 11px;
	}

	.donate .percentage li:nth-child(3):after {
		border-top: 53px solid transparent;
		border-bottom: 53px solid transparent;
		border-left: 25px solid #f8f7f7;
	}

	.donate table .amount {
		font-size: 48px;
		padding-right: 18px;
	}

	.donate table .text {
		font-size: 24px;
	}

	.region {
		padding-bottom: 55px;
	}

	.region table {
		margin-top: 34px;
	}

	.region table td {
		font-size: 20px;
	}

	.how-gave-graphic {
		padding-bottom: 79px;
	}

	.how-gave-graphic h3 {
		font-size: 20px;
	}

	.about-donors:before {
		top: -15px;
		right: -15px;
		bottom: -15px;
		left: -15px;
	}

	.about-donors .subheading {
		font-size: 24px;
	}

	.about-donors .two-cols {
		padding-bottom: 30px;
	}

	.about-donors .two-cols .graphic-holder {
		margin-left: 45px;
	}

	.about-donors .left-side .subheading {
		padding-left: 50px;
	}

	.about-donors .left-side .graphic-holder.big {
		width: 50%;
	}

	#footer {
		padding-top: 22px;
	}

	#footer span {
		font-size: 16px;
	}

	.heading-wrap {
		margin-bottom: 19px;
	}

	.heading-wrap h2 {
		font-size: 28px;
		padding-right: 15px;
	}

	.giving-holder {
		padding: 0;
	}
       
   
	.main-chart {
		width: 70.1%;
		position: relative;
		margin: 0;
        z-index: auto;
	}

	.chart-header .left-box,
	.chart-header .right-box {
		float: left;
		width: 50%;
	}

	.share-holder {
		font-size: 19px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		position: static;
		padding: 7px 7px 0 0;
	}

	.share-holder .share-text {
		margin: 0 10px 0 0;
	}

	.sidebar-left {
		width: 29.9%;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding: 30px 15px 0 0;
	}

	.sidebar-left .holder {
		width: 292px;
	}

    .btn-question-holder {		
		position: absolute;		
		bottom: 15px;		
		width: 292px;		
	}

	.btn-question {
		width: 292px;
	}

	.sidebar-right {
	    display:none;
	    padding: 16px 30px 0 20px;
	    position: fixed;
	    background: white;
	    width: 330px;
	    right: 0;
	    z-index: 2;
	}
}

@media (min-width: 1400px) {
    
    #chart-tab {
        display: none;
    }
	.select-holder .jcf-select {
		width: 300px;
		margin: 0 21px;
	}

	.donate .percentage li:first-child {
		padding-right: 19px;
		padding-left: 11px;
	}

	.region .map-holder img {
		width: 87.5%;
	}

	.about-donors:before {
		top: -25px;
		right: -20px;
		bottom: -58px;
		left: -20px;
	}

	.about-donors .two-cols .graphic-holder {
		width: 30%;
		margin-left: 65px;
	}

	.giving-holder {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.main-chart {
		width: 50%;
	}

	.chart-header {
		font-size: 16px;
	}

	.chart-header h1 {
		font-size: 18px;
	}

	.share-holder {
		font-size: 15px;
		padding: 7px 0 0;
	}

	.share-holder .share-text {
		margin: 0 4px 0 0;
	}

	.share-list li:not(:last-child) {
		margin-right: 5px;
	}

	.sidebar-left {
		width: 25%;
		padding: 30px 15px 0 0;
	}

	.sidebar-right {
		width: 25%;
		padding: 16px 0 0 15px;
        display: block;
	}

  

	.popup-right-sidebar {
		text-align: left;
		-webkit-transform: translate(-200%, 0);
		-ms-transform: translate(-200%, 0);
		transform: translate(-200%, 0);
		-webkit-transition: -webkit-transform .5s ease-in-out;
		transition: transform .5s ease-in-out;
		padding: 0 15px 0 0;
	}

	.popup-right-sidebar .close2 {
		display: block;
	}

	.open-sidebar {
		display: block;
	}
  
}

@media (min-width: 1200px) and (max-height: 819px) {
          #seeDetails {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
    -webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
    #showBar {
        display: block !important;
    }
    #barchart {
        display: block !important;
    }

	.main-chart {
		height: 100vh;
	}

	.chart-img {
		width: auto;
		height: 75vh;
	}

	.sidebar-left {
		padding: 15px 15px 0 0;
	}

	.filter-form {
		margin: 0 0 25px;
	}

	.filter-form .select-group .form-group:not(:last-child) {
		margin-bottom: 15px;
	}

	.popup-right-sidebar .title {
		font-size: 13px;
		margin: 0 0 8px;
	}

	.popup-right-sidebar .title h2 {
		font-size: 18px;
	}

	.popup-right-sidebar .chart {
		width: auto;
		height: 85vh;
	}
}

@media (min-width: 1730px) {
	.main-chart {
		width: 1024px;
		/* height:770px; gautham */
	}

	.chart-header {
		font-size: 22px;
	}

	.chart-header h1 {
		font-size: 28px;
	}

	.share-holder {
		font-size: 16px;
		padding: 7px 7px 0 0;
	}

	.share-holder .share-text {
		margin: 0 10px 0 0;
	}

	.share-list li:not(:last-child) {
		/* margin-right: 20px; */
	}

	.sidebar-left {
		width: calc((100% - 1024px)/2);
		padding: 30px 38px 0 0;
	}

	.sidebar-right {
		width: calc((100% - 1024px)/2);
		padding: 16px 0 0 28px;
	}

	.open-sidebar {
		width: 76px;
		height: 76px;
		line-height: 76px;
		font-size: 36px;
	}

	.open-sidebar:before {
		font-size: 28px;
	}
}

@media (max-width: 767px) {
    .giving-holder {
        	padding: 0;
    }

    .sidebar-right {
        padding-left: 10px;
    }


    .main-chart {
        width: 100%;
        background: #f1f0f0;
        padding: 15px 20px 14px;
        margin: 0 0 30px;
        height:auto;
    }
   
	.donate .percentage {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.about-donors .two-cols {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media print {
	
	 .share-holder
	 {
		 display:none;
	 }
	
	header,footer { 
		 display:none; 
		/* /* visibility:hidden; */ */
	 }
    .bl {
       -webkit-print-color-adjust: exact; 
        background-color: #3d0235 !important;
    }
    .secondary {
       -webkit-print-color-adjust: exact; 
       background-color:#8a7185 !important;
    }
    div.tooltip {
        display: none !important;
    }
    /*#subTitleBar {
        font-size: 22px !important;
    }*/

    #seeDetails {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
    -webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
    #showBar {
        display: block !important;
    }
    #barchart {
        display: block !important;
        height: 650px !important;
    }

	/* #header {
		padding: 0 0 38px;
	} */

    .page-break {
        page-break-after: always;
    }
    #legend {
        margin-bottom: 50px;

    }
  
       
    #holdSlider {
        display: none !important;
    }
	/* #header h1 {
		font-size: 48px;
		text-align: left;
	} */

	#main {
		padding-bottom: 80px;
	}

	.select-holder {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-bottom: 45px;
	}

	.select-holder span {
		font-size: 24px;
	}

	.select-holder span.text {
		width: auto;
		text-align: left;
	}

	.select-holder .jcf-select {
		width: auto;
		margin: 0 21px;
		border: none;
	}

	.select-holder .jcf-select .jcf-select-opener {
		display: none;
	}

	.select-holder .jcf-select-text {
		margin-left: 38px;
	}

	.donors {
		border: 2px solid #c9cacc;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		border-width: 2px 0 2px 0;
		text-transform: uppercase;
		padding: 11px 0;
		margin-bottom: 25px;
	}

	.donors .heading {
		font-size: 36px;
	}

	.donors .text-holder {
		font-size: 20px;
	}

	.donate {
		padding-bottom: 39px;
	}

	.donate .percentage {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.donate .percentage li {
		font-size: 20px;
		line-height: 1.2;
		padding: 6px 0 5px;
	}

	.donate .percentage li:first-child {
		padding-right: 19px;
		padding-left: 11px;
		font-size: 96px;
	}

	.donate .percentage li:nth-child(2):after {
		border-top: 53px solid transparent;
		border-bottom: 53px solid transparent;
		border-left: 25px solid #d6d3d2;
	}

	.donate .percentage li:nth-child(3) {
		padding-left: 30px;
		padding-right: 11px;
	}

	.donate .percentage li:nth-child(3):after {
		border-top: 53px solid transparent;
		border-bottom: 53px solid transparent;
		border-left: 25px solid #f8f7f7;
	}

	.donate table {
		margin: 0;
	}

	.donate table .amount {
		font-size: 48px;
		padding: 0 18px 0 7px;
	}

	.donate table .text {
		font-size: 24px;
	}

	.region {
		padding-bottom: 55px;
	}

	.region .map-holder {
		padding-bottom: 0;
	}

	.region table {
		margin-top: 34px;
	}

	.region table td {
		font-size: 20px;
	}

	.time-graphic {
		padding-bottom: 46px;
	}

	.sector-graphic {
		padding-bottom: 46px;
		page-break-after: always;
	}

	.how-gave-graphic {
		padding-bottom: 79px;
	}

	.how-gave-graphic h3 {
		font-size: 20px;
	}

	.how-gave-graphic .graphic-holder {
		padding-bottom: 40px;
	}

	.how-gave-graphic .graphic-holder:last-child {
		padding: 0;
	}

	.about-donors:before {
		top: -25px;
		right: -20px;
		bottom: -58px;
		left: -20px;
	}

	.about-donors .subheading {
		font-size: 24px;
	}

	.about-donors .two-cols {
		padding-bottom: 30px;
	}

	.about-donors .two-cols .graphic-holder {
		width: 30%;
		margin-left: 65px;
	}

	.about-donors .left-side .subheading {
		padding-left: 50px;
	}

	.about-donors .left-side .graphic-holder.big {
		width: 50%;
		padding-bottom: 0;
	}

	.about-donors .right-side .graphic-holder {
		padding-bottom: 50px;
	}

	#footer {
		padding-top: 22px;
	}

	#footer span {
		font-size: 16px;
	}

	.heading-wrap {
		margin-bottom: 19px;
	}

	.heading-wrap h2 {
		font-size: 28px;
		padding-right: 15px;
	}

	*,
	*:before,
	*:after,
	*:first-letter,
	p:first-line,
	div:first-line,
	blockquote:first-line,
	li:first-line {
		box-shadow: none !important;
		text-shadow: none !important;
	}

	body {
		-webkit-print-color-adjust: exact;
       
	}

	.container {
		width: 1100px;
	}

	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left;
	}

	.col-sm-12 {
		width: 100%;
	}

	.col-sm-11 {
		width: 91.66666666666666%;
	}

	.col-sm-10 {
		width: 83.33333333333334%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-8 {
		width: 66.66666666666666%;
	}

	.col-sm-7 {
		width: 58.333333333333336%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-5 {
		width: 41.66666666666667%;
	}

	.col-sm-4 {
		width: 33.33333333333333%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-2 {
		width: 16.666666666666664%;
	}

	.col-sm-1 {
		width: 8.333333333333332%;
	}

	.sidebar-left {
		display: none;
	}

	.share-holder {
		display: none;
	}

	.open-sidebar {
		display: none;
	}

	.close2 {
		display: none;
	}

	.giving-holder {
	 padding: 0;
     width: 19.6cm;
     display: block;
	}

	.main-chart {
		padding: 0; 
        width: 19.6cm;
        background: transparent;
	}

	.sidebar-right {
		padding: 0;
        width: 100%;
	}

	.chart img {
		width: auto;
	}

	.popup2 {
		text-align: left;
	}

	.popup2 .title {
		text-align: left;
		font-size: 28px;
		margin-bottom: 1cm;
	}

	.popup2 .title h2 {
		font-size: 37px;
	}

	.chart-header {
		display: inline-block;
		width: 90%;
		font-size: 28px;
		margin-bottom: 1cm;
	}

	.chart-header .left-box,
	.chart-header .right-box {
		float: none;
		width: 100%;
	}

	.chart-header h1 {
		font-size: 37px;
		font-weight: 400;
	}

	.print-bottom {
		display: inline-block;
		width: 100%;
		vertical-align: bottom;
		font-size: 24px;
		margin-top: 0px;
	}

	.print-bottom > div {
		display: inline-block;
		width: 49%;
		vertical-align: bottom;
	}

	.print-bottom .logo-holder {
		text-align: right;
	}

	.print-bottom .logo-holder img {
		width: 250px;
	}

	.print-bottom.landscape {
		display: none;
	}

	#wrapper {
		height:initial;
	}

	.sidebar-right {
		position:relative;
	}

	.title-variable {
		font-size:100%
	}
}

/* .header .header-nav .nav ul ul ul li {
        font-size: 1.2rem!important;
} */

/*@media print and (orientation: landscape) {
	img {
		page-break-inside: auto !important;
	}

	.giving-holder {
		overflow: hidden;
	}

	.main-chart {
		float: left;
		width: 17cm;
	}

	.sidebar-right {
		float: left;
		width: 7cm;
		page-break-before: avoid;
	}

	.chart {
		width: 200px;
	}

	.chart-header {
		display: inline-block;
		width: 90%;
		font-size: 24px;
		margin-bottom: 5px;
	}

	.chart-header .left-box,
	.chart-header .right-box {
		float: none;
		width: 100%;
	}

	.chart-header h1 {
		font-size: 30px;
		font-weight: 400;
	}

	.popup2 {
		text-align: left;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.popup2 .title {
		text-align: left;
		font-size: 16px !important;
		margin-bottom: 10px !important;
	}

	.popup2 .title h2 {
		font-size: 22px !important;
	}

	.print-bottom {
		display: none;
	}

	.print-bottom.landscape {
		display: table;
		table-layout: fixed;
		width: 100%;
		font-size: 28px;
		margin-top: 50px;
	}

	.print-bottom.landscape > div {
		display: table-cell;
		width: 49%;
		vertical-align: bottom;
	}

	.print-bottom.landscape .logo-holder {
		text-align: right;
	}

	.print-bottom.landscape .logo-holder img {
		width: 330px;
	}
}*/