/* =========================

HOW AMERICA GIVES

========================= */
/* Ad block */
#maincontent .widgetname-pfd {clear: left; padding-top: 20px; margin-bottom: 0;}
/*sponsor logos */
.hag_intro {padding-right: 300px; position: relative;}
.sponsor_logo {position: absolute; right: 50px; top: 0; width: 200px; height: auto;}
.sponsor_logo img {width: 100%; height: auto;margin-bottom: 10px;}

.sl_header {width: 100%; font: 12px/1.2 "Roboto Condensed",Arial,sans-serif;color: #aaaaaa; text-align: center; padding-bottom:5px; text-transform: uppercase;}
/* overall graphics elements */
.hag_chart  {width: 100%; padding: 20px 20px 0; min-height: 400px; clear: left;}
.hag_states_container {padding-bottom: 20px;}
.hag_table {width: 100%; padding: 0; min-height: 400px; clear: both;}
.hag_chart_actual {width: 902px; float: left;}
.hag_nav {width: 100%; clear: both; height: 38px;padding-bottom: 5px;}
.hag_chart_mask {height: 432px; width: 100%; overflow-y: scroll; border-bottom: 2px solid #ccd9dd;}
.hbc_mask {height: 422px;}

/* grid map */
.hag_states {float:none; height: auto;}
.hag_states_actual {display: none;}
.hag_states_bars {display: block;}
.hag_grid_section {height: 600px;}
.fm_maparea {height: 310px; margin: 0 auto; width: 548px;}
.fm_mapcell {background-color: #f3f3f3; border: 1px solid #afafaf; color: rgba(255,255,255,0.8); cursor: pointer; float: left; font: 17px/1em "Roboto Condensed",Arial,sans-serif; height: 42px; padding: 2px; position: relative; text-align: left; transition-delay: 0s; transition-duration: 0.5s; transition-property: background-color, color; transition-timing-function: ease; width: 42px;}/*#d3d3d3*/
.fm_mapcell .fm_mapback {bottom: 0; color: rgba(0,0,0,0.4); font-size: 13px; left: 0; opacity: 0.6; padding: 20px 2px 2px; position: absolute; right: 0; text-align: right; top: 0;}/*#d3d3d3;*/
.mc_newrow {clear: left;}
.mc-free, .mc-free_b {border: 2px solid #afafaf; height: 44px; margin-right: -1px; width: 44px;}
.mc-free_b {margin-top: -1px;}
.mc-free {margin-bottom: -1px; margin-top: -1px;}
.mc-top, .mc-bottom, .mc-right, .mc-topright, .mc-bottomright, .mc-noleft {border-left: 2px solid #afafaf;}
.mc-top, .mc-right, .mc-left, .mc-topright, .mc-topleft, .mc-nobottom {border-bottom: 2px solid #afafaf;}
.mc-bottom, .mc-right, .mc-left, .mc-bottomright, .mc-bottomleft, .mc-notop {border-top: 2px solid #afafaf;}
.mc-top, .mc-bottom, .mc-left, .mc-topleft, .mc-bottomleft, .mc-noright {border-right: 2px solid #afafaf; margin: 0;}
.mc-top, .mc-bottom {height: 43px; width: 44px;}
.mc-right, .mc-left {height: 44px; margin-bottom: -1px; margin-top: -1px; width: 43px;}
.mc-bottomb {margin-top: -1px;}
.mc-topright, .mc-topleft {height: 43px; margin-bottom: -1px; width: 43px;}
.mc-bottomright, .mc-bottomleft {height: 43px; margin-top: -1px; width: 43px;}
.mc-notop {height: 43px; margin-top: -1px;}
.mc-noright, .mc-noleft {width: 43px;}
.mc-nobottom {height: 43px; margin-bottom: -1px;}
.mc-oneleft {margin-left: 42px;}
.mc-oneleft_i {margin-left: 40px;}
.mc-twoleft {margin-left: 84px;}
.mc-threeleft {margin-left: 126px;}
.mc-sixleft {margin-left: 251px;}
.mc-eightleft {margin-left: 335px;}
.mc-nineleft {margin-left: 379px;}
.mc-tenleft {margin-left: 419px;}
.mc-right-inset {margin-left: 82px;}
.hag_nav_key {width: 218px; height: 70px;}
.hnk_title {font: 300 11px/1 "Roboto Condensed",Arial,sans-serif; text-transform:uppercase; color: #7f7f7f; text-align: center; margin-bottom: 2px;}
.hnk_top {font: 300 11px/1 "Roboto Condensed",Arial,sans-serif; text-transform:uppercase; color: #7f7f7f;}
.hnk_top span {float: left; display: block;}
.hnk_top .hnkt_right {float: right; padding-right: 2px;}
.fm_mapkey {display: block; float: none; list-style-type: none; margin: 0; padding: 0; clear: both;}
.fmt_key {position: static;}
.fm_mapkey li {margin-right: 1px; float: left; display: block; position: relative; width: 30px; border: 2px solid #afafaf; float: left; height: 12px;}
.fm_mapkey li span {font: 11px/14px "Roboto Condensed",Arial,sans-serif; color: #7f7f7f; display: block; position: absolute; left: 20px; top: 10px; padding-top: 2px;}
.fm_interstitial h4, .fm_sidegraphic h4 {clear: left; font: bold 14px "Roboto Condensed",Arial,sans-serif; text-transform: none;}
.fmm_hover {background-color: rgba(50, 50, 50, 1); color: #f7f7f7; display: none; font: 15px/1.4 "Roboto Condensed",Arial,sans-serif; margin-top: 10px; padding: 15px; position: absolute; width: 280px;}
.fmm_hover span {color: white;}
.setB {background-color: #fcb215;}/*#e8cc84e18425#d73027;}*/

.set2 {background-color: #abd9e9;}
.set3 {background-color: #74add1;}
.set4 {background-color: #4575b4;}
.set5 {background-color: #313695;}
.setA {background-color: #e8cc84;}
.set0 {background-color: #d5d9d1;}
.set1 {background-color: #d4ecf3;}
.hag_states_bars .hags_mapbar {font: 16px/20px "Roboto Condensed",Arial,sans-serif; height: 24px; padding: 0 2px; background-color: transparent; cursor: default;}
.hag_states_bars .hags_mapbar span {padding-left: 10px;}
.hag_states_bars .setB span {color: #fcb215;}
.hag_states_bars .setA span {color:#e8cc84;}
.hag_states_bars .set0 span {color: #d5d9d1;}
.hag_states_bars .set1 span {color: #d4ecf3;}
.hag_states_bars .set2 span {color: #99d0e3;}
.hag_states_bars .set3 span {color: #74add1;}
.hag_states_bars .set4 span {color: #4575b4;}
.hag_states_bars .set5 span {color: #313695;}
@media only screen and (min-width: 633px) {
    .hag_states_actual {display: block;}
    .hag_states_bars {display: none;}
    .setA {background-color:#e8cc84;}
    .set0 {background-color: #E0E4DC;}  
    .set1 {background-color: #e0f3f8;}
    .hag_states {height: 343px;}
    .fmm_hover {background-color: rgba(60, 60, 60, 0.9);}
}
@media only screen and (min-width: 712px) {
    .hag_states {height: 343px; margin: 0; width: 100%;}
    .fm_mapcell {height: 48px; width: 48px;}
    .fm_mapcell .fm_mapback {padding-top: 24px;}
    .mc-free, .mc-free_b {height: 50px; width: 50px;}
    .mc-top, .mc-bottom {height: 49px; width: 50px;}
    .mc-right, .mc-left {height: 50px; width: 49px;}
    .mc-topright, .mc-bottomright, .mc-topleft, .mc-bottomleft {height: 49px; width: 49px;}
    .mc-notop, .mc-nobottom {height: 49px;}
    .mc-noright, .mc-noleft {width: 49px;}
    .mc-oneleft {margin-left: 49px;}
    .mc-oneleft_i {margin-left: 46px;}
    .mc-twoleft {margin-left: 97px;}
    .mc-threeleft {margin-left: 145px;}
    .mc-sixleft {margin-left: 288px;}
    .mc-eightleft {margin-left: 384px;}
    .mc-nineleft {margin-left: 433px;}
    .mc-tenleft {margin-left: 480px;}
    .mc-right-inset {margin-left: 95px;}
    .mc-sub-two {margin-left: 46px;}
    .rightII {margin-left: -274px;}
    .rightII::before {left: auto; right: 31px;}
}
@media only screen and (min-width: 992px) {
    .hag_states {height: 515px;}
    .fm_mapcell {font-size: 30px; height: 67px; padding: 4px; width: 67px;}
    .fm_mapcell .fm_mapback {font-size: 18px; padding: 36px 4px 4px;}
    .mc-free, .mc-free_b {height: 69px; width: 69px;}
    .mc-top, .mc-bottom {height: 68px; width: 69px;}
    .mc-right, .mc-left {height: 69px; width: 68px;}
    .mc-topright, .mc-bottomright, .mc-topleft, .mc-bottomleft {height: 68px; width: 68px;}
    .mc-notop, .mc-nobottom {height: 68px;}
    .mc-noright, .mc-noleft {width: 68px;}
    .mc-oneleft {margin-left: 67px;}
    .mc-oneleft_i {margin-left: 65px;}
    .mc-twoleft {margin-left: 134px;}
    .mc-threeleft {margin-left: 201px;}
    .mc-sixleft {margin-left: 401px;}
    .mc-eightleft {margin-left: 535px;}
    .mc-nineleft {margin-left: 603px;}
    .mc-tenleft {margin-left: 671px;}
    .mc-right-inset {margin-left: 134px;}
    .mc-sub-two {margin-left: 66px;}
    .rightII {margin-left: -270px;}
    .rightII::before {left: auto; right: 25px;}
    .rightII {margin-left: -255px;}
    .rightII::before {left: auto; right: 40px;}
}
@media only screen and (min-width: 1200px) {
    .hag_states {height: 542px; margin-right: auto;}
    .fm_mapcell {font-size: 30px; height: 70px; padding: 4px; width: 70px;}
    .fm_mapcell .fm_mapback {font-size: 18px; padding: 36px 4px 4px;}
    .mc-free, .mc-free_b {height: 72px; width: 72px;}
    .mc-top, .mc-bottom {height: 71px; width: 72px;}
    .mc-right, .mc-left {height: 72px; width: 71px;}
    .mc-topright, .mc-bottomright, .mc-topleft, .mc-bottomleft {height: 71px; width: 71px;}
    .mc-notop, .mc-nobottom {height: 71px;}
    .mc-noright, .mc-noleft {width: 71px;}
    .mc-oneleft {margin-left: 70px;}
    .mc-oneleft_i {margin-left: 68px;}
    .mc-twoleft {margin-left: 140px;}
    .mc-threeleft {margin-left: 210px;}
    .mc-sixleft {margin-left: 419px;}
    .mc-eightleft {margin-left: 559px;}
    .mc-nineleft {margin-left: 630px;}
    .mc-tenleft {margin-left: 701px;}
    .mc-right-inset {margin-left: 138px;}
    .mc-sub-two {margin-left: 68px;}
    .rightII {margin-left: -253px;}
    .rightII::before {left: auto; right: 43px;}
}
/*leaflet map */
.hag_multiplesmap {height: 1020px;}
.hag_map_actual {width: 796px; float: left;overflow:hidden; height: 400px;}
.leaflet-popup-content-wrapper {border-radius: 0;}
.leaflet-popup-content {font: 300 16px/1.4 'Roboto Condensed', Arial, Sans-serif;}
.leaflet-popup-content .mapUp {color: rgba(0,80,135,0.75);}
.leaflet-popup-content .mapDown {color: rgba(215,25,28, 0.75);}
.leaflet-top {z-index: 799;}

/*small multiples */
.hag_multiples_actual {margin-left: 150px; width: 796px; margin-top: 10px;}

.hag_chart_mask .hag_chart_actual {width: 100%; height: auto; margin-right: -10px;}
.hmc_set {cursor: default; width: 120px; height: 100px; background-color: #f5f5f3; margin-right: 10px; margin-bottom: 10px; float: left; position: relative;-webkit-transition: background-color 400ms ease-out; -moz-transition: background-color 400ms ease-out; -ms-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out;}
.hmc_set .hmcs_name {text-align: center; color: #999999; text-transform: uppercase; font: 300 11px/14px 'Roboto Condensed', Arial, Sans-serif; overflow:hidden; height: 15px; width: 100%; padding-top:1px;}
.hmc_set .bandgroup {position: absolute; height: 65px; width: 27px;}
.hmc_set .bandLabel {position: absolute; font: 300 9px/10px 'Roboto Condensed', Arial, Sans-serif; width: 27px; color: white; text-align: center;}
.hmc_set .bandbar {position: absolute; width: 27px;}
.hmc_set .bandHed {position: absolute; text-align: center; font: 300 9px/11px 'Roboto Condensed', Arial, Sans-serif; width: 27px; color: #7f7f7f;}
.hmc_set .band_below .bandbar {top: 57px; background-color: rgba(215,25,28, 0.75)}
.hmc_set .band_below .bandHed {top: 45px;}
.hmc_set .band_below .bandLabel {bottom: 1px;}
.hmc_set .band_above .bandbar {bottom: 8px; background-color: rgba(0,80,135,0.75);}
.hmc_set .band_above .bandHed {bottom: -4px;}
.hmc_set .band_above .bandLabel {top: 1px;}
.hmc_set .band_above .smallbar .bandLabel {color: rgba(0,80,135,0.75); top: -12px;}
.hmc_set .band_below .smallbar .bandLabel {color: rgba(215,25,28, 0.75); bottom: -12px;}
.hmc_set:hover .hmcs_name, .hmc_set:hover .hmc_set .bandHed  {color: #3f3f3f;}
.hmc_set .band_5 {left: 4px;}
.hmc_set .band_6 {left: 32px;}
.hmc_set .band_7 {left: 60px;}
.hmc_set .band_8 {left: 88px;}
/*bar chart */
.hag_bars {height: 590px;}

.hbc_content {width: 100%; height: auto;}
.hbc_arrow {width: 100%; height: 35px; padding: 10px 0;display: none;}
.hbc_arrow span {left: 50%; margin-left: -15px; width: 0;}
.hbc_downarrow span {display: block; position: absolute; border-left: 15px solid transparent; border-right: 15px solid transparent;
    border-top: 15px solid rgba(0,0,0,0.1);}
.hbc_uparrow span {display: block; position: absolute; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid rgba(0,0,0,0.1);}
.hbc_downarrow .active_arrow {border-top: 15px solid rgba(96,148,191,0.5);} 
.hbc_uparrow .active_arrow {border-bottom: 15px solid rgba(96,148,191,0.5);} 
.hbc_header {width: 100%; border-bottom: 1px solid #7f7f7f; height: 25px;}
.hbc_header .header_item {cursor: pointer; padding: 6px; float: left; height: 24px; background-color: white;font: 300 12px/12px 'Roboto Condensed', Arial, Sans-serif; color: #7f7f7f; text-transform: uppercase;-webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out;}
.hbc_header .header_item .swatch {height: 11px; width: 11px; border: 1px solid #f7f7f7; margin: 1px 6px -1px 0; background-color: #c8d6ea;display: inline-block;}
.hbc_header .header_item:hover {background-color: rgba(204,217,221,0.4);}
.hbc_header .header_active, .hbc_header .header_active:hover {background-color: #ccd9dd; color: #3f3f3f;}
.hbc_header #hbch-display_name {width: 200px;}
.hbc_header #hbch-cbsa_amt_contributions {width: 502px;}
.hbc_header #hbch-opportunity {width: 200px;}
.hbc_header #hbch-opportunity .swatch {background-color: #4575b4;}
.hbc_bar {height: 21px; width: 100%; padding: 0 50px 0 250px; border-bottom: 1px solid #E0EDF1;}
.hbcb_name {float: left; width: 200px; margin-left: -250px; height: 18px; padding-right: 10px; font: 300 12px/20px 'Roboto Condensed', Arial, Sans-serif; overflow:hidden;}
.hbcb_label_giving, .hbcb_label_opportunity {color: #4575b4; width: 50px;float: left;font: 300 12px/20px 'Roboto Condensed', Arial, Sans-serif; overflow:hidden;}
.hbcb_label_giving {margin-left: -50px; text-align: right; padding-right: 5px;}
.hbcb_label_opportunity {padding-left: 3px; margin-right: -50px;}
.hbcb_bar_giving, .hbcb_bar_opportunity  {float: left;height: 100%; background-color: #c8d6ea;-webkit-transition: width 400ms ease-out; -moz-transition: width 400ms ease-out; -ms-transition: width 400ms ease-out; -o-transition: width 400ms ease-out; transition: width 400ms ease-out;}
.hbcb_bar_opportunity {background-color: #4575b4;}
/* filter grid */
.hag_grid {width: 902px; float: left; margin-right: -4px; height: 470px;}
.hg_cell {height: 45px; width: 78px; text-align: center; float: left; padding: 5px; font: 300 10px/1.1 'Roboto Condensed', Arial, Sans-serif;margin: 0 3px 3px 0; color: white; background-color: #eaeaea; color: #999999; 
-webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out;}
.hgc_active {background-color: #4575b4; color: white;}
.hg_cell span {color: rgba(255,255,255,0.75); display: block;}
/* big table */
/* ============= CODE ============= */
.content-item__byline {margin-bottom: 25px;}
/*search*/
.ec_search {float: right; margin-top: 5px; position: relative; height: 28px; width: 390px; border: solid 1px #009dbf; padding-right: 116px;}
.search_button {margin-right: -57px; height: 22px;background-color: #009dbf; margin-top: 2px; font: 11px/16px "Roboto Condensed",Helvetica,Arial,sans-serif; text-align: center; text-transform: uppercase; color: white; width: 55px; float: right; padding: 3px; -webkit-transition: background-color 400ms ease-out; -moz-transition: background-color 400ms ease-out; -ms-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out;}
.search_button:hover, .search_button:active, .search_button:focus {color: white; text-decoration: none;}
.search_button:hover {background-color: #0075A8;}
.clear_button {margin-right: -114px;}
.disabled_button {cursor: default; background-color: #ddd; opacity: 1;}
.disabled_button:hover, .disabled_button:active, .disabled_button:focus {text-decoration: none;background-color: #ddd; color: white;}
.search_text {float: left; border: 0 none transparent; height: 26px; background: url("//philanthropy.com/img/photos/biz/header_icon_search.gif") no-repeat scroll 7px 7px white; color:#009dbf; width: 100%; padding: 1px 0 0px 24px; font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;}
.table_options {height: 38px;}
.search_fail {position: absolute; top: 100%; width: 100%; margin-top: 2px; background-color: rgba(25,25,25,0.8); color: white; font: 14px "Roboto Condensed",Helvetica,Arial,sans-serif; text-align: left; padding: 15px; display:none; opacity: 0;-webkit-transition: opacity 400ms ease-out; -moz-transition: opacity 400ms ease-out; -ms-transition: opacity 400ms ease-out; -o-transition: opacity 400ms ease-out; transition: opacity 400ms ease-out;}
.search_fail .sf_close {width: 22px; height: 16px; font: 22px/1 "Roboto Condensed",Helvetica,Arial,sans-serif; color: #0075A8; position: absolute; top: 0; right: 0;}
.div_sc-fail .search_fail {display: block; opacity: 1;}
/* filter elements */
.ec_filter { display: block; position: relative; height: 33px; padding-top: 5px;  margin-right: 5px; font-family: "Roboto Condensed",Helvetica,Arial,sans-serif; text-align: left; color: white; width: 150px; float:left;}
.ec_year {width: 88px;}
.ec_reset {width: 104px;}
.di_table_wrapper {overflow-x: hidden; overflow-y: scroll; max-height: 75vh; border-bottom: 2px solid #999;}
.ec_category {width: 243px;}
.ec_note {font-size: 0.9em; margin-top: 0.5em; color: #7f7f7f;}
.ec_filter > a {color: white;padding: 3px 10px 4px 25px; height: 28px;display: block; width: 100%; background-color: #00759c; line-height: 23px; -webkit-transition: background-color 400ms ease-out; -moz-transition: background-color 400ms ease-out; -ms-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out;}
.ec_reset > a {padding-left: 10px;}
.ec_filter > a:hover {background-color: #004f69; text-decoration: none;}
.ec_filter > a:focus, .datatoggle .dt_choice:focus {outline: none;} 
.hag_table_actual tr {opacity: 1; -webkit-transition: opacity 400ms ease-out; -moz-transition: opacity 400ms ease-out; -ms-transition: opacity 400ms ease-out; -o-transition: opacity 400ms ease-out; transition: opacity 400ms ease-out;}
.hag_table_actual .loading {opacity: 0; -webkit-transition: opacity 400ms ease-out;-moz-transition: opacity 400ms ease-out; -ms-transition: opacity 400ms ease-out; -o-transition: opacity 400ms ease-out; transition: opacity 400ms ease-out;}
.ec_dropdown {max-height: 160px; width: 100%; overflow-y: scroll; position: absolute; top: 100%; display: none; list-style-type: none; z-index:10; padding:2px 0; background-color: #3f3f3f;}
.ec_dropdown li a {display: block; font-size: 13px; background-color: #3f3f3f; color: white; padding: 2px 10px; text-decoration: none;}
.ec_dropdown li a:hover {text-decoration: none; background-color: #009dbf;}
.ec_dropdown li a:active {text-decoration: none; border: 0 none;}
.ec_dropdown .ecd_disabled a, .ec_dropdown .ecd_disabled a:hover {cursor: default; background-color: #3f3f3f; color: #666;}
.ec_dropdown .ecdi_active a, .ec_dropdown .ecdi_active a:hover {cursor: default; background-color: #3f3f3f; color: #009dbf;}
.divd_opened > a {background-color: #0075A8; text-decoration: none;}
.divd_opened .ec_dropdown {display: block;}
.dd-icon {border-bottom: 6px solid transparent; border-left: 8px solid white; border-top: 6px solid transparent; display: block; position: absolute; left: 9px; top: 13px; height: 0; width: 0;}
.divd_opened .dd-icon, .opendrawer .dd-icon {border-right: 6px solid transparent; border-top: 8px solid white; border-left: 6px solid transparent; display: block; position: absolute; left: 8px; top: 15px; height: 0; width: 0;}
/* nav */
.table_nav {
    background-color: #ccd9dd;
    clear: both;
    height: 30px;
    padding: 0;
    position: relative;
}
.table_count {
    font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
    left: 0;
    line-height: 31px;
    margin-left: 1em;
    margin-top: 0;
    padding-right: 210px;
    position: absolute;
    top: 0;
    width: 100%;
}
.loading_indicator img {vertical-align: -1px;}
.loading_indicator, .table_results { color: #004f69; display: inline; font-family: "Roboto Condensed",Helvetica,Arial,sans-serif; font-size: 15px;}
.table_count .clear_search {cursor: pointer; margin-left: 10px; padding: 2px 6px; font-size: 12px; font-family: "Roboto Condensed",Helvetica,Arial,sans-serif; background-color: #004f69; color: white; text-transform: uppercase; display: none;}
.table_count .clear_search:hover {background-color: #0075A8;}
.loaded .table_fail, .table_fail { display: none;}
.table_fail {color: #7f7f7f; display: none;font-family: "Roboto Condensed",Helvetica,Arial,sans-serif; font-size: 22px;line-height: 1.4; min-height: 200px;padding: 3em 1em; text-align: center; width: 100%;}
.loaded .loading_indicator {display: none;}
.loaded .table_results {display: inline;}
.loaded.no_results .table_results {display: none;}
.table_btns {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif; height: 30px;}
.table_btns a.table_btn {outline: 0;-moz-user-select: none;background: #004f69 url("../img/icon_arrows2.png") no-repeat scroll left top; border-left: 1px solid rgba(255, 255, 255, 0.5); bottom: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 31px; padding: 0; position: absolute; right: 0; text-align: center; top: 0;}
.table_btns a.table_btn.next { background-position: 54px -106px; padding-right: 23px;  width: 88px;}
.table_btns a.table_btn.next:active { background-position: 55px -106px;}
.table_btns a.table_btn.prev { background-position: 12px -163px; padding-left: 15px; right: 88px; width: 111px;}
.table_btns a.table_btn.prev:active {background-position: 11px -163px;}
.first_page .table_btns a.table_btn.prev { background-position: 12px -50px; color: rgba(255, 255, 255, 0.5); cursor: default; text-shadow: none;}
.first_page .table_btns a.table_btn.prev:hover, .first_page .table_btns a.table_btn.prev:active {background-color: #004f69; text-decoration: none;}
.last_page .table_btns a.table_btn.next {background-position: 54px 5px; color: rgba(255, 255, 255, 0.5); cursor: default; text-shadow: none;}
.last_page .table_btns a.table_btn.next:hover, .last_page .table_btns a.table_btn.next:active {background-color: #004f69; text-decoration: none;}
.table_btns a.table_btn:hover {background-color: #00759c;}
.di_content .bunch::after {clear: both;}
.table_results {color: #004f69; display: none; font-size: 15px; line-height: 100%;}
.loaded .loading_indicator {display: none;}
.loaded .table_results {display: inline;}
.loaded.no_results .table_results { display: none;}
.hag_table_actual .preloading td, .hag_table_actual .noresults td {color: #7f7f7f; font: 24px/1.2 "Roboto Condensed",Helvetica,Arial,sans-serif; padding: 40px 0 30px; text-align: center;}
.loaded .hag_table_actual .preloading {display: none;}
@media only screen and (max-width: 570px) {
    .table_nav {height: auto;}
    .table_count {float: none; margin: 0; padding-left: 3%; padding-right: 3%; position: static; text-align: center; }
    .table_btns {height: 30px; margin: 0 auto; padding-top: 0; width: 200px;}
    .table_btns a.table_btn, .fail a.table_btn {display: inline-block; line-height: 28px;position: static;}
    .table_btns a.prev {background-position: 12px -166px; border-left: 0 none; margin-right: -4px; }
}
/* BIG TABLE */
.hag_table_section .hag_nav_actual {visibility: hidden; width: 160px;}
.hagt_counties .hag_nav_actual {visibility: visible;}
.htn_counties, .htn_states, .htn_metros {display: none;}
.hagt_counties .htn_counties, .hagt_states .htn_states, .hagt_metros .htn_metros {display: inline;}
.hag_table_actual {border-spacing: 0; width: 100%;}
.hag_table_actual .preloading td, .hag_table_actual .noresults td {font: 24px/1.2 "Roboto Condensed",Helvetica,Arial,sans-serif; color: #7f7f7f; text-align: center; padding: 40px 0 30px;}
.loaded .hag_table_actual .preloading {display: none !important;}
.hag_table_actual th {cursor: pointer; background-color: white; font: 10px/1.2 "Roboto Condensed",Helvetica,Arial,sans-serif; padding: 7px 7px 12px; text-align: center; text-transform: uppercase; vertical-align: bottom; border-bottom: 2px solid #999; border-left: 1px #ccc; color: #004f69;}
.hag_table_actual th.desc {background: url("../img/div_table-dsc.png") no-repeat scroll center bottom white;}
.hag_table_actual th.asc {background: url("../img/div_table-asc.png") no-repeat scroll center bottom white;}
.hag_table_actual th:hover {text-decoration: underline;}
.hag_table_actual th:hover span {text-decoration: none;}
.hag_table_actual td {font: 14px/1.4 "Roboto Condensed",Helvetica,Arial,sans-serif; text-align: right; padding: 9px 7px; vertical-align: middle; color: #3f3f3f;}
.hag_table_actual tbody .result:first-child td {border-top: 0px none;}
.hag_table_actual .overflow {display:none;}
.hag_table_actual .overflow table {min-width: 900px;}
.hag_table_actual .overflow td {padding: 2px 6px 4px;}
.hag_table_actual .col_first {text-align: left;}
.hag_table_actual .overflow td span, .hag_table_actual .overtime td span {display: inline; padding-right: 0;}
.hag_table_actual tbody .even {background-color: rgba(204,217,221,0.3);}
.hag_table_actual tbody tr {cursor: pointer; -webkit-transition: background-color 400ms ease-out; -moz-transition: background-color 400ms ease-out; -ms-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out;}
.hag_table_actual tbody tr:hover {background-color: rgb(207,227,235)}
.hag_table_actual td.col_fr_name, .hag_table_actual td.col_org {text-align: left;padding-left: 19px;}
.hag_table_actual td sup {padding-left: 2px; color: #666666;}
.hag_table_actual .col_total_paid_out {font-weight: bold;}
.hag_table_actual td span {display: inline; font-size: 13px; color: #7f7f7f;}
.hag_table_actual .opened td span {color: #cccccc;}
.hag_table_actual th span {font-weight: normal; display: block; font-size: 10px; color: #666666;}
.hag_table_actual td .partial, .hag_table_actual td .percent {display: inline-block;}
.hag_table_actual td .percent {padding-left: 4px;}
.hag_table_actual .overflow.tier2 {display: none;}
.hag_table_actual {width: 100%; border-spacing: 0; border-collapse: collapse;}
/* 6. table header */
.hag_table_actual .overflow, .hag_table_actual .overflow:hover {display:none; background-color: #cfe3eb !important;}
.hag_table_actual .overflow th {background-color: transparent; cursor: default; padding: 0 4px 4px; color: #666666;}
.hag_table_actual .overflow > td {padding: 12px 20px 30px 30px; text-align: left;}
.hag_table_actual .overflow h2 {font-size: 18px; margin-top: 6px;}
.hag_table_actual .overflow h3 {font-size: 16px; margin-top: 10px;}
.hag_table_actual .overflow thead .overHed th {border-bottom: 0 none;}
.hag_table_actual .overflow th.secondaryHed {color: #7f7f7f; padding: 0 6px 3px;}
.hag_table_actual .overflow th.secondaryHed div {width: 100%; border-bottom: 1px solid #a0a0a0;}
.hag_table_actual .overflow .tier0, .hag_table_actual .overflow .tier3 {display: none;}
.hag_table_actual .overflow td table td {text-align: right;}
.hag_table_actual .overflow td table .col_name {text-align: left;}
.hag_table_actual tbody .overflow td .dollars, .hag_table_actual tbody .overflow td .percent {display: inline !important;}
.hag_table_actual tbody td .na {color: #9f9f9f;}
.hag_table_actual tfoot {display: none;}
/* table sizing */
.hag_table_actual thead th.col_person, .hag_table_actual tbody td.col_person {width: 195px;}
.hag_table_actual thead th.col_org, .hag_table_actual tbody td.col_org {width: 305px;}
.hag_table_actual thead th.col_sal_year, .hag_table_actual tbody td.col_sal_year {width: 50px;}
.hag_table_actual thead th.col_chron_total_combo, .hag_table_actual tbody td.col_chron_total_combo {width: 85px;}
.hag_table_actual thead th.col_base_combo, .hag_table_actual tbody td.col_base_combo {width: 75px;}
.hag_table_actual thead th.col_bonus_combo, .hag_table_actual tbody td.col_bonus_combo {width: 75px;}
.hag_table_actual thead th.col_nontax_ben, .hag_table_actual tbody td.col_nontax_ben {width: 75px;}
.hag_table_actual thead th.col_other_combo, .hag_table_actual tbody td.col_other_combo {width: 75px;}
.hag_table_actual thead th.col_chron_total_rel, .hag_table_actual tbody td.col_chron_total_rel {width: 75px;}
.hag_table_actual thead th.col_priv_support, .hag_table_actual tbody td.col_priv_support {width: 100px;}
.hag_table_actual .result td.col_first {padding-left: 30px; vertical-align: middle; background: url(../css/img/plusloans-plus.gif) 5px 10px no-repeat; background-position: 10px 50%; text-align: left;}
.hag_table_actual tbody .opened, .hag_table_actual .opened:hover {background-color: #00759c;}
.hag_table_actual tbody .opened td { color: white;}
.hag_table_actual .opened td.col_first {padding-left: 30px; vertical-align: middle; background: url(../css/img/plusloans-minus.gif) 5px 10px no-repeat; background-position: 10px 50%; text-align: left;}

@media only screen and (max-width: 1199px) {
    .hag_table_actual .result td {cursor: pointer;}
    .hag_table_actual .overflow table {min-width: 0; width: 100%;}
}
/*nav - quartiles*/
.hag_side_nav {width: 150px; padding-right: 10px; float: left; clear: left; height: 40px;}
.hag_side_nav h4{text-transform: uppercase; margin: 0 0 1px; font: 300 12px/1.1 'Roboto Condensed', Arial, Sans-serif; color: #505050;}
.hag_side_nav h4 span {display: block; color: #7f7f7f;}
.hag_side_nav ul {list-style-type: none; height: 28px; width: 100%; margin: 0; padding: 0;}
.hag_side_nav li {float: left; width: 32px; padding-right: 2px;}
.hag_side_nav li a {text-decoration: none; outline: 0;width: 30px; display: block; height: 30px; text-align: center;font: 18px/28px 'Roboto Condensed', Arial, Sans-serif; color: #004f69; background-color: white; border: 1px solid #004f69; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out;}
.hag_side_nav li a:hover{border-color:#00759c; color: #00759c;}
.hag_side_nav li.hagnav_active a, .hag_side_nav li.hagnav_active a:hover {color: white; background-color: #004f69; border-color: #004f69;}
/*nav -dropdowns */
.hag_nav_actual { display: block; position: relative; height: 28px; padding-top: 0;  margin-right: 5px; font-family: "Roboto Condensed",Helvetica,Arial,sans-serif; text-align: left; color: white; width: 240px; float:left; z-index:979;}
.hag_nav_actual > a {
    outline: 0;
    background-color: #004f69;
    color: white;
    display: block;
    height: 28px;
    line-height: 23px;
    padding: 3px 10px 4px 25px;
    transition: background-color 400ms ease-out 0s;
    width: 100%;
}
.hag_nav_actual > a:hover {
    background-color: #00759c;
    text-decoration: none;
}
.hag_nav_actual > a:focus {
    outline: medium none;
}
.hag_nav_actual ul {
    background-color: #3f3f3f;
    display: none;
    list-style-type: none;
    max-height: 160px;
    overflow-y: scroll;
    padding: 2px 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10;
}
.hag_nav_actual ul li a {
    outline: 0;
    background-color: #3f3f3f;
    color: white;
    display: block;
    font-size: 13px;
    padding: 2px 10px;
    text-decoration: none;
}
.hag_nav_actual ul li a:hover {
    background-color: #009dbf;
    text-decoration: none;
}
.hag_nav_actual ul li a:active {
    border: 0 none;
    text-decoration: none;
}
.hag_nav_actual ul .hagnav_disabled a, .hag_nav_actual ul .hagnav_disabled a:hover {
    background-color: #3f3f3f;
    color: #666;
    cursor: default;
}
.hag_nav_actual ul .hagnav_active a, .hag_nav_actual .hagnav_active a:hover {
    background-color: #3f3f3f;
    color: #009dbf;
    cursor: default;
}
.hagnav_opened > a {
    background-color: #0075a8;
    text-decoration: none;
}
.hagnav_opened ul {
    display: block;
}
.hagnav-icon {
    border-bottom: 6px solid transparent;
    border-left: 8px solid white;
    border-top: 6px solid transparent;
    display: block;
    height: 0;
    left: 9px;
    position: absolute;
    top: 8px;
    width: 0;
}
.hagnav_opened .hagnav-icon, .opendrawer .hagnav-icon {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid white;
    display: block;
    height: 0;
    left: 8px;
    position: absolute;
    top: 15px;
    width: 0;
}
@media only screen and (max-width: 420px) {
    .hag_nav_actual {width: 100%; max-width: 100%; padding-right: 0;}
}
/* nav - sliders */
.hag_filters {height: 60px; width: 100%; clear: left; padding-left: 20px;}
.hff_group {float: left; width: 259px; padding-right: 40px; height: 80px;}
.hff_group span {display: block; height: 18px;text-align: center; text-transform: uppercase; color: #7f7f7f; font: 300 12px/1.1 "Roboto Condensed",Helvetica,Arial,sans-serif;}
.hff_group .slider {height: 10px; width: 100%;}
.noUi-tooltip {font: 300 12px/1.1 "Roboto Condensed",Helvetica,Arial,sans-serif; top: 120%; bottom: auto; height: 22px; padding: 3px 4px; border-radius: 0;}
.noUi-connect {background-color: #c8d6ea; box-shadow: 0 0 0 transparent; border-radius: 0;}
.noUi-target {border: 0 none; box-shadow: 0 0 0 transparent; background-color: #eaeaea; border-radius: 0;};
.noUi-horizontal .noUi-tooltip {top: 120%; bottom: auto; border-radius: 0;}
.noUi-horizontal .noUi-handle {outline: 0;height: 14px; width: 14px; left: -7px; top: -2px; border-radius: 0; border: 0 none; background: #4575b4;box-shadow: 0 0 0 transparent;}
.noUi-handle:after, .noUi-handle::before {display: none;}
/* nav -tabs */
.hagt_nav {height: 28px; margin-bottom: 10px;}
.hagt_tabs {list-style-type: none; height: 28px; float: left; width: 433px; padding: 0; margin: 0;}
.hagt_tabs li {width: 142px; height: 28px; float: left; padding-right: 2px;}
.hagt_tabs li a { color: #004f69; background-color: white; border: 1px solid #004f69; display: block; height: 28px; line-height: 23px; padding: 3px 10px 4px; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; width: 140px; font-family: "Roboto Condensed",Helvetica,Arial,sans-serif; text-transform: uppercase; text-align: center; text-decoration: none !important;}
.hagt_tabs li a:hover {border-color:#00759c; color: #00759c;}
.hagt_tabs li.htn_active a, .hagt_tabs li.htn_active a:hover {background-color: #004f69; color: white;}
/* nav - search */
.hagt_nav .hagt_search { height: 28px; float: right; position: relative; width: 240px;}
.hagt_nav .hagt_search input { border: 1px solid #009dbf; width: 240px; height: 28px; background: white url("//philanthropy.com/img/photos/biz/header_icon_search.gif") no-repeat scroll 7px 7px; color: #009dbf; font: 14px/26px "Roboto Condensed",Helvetica,Arial,sans-serif; padding: 0 0 0 24px;}
/* - - -- -- - - - - - -  */
/*  autosuggest styling   */
/* - - - - - - -  - -- -- */
ul.as-selections {list-style-type: none; margin: 0; overflow: visible; padding: 0;}
ul.as-selections.loading {background-color: #eee;}
.as-results {clear: left;}
ul.as-selections li {border-right: 0 none transparent; float: left; margin: 0; padding: 0;}
ul.as-selections li.as-original {margin-left: 0;}
ul.as-list {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); box-sizing: border-box; color: #000; font-size: 13px; list-style-type: none; margin: 0; padding: 0; position: absolute; text-shadow: none; z-index: 202;}
.custom ul.as-list {position: relative;}
ul li.as-result-item, ul li.as-message {border-bottom: 2px solid #e8ecf3; clear: both; cursor: default; color: #004f69; font-family: 'Roboto Condensed', Helvetica, Sans-serif; font-size: 13px; line-height: 1.3; margin: 0; min-height: 40px; padding: 5px 5px 5px 5px;}
ul li.as-message {border-bottom: 0 solid #ddd;}
.custom ul li.as-message .label, ul li.as-message .label {color: #666; font-size: 13px; font-weight: normal; line-height: 1.3em; padding: 0 0 5px; text-align: left;}
ul li.as-result-item .label {color: #006695; font-size: 10px; font-weight: bold; position: absolute; right: 10px;}
ul li.as-result-item.active .label {color: #efefef;}
ul li.as-result-item .name {font-size: 14px; font-weight: normal; line-height: 16px;}
ul li.as-result-item .college {color: #666; font-size: 11px; font-weight: normal; line-height: 13px;}
ul li.as-result-item .headshot {border: 1px solid #dddad6; float: left; margin-bottom: 0; margin-right: 10px;}
ul li.as-result-item:last-child {border-bottom-width: 0;}
ul li.as-message .label {color: #777; font-size: 12px; line-height: 16px;}
li.as-result-item:first-child {margin: 0;}
li.as-message {cursor: default; margin: 0;}
ul li.as-result-item.active {background-color: #004f69; color: #fff;}
ul li.as-result-item.active .college, ul li.as-result-item.active .name {color: #fff;}
li.as-result-item em {font-style: normal; font-weight: bold; text-decoration: underline;}
ul.as-list {border: 1px solid #888;}
BODY:first-of-type ul.as-list, x:-moz-any-link {border: medium none;}
@media only screen and (max-width: 1199px) {
    .hag_chart_actual {width: 730px;}
    .hag_side_nav {width: 140px;}
    .hbc_header #hbch-cbsa_amt_contributions {width: 370px;}
    .hbc_header #hbch-opportunity {width: 160px;}
    .hag_map_actual {width: 666px;}
    .hag_multiples_actual {margin-left: 140px; width: 666px;}
    .hag_grid {width: 720px;}
    .hg_cell {width: 87px; height: 42px;}
    .hag_filters {height: 120px; width: 878px;}
    .hff_group {width: 50%; padding-right: 40px; height: 50px;}
    .hag_grid_section {height: 765px;}
    .hag_bars {height: 620px;}
    .hag_multiplesmap {height: 1100px;}
    .hag_states_container {height: auto;}
    .hag_states {margin: 0; width: 873px; height: 520px;}
    .hag_table_section {padding-top: 20px;}
}
@media only screen and (max-width: 991px) {
    .hag_chart {padding: 20px 5px 0;}
    .hag_chart_actual {width: 100%; float: none;;}
    .hag_side_nav {width: 140px; float: none; height: 70px;}
    .hbc_header #hbch-cbsa_amt_contributions {width: 50%;}
    .hbc_header #hbch-opportunity {width: 25%;}
    .hbc_header #hbch-display_name {width: 25%;}
    .hag_map_actual {width: 100%; float: none;}
    .hag_multiples_actual {margin-left: 0; width: 100%;}
    .hag_grid {width: 100%; height: 550px;}
    .hg_cell {width: 89px; height: 36px;}
    .hag_filters {height: 130px; width: 698px;}
    .hff_group {width: 50%; padding-right: 40px; height: 55px;}
    .hag_grid_section {height: auto;}
    .hag_bars {height: auto;}
    .hag_multiplesmap {height: auto;}
    .hag_states {margin: 0; width: 100%; height: 390px;}
    .hag_intro {padding-right: 260px;}
    .sponsor_logo {right: 30px;}
    .hagt_tabs {margin-bottom: 2px;}
    .hagt_nav .hagt_search {margin-bottom: 2px; float: left; margin-left: 19px;}
    .hag_table_section .hag_nav_actual {clear: left;}
    .hagt_nav {height: 56px;}
    .hag_table_actual .result td.col_first {padding-left: 20px; background-position: 5px 50%;}
    .hag_table_actual .result td {padding: 7px 5px; font-size: 13px;}
}
@media only screen and (max-width: 768px) {
    .hag_side_nav {width: 140px; float: none; height: 70px;}
    .hbc_header #hbch-cbsa_amt_contributions {width: 50%;}
    .hbc_header #hbch-opportunity {width: 25%;}
    .hbc_header #hbch-display_name {width: 25%;}
    .hag_multiples_actual {margin-left: 0; width: 100%;}
    .hag_grid {width: 100%; height: 550px;}
    .hg_cell {width: 89px; height: 36px;}
    .hag_states {height: 390px;}
    .hag_intro {padding-right: 0;}
    .sponsor_logo {position: static; margin: 20px auto 0;}

}
@media only screen and (max-width: 667px) {
    .hag_table_actual thead {display: none !important;}
    .hag_table_actual .result {display: block;}
    .hag_table_actual tr {background-color: white !important;}
    .hag_table_actual tbody .opened td { color: #3f3f3f;}
    .hag_table_actual tbody .opened td span {color: #7f7f7f;}
    .hag_table_actual .result td {display: block; width: 100%; padding: 4px 10px 4px 20px; text-align: left; font-size: 14px;}
    .hag_table_actual .result .col_first {font-size: 16px; padding-top: 8px;}
    .hag_table_actual .result .col_last {padding-bottom: 12px; border-bottom: 1px solid #ccd9dd;}
    .hag_table_actual .opened .col_last {border-bottom: 1px solid transparent;}
    .hag_table_actual .overflow > td {padding: 0 10px 12px 20px; border-bottom: 1px solid #ccd9dd; padding}
    .hag_table_actual .result .col_cbsa_pop_2015:before {content: 'Population (Metro Size Group): '; color: #7f7f7f;}
    .hag_table_actual .result .col_cbsa_amt_contributions:before, .hag_table_actual .result .col_cy_amt_contributions:before, 
    .hag_table_actual .result .col_state_amt_contributions:before,.hag_table_actual .overflow .col_totalgive:before {content: 'Total Giving: '; color: #7f7f7f;}
    .hag_table_actual .result .col_cbsa_avg_giving_by_itemizer:before, .hag_table_actual .result .col_cy_avg_giving_by_itemizer:before, 
    .hag_table_actual .result .col_avg_giving_by_itemizer_2015:before,.hag_table_actual .overflow .col_giveper:before {content: 'Giving Per Itemizer: '; color: #7f7f7f;}
    .hag_table_actual .result .col_gvqa:before, .hag_table_actual .overflow .col_gvqa:before {content: 'Compared to Metro Size Group: '; color: #7f7f7f;}
    .hag_table_actual .result .col_god_qrtl_total:before, .hag_table_actual .result .col_god:before, .hag_table_actual .overflow .col_god:before, .hag_table_actual .overflow .col_god_qrtl:before, 
    .hag_table_actual .overflow .col_god_state:before  {content: 'Giving Opportunity: '; color: #7f7f7f;}
    .hag_table_actual .result .col_cy_pop_2015:before, .hag_table_actual .result .col_state_pop_2015:before  {content: 'Population: '; color: #7f7f7f;}
    .hag_table_actual .result .col_cy_gratio:before, .hag_table_actual .result .col_state_gratio:before,
    .hag_table_actual .result .col_cbsa_gratio:before,.hag_table_actual .overflow .col_giveratio:before {content: 'Giving Ratio: '; color: #7f7f7f;}
    .hag_table_actual .result .col_gvsa:before, .hag_table_actual .overflow .col_gvsa:before {content: 'Compared to State Giving Ratio: '; color: #7f7f7f;}
    .hag_table_actual .result .col_gvna:before, .hag_table_actual .overflow .col_gvna:before {content: 'Compared to National Giving Ratio: '; color: #7f7f7f;}
    .hag_table_actual .overflow, .hag_table_actual .overflow:hover {background-color: white !important;}
    .hag_table_actual .overflow td table td {display: block; width: 100%; padding: 2px 0 3px 40px; text-align: left; font-size: 13px;}
    .hag_table_actual .overflow td table .col_name {font-size: 14px; padding-top: 8px; padding-left: 20px;}
}
@media only screen and (max-width: 711px) {
    .hag_states {height: 320px;}
}
@media only screen and (max-width: 667px) {
    .hag_states_bars {height: 364px; overflow-y: scroll; border-bottom: 2px solid #ccd9dd; border-top: 2px solid #ccd9dd;}
}
@media only screen and (max-width: 632px) {
    .hag_states {height: auto;}
}
@media only screen and (max-width: 580px) {
    .hbc_header {height: auto; border-top: 1px solid #7f7f7f;}
    .hbc_header #hbch-cbsa_amt_contributions, .hbc_header #hbch-opportunity, .hbc_header #hbch-display_name {width: 100%; float: none;}
    .hbc_bar {padding-left: 50px; height: 41px;}
    .hbcb_name {width: 100%; float: none; margin-left: 0; height: 20px;}
    .hbc_bar div {height: 20px;}
}
@media only screen and (max-width: 529px) {
    .hag_nav {height: auto;}
    .hag_nav_actual {float: none; margin-top: 2px;}
    .hagt_nav .hag_nav_actual {float: left;margin-top: 0;}
    }
@media only screen and (max-width: 499px) {
    .hag_filters {height: 220px; width: 100%;}
    .hff_group {width: 100%; padding-right: 40px; height: 50px; max-width: 400px;}
}
@media only screen and (max-width: 494px) {
    .hagt_nav, .hagt_tabs {width: 100%; height: auto; float: none;}
    .hagt_nav .hag_nav_actual, .hagt_nav .hagt_search, .hagt_nav .hagt_tabs li {float: none; width: 100%; max-width: 288px; margin-left: 0; margin-bottom: 2px;}
    .hagt_nav .hagt_search input {width: 288px;}
    .hagt_nav .hagt_tabs li a {width: 100%;}
}