.header-utility .search-box .search-trigger,.header-utility .search-box .search .submit,.nav-social li a,#logo {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.nav-social,.nav-utility {
    margin: 0;
    padding: 0
}

.nav-social li,.nav-utility li {
    list-style: none
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

nav ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

input,select {
    vertical-align: middle
}

html {
    overflow-y: scroll
}

body {
    font: 13px/1.231 sans-serif;
    *font-size: small;
}

select,input,textarea,button {
    font: 99% sans-serif
}

pre,code,kbd,samp {
    font-family: monospace, sans-serif
}

ul,ol {
    list-style-type: none
}

small {
    font-size: 85%
}

b,strong,th {
    font-weight: bold
}

i,em {
    font-style: italic
}

td,td img {
    vertical-align: top
}

sub {
    vertical-align: sub;
    font-size: smaller
}

sup {
    vertical-align: super;
    font-size: smaller
}

pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

textarea {
    overflow: auto
}

.ie6 legend,.ie7 legend {
    margin-left: -7px
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

label,input[type=button],input[type=submit],button {
    cursor: pointer
}

button,input,select,textarea {
    margin: 0
}

button {
    width: auto;
    overflow: visible
}

caption,th {
    text-align: left
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:focus,a {
    -moz-outline-style: none;
    outline: none !important
}

html {
    font-size: 62.5%
}

body {
    background: #fff;
    color: #000;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif
}

select,input,textarea {
    color: #444
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold
}

.base h1 {
    font-size: 42px;
    font-size: 4.2rem;
    text-transform: uppercase;
    margin-bottom: 0.2em;
    line-height: 1.0em
}

.background-gray .base h1,.background-gray .base h2,.background-gray .base h3 {
    color: #fff
}

.background-black .base h1,.background-black .base h2,.background-black .base h3 {
    color: #fff
}

.background-black .base ul,.background-black .base ol {
    color: #fff
}

.base h2 {
    font-size: 31px;
    font-size: 3.1rem;
    line-height: 1;
    margin-bottom: 0.2em
}

.base h3 {
    font-size: 31px;
    font-size: 3.1rem;
    line-height: 1em;
    margin-bottom: 0.2em
}

.base h4 {
    font-size: 22px;
    font-size: 2.2rem
}

.base p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
    margin-bottom: 1em
}

.base strong {
    font-size: 15px;
    font-size: 1.5rem
}

.base img,.base iframe {
    max-width: 100%
}

.base img {
    height: auto
}

.base .content-image {
    margin-bottom: 1em
}

a {
    text-decoration: none;
    font-weight: bold
}

a:hover,a:active {
    outline: none
}

a,a:active,a:visited {
    color: #00aaf6
}

a:hover,a:focus {
    color: red
}

a:link {
    -webkit-tap-highlight-color: #00abfc
}

blockquote {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
    margin-bottom: 1em;
    margin-left: 1em;
    border-left: 1px solid #252528
}

img {
    max-width: 100%
}

.base ul,.base ol {
    margin-left: 1.8em
}

.base ul li,.base ol li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
    margin-bottom: 0.7em
}

.base ul li {
    list-style: disc
}

.base ol li {
    list-style: decimal
}

.base a {
    font-weight: normal
}

.base h1 a,.base h2 a,.base h3 a,.base h4 a,.base h5 a,.base h6 a {
    font-weight: bold
}

.subhead {
    font-size: 20px;
    font-size: 2rem;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold
}

.fixed-width {
    margin: 0 auto
}

@media screen and (min-width: 940px) {
    .fixed-width {
        max-width:1000px;
        width: 100%
    }
}

@font-face {
    font-family: "Trade Gothic";
    font-weight: normal;
    font-style: normal;
    src: url("//www.peopleforbikes.org/page/-/fonts/8a6c3750-4927-4649-9dac-87049f5e9700.eot?#iefix");
    src: url("//www.peopleforbikes.org/page/-/fonts/8a6c3750-4927-4649-9dac-87049f5e9700.eot?#iefix") format("eot"),url("/wp-content/themes/pfb/css/webfonts/57625f96-ca80-4602-9644-ec1803cb3ba3.woff") format("woff"),url("/wp-content/themes/pfb/css/webfonts/6618d500-1727-4334-878e-1c4b95192f42.ttf") format("truetype"),url("//www.peopleforbikes.org/page/-/fonts/01ebe944-ca6c-41db-a3ba-b7e2a90536d9.svg#01ebe944-ca6c-41db-a3ba-b7e2a90536d9") format("svg")
}

@font-face {
    font-family: "Trade Gothic";
    font-style: italic;
    font-weight: normal;
    src: url("//www.peopleforbikes.org/page/-/fonts/5907bd95-539f-4f25-b115-69c42aee6b21.eot?#iefix");
    src: url("//www.peopleforbikes.org/page/-/fonts/5907bd95-539f-4f25-b115-69c42aee6b21.eot?#iefix") format("eot"),url("/wp-content/themes/pfb/css/webfonts/3bde4253-d238-40b7-b813-eea7bdd9e80d.woff") format("woff"),url("/wp-content/themes/pfb/css/webfonts/6005c161-37f3-4678-869a-1b4306ecc563.ttf") format("truetype"),url("//www.peopleforbikes.org/page/-/fonts/1301d16e-d0ec-407b-9796-677535450691.svg#1301d16e-d0ec-407b-9796-677535450691") format("svg")
}

@font-face {
    font-family: "Trade Gothic";
    font-weight: bold;
    font-style: normal;
    src: url("//www.peopleforbikes.org/page/-/fonts/62cdf702-7113-4955-9b29-d803174650c7.eot?#iefix");
    src: url("//www.peopleforbikes.org/page/-/fonts/62cdf702-7113-4955-9b29-d803174650c7.eot?#iefix") format("eot"),url("/wp-content/themes/pfb/css/webfonts/a43fe47f-004d-4b6d-9a72-23de9e08f66e.woff") format("woff"),url("/wp-content/themes/pfb/css/webfonts/de22c287-e0dc-4287-8a0e-3f68a8788330.ttf") format("truetype"),url("//www.peopleforbikes.org/page/-/fonts/d7c320de-0c26-418a-b1d2-ef600169db34.svg#d7c320de-0c26-418a-b1d2-ef600169db34") format("svg")
}

@font-face {
    font-family: "Trade Gothic";
    font-weight: bold;
    font-style: italic;
    src: url("//www.peopleforbikes.org/page/-/fonts/f54ff660-2006-4adc-adb4-13705f833857.eot?#iefix");
    src: url("//www.peopleforbikes.org/page/-/fonts/f54ff660-2006-4adc-adb4-13705f833857.eot?#iefix") format("eot"),url("/wp-content/themes/pfb/css/webfonts/e66e3237-f0dc-4885-90eb-b71e55d0c057.woff") format("woff"),url("/wp-content/themes/pfb/css/webfonts/e3728264-163f-42ea-8592-565a6ec20b9a.ttf") format("truetype"),url("//www.peopleforbikes.org/page/-/fonts/4358bf54-ee4b-47d2-a4b4-0fa43581c3de.svg#4358bf54-ee4b-47d2-a4b4-0fa43581c3de") format("svg")
}

.cycle-slideshow,.cycle-slideshow * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cycle-slideshow {
    width: 100%;
    min-width: 200px;
    padding: 0
}

.cycle-slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    display: block
}

.cycle-slideshow .summary * {
    white-space: normal !important
}

.cycle-slideshow img:first-child {
    position: static;
    z-index: 100
}

.action-button-wrap {
    overflow: hidden;
    display: inline-block
}

.action-button-wrap .action-button-inner a,.action-button-wrap .action-button-after a {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "Trade Gothic";
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 11px 16px 10px 27px;
    position: relative;
    line-height: 1;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform: uppercase
}

.action-button-wrap .action-button-inner a:visited,.action-button-wrap .action-button-inner a:hover,.action-button-wrap .action-button-inner a:active,.action-button-wrap .action-button-after a:visited,.action-button-wrap .action-button-after a:hover,.action-button-wrap .action-button-after a:active {
    color: #fff
}

.action-button-wrap .action-button-after a {
    padding: 5px 20px 7px 11px;
    color: red !important;
    font-size: 25px;
    font-size: 2.5rem
}

.csstransforms .action-button-wrap .slant-white {
    margin-right: -13px
}

#colorbox,#cboxOverlay,#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft,#cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative;
    overflow: visible
}

#cboxLoadedContent {
    overflow: auto
}

#cboxLoadedContent iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
    cursor: pointer
}

#cboxOverlay {
    background: #000
}

#cboxContent {
    margin-top: 32px
}

#cboxLoadingGraphic {
    background: url(//www.peopleforbikes.org/page/-/images/loading.gif) center center no-repeat
}

#cboxLoadingOverlay {
    background: #000
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px
}

#cboxSlideshow,#cboxPrevious,#cboxNext,#cboxClose {
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(//www.peopleforbikes.org/page/-/images/controls.png) 0 0 no-repeat
}

#cboxPrevious {
    background-position: 0px 0px;
    right: 44px
}

#cboxPrevious.hover {
    background-position: 0px -25px
}

#cboxNext {
    background-position: -25px 0px;
    right: 22px
}

#cboxNext.hover {
    background-position: -25px -25px
}

#cboxClose {
    background-position: -50px 0px;
    right: 0;
    border: 0
}

#cboxClose.hover {
    background-position: -50px -25px
}

.cboxSlideshow_on #cboxPrevious,.cboxSlideshow_off #cboxPrevious {
    right: 66px
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px
}

.cboxSlideshow_on #cboxSlideshow.hover {
    background-position: -100px -25px
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px
}

.cboxSlideshow_off #cboxSlideshow.hover {
    background-position: -75px -25px
}

.error {
    height: 18px;
    background-color: #ff0000;
    border: 1px solid #E1E16D;
    font-size: 11px;
    color: #fff;
    padding: 1px 10px 4px 10px
}

.fancy {
    background: url("//peopleforbikes.org/page/-/uploads/GLP/blockquote%20pfb%20blue.png") no-repeat;
    padding: 5px 5px 5px 54px;
    border-left: none
}

.message.on-dark {
    color: #fff
}

.background-gray {
/*    background: #171719 */
  background: #00283c;
}

.background-black {
    /* background: #000; */
    background: #00283c;
}

.background-white {
    background: #fff
}


@media screen and (max-width: 650px) {
    body.home {
        /*background:#000 !important;*/
	background: #00283c !important;
    }
    body {
        background:#fff !important;
        z-index: 0;
    }
    body.background-white .content-wrap {
        background: #fff !important;
    }
}


.global-header {
    position: relative;
    text-transform: uppercase;
    /* background: #000; */
    background: #00283c;
}

.global-header a {
    text-decoration: none
}

@media screen and (min-width: 650px) {
    .global-header .fixed-width {
        position:relative
    }
}

.header-utility {
    /* background: #252528; */
    background: #00283c;
    z-index: 1;
    position: relative
}

@media screen and (min-width: 650px) {
    .header-utility {
        position:absolute;
        right: 0;
        top: 0;
        width: 345px;
        padding: 15px
    }
}

.header-utility .search-box {
    position: relative;
    width: 260px;
    top: -27px;
    margin-left: auto;
    margin-right: auto
}

.header-utility .search-box .search-trigger {
    float: right;
    width: 13px;
    height: 17px;
    background: url("//peopleforbikes.org/page/-/img/mag-glass-white.svg") 0 0 no-repeat;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 0
}

.header-utility .search-box.inactive {
    z-index: -10000;
}
.header-utility .search-box.active {
    z-index: 200;
}

.no-svg .header-utility .search-box .search-trigger {
    background-image: url("//www.peopleforbikes.org/page/-/img/mag-glass-white.png")
}

.header-utility .search-box .search-wrapper {
    width: 0;
    overflow: hidden;
    -webkit-transition: width 0.2s linear;
    -moz-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    -ms-transition: width 0.2s linear;
    transition: width 0.2s linear;
    float: right
}

.header-utility .search-box .search {
    background: #fff;
    border-top: 1px solid red;
    height: 21px
}

.header-utility .search-box .search .submit {
    width: 13px;
    height: 17px;
    background: url("//www.peopleforbikes.org/page/-/img/mag-glass-black.svg") 0 0 no-repeat;
    border: none;
    float: left;
    margin: 2px 0 0 6px
}

.no-svg .header-utility .search-box .search .submit {
    background-image: url("//www.peopleforbikes.org/page/-/img/mag-glass-black.png")
}

.header-utility .search-box .search .text {
    background: none;
    border: none;
    padding: 5px;
    display: inline-block;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #1f1f21;
    padding: 3px 10px 0;
    line-height: 12px;
    width: 230px
}

.header-utility .search-box.active .search-wrapper {
    width: 260px;
    -webkit-transition: width 0.2s linear;
    -moz-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    -ms-transition: width 0.2s linear;
    transition: width 0.2s linear
}

@media screen and (min-width: 650px) {
    .header-utility .search-box {
        margin:-21px 0 0;
        float: left;
        top: 0
    }
}

#search-results table.gsc-search-box {
    margin-bottom: 0
}

#search-results input.gsc-input {
    background: none !important;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 19px;
    height: 35px;
    line-height: 38px;
    padding: 0 10px
}

#search-results table.gsc-search-box td.gsc-input {
    padding-right: 0
}

#search-results .cse input.gsc-search-button,#search-results input.gsc-search-button {
    background: #00aaf6;
    border: none;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border-radius: 0;
    font-size: 19px;
    height: 35px;
    padding: 0 10px;
    line-height: 38px;
    -webkit-appearance: none
}

#search-results .gs-no-results-result .gs-snippet,#search-results .gs-error-result .gs-snippet {
    border: none;
    background: none;
    margin: 30px 0 0;
    padding: 0;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #86848a;
    font-size: 28px
}

@media screen and (min-width: 940px) {
    #search-results #content h1 {
        margin-bottom:0;
        float: left;
        width: 50%
    }

    #search-results form.gsc-search-box {
        width: 50%;
        float: right
    }
}

.glp-follow .nav-social li {
    list-style: none
}

.nav-social {
    float: left;
    list-style: none;
    text-align: center;
}

@media screen and (max-width: 649px){
    ul.social-footer-mobile {
        width: 100%;
        display:block;
        margin-bottom:20px;
    }
    .nav-social.social-footer{
        display:none;
    }
}
@media screen and (min-width: 650px){
    ul.social-footer-mobile {
        display:none;
    }
    .nav-social.social-footer{
        display:block;
    }
}

.nav-social li {
    display: inline-block;
    width: 20px;
    margin-right: 10px
}

.nav-social li a {
    display: block;
    height: 20px;
    width: 20px;
    background-size:cover;
}

.social-header,.nav-utility {
    display: none
}

@media screen and (min-width: 650px) {
    .social-header,.nav-utility {
        display:block
    }
}

.nav-utility {
    float: left;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-size: 1.2rem
}

.nav-utility li {
    float: left;
    padding: 3px 10px 0 0
}

.nav-utility a {
    color: #86848a
}

.nav-utility a:hover {
    color: #00aaf6
}

article#content {
    width: 68%;
    float: left;
    padding-left: 7%;
    margin-top: 3em;
    min-height: 50em
}

@media screen and (max-width: 800px) {
    article#content {
        width:100%;
        margin-top: 1.5em;
        padding: 0 5%;
        float: none
    }
}

article#content.subnav {
    margin-top: 0
}

aside#sidebar {
    width: 30%;
    float: right;
    margin-top: 6.8em
}

@media screen and (max-width: 800px) {
    aside#sidebar {
        width:100%;
        margin-top: 1.5em;
        padding: 0 5%;
        float: none
    }
}

aside#sidebar.subnav {
    margin-top: 0
}

.full-width article#content {
    width: 100%;
    float: none
}

#quick-signup {
    position: relative;
    clear: both;
    overflow: hidden
}

@media screen and (min-width: 650px) {
    #quick-signup {
        margin:0;
        padding-top: 15px;
        height: 36px;
        width: 230px;
        z-index: 100
    }
}

.csstransforms #quick-signup .slant {
    margin-left: -7px;
    margin-right: 0
}

#quick-signup fieldset {
    margin: .5em auto;
    width: 215px
}

@media screen and (min-width: 650px) {
    #quick-signup fieldset {
        margin:0;
        width: auto;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline
    }
}

#quick-signup input {
    color: #1f1f21;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    text-transform: uppercase;
    border: 0;
    height: 21px;
    padding: 2px 5px 3px;
    border-top: 1px solid red;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    -webkit-appearance: none;
    -webkit-border-radius: 0px
}

#quick-signup input::-webkit-input-placeholder {
    color: #1f1f21
}

#quick-signup input:-moz-placeholder {
    color: #1f1f21
}

#quick-signup input::-moz-placeholder {
    color: #1f1f21
}

#quick-signup input:-ms-input-placeholder {
    color: #1f1f21
}

#quick-signup .text {
    left: 7px;
    position: relative
}

#qs-email {
    width: 120px
}

#qs-zip {
    width: 50px
}

#quick-signup #qs-submit {
    font-weight: bold;
    font-size: 115%;
    padding: 3px 11px 0
}

.header-utility .search-box {
    position: relative;
    width: 260px;
    top: -27px;
    margin-left: auto;
    margin-right: auto
}

.header-utility .search-box .search-trigger {
    float: right;
    width: 13px;
    height: 17px;
    background: url("//www.peopleforbikes.org/page/-/img/mag-glass-white.svg") 0 0 no-repeat;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 0
}

.no-svg .header-utility .search-box .search-trigger {
    background-image: url("//www.peopleforbikes.org/page/-/img/mag-glass-white.png")
}

.header-utility .search-box .search-wrapper {
    width: 0;
    overflow: hidden;
    -webkit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -o-transition: width .2s linear;
    -ms-transition: width .2s linear;
    transition: width .2s linear;
    float: right
}

.header-utility .search-box .search {
    background: #fff;
    border-top: 1px solid red;
    height: 21px
}

.header-utility .search-box .search .submit {
    width: 13px;
    height: 17px;
    background: url("//www.peopleforbikes.org/page/-/img/mag-glass-black.svg") 0 0 no-repeat;
    border: none;
    float: left;
    margin: 2px 0 0 6px
}

.no-svg .header-utility .search-box .search .submit {
    background-image: url("//www.peopleforbikes.org/page/-/img/mag-glass-black.png")
}

.header-utility .search-box .search .text {
    background: none;
    border: none;
    padding: 5px;
    display: inline-block;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #1f1f21;
    padding: 3px 10px 0;
    line-height: 12px;
    width: 230px
}

.header-utility .search-box.active .search-wrapper {
    width: 260px;
    -webkit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -o-transition: width .2s linear;
    -ms-transition: width .2s linear;
    transition: width .2s linear
}

@media screen and (min-width: 650px) {
    .header-utility .search-box {
        margin:-21px 0 0;
        float: left;
        top: 0
    }
}

#container {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.global-nav-show {
    -webkit-transform: translateX(35%);
    -moz-transform: translateX(35%);
    -o-transform: translateX(35%);
    -ms-transform: translateX(35%);
    transform: translateX(35%)
}

.btn-navbar {
    border: 0;
    background: transparent;
    display: none
}

.btn-navbar span {
    height: 6px;
    width: 6px;
    background: #fff;
    display: block;
    margin: 13px
}

@media screen and (max-width: 650px) {
    .btn-navbar {
        position:absolute;
        top: 0;
        left: 0;
        padding: 4px 8px;
        font-size: 12px;
        font-size: 1.2rem;
        display: block
    }

    /*.rotator-container { z-index: 1 !important; } */  /* changed from -1 */
    #header-nav { z-index:100000001 !important; background:#2f2f2f !important; }

}

.global-nav-show .btn-navbar {
    background: #1f1f21
}

#header-nav {
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem;
    position: absolute;
    left: -35%;
    width: 35%;
    top: 1em
}

#header-nav>li {
    display: block;
    margin: 1%
}

#header-nav li.level_2 a {
    color: #ccc;
    padding-left: 1.5em
}

@media screen and (min-width: 650px) {
    #header-nav {
        position:relative;
        left: 0;
        top: 0;
        width: auto;
        top: 0
    }

    #header-nav ul {
        float: right
    }

    #header-nav li {
        float: left;
        margin: 0;
        text-align: left;
        width: auto;
        position: relative
    }

    #header-nav li:hover {
        background: #252528
    }

    #header-nav li.level_1.active>a {
        color: #00aaf6
    }

    #header-nav li ul {
        padding: 0;
        position: absolute;
        top: 149px;
        left: 0;
        z-index: 1000;
        display: none;
        opacity: 0;
        visibility: hidden;
        border-top: 10px solid #252528;
    }
}

@media screen and (min-width: 650px) and (max-width: 880px) {
    #header-nav li ul {
        top:28px
    }
}

@media screen and (min-width: 650px) {
    #header-nav li ul li {
        background:#252528;
        display: block;
        color: #fff;
        width: 14em;
        padding: 0.7em 0.4em 0.5em 0.4em;
        margin: 0
    }

    #header-nav li ul li a {
        padding: 0 0 0 0.6em;
        margin: 0;
        color: #fff !important
    }

    #header-nav li ul li:hover {
        background: #00aaf6
    }

    #header-nav li:hover ul {
        display: block;
        opacity: 1;
        visibility: visible
    }
}

#header-nav.global-nav-active {
    max-height: 400px
}

#header-nav li a {
    color: #fff;
    display: block;
    padding: 5px 10px
}

@media screen and (min-width: 800px) {
    #header-nav li a {
        padding:110px 10px 30px
    }
}

@media screen and (min-width: 880px) {
    #header-nav li a {
        padding:110px 15px 30px
    }
}

#header-nav li a:hover {
    color: #00aaf6
}

#header-nav li a.highlight {
    color: red
}

#logo {
    display: block;
    width: 253px;
    height: 54px;
    margin: 30px
}

@media screen and (max-width: 650px) {
    #logo {
        width:52px;
        margin: 12px auto
    }
}

@media screen and (min-width: 800px) {
    #logo {
        float:left;
        margin: 75px 0 30px 30px
    }
}

#logo a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 101
}

.global-footer {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    padding: 30px 0;
    background: #00283c;
    min-height: 75px;
    max-width:100%;
    overflow:hidden;
}

@media screen and (min-width: 650px) {
    .global-footer {
        padding-bottom:80px;
        bottom: -20px
    }
}
#pfb-top-footer {
    display: flex;
    justify-content: space-between;
}
.footer-left {
    border-top: 1px solid #aaa6a8;
    position: relative;
    flex-basis: 50%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

#google_translate_element {
    display: none
}

@media screen and (min-width: 650px) {
    #google_translate_element {
        display:block;
        position: absolute;
        top: 20px;
        left: 20px
    }
}

@media screen and (min-width: 650px) {
    .social-footer {
        position:relative;
        bottom: 0;
        left: 0;
        float: none;
        margin-left: 0
    }
}

.footer-nav li {
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin: 4px 0 4px 8px;
    float: left
}

.footer-nav li a {
    color: #86848a
}

.footer-nav li a:hover {
    color: #00aaf6
}

.footer-right {
    flex-basis: 51%;
    height: 17px;
    margin: auto -50px 30px 0;
    display: flex;
}

.footer-right span {
    margin-right: 3%;
    height: 100%;
    display: block;
    transform: skew(-45deg, 0deg);
}

span#pfb-grad1 {
    background: linear-gradient(to right, #049bd7, #486f99);
    width: 28%;
}

span#pfb-grad2 {
    background: linear-gradient(to right, #486f99, #7d597a);
    width: 20%;
}

span#pfb-grad3 {
    background: linear-gradient(to right, #7d597a, #ed1c25);
    width: 52%;
}

@media screen and (max-width: 650px) {
    .footer-nav {
        margin: 0 auto 20px;
    }
    .footer-nav li {
        font-size:1.6rem;
    }
    .footer-left {
        border: none;
        flex-direction: column;
    }
    .footer-right {
        margin: auto -30px 30px 15px;
    }
    #pfb-top-footer {
        flex-direction: column-reverse;
    }
    .nav-social li:last-child {
        margin-right: 0;
    }
}

.csstransforms .slant,.csstransforms .slant-reverse {
    position: relative;
    margin: 0 13px 0 -17px;
    display: inline-block;
    vertical-align: middle;
    zoom:1;
}

.csstransforms .slant-white:before {
    background: #fff
}

.csstransforms .slant-red:before {
    background: red
}

.csstransforms .slant-green:before {
    background: #75be2d
}

.csstransforms .slant-blue:before {
    background: #00aaf6
}

.csstransforms .slant:before,.csstransforms .slant-reverse:after {
    content: ' ';
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.csstransforms .slant:before {
    -webkit-transform: skew(-35deg);
    -ms-transform: skew(-35deg, 0deg);
    transform: skewX(-35deg)
}

.csstransforms .slant:after {
    -webkit-transform: skew(35deg);
    -ms-transform: skew(35deg, 0deg);
    transform: skewX(35deg)
}

.csstransforms .slant input,.csstransforms .slant #qs-submit {
    background: transparent;
    position: relative;
    -webkit-appearance: none
}

.rotator-container {
    position: relative
}

.rotator-container .rotator-button {
    position: absolute;
    background: #fff;
    color: #00aaf6;
    font-size: 26px;
    font-size: 2.6rem;
    top: 130px;
    padding: 5px 15px 5px 14px;
    z-index: 10001;
    cursor: pointer;
}

.rotator-container .rotator-button:hover {
    background: #00aaf6;
    color: #fff
}

@media screen and (min-width: 650px) {
    .rotator-container .rotator-button {
        top:42%
    }
}

.rotator-container .ie7 .rotator-container {
    z-index: -1
}

.rotator-container #rotator-next {
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    right: 0
}

.rotator-container #rotator-prev {
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    left: 0
}

#homepage-rotator li {
    overflow: hidden;
    width: 100%;
    position: relative;
}
a.clickSlide {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0; 
    z-index:3;
}

#homepage-rotator span.slide {
    display: block;
    height: 470px;
    width: 100%;
    padding: 130px 40px;
    position: relative;
    z-index: 2;
    color: #fff;
    background: transparent url() 0 0 no-repeat;
    background-size: cover
}

.ie7 #homepage-rotator span.slide {
    background-size: auto 100%
}

@media screen and (min-width: 800px) {
    #homepage-rotator span.slide {
        width:100%;
        padding: 140px 40px 20px 60px
    }
}

#homepage-rotator .feature-title {
    text-transform: uppercase;
    margin-left: 10%;
    text-shadow: 1px 2px 5px rgba(0,0,0,0.7);
    font-size: 40px;
    font-size: 4rem
}

@media screen and (min-width: 800px) {
    #homepage-rotator .feature-title {
        font-size:56px;
        font-size: 5.6rem;
        width: 56%
    }
}

#homepage-rotator .feature-summary {
    text-transform: uppercase;
    margin-left: 10%;
    margin-bottom: 1em;
    font-size: 15px;
    font-size: 1.5rem
}

@media screen and (min-width: 800px) {
    #homepage-rotator .feature-summary {
        width:50%
    }
}

#homepage-rotator .feature-button,#homepage-rotator .action-button-wrap {
    margin-left: 10%
}

.clipParent {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0
}

.clipParent canvas,.clipParent img {
    width: 100%;
    height: 470px
}

body#statistics { /*background: #171719;*/ background: #00283c; color:#fff; }

body#home #blog {
    /* background: rgba(0,0,0,0.6); */
    background: #00283c;
    padding: 3em 0 3em 0;
    position: relative;
    clear: both
}

@media screen and (max-width: 800px) {
    body#home #blog {
        padding-top:1.5em;
        overflow: hidden
    }
}

body#home #blog .cycle-slideshow {
    margin-left: 2em;
    width: 97%
}

body#home #blog #prev,body#home #blog #next {
    width: 1em;
    display: block;
    position: absolute;
    top: 1.45em;
    z-index: 101;
    padding-top: 5.5em;
    padding-bottom: 5.3em;
    text-align: center;
    font-size: 27px;
    font-size: 2.7rem;
    background: #00283c;
    color: #f0f0f0;
/*
    background: #000;
    color: #86848a;
*/
}

@media screen and (max-width: 800px) {
    body#home #blog #prev,body#home #blog #next {
        top:0.7em;
        padding-bottom: 5.34em
    }
}

body#home #blog #prev:hover,body#home #blog #next:hover {
    background: #00aaf6;
    color: #000
}

body#home #blog #next {
    right: 0
}

body#home .story {
    width: 23em;
    height: 25em;
    margin: 0;
    margin-right: 2em;
    position: relative !important;
    background-repeat: no-repeat
}

body#home #home-counter {
    margin: 3.1em 2em -0.1em 2em;
    min-height: 4.5em
}

body#home .counter-box {
    width: 40px;
    height: 62px;
    display: inline;
    margin-right: 5px;
    float: left;
    background: #1d7bb2;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #00aaf6), color-stop(45%, #00aaf6), color-stop(46%, #1d7bb2), color-stop(100%, #1d7bb2))
}

@media screen and (max-width: 480px) {
    body#home .counter-box {
        width:30px;
        height: 52px
    }
}

body#home .counter-box p {
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 3.5em;
    margin-top: 0.1em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8b8), color-stop(50%, #b8b8b8), color-stop(51%, #fff), color-stop(100%, #fff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width: 480px) {
    body#home .counter-box p {
        font-size:2.9em;
        height: 42px
    }
}

body#home .counter-text {
    color: #fff;
    float: right;
    font-size: 42px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 1.1em;
    margin-top: 0.2em
}

.translated-ltr body#home .counter-text {
    float: left
}

.interior {
    /* background: #000 */
    background: #00283c;
}

.interior #container {
    background: #fff
}

.entry {
/*    background: #171719; */
    background: #00283c;
    padding: 20px;
    margin-bottom: 1em;
    position: relative
}

.entry .entry-summary {
    color: #FFF
}

@media screen and (min-width: 800px) {
    .entry .entry-summary {
        width:70%
    }
}

.entry .entry-summary h2 a:link,.entry .entry-summary h2 a:focus,.entry .entry-summary h2 a:visited {
    color: #00aaf6;
    font-weight: bold
}

.entry .entry-thumb {
    display: block;
    width: 100%;
    padding-bottom: 0
}

@media screen and (min-width: 800px) {
    .entry .entry-thumb {
        width:30%
    }
}

.entry .entry-thumb img {
    display: block
}

.entry .entry-action {
    clear: left
}

nav#page-sub {
    margin-top: 1.7em;
    width: 100%;
    display: block;
    padding-left: 5.4em
}

nav#page-sub ul {
    position: relative;
    width: 100%;
    float: none;
    top: 0
}

nav#page-sub li {
    display: inline;
    float: none;
    text-align: center
}

nav#page-sub li.active a {
    color: #00aaf6
}

nav#page-sub li a {
    text-transform: uppercase;
    color: #a9a8a9;
    font-size: 16px;
    font-size: 1.6rem;
    padding-right: 0.5em
}

nav#page-sub li a:hover {
    color: #00aaf6
}

@media screen and (max-width: 800px) {
    nav#page-sub {
        padding-left:5%
    }
}

@media screen and (max-width: 650px) {
    nav#page-sub {
        float:none;
        display: block
    }

    nav#page-sub li {
        display: block;
        padding: 0.4em
    }
}

.map-instructions {
    padding: 50px 20px 20px;
    color: #171719;
    max-width: 800px;
    margin: auto
}

.map-instructions h1 {
    font-size: 20px;
    text-transform: uppercase;
    color: #00aaf6
}

@media screen and (min-width: 880px) {
    .map-instructions {
        padding:50px 0 20px
    }
}

#mobile-map {
    padding: 20px
}

@media screen and (min-width: 800px) {
    #mobile-map {
        display:none
    }
}

#mobile-map a {
    display: block;
    float: left;
    padding: 10px 20px;
    margin: 5px;
    color: #FFF;
    font-size: 16px;
    line-height: 1;
    height: 36px;
    background: #00aaf6;
    text-transform: uppercase
}

#map-container {
    width: 700px;
    height: 500px;
    margin: 0 auto -20px;
    display: none
}

@media screen and (min-width: 800px) {
    #map-container {
        display:block
    }
}

.state-listing {
    position: relative
}

.state-listing .title-bar {
    margin-bottom: 30px;
    background: #000;
    padding: 10px
}

@media screen and (min-width: 880px) {
    .state-listing .title-bar {
        padding:7px 5px 2px 20px;
        height: 39px
    }
}

.state-listing .title-bar>* {
    line-height: 1
}

@media screen and (min-width: 880px) {
    .state-listing .title-bar>* {
        display:inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline
    }
}

.state-listing .title-bar h2 {
    font-size: 50px;
    text-transform: uppercase;
    color: #00aaf6
}

.state-listing .title-bar h3 {
    font-size: 30px;
    text-transform: uppercase;
    color: #FFF
}

@media screen and (min-width: 880px) {
    .state-listing .title-bar h3 {
        padding:0 15px
    }
}

.state-listing .title-bar .cta {
    background: #00aaf6;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    padding: 13px 20px;
    display: inline-block;
    *vertical-align: auto;
    zoom:1;*display: inline
}

@media screen and (min-width: 480px) {
    .state-listing .title-bar .cta {
        display:inline;
        position: absolute;
        top: 10px;
        right: 10px
    }
}

@media screen and (min-width: 880px) {
    .state-listing .title-bar .cta {
        height:39px;
        padding: 12px 20px 11px;
        top: 0;
        right: 0
    }
}

.state-listing h4 {
    border-bottom: 1px solid red;
    padding-bottom: 3px;
    margin-bottom: 20px
}

.state-listing h4,.state-listing h5 {
    font-size: 16px;
    text-transform: uppercase
}

.state-listing .state-name {
    position: relative
}

@media screen and (min-width: 880px) {
    .state-listing .state-name {
        padding:0 10px;
        margin: -16px 0;
        top: 2px;
        background: #FFF
    }
}

.state-listing .feeds {
    margin: 0 -5px
}

.state-listing .feed {
    width: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 20px
}

@media screen and (min-width: 480px) {
    .state-listing .feed {
        width:50%;
        float: left
    }
}

@media screen and (min-width: 880px) {
    .state-listing .feed {
        width:25%
    }
}

.state-listing .feed .inner,#dev-map.state-listing .feed .inner__tall {
    padding: 20px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #000;
    color: #FFF
}

.state-listing .feed h4 {
    margin: 0 20px 20px
}

.state-listing .state-item {
    padding: 10px 20px
}

#dev-map.state-listing {
    position: relative
}

#dev-map.state-listing .title-bar {
    margin-bottom: 30px;
    /* background: #000; */
    background: #00283c;
    padding: 10px
}

@media screen and (min-width: 880px) {
    #dev-map.state-listing .title-bar {
        padding:7px 5px 2px 20px;
        height: 39px
    }
}

#dev-map.state-listing .title-bar>* {
    line-height: 1
}

@media screen and (min-width: 880px) {
    #dev-map.state-listing .title-bar>* {
        display:inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline
    }
}

#dev-map.state-listing .title-bar h2 {
    font-size: 50px;
    text-transform: uppercase;
    color: #00aaf6
}

#dev-map.state-listing .title-bar h3 {
    font-size: 30px;
    text-transform: uppercase;
    color: #FFF
}

@media screen and (min-width: 880px) {
    #dev-map.state-listing .title-bar h3 {
        padding:0 15px
    }
}

#dev-map.state-listing .title-bar .cta {
    background: #00aaf6;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    padding: 13px 20px;
    display: inline-block;
    *vertical-align: auto;
    zoom:1;*display: inline
}

@media screen and (min-width: 480px) {
    #dev-map.state-listing .title-bar .cta {
        display:inline;
        position: absolute;
        top: 10px;
        right: 10px
    }
}

@media screen and (min-width: 880px) {
    #dev-map.state-listing .title-bar .cta {
        height:39px;
        padding: 12px 20px 11px;
        top: 0;
        right: 0
    }
}

#dev-map.state-listing .feed--title {
    min-height: 45px;
    padding: 12px 0 8px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #252528;
    -webkit-transition: .2s background-color linear;
    -moz-transition: .2s background-color linear;
    -o-transition: .2s background-color linear;
    -ms-transition: .2s background-color linear;
    transition: .2s background-color linear
}

#dev-map.state-listing .feed--title.expanded {
    background-color: #00aaf6
}

#dev-map.state-listing .feed--expand {
    height: 35px;
    position: relative;
    padding: 8px 0;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    background-color: #A3A3A3;
    cursor: pointer
}

#dev-map.state-listing .feed--expand::after {
    position: relative;
    left: 5px;
    display: inline-block;
    width: 0;
    height: 0;
    content: " ";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid black
}

#dev-map.state-listing .feed--expand.expanded::after {
    top: -1px;
    border-top: 0;
    border-bottom: 10px solid black
}

#dev-map.state-listing .feed--expand.hide-expand {
    display: block
}

@media screen and (min-width: 880px) {
    #dev-map.state-listing .feed--expand.hide-expand {
        display:none
    }
}

@media screen and (min-width: 880px) {
    #dev-map.state-listing .feed .inner.hide-expand,#dev-map.state-listing .feed .hide-expand.inner__tall {
        height:250px;
        max-height: 230px;
        transition: none;
        -webkit-transition: none
    }
}

#dev-map.state-listing .feed.empty-expand {
    display: none
}

@media screen and (min-width: 480px) {
    #dev-map.state-listing .feed.empty-expand {
        display:block
    }
}

#dev-map.state-listing h4,#dev-map.state-listing h5 {
    font-size: 16px;
    text-transform: uppercase
}

#dev-map.state-listing .state-name {
    position: relative
}

@media screen and (min-width: 880px) {
    #dev-map.state-listing .state-name {
        padding:0 10px;
        margin: -16px 0;
        top: 2px;
        background: #FFF
    }
}

#dev-map.state-listing .feeds {
    margin: 0 -5px
}

#dev-map.state-listing .feed--group {
    position: relative;
    overflow: hidden
}

#dev-map.state-listing .feed {
    width: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 20px
}

@media screen and (min-width: 480px) {
    #dev-map.state-listing .feed {
        padding:0 5px;
        width: 50%;
        float: left
    }
}

@media screen and (min-width: 880px) {
    #dev-map.state-listing .feed {
        width:25%
    }
}

#dev-map.state-listing .feed .inner,#dev-map.state-listing .feed .inner__tall {
    position: relative;
    display: none;
    overflow: hidden;
    padding: 10px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* background: #000; */
    background: #00283c;
    color: #FFF;
    -webkit-transition: .5s max-height linear;
    -moz-transition: .5s max-height linear;
    -o-transition: .5s max-height linear;
    -ms-transition: .5s max-height linear;
    transition: .5s max-height linear
}

@media screen and (min-width: 480px) {
    #dev-map.state-listing .feed .inner,#dev-map.state-listing .feed .inner__tall {
        display:block;
        height: 195px;
        max-height: 195px
    }
}

#dev-map.state-listing .feed .inner.expanded,#dev-map.state-listing .feed .expanded.inner__tall {
    display: block;
    height: auto;
    min-height: 195px;
    max-height: 10000px;
    overflow: visible
}

#dev-map.state-listing .feed .inner .entries.visible,#dev-map.state-listing .feed .inner__tall .entries.visible {
    padding-right: 20px
}

#dev-map.state-listing .feed .inner .alphabet,#dev-map.state-listing .feed .inner__tall .alphabet {
    display: none;
    top: 0
}

#dev-map.state-listing .feed .inner .alphabet.visible,#dev-map.state-listing .feed .inner__tall .alphabet.visible {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    padding: 5px 0;
    background-color: #A3A3A3;
    text-align: center
}

#dev-map.state-listing .feed .inner .alphabet a,#dev-map.state-listing .feed .inner__tall .alphabet a {
    padding: 0 4px;
    color: #000
}

#dev-map.state-listing .feed h4 {
    margin: 0;
    border: 0
}

#dev-map.state-listing .feed .inner__tall {
    display: block;
    height: 230px;
    max-height: 230px
}

#dev-map.state-listing .state-item {
    padding: 10px 20px
}

#dev-map.state-listing .read-more-link+.read-more-link {
    display: none
}

.share-this {
    background: #000;
    padding: 1.0em;
    position: fixed;
    top: 300px;
    left: 0;
    text-align: center
}

@media screen and (max-width: 800px) {
    .share-this {
        position:static;
        padding: 1.0em 30%
    }
}

.share-this p {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    color: red;
    text-transform: uppercase;
    letter-spacing: 0.1em
}

@media screen and (max-width: 800px) {
    .share-this p {
        float:left;
        margin-right: 10px
    }
}

.share-this ul.nav-social {
    margin: 10px 0 0px 10px
}

.share-this ul.nav-social li {
    float: none;
    margin: 0 0 10px 0;
    padding: 0
}

@media screen and (max-width: 800px) {
    .share-this ul.nav-social {
        display:inline;
        margin: 0
    }

    .share-this ul.nav-social li {
        display: inline;
        float: left;
        margin: 0 5px 0 0
    }
}

.background-white section.more h2,.background-white section.more h3 {
    color: #fff
}

section.more {
    width: 100%;
    /* background: #000; */
    background: #00283c;
    margin: 2em 0 2.8em 0;
    padding: 2% 2% 2% 4%
}

section.more h2 {
    text-transform: uppercase;
    margin-bottom: 0
}

section.more h3 {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    float: left
}

section.more .more__label {
    margin: 0 0 24px
}

@media screen and (min-width: 768px) {
    section.more .more__label {
        float:left;
        margin: 0
    }
}

section.more .more__item {
    margin: 0 0 32px
}

@media screen and (min-width: 768px) {
    section.more .more__item {
        clear:both;
        float: left;
        margin: 0
    }
}

section.more .filter {
    margin: 0 0 32px;
    max-width: 480px;
    width: 100%
}

section.more .filter:last-of-type {
    margin: 0
}

@media screen and (min-width: 768px) {
    section.more .filter {
        float:right;
        margin: 0 0 0 24px;
        max-width: 14em
    }
}

section.more .filter__label {
    float: none;
    margin: 0 0 10px
}

section.more ul {
    margin: 0;
    position: relative;
    width: 100%
}

section.more ul li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

section.more .filter__drop {
    display: none;
    opacity: 0;
    visibility: hidden
}

section.more li.filter__drop-trig {
    width: 100%
}

section.more .filter__drop-trig:hover .filter__drop {
    display: block;
    opacity: 1;
    visibility: visible
}

section.more .filter__base {
    float: none;
    position: relative;
    width: 100%;
    z-index: 901
}

@media screen and (min-width: 768px) {
    section.more .filter__base {
        max-width:14em
    }
}

section.more .category .filter__base {
    z-index: 902
}

section.more .filter__subbase {
    position: absolute
}

section.more .filter__subbase .filter__item:hover {
    background: #fff;
    color: #000
}

section.more .filter__subdrop {
    display: none;
    opacity: 0;
    left: auto;
    right: -100%;
    top: 0;
    position: absolute;
    visibility: hidden;
    width: 100%
}

@media screen and (min-width: 940px) {
    section.more .filter__subdrop-trig:hover {
        position:relative
    }

    section.more .filter__subdrop-trig:hover .filter__subdrop {
        display: block;
        opacity: 1;
        visibility: visible
    }
}

section.more .filter__head {
    color: #fff;
    margin: 0
}

section.more .filter__head a {
    color: #fff;
    display: block
}

section.more .filter__item {
    background: #00aaf6;
    color: #fff;
    display: block;
    font-weight: bold;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    width: 100%
}

section.more .filter__item a {
    color: inherit;
    cursor: pointer;
    display: block;
    font: inherit;
    padding: 0.7em 0.4em 0.5em 0.4em
}

section.more .filter-multi__level {
    background: none;
    padding: 0
}

section.more .filter-multi__level,section.more .filter-multi__sublevel {
    position: static
}

section.more .filter-multi__level,section.more .filter-multi__level li {
    float: none;
    width: 100%
}

section.more .filter-multi__sublevel {
    display: block;
    opacity: 1;
    visibility: visible
}

p.category-description {
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem
}

.js_hide_next {
    display: none
}

#scroll-loader-control {
    padding: 1.2em 0 0.9em 0;
    margin: 0 auto;
    background: red;
    width: 19em;
    clear: both
}

#scroll-loader-control a,#scroll-loader-control p,#scroll-loader-control div {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    font-weight: bold
}

.story {
    margin: 0 auto;
    position: relative
}

.story:hover {
    opacity: 0.55 !important
}

.story h3 {
    line-height: 0.7em;
    margin-bottom: 0
}

.story h3 a {
    font-size: 20px;
    font-size: 2rem;
    color: #00aaf6;
    text-transform: uppercase;
    font-weight: bold
}

.story h3 a:hover {
    color: red
}

.story .summary {
    width: 100%;
    padding: 4%;
    /* background: #000; */
    background: #00283c;
    background: rgba(0,0,0,0.8);
    position: absolute;
    bottom: 10%
}

.story .summary p {
    color: #fff;
    margin-bottom: 0
}

.story.blog {
    width: 31em;
    height: 25em;
    margin-bottom: 3em
}

@media screen and (max-width: 480px) {
    .story.blog {
        width:100%
    }
}

.story.promo {
    width: 100%;
    height: auto;
    margin-bottom: 3em
}

.story.promo .summary {
    padding: 2.9% 2% 0.6%
}

.story.promo h3 {
    line-height: 1.4em
}

.story.promo h3 a {
    font-size: 46px;
    font-size: 4.6rem;
    color: #fff;
    font-weight: bold
}

@media screen and (max-width: 480px) {
    .story.promo h3 a {
        width:100%
    }
}

.story.green-lanes h3 a {
    color: #75be2d !important
}

#blog h1.green-lanes {
    color: #75be2d !important
}

.story.promo {
    width: 100%;
    height: 35em
}

a.see-all {
    font-size: 19px;
    font-size: 1.9rem
}

.cycle-slideshow .story h3 {
    line-height: 1.8em
}

#blog aside#sidebar,#stories aside#sidebar {
    margin-top: 3em
}

body#glp article#content {
    min-height: 0
}

body#glp #container {
    background: url(http://dnwssx4l7gl7s.cloudfront.net/pfbikes/default/page/-/img/background-glp.jpg) 0px 75px no-repeat;
    background-size: cover;
    background-attachment: fixed
}

body#glp article#content {
    padding-left: 0;
    padding-right: 0
}

body#glp #glp-intro {
    min-height: 35em
}

body#glp #glp-intro h1 {
    font-size: 65px;
    font-size: 6.5rem;
    margin: 0 0 0 1.25em;
    text-shadow: 1px 2px 5px rgba(0,0,0,0.7)
}

@media screen and (max-width: 650px) {
    body#glp #glp-intro h1 {
        margin:0.1em 2% 0 2%
    }
}

body#glp #glp-intro p.sub {
    margin: 0.5em 0 1em 5.5em;
    text-shadow: 1px 2px 5px rgba(0,0,0,0.7);
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width: 650px) {
    body#glp #glp-intro p.sub {
        margin:0.1em 2% 0 2%
    }
}

body#glp #glp-intro.home {
    min-height: 16em
}

body#glp .action-button-wrap {
    float: right;
    margin-top: 1.2em
}

body#glp .action-button-wrap .action-button-after a {
    color: green !important
}

body#glp .glp-follow {
    background: #000;
    float: right;
    width: 14em;
    padding: 9px 0px 0px 10px;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

body#glp .glp-follow p {
    float: left;
    color: #75be2d;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase
}

body#glp .glp-follow ul {
    float: right
}

body#glp #glp-nav {
    margin: 5em 0 0 6.15em
}

body#glp #glp-nav ul {
    margin: 0
}

body#glp #glp-nav li {
    display: inline;
    float: left;
    padding: 0.9em;
    background: #000
}

body#glp #glp-nav li.active a {
    color: #75be2d
}

body#glp #glp-nav li a {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold
}

body#glp #glp-nav li a:hover {
    color: #75be2d
}

@media screen and (max-width: 650px) {
    body#glp #glp-nav {
        margin:0.8em 2% 0 2%
    }

    body#glp #glp-nav li {
        display: block;
        float: none
    }

    body#glp #glp-nav li a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center
    }
}

@media screen and (min-width: 650px) {
    body#glp #glp-nav li {
        float:left;
        margin: 0;
        text-align: left;
        width: auto;
        position: relative
    }

    body#glp #glp-nav li:hover {
        background: #252528
    }

    body#glp #glp-nav li.level_1.active>a {
        color: #75be2d
    }

    body#glp #glp-nav li ul {
        padding: 0;
        position: absolute;
        top: 45px;
        left: 0;
        z-index: 901;
        display: none;
        opacity: 0;
        visibility: hidden
    }

    body#glp #glp-nav li ul li {
        background: #252528;
        display: block;
        color: #fff;
        width: 14em;
        padding: 0.7em 0.4em 0.5em 0.4em;
        margin: 0
    }

    body#glp #glp-nav li ul li a {
        padding: 0 0 0 0.6em;
        margin: 0;
        color: #fff !important;
        display: block
    }

    body#glp #glp-nav li ul li:hover {
        background: #75be2d
    }

    body#glp #glp-nav li:hover ul {
        display: block;
        opacity: 1;
        visibility: visible
    }
}

body#glp #blog {
    background: rgba(0,0,0,0.6);
    padding: 2.5em 0 3em 0;
    position: relative;
    margin-top: 3em
}

body#glp #blog h2 {
    text-transform: uppercase;
    margin: 0 0 0.5em 1.8em;
    color: #fff;
    font-size: 46px;
    font-size: 4.6rem
}

body#glp #blog .cycle-slideshow {
    margin-left: 2em;
    width: 97%
}

body#glp #blog #prev,body#glp #blog #next {
    width: 1em;
    display: block;
    background: #000;
    position: absolute;
    top: 4.12em;
    z-index: 101;
    padding-top: 5.5em;
    padding-bottom: 5.3em;
    text-align: center;
    color: #86848a;
    font-size: 27px;
    font-size: 2.7rem
}

body#glp #blog #prev:hover,body#glp #blog #next:hover {
    background: #75be2d;
    color: #000
}

body#glp #blog #next {
    right: 0
}

body#glp .story {
    width: 23em;
    height: 25em;
    margin: 0;
    margin-right: 2em;
    position: relative !important;
    background-repeat: no-repeat
}

body#glp #glp-page {
    background: rgba(255,255,255,0.8);
    width: 84%;
    margin: 0 auto;
    margin-top: -21.4em;
    padding: 2%
}

body#glp #glp-page h1,body#glp #glp-page h2,body#glp #glp-page h3 {
    color: #000
}

body#glp #glp-page a {
    color: #75be2d
}

@media screen and (max-width: 650px) {
    body#glp #glp-page {
        width:100%;
        margin-top: 5.25em
    }
}

.green-lanes {
    color: #75be2d !important
}

.pdf-wrapper {
    position: relative
}

@-moz-document url-prefix() {
    .pdf-btn-wrap {
        display: none
    }
}

.pdf-btn-wrap {
    position: absolute;
    top: -40px;
    right: 0px
}

.pdf-btn {
    opacity: 0.2;
    background: #000;
    padding: 10px;
    line-height: 0;
    display: inline-block;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.pdf-btn:hover {
    opacity: 1.0
}

body#stories .story.stories {
    background-color: #474748;
    width: 21.7em;
    height: 15em;
    margin: 0;
    margin-right: 2em;
    margin-bottom: 1.5em;
    display: inline;
    float: left;
    background-repeat: no-repeat
}

#staff .entry .entry-summary {
    width: 70%
}

.calculator label {
    display: block
}

.calculator input.text {
    margin: 20px 0
}

.calculator h3 {
    margin-bottom: 20px
}

section.search-entries {
    text-align: left;
    height: 70px
}

#statistics ul.categories li {
    margin-bottom: 2px
}

#statistics p.intro {
    color: #fff
}

.search-entries {
    text-align: right;
    height: 100px
}

.search-entries input.text {
    margin-top: -12px;
    margin-right: 10px
}

.search-entries input.submit {
    margin-top: -12px
}

.search-entries h3 {
    display: inline;
    margin-right: 10px
}

#search-results .cse .gsc-control-cse,#search-results .gsc-control-cse,#search-results .gsc-control-cse .gsc-table-result,#search-results .cse .gsc-webResult.gsc-result,#search-results .gsc-webResult.gsc-result,#search-results .gsc-imageResult-column,#search-results .gsc-imageResult-classic {
    padding: 0;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#search-results .gsc-above-wrapper-area {
    border: none
}

#search-results .gsc-result-info {
    color: #000;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-weight: bold;
    padding: 0;
    margin: 0 0 40px
}

#search-results .gs-result .gs-title,#search-results .gs-result .gs-title * {
    color: #00aaf6;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    height: 1em
}

#search-results .gs-result .gs-title a:hover,#search-results .gs-result .gs-title a:hover b {
    color: red
}

#search-results .gs-webResult div.gs-visibleUrl-long,#search-results .gs-promotion div.gs-visibleUrl-long {
    color: #000;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
    margin-top: 4px
}

#search-results .gs-result img.gs-image,#search-results .gs-result img.gs-promotion-image,#search-results td.gsc-table-cell-thumbnail,#search-results td.gsc-thumbnail,#search-results .gsc-clear-button {
    display: none
}

#search-results .gsc-expansionArea .cse .gsc-webResult.gsc-result,#search-results .gsc-expansionArea .gsc-webResult.gsc-result,#search-results .gsc-expansionArea .gsc-imageResult-column,#search-results .gsc-expansionArea .gsc-imageResult-classic {
    padding: 0;
    border-top: 1px solid #000;
    padding: 25px 0 5px
}

#search-results form.gsc-search-box {
    border-top: 2px solid #00aaf6;
    background: #e6e6e6
}

#search-results table.gsc-search-box {
    margin-bottom: 0
}

#search-results input.gsc-input {
    border: none;
    background: none !important;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 19px;
    height: 35px;
    line-height: 38px;
    padding: 0 10px
}

#search-results table.gsc-search-box td.gsc-input {
    padding-right: 0
}

#search-results .cse input.gsc-search-button,#search-results input.gsc-search-button {
    background: #00aaf6;
    border: none;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border-radius: 0;
    font-size: 19px;
    height: 35px;
    padding: 0 10px;
    line-height: 38px;
    -webkit-appearance: none
}

#search-results .gs-no-results-result .gs-snippet,#search-results .gs-error-result .gs-snippet {
    border: none;
    background: none;
    margin: 30px 0 0;
    padding: 0;
    font-family: "Trade Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #86848a;
    font-size: 28px
}

@media screen and (min-width: 940px) {
    #search-results #content h1 {
        margin-bottom:0;
        float: left;
        width: 50%
    }

    #search-results form.gsc-search-box {
        width: 50%;
        float: right
    }
}

.base div#speakout span.error {
    display: none;
    visibility: hidden
}

.base div#speakout table#landing div.goal {
    float: none;
    padding-left: 0px
}

.base form#speakout_form table.step label {
    font-size: 1.3em
}

.base form#speakout_form table.step h4 {
    font-size: 1.5em
}

.base form#speakout_form table.step tr.recipient-header th {
    font-size: 1.3em
}

.base form#speakout_form table.step td.recipient-divider {
    font-size: 1.3em
}

.base form#speakout_form table.step td.radio label {
    font-size: 1.3em
}

.base form#speakout_form table.step td.stat {
    font-size: 1.3em
}

.base form#speakout_form table.step input[type="checkbox"] {
    vertical-align: baseline
}

.base form#speakout_form th.divider {
    font-size: 1.7em
}

@media all and (max-width: 768px) {
    .base form#speakout_form div.group_field {
        width:100%
    }

    .base form#speakout_form div.group_field div {
        float: left
    }

    .base form#speakout_form table.step td {
        display: block;
        width: 100% !important
    }

    .base form#speakout_form #recipient_table td {
        display: table-cell
    }

    .base div#speakout table#landing p {
        margin-right: 0px
    }

    .base div#speakout table#landing form#participate table td {
        padding: 7px
    }
}

@media all and (max-width: 480px) {
    .base div#speakout table#landing div.goal {
        width:100%
    }
}

#glp-new #hero {
    background: url(//peopleforbikes.org/wp-content/uploads/2017/09/background-glp.jpg);
    background-size: cover;
    height: 540px;
    width: 100%
}

#glp-new #hero #content {
    margin-top: 0;
    padding: 80px 12.5%
}

#glp-new #hero #content.shrink {
    padding: 80px 12.5% 0px 22%
}

#glp-new #hero #content .hero-copy {
    position: relative
}

#glp-new #hero #content .hero-copy .title,#glp-new #hero #content .hero-copy p,#glp-new #hero #content .hero-copy ul,#glp-new #hero #content .hero-copy ol {
    position: relative;
    z-index: 99
}

#glp-new #hero #content .hero-copy #float-nav {
    position: absolute
}

#glp-new #hero #content .hero-copy #float-nav #menu-btn {
    display: inline-block;
    background-image: url('//peopleforbikes.org/wp-content/uploads/section-nav.svg');
    height: 35px;
    width: 35px;
    background-position: 3px 2px;
    background-color: #00aaf6;
    cursor: pointer;
    position: absolute;
    left: -50px
}

#glp-new #hero #content .hero-copy #float-nav #menu-btn h1 {
    color: #000;
    font-size: 2em
}

#glp-new #hero #content .hero-copy #float-nav #nav-items {
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    z-index: 999;
    display: none;
    background-color: #1f1f21;
    padding: 10px 0;
    position: relative;
    left: -187px;
    width: 137px
}

#glp-new #hero #content .hero-copy #float-nav #nav-items>ul {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #000
}

#glp-new #hero #content .hero-copy #float-nav #nav-items ul {
    *zoom:1;margin: 0;
    padding: 0
}

#glp-new #hero #content .hero-copy #float-nav #nav-items ul:before,#glp-new #hero #content .hero-copy #float-nav #nav-items ul:after {
    content: "";
    display: table
}

#glp-new #hero #content .hero-copy #float-nav #nav-items ul:after {
    clear: both
}

#glp-new #hero #content .hero-copy #float-nav #nav-items ul>li {
    position: relative;
    margin-bottom: 0
}

#glp-new #hero #content .hero-copy #float-nav #nav-items ul:first-child {
    border-bottom: 1px solid #000;
    padding-bottom: 10px !important
}

#glp-new #hero #content .hero-copy #float-nav #nav-items li {
    color: #fff;
    font-size: 1.25em;
    text-transform: none;
    list-style: none
}

#glp-new #hero #content .hero-copy #float-nav #nav-items a {
    display: block;
    color: #fff;
    padding: 8px 0px;
    line-height: 1.2em;
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 5px
}

#glp-new #hero #content .hero-copy #float-nav #nav-items a:hover {
    color: #00aaf6 !important
}

#glp-new #hero #content .hero-copy #float-nav #nav-items li ul {
    background: #000;
    display: none
}

#glp-new #hero #content .hero-copy #float-nav #nav-items #social-icons {
    padding: 0 25px;
    margin-top: 10px
}

#glp-new #hero #content .hero-copy #float-nav #nav-items #social-icons:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

#glp-new #hero #content .hero-copy #float-nav #nav-items #social-icons li {
    padding: 0;
    margin-bottom: 10px
}

#glp-new #hero #content .hero-copy #float-nav #nav-items #social-icons p {
    margin-bottom: 10px;
    color: #545151;
    font-size: 12px;
    text-transform: uppercase
}

#glp-new #hero #content .hero-copy #float-nav #nav-items #social-icons .icon-flickr {
    background-image: url(https://s3-us-west-2.amazonaws.com/static.peopleforbikes.org/flickr3.png)
}

#glp-new #hero #content .hero-copy #float-nav #nav-items #social-icons .icon-linkedin {
    background-image: url(https://s3-us-west-2.amazonaws.com/static.peopleforbikes.org/linkedin3.png)
}

#glp-new #hero #content .hero-copy #float-nav #nav-items #social-icons .icon-email {
    background-image: url(https://s3-us-west-2.amazonaws.com/static.peopleforbikes.org/email.png)
}

#glp-new #hero #content .hero-copy .title {
    margin-bottom: 20px
}

#glp-new #hero #content .hero-copy .title a {
    color: #fff
}

#glp-new #hero #content .hero-copy .title .placesfb-logo {
    background: url(https://s3-us-west-2.amazonaws.com/static.peopleforbikes.org/placesforbikes_logo_white.png) left top no-repeat;
    background-size: contain;
    display: block;
    text-indent: -9999px
}

#glp-new #hero #content .hero-copy p {
    color: #fff;
    margin-bottom: 20px;
    line-height: 160%;
    padding-left: 3px
}

#glp-new #hero #content .hero-copy .opt-cta {
    background: red;
    width: 300px;
    height: 1000px;
    left: 0;
    top: 57px;
    position: relative;
    color: #fff;
    text-transform: uppercase
}

#glp-new #hero #content .hero-copy .opt-cta:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 30px solid #fff;
    border-left: 30px solid transparent;
    width: 0
}

#glp-new #inner-content {
    padding: 0 12.5%;
    position: relative;
    top: -100px
}

#glp-new #inner-content #section-pad {
    background: #000;
    padding: 20px 3% 0
}

#glp-new #inner-content #section-pad #featured-post .blog-hdr {
    display: inline;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px
}

#glp-new #inner-content #section-pad #featured-post .updates {
    float: right;
    text-transform: uppercase;
    top: 5px;
    position: relative
}

#glp-new #inner-content #section-pad #featured-post article {
    width: 100%;
    margin-top: 12px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 300px;
    position: relative
}

#glp-new #inner-content #section-pad #featured-post article:hover {
    opacity: 0.55 !important
}

#glp-new #inner-content #section-pad #featured-post article h3,#glp-new #inner-content #section-pad #featured-post article a {
    line-height: 100%
}

#glp-new #inner-content #statistics {
    text-align: center;
    padding: 100px 0;
    border-bottom: 1px solid #fff
}

#glp-new #inner-content #statistics h1,#glp-new #inner-content #statistics h3 {
    text-transform: uppercase;
    color: #fff
}

#glp-new #inner-content #statistics .in {
    color: #00aaf6;
    display: inline;
    margin: 0 30px;
    position: relative;
    top: -30px
}

#glp-new #inner-content #statistics .title {
    font-size: 3em;
    margin-bottom: 15px;
    line-height: 100%
}

#glp-new #inner-content #statistics .stat-tout {
    background: #00aaf6;
    display: inline-block;
    height: 115px;
    padding: 0 50px;
    position: relative
}

#glp-new #inner-content #statistics .stat-tout.one {
    padding: 0 35px
}

#glp-new #inner-content #statistics .stat-tout::before {
    content: '';
    width: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    z-index: 999;
    height: 50%;
    left: 0
}

#glp-new #inner-content #statistics .stat-tout .digit {
    font-size: 4em;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 25px
}

#glp-new #inner-content #statistics #sub-cta {
    margin-top: 45px;
    text-transform: none;
    font-size: 1.5em
}

#glp-new #inner-content #statistics #sub-cta a {
    font-family: Georgia,Times,"Times New Roman",serif;
    font-style: italic;
    font-size: 0.8em;
    color: #fff !important
}

#glp-new #inner-content #statistics #sub-cta a:hover {
    color: #00aaf6 !important
}

#glp-new #inner-content #statistics #sub-cta span {
    color: #00aaf6
}

#glp-new #inner-content #blog-roll {
    padding-top: 25px;
    padding-bottom: 80px
}

#glp-new #inner-content #blog-roll:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

#glp-new #inner-content #blog-roll article:first-child {
    float: left
}

#glp-new #inner-content #blog-roll article:nth-child(2) {
    float: right
}

#glp-new #inner-content #blog-roll article {
    background-size: cover !important;
    display: inline-block;
    height: 280px;
    width: 48.5%;
    position: relative
}

#glp-new #inner-content #blog-roll article:hover {
    opacity: 0.55 !important
}

#glp-new #inner-content #blog-roll article .summary {
    text-align: left;
    padding-left: 7%
}

#glp-new #inner-content #blog-roll article .summary a {
    font-size: 1.5em;
    word-spacing: 3px
}

#glp-new #inner-content #blog-roll article .summary p {
    color: #fff
}

#glp-new #inner-content #twitter-feed .header {
    border-bottom: 1px solid #fff;
    margin-bottom: 30px
}

#glp-new #inner-content #twitter-feed h1 {
    display: inline;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    margin-left: 15px;
    bottom: 7px;
    position: relative;
    color: #fff
}

#glp-new #inner-content #twitter-feed h1 a {
    color: #fff
}

#glp-new #inner-content #twitter-feed h1 a:hover {
    color: #00aaf6
}

#glp-new #inner-content #twitter-feed #feed li {
    display: inline-block;
    position: relative;
    width: 45%;
    height: 120px;
    line-height: 18px;
    margin-bottom: 10px
}

#glp-new #inner-content #twitter-feed #feed li a {
    font-weight: 100
}

#glp-new #inner-content #twitter-feed #feed li a:hover {
    color: #00aaf6
}

#glp-new #inner-content #twitter-feed #feed li:nth-child(1),#glp-new #inner-content #twitter-feed #feed li:nth-child(3) {
    margin-right: 50px;
    float: left
}

#glp-new #inner-content #twitter-feed #feed li:nth-child(2),#glp-new #inner-content #twitter-feed #feed li:nth-child(4) {
    float: right
}

#glp-new #inner-content #twitter-feed #feed .user img[data-scribe="element:avatar"] {
    display: none
}

#glp-new #inner-content #twitter-feed #feed .user span[data-scribe="element:name"] {
    color: #00aaf6
}

#glp-new #inner-content #twitter-feed #feed .user span[data-scribe="element:screen_name"] {
    color: #fff
}

#glp-new #inner-content #twitter-feed #feed .timePosted {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0
}

#glp-new #inner-content #twitter-feed #feed .timePosted a {
    color: #545151;
    font-size: 0.9em
}

#glp-new #inner-content #twitter-feed #feed .tweet,#glp-new #inner-content #twitter-feed #feed .tweet a {
    color: #fff
}

#glp-new #inner-content #twitter-feed #feed .tweet img,#glp-new #inner-content #twitter-feed #feed .tweet a img {
    height: 25px
}

#glp-new #inner-content #twitter-feed #feed .interact {
    display: none
}

#glp-new #inner-content .summary {
    width: 100%;
    padding: 20px 30px;
    background: #000;
    background: rgba(0,0,0,0.75);
    position: absolute;
    top: 40%
}

#glp-new #inner-content .summary a {
    text-transform: uppercase;
    font-size: 2.75em
}

@media screen and (max-width: 800px) {
    #glp-new #inner-content #twitter-feed .header h1 {
        font-size:1.5em
    }

    #glp-new #inner-content #twitter-feed #feed li {
        width: 100%;
        float: none;
        height: inherit;
        margin-bottom: 35px
    }
}

@media all and (max-width: 600px) {
    #glp-new #hero #float-nav #social-icons p {
        color:#fff !important
    }

    #glp-new #hero #float-nav .social-header {
        display: inline-block
    }

    #glp-new #inner-content #statistics .one {
        padding: 0 10px !important
    }

    #glp-new #inner-content #blog-roll article {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
        background-size: cover !important
    }
}

@media all and (max-width: 680px) {
    #glp-new #hero .hero-copy .title,#glp-new #hero .hero-copy p {
        z-index:0 !important
    }

    #glp-new #hero #float-nav #nav-items {
        left: -13px !important;
        z-index: 9999 !important;
        background-color: rgba(0,0,0,0.8) !important
    }

    #glp-new #hero #content {
        padding: 80px 20.5% !important
    }

    #glp-new #inner-content {
        top: 0
    }

    #glp-new #inner-content #statistics .stat-tout {
        padding: 0 25px
    }

    #glp-new #inner-content #statistics .in {
        margin: 0 15px
    }
}

@media screen and (max-width: 480px) {
    #glp-new #hero {
        background-position:50%;
        height: 450px;
        top: -22px;
        position: relative
    }

    #glp-new #hero #content {
        padding: 50px 17.5% !important
    }

    #glp-new #hero .hero-copy .title {
        font-size: 3em;
        margin-bottom: 20px
    }

    #glp-new #hero .hero-copy p {
        font-size: 1em
    }

    #glp-new #inner-content {
        padding: 0
    }

    #glp-new #inner-content #section-pad {
        padding-top: 0
    }

    #glp-new #inner-content #statistics .stat-tout {
        padding: 0 20px
    }

    #glp-new #inner-content #statistics .in {
        margin: 0 10px
    }

    #glp-new #inner-content .summary a {
        font-size: 2em
    }
}

#glp-new.sub-page #nav-items {
    z-index: 9999 !important
}

#glp-new.sub-page #wrapper {
    padding: 80px 12.5% !important
}

#glp-new.sub-page #wrapper.inner-wrapper {
    position: relative;
    z-index: 999
}

#glp-new.sub-page #inner-content {
    padding: 0;
    position: static;
    margin-top: -460px
}

@media screen and (max-width: 480px) {
    #glp-new.sub-page #inner-content {
        margin-top:-400px
    }
}

#glp-new.sub-page #inner-content #section-pad {
    padding: 35px 10%
}

#glp-new.sub-page #inner-content #section-pad p,#glp-new.sub-page #inner-content #section-pad h1,#glp-new.sub-page #inner-content #section-pad h2,#glp-new.sub-page #inner-content #section-pad h3,#glp-new.sub-page #inner-content #section-pad h4,#glp-new.sub-page #inner-content #section-pad h5,#glp-new.sub-page #inner-content #section-pad h6 {
    color: #fff
}

#glp-new.sub-page #inner-content #section-pad p {
    margin-bottom: 10px;
    line-height: 150%
}

#glp-new.sub-page #inner-content #section-pad h1 {
    font-size: 2.3em;
    text-transform: none;
    margin-bottom: 10px
}

#glp-new.sub-page #inner-content #section-pad h2 {
    font-size: 2.0em;
    margin: 20px 0 5px
}

#glp-new.sub-page #inner-content #section-pad h3 {
    margin-top: 20px 0 5px;
    font-size: 1.8em
}

#glp-new.sub-page #inner-content #section-pad h4,#glp-new.sub-page #inner-content #section-pad h5,#glp-new.sub-page #inner-content #section-pad h6 {
    margin: 20px 0 0;
    font-size: 1.6em
}

#glp-new.sub-page #inner-content #section-pad p {
    font-size: 1.4rem !important
}

#glp-new.sub-page #inner-content #section-pad.inner-glp-content ul {
    list-style-type: disc;
    margin-left: 40px
}

#glp-new.sub-page #inner-content #section-pad.inner-glp-content li {
    margin-bottom: 12px;
    font-size: 1.1em
}

#glp-new.sub-page #inner-content #section-pad .sl-title {
    margin-top: 30px;
    font-size: 2.5em;
    display: none
}

#glp-new.sub-page #inner-content #section-pad a {
    font-weight: normal
}

#glp-new.sub-page #inner-content #section-pad li {
    color: #fff
}

#glp-new.sub-page #inner-content #city-columns {
    margin-top: 50px
}

#glp-new.sub-page #inner-content #city-columns:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

#glp-new.sub-page #inner-content #city-columns h1 {
    font-size: 1.5em;
    border-bottom: 1px solid;
    display: inline-block;
    width: 150px;
    text-transform: uppercase;
    margin-bottom: 15px
}

#glp-new.sub-page #inner-content #city-columns a {
    font-family: Georgia,Times,"Times New Roman",serif;
    font-style: italic;
    font-size: 14px;
    display: inline-block;
    color: #fff !important;
    margin-bottom: 5px
}

#glp-new.sub-page #inner-content #city-columns a:hover {
    color: #00aaf6 !important
}

#glp-new.sub-page #inner-content #city-columns a::before {
    content: '> ';
    color: #00aaf6
}

#glp-new.sub-page #inner-content #city-columns .column {
    display: inline-block;
    width: 45%
}

#glp-new.sub-page #inner-content #city-columns .column:first-child {
    float: left
}

@media screen and (max-width: 480px) {
    #glp-new.sub-page #wrapper {
        padding:80px 4.5% !important
    }

    #glp-new.sub-page #inner-content #city-columns .column {
        float: none !important;
        width: 100% !important;
        margin-bottom: 20px
    }
}

#glp-new.landing--pfb #hero {
    height: auto;
    position: relative
}

#glp-new.landing--pfb #hero:before {
    background: rgba(0,0,0,0.56);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

#glp-new .content-wrap {
    position: relative
}

.tout {
    /* background: #000; */
    background: #00283c;
    width: 100%;
    margin-bottom: 1.4em
}

.tout h3 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #00aaf6;
    font-size: 27px;
    font-size: 2.7rem;
    padding: 0.4em 0em 0.1em 0
}

.tout#articles {
    padding-bottom: 0.2em
}

.tout#articles li {
    margin: 0.5em 7% 0.5em 7%;
    border-bottom: 1px solid #545151;
    padding: 0.5em 0 0.9em 0
}

.tout#articles li:last-of-type {
    border-bottom: none
}

.tout#articles li a {
    color: #fff;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 13px;
    font-size: 1.3rem
}

.tout#articles li a:hover {
    color: red
}

.tout#articles li span {
    color: #00aaf6
}

.tout#stories {
    padding-bottom: 1em
}

.tout#stories h4 {
    margin: 0.5em 7% 0.5em 7%
}

.tout#stories h4 a {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem
}

.tout#stories h4 a:hover {
    color: red
}

.tout#stories p {
    color: #fff;
    margin: 0.5em 7% 1.5em 7%
}

.tout#stories span {
    color: #00aaf6
}

.tout#stories img {
    margin-left: 7%;
    margin-top: 1.2em
}

.tout#stories a.all {
    margin: 0.5em 7% 0 7%;
    display: block;
    color: #00aaf6;
    text-transform: uppercase;
    border-bottom: 1px solid #00aaf6;
    font-size: 16px;
    font-size: 1.6rem
}

body#bsd #body-wrap {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 20px
}

body.full-width #body-wrap {
    padding: 18px 25px 10px 22px
}

input#contact_importer_button {
    float: left
}

form#contribution label.fieldlabel {
    font-family: helvetica, arial, sans-serif !important
}

.fieldset .label {
    margin: 10px 0 0 0
}

.fieldset .input {
    font-size: 12px
}

#signup label.field {
    font-family: helvetica,arial,sans-serif;
    font-weight: normal !important;
    font-size: 14px;
    text-transform: uppercase
}

#signupfooter {
    margin: 0 0 30px
}

@media screen and (min-width: 1000px) {
    #framework #signupheader {
        float:left;
        width: 51%
    }
}

@media screen and (min-width: 1000px) {
    form#signup {
        margin:0 0 0 0;
        float: right;
        width: 46%
    }
}

form#signup input.text {
    border: 1px solid #c8c8c8;
    padding: 5px
}

#side-include {
    width: 620px !important;
    float: left !important
}

.fieldset input#custom-31_0 {
    margin: 0 5px 0 0
}

.fieldset input#custom-31_1 {
    margin: 0 5px 0 0
}

.fieldset input#custom-31_2 {
    margin: 0 5px 0 0
}

.fieldset input#custom-31_3 {
    margin: 0 5px 0 0
}

.fieldset input#custom-31_4 {
    margin: 0 5px 0 0
}

.fieldset input#custom-31_5 {
    margin: 0 5px 0 0
}

.fieldset input#custom-31_6 {
    margin: 0 5px 0 0
}

.fieldset input#custom-31_7 {
    margin: 0 5px 0 0
}

form#signup h3 {
    font-size: 1.2em;
    color: #c02f24;
    margin: 10px 0 5px 0
}

form#contribution {
    margin: 0 0 40px 0
}

table#signup tbody tr td table tbody tr td:first-child {
    width: 143px
}

input#cc_ax {
    margin: 5px 5px 0 0
}

input#cc_ds {
    margin: 5px 5px 0 0
}

input#cc_mc {
    margin: 5px 5px 0 0
}

input#cc_vs {
    margin: 5px 5px 0 0
}

input#amt_preset_1 {
    margin: 0 5px 0 0
}

input#amt_preset_2 {
    margin: 0 5px 0 0
}

input#amt_preset_3 {
    margin: 0 5px 0 0
}

input#amt_preset_4 {
    margin: 0 5px 0 0
}

input#amt_preset_5 {
    margin: 0 5px 0 0
}

input#amt_preset_6 {
    margin: 0 5px 0 0
}

input#amt_preset_7 {
    margin: 0 5px 0 0
}

input#amt_preset_8 {
    margin: 0 5px 0 0
}

td.contribheader {
    font-weight: bold
}

#contribution label.fieldlabel {
    font-weight: normal;
    text-transform: capitalize
}

form#invitationpage #submit_button {
    background-color: #ddd !important;
    color: #000 !important
}

#contact_importer_wrapper {
    font-size: 16px
}

#contact_importer_dialog .hd {
    font-size: 18px;
    background: #00a6d4
}

table#contact_importer_login span {
    font-size: 14px !important
}

#webmail_password_label {
    margin: 0 10px 0 0
}

div#speakout form#participate table {
    background-color: #fff !important
}

td.multi_recipient_note {
    color: #000 !important;
    font-size: 85% !important
}

form#speakout_form table.step td.radio label {
    margin: 0 0 0 7px
}

.fieldset .input input {
    margin: 5px 5px 8px 0 !important
}

table#signup .fieldset .input td {
    width: 200px !important
}

#contact-ps p {
    margin: 0 0 8px
}

form#contribution input {
    border: 1px solid #c8c8c8;
    padding: 3px 0 2px 4px;
    margin: 0 2px 3px 0;
    color: #333
}

ul.thank-you li {
    margin: 0 0 10px 0 !important
}

form#signup .fieldset .input label.field {
    text-transform: none !important;
    font-size: 12px !important
}

form#signup input#custom-111 {
    margin: 0 5px 0 0 !important
}

input.landing-button {
    background: #e8e8e8 !important;
    color: #000 !important;
    margin: 5px 0 0
}

input.button-send {
    background: #e8e8e8 !important;
    color: #000 !important
}

#speakout #tabs {
    margin: 30px 0 0 0
}

div#speakout input.btn,div#speakout input.landing-button-over {
    background: #999999 !important;
    margin: 5px 0 0 0
}

.button-send-over {
    background: #999 !important
}

form#speakout_form table.step td.radio {
    width: 200px
}

ul#tip-tabs li#tip-2.tip-off {
    display: none
}

.hd {
    font-size: 14px !important
}

#contact_importer_wrapper span {
    font-size: 14px
}

select#webmail {
    font-size: 14px
}

#contact_importer_dialog {
    height: 300px !important
}

form#contribution td.contribcolumn td.contribheader {
    padding-top: 10px
}

#bsd.full-width #body-wrap {
    padding: 35px 25px 10px 12px
}

#bsd.full-width .bsd-contribForm-wrap {
    padding: 0 0 0 20px
}

#bsd.full-width #pfb-bot {
    display: none
}

#bsd.full-width #pages-banner {
    padding-left: 20px
}

#bsd.full-width #footer {
    padding: 0 0 0 10px;
    background-image: none
}

#bsd.full-width #subfooter ul {
    top: 0px
}

#bsd.full-width #footer-connect ul li:first-child {
    padding: 0px
}

#bsd.full-width .base #footer ul {
    margin: 0px
}

#bsd.full-width #footer #footer-connect {
    width: 500px
}

#framework #SKIN h1,#framework #SKIN .basic .main #eventdetail .title,#framework #profiledetail #sectionheader,#framework #stdheader #title {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 6px
}

#framework #contribution .contribheader,#framework #SKIN h2,#framework #sectionheader,#framework #SKIN .widget_header,#framework #SKIN .widget_title,#framework #community .communitypostinlist .title,#framework #community .header,#framework #community .communitypostfull .title,#framework #community .journaltitle,#framework #community .journalarchive .journalarchivetitle,#framework a#host-button,#framework #loginform .logintitle,#framework #signupform .signuptitle,#framework #outreach_content #loginform .logintitle,#framework #outreach_content #signupform .signuptitle,#framework #manageform .managetitle,#framework #forgotpw .header {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 6px
}

#framework #SKIN h3,#framework #SKIN .basic .main .typedescheader,#framework #community .postlist table.head .text,#framework #community .subheader,#framework #community .profileteaser .title,#framework #odgettingstarted .odsechead,#framework #odprogress .odsechead,#framework #odyourpage .odsechead,#framework #odstats .odsechead,#framework #odaddress .odsechead,#framework #odgroup .odsechead,#framework #outreach_content .omhead {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 6px
}

#framework #SKIN h4,#framework #SKIN h5 {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px
}

#framework #contribution .contribheader,#framework #sectionheader,#framework .sectionheader,#framework #SKIN .header,#framework #SKIN .basic .main .typedescheader,#framework #community .header #framework #community .communitypostfull .title,#framework #community .journaltitle,#framework #community .journalarchive .journalarchivetitle,#framework #stdheader,#framework #community .profileteaser .title,#framework #odgettingstarted .odsechead,#framework #odprogress .odsechead,#framework #odyourpage .odsechead,#framework #odstats .odsechead,#framework #odaddress .odsechead,#framework #odgroup .odsechead,#framework #outreach_content .omhead,#framework #manageform .managetitle,#framework #forgotpw .header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px
}

#framework #SKIN .widget_header {
    background: #eee;
    border-bottom: 1px solid #ddd;
    margin-bottom: 6px;
    padding: 5px 10px;
    position: relative
}

#framework #SKIN .widget_subheader,#framework #community .subheader {
    background: #F2F7F7;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px
}

#framework .checkbox,#framework .radiobutton,#framework.label,#framework .text {
    margin: 0 .5em 0 0
}

#framework input[type=button],#framework input[type=submit],#framework .submit,#framework #invitationpage #submit_button,#framework #date-filter,#framework .loginbutton input,#framework .signupbutton input,#framework #community input[type=submit],#framework .utils_search button {
    cursor: pointer;
    background: red;
    color: white;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid red
}

#framework input[type=button]:hover,#framework input[type=submit]:hover,#framework input:hover.submit,#framework #invitationpage input:hover#submit_button,#framework button:hover#date-filter,#framework .loginbutton input:hover,#framework .signupbutton input:hover,#framework #community input[type=submit]:hover,#framework .utils_search button:hover {
    background: white;
    color: red;
    border-color: red
}

#framework #event_results .event_footer .links {
    float: left
}

#framework #event_results .event_footer .links .detail_button,#framework #event_results .event_footer .links .rsvp_button {
    float: right
}

#framework #event_results .event_footer .links .detail_button a,#framework #event_results .event_footer .links .rsvp_button a {
    display: block;
    margin-left: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 2px 10px
}

#framework #event_results .event_footer .links .detail_button a {
    background: #eee;
    border: 1px solid #ccc;
    padding: 2px 10px 1px
}

#framework #event_results .event_footer .links .rsvp_button a {
    background: #555;
    color: #fff;
    padding: 3px 10px 2px
}

#framework #event_results .event_footer .links .detail_button a:hover,#framework #event_results .event_footer .links .rsvp_button a:hover {
    background: #333;
    border-color: #333;
    color: #eee
}

#framework #contact_importer_button {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px
}

#framework #SKIN #blue_hat {
    background: none;
    border-bottom: 1px solid #ddd;
    height: 43px
}

#framework #SKIN #blue_hat ul {
    display: inline;
    float: right;
    height: auto;
    margin: 0 5px;
    padding: 18px 0 0 0
}

#framework #SKIN #blue_hat li {
    background: #eee;
    border: 1px solid #ddd;
    border-top-left-radius: 3px;
    display: inline;
    float: right;
    padding: 5px 10px 4px;
    text-decoration: none
}

#framework #SKIN #blue_hat li a {
    color: #888;
    text-decoration: none
}

#framework #SKIN #blue_hat .blue_hat_active {
    background: none;
    border-bottom: 1px solid #fff;
    font-weight: bold
}

#framework #SKIN #blue_hat .blue_hat_active a {
    color: #555
}

#framework #SKIN #blue_hat li a:hover {
    background: none;
    color: #555
}

#framework ul#event_order {
    border-bottom: 1px solid #ddd;
    clear: both;
    float: left;
    list-style-type: none;
    margin: 0 0 10px 0;
    top: 0;
    width: 100%
}

#framework ul#event_order li {
    background: #eee;
    border: 1px solid #ddd;
    color: #888;
    display: inline;
    float: left;
    margin: 0 0 -1px 5px;
    padding: 5px 10px 4px;
    text-decoration: none
}

#framework ul#event_order li a {
    color: #888
}

#framework ul#event_order a:hover {
    color: #555
}

#framework ul#event_order li.active {
    background: none;
    border-bottom: 1px solid #fff;
    font-weight: bold
}

#framework ul#event_order li.active a {
    color: #555
}

#framework #SKIN .widget_tabs {
    margin: 0;
    padding: 0
}

#framework #SKIN .widget_tabs li {
    border-top-left-radius: 3px;
    float: left;
    list-style: none;
    padding: 5px 10px 4px 10px;
    margin: 0 5px 0 0;
    list-style-type: none
}

#framework #SKIN .widget_tabs li.active_tab {
    background: #eee;
    font-weight: bold
}

#framework #SKIN .widget_tabs li.inactive_tab {
    background: #ddd
}

#framework #SKIN #friends_tabs {
    border-bottom: 1px solid #ddd;
    margin: 18px 0 6px 0
}

#framework #SKIN #friends_tabs ul {
    margin: 0;
    padding: 5px 0 0 0;
    list-style: none
}

#framework #SKIN #friends_tabs li {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: inline;
    float: left;
    margin: 0 0 -1px 5px;
    list-style-type: none;
    padding: 5px 10px 4px
}

#framework #SKIN #friends_tabs ul li.active_tab {
    background: none;
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff
}

#framework #SKIN #friends_tabs ul li.active_tab a {
    color: #555;
    font-weight: bold
}

#framework #SKIN #friends_tabs ul li.inactive_tab {
    background: #eee;
    border: 1px solid #ddd
}

#framework #speakout #tabs {
    margin-top: 18px
}

#framework #speakout #nav-tabs,#framework #speakout #tip-tabs {
    border-bottom: 1px solid #ddd;
    clear: both;
    height: auto;
    list-style-type: none;
    margin: 0;
    top: 0;
    width: 100%
}

#framework #speakout td.tips {
    padding: 0 10px
}

#framework #speakout #nav-tabs li,#framework #speakout #tip-tabs li {
    background: #eee;
    border: 1px solid #ddd;
    color: #888;
    display: inline;
    float: left;
    margin: 0 0 -1px 5px;
    padding: 5px 10px 4px;
    text-decoration: none
}

#framework #speakout #nav-tabs li.tab-on,#framework #speakout #tip-tabs li.tip-on {
    background: none;
    border-bottom: 1px solid #fff;
    color: #555;
    font-weight: bold
}

#framework #speakout #nav-tabs li.tab-off,#framework #speakout #tip-tabs li.tip-off {
    cursor: pointer
}

#bsd .yui-panel {
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

#bsd .yui-panel-container.shadow .underlay {
    display: none
}

#bsd .yui-panel .container-close {
    right: 10px
}

#bsd .yui-panel .hd {
    background: #eee;
    color: #333;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 6px;
    padding: 10px
}

#bsd .yui-panel .bd {
    font-size: 12px;
    line-height: 18px;
    padding: 6px
}

#bsd #contact_importer_wrapper {
    margin: 0
}

#bsd #contact_importer_wrapper #contact_importer_error {
    margin: 18px 0 0 0
}

#bsd #contact_importer_dialog .button-group button {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    padding: 3px 10px
}

#bsd #contact_importer_wrapper #results_table_header {
    background: #eee
}

#bsd #contact_importer_wrapper #results_table_outer {
    border: 1px solid #ddd
}

#framework #SKIN #widget_group_1 {
    float: left;
    width: 49%
}

#framework #SKIN #widget_group_2 {
    float: right;
    width: 49%
}

#framework #signup .error {
    background: none;
    border: none
}

#framework #SKIN #widget_directory_search_groups_by_keyword {
    float: none !important
}

#shortsignup * {
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none
}

#shortsignup #container {
    position: relative
}

#shortsignup article#content {
    margin-top: 0;
    min-height: 0;
    padding: 0
}

#shortsignup .content-wrap {
    padding: 32px 16px 0 16px
}

body#shortsignup .content-wrap.fixed-width {
    background-position: 0 0;
    background-size: cover !important;
    max-width: 100%
}

#shortsignup .shortsignup-footer {
    background: #fff;
    padding: 0 0 16px;
    text-align: center;
    width: 100%
}

#shortsignup .shortsignup-footer__link {
    display: inline-block;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1;
    text-decoration: underline
}

#shortsignup .signupheader,#shortsignup form#signup,#shortsignup #framework #signupheader {
    float: none;
    width: 100%
}

#shortsignup #signuptable {
    width: 100%
}

#shortsignup .headline-set {
    text-align: center;
    width: 100%
}

#shortsignup .headline--primary,#shortsignup .headline--secondary,#shortsignup .headline--sub,#shortsignup .headline--sub-bottom {
    margin: 0 auto;
    text-align: center
}

#shortsignup .headline--primary {
    font-size: 39px;
    font-style: italic;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 auto 15px;
    max-width: 480px;
    text-transform: uppercase
}

#shortsignup .headline--secondary {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 auto 13px;
    max-width: 480px
}

#shortsignup .headline--sub,#shortsignup .headline--sub-bottom {
    line-height: 1.2;
    margin: 0 auto 36px;
    max-width: 400px;
    font-weight: bold
}

#shortsignup .headline--sub-bottom {
    margin: 0 auto
}

#shortsignup #signupfooter {
    margin: 0 0 20px
}

#shortsignup .headline--sub a,#shortsignup .headline--sub-bottom a {
    color: #29abe2;
    font: inherit;
    text-decoration: underline
}

#shortsignup .label {
    display: none
}

#shortsignup #framework .error,#shortsignup #framework .required,#shortsignup #required_note,#shortsignup .signuperror {
    color: #000
}

#shortsignup .signuperror {
    display: block;
    text-align: center;
    width: 100%
}

#shortsignup #signup {
    margin: 0 auto;
    max-width: 500px;
    width: 100%
}

#signuptable table,#signuptable tbody,#signuptable tr,#signuptable td {
    display: block
}

#signuptable input {
    width: 100% !important
}

#shortsignup .signuprow {
    margin: 0 0 20px;
    width: 100%
}

#shortsignup #framework input,#shortsignup #framework select {
    background: #ffffff;
    border: none;
    border-radius: 0;
    color: #29abe2;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    padding: 15px
}

#shortsignup #framework select {
    cursor: pointer;
    width: 100%
}

#shortsignup .signuprow .input {
    border: 1px solid #ddd
}

#shortsignup #row--required {
    margin: 0 0 48px
}

#shortsignup #framework input::-webkit-input-placeholder {
    color: #29abe2;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px
}

#shortsignup #framework input:-moz-placeholder {
    color: #29abe2;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px
}

#shortsignup #framework input::-moz-placeholder {
    color: #29abe2;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px
}

#shortsignup #framework input:-ms-input-placeholder {
    color: #29abe2;
    font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px
}

#framework * {
    margin-top: 0 !important
}

#framework input {
    margin: 0 !important
}

#shortsignup .signupbody {
    overflow: auto
}

#shortsignup #row--submit {
    margin: 0 auto 40px !important;
    text-align: center
}

#shortsignup #row--submit .input {
    border: 1px solid #ed2024;
    border-radius: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden
}

#shortsignup #row--submit .input:before {
    color: #ed2024;
    content: ">";
    display: inline-block;
    font-size: 19px;
    position: absolute;
    right: 8px;
    top: 12px;
    z-index: 3
}

#shortsignup #row--submit .input:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 100px;
    position: absolute;
    right: -62px;
    top: 0px;
    transform: rotate(120deg);
    width: 100px;
    z-index: 2
}

#shortsignup #row--submit .input:hover:before {
    color: #fff
}

#shortsignup #row--submit .input:hover:after {
    background-color: #ed2024
}

#shortsignup #row--submit input {
    background: #ed2024;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    padding: 12px 50px 12px 12px;
    text-align: left;
    width: auto !important
}

#shortsignup #row--submit .input:hover input {
    background: #fff;
    color: #ed2024
}

#shortsignup .signuprow4 {
    float: right;
    height: 0px;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 0px
}

#shortsignup #row--country {
    clear: both
}

@media screen and (max-width: 649px) {
    #shortsignup .content-wrap {
        background:#ffffff !important
    }
}

@media screen and (min-width: 650px) {
    #shortsignup .signuperror,#shortsignup #required_note,#shortsignup #framework .error,#shortsignup #framework .required {
        color:#fff
    }

    #shortsignup .shortsignup-footer {
        background: none;
        bottom: 50px;
        position: absolute
    }

    #shortsignup .shortsignup-footer__link {
        color: #fff
    }

    #shortsignup .content-wrap.fixed-width {
        min-height: 970px
    }

    #shortsignup .headline--primary,#shortsignup .headline--secondary,#shortsignup .headline--sub,#shortsignup .headline--sub-bottom {
        color: #fff
    }

    #shortsignup .signupbody {
        padding-bottom: 60px
    }

    #shortsignup .signuprow .input,#shortsignup .signuprow select {
        border: none
    }
}

@media screen and (min-width: 740px) {
    #shortsignup .headline--sub a {
        color:#fff
    }
}

@media screen and (min-width: 750px) {
    #shortsignup article#content {
        padding:48px 0 0 0
    }

    #shortsignup .content-wrap.fixed-width {
        min-height: 1066px
    }

    #shortsignup .headline--primary {
        font-size: 60px;
        max-width: 720px
    }

    #shortsignup .headline--secondary {
        max-width: 580px
    }

    #shortsignup .headline--sub {
        max-width: 448px
    }
}

@media screen and (min-width: 1040px) {
    #shortsignup article#content {
        padding:112px 0 0 0
    }

    #shortsignup .content-wrap.fixed-width {
        min-height: 984px
    }

    #shortsignup .signuprow {
        margin: 0 0 16px
    }

    #shortsignup #row--firstname {
        float: left;
        max-width: 222px;
        width: 100%
    }

    #shortsignup #row--lastname {
        float: right;
        max-width: 252px
    }

    #shortsignup #row--email {
        float: left;
        max-width: 350px
    }

    #shortsignup #row--zip {
        float: right;
        max-width: 124px
    }

    #shortsignup #row--required {
        margin: 0 0 56px
    }

    #shortsignup #row--submit {
        clear: both
    }

    #shortsignup #framework input {
        border: none
    }
}

.cufon-loading * {
    visibility: hidden !important
}

.floatl {
    float: left;
    margin: 0;
    padding: 0 20px 10px 0
}

.floatr {
    float: right;
    margin: 0;
    padding: 0 0 10px 20px
}

.required {
    color: #c00
}

.italic {
    font-style: italic
}

.header-utility .search-box .search-trigger,.header-utility .search-box .search .submit,.nav-social li a,#logo {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.hidden {
    display: none;
    visibility: hidden
}

.visuallyhidden,#quick-signup label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.invisible {
    visibility: hidden
}

.clearfix:before,.global-header:before,#header-nav:before,#header-nav ul:before,.share-this:before,section.more:before,section.more ul:before,section.more .filter__base:before,#framework #speakout #nav-tabs:before,#framework #speakout #tip-tabs:before,.clearfix:after,.global-header:after,#header-nav:after,#header-nav ul:after,.global-footer:after,.share-this:after,section.more:after,section.more ul:after,section.more .filter__base:after,#framework #speakout #nav-tabs:after,#framework #speakout #tip-tabs:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix:after,.global-header:after,#header-nav:after,#header-nav ul:after,.share-this:after,section.more:after,section.more ul:after,section.more .filter__base:after,#framework #speakout #nav-tabs:after,#framework #speakout #tip-tabs:after {
    clear: both
}

.clearfix,.global-header,#header-nav,#header-nav ul,.global-footer,.share-this,section.more,section.more ul,section.more .filter__base,#framework #speakout #nav-tabs,#framework #speakout #tip-tabs {
    zoom:1}

::-moz-selection {
    background: #1fb9e7;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #1fb9e7;
    color: #fff;
    text-shadow: none
}

@media print {
    * {
        background: transparent !important;
        color: #444 !important;
        text-shadow: none !important
    }

    a,a:visited {
        color: #444 !important;
        text-decoration: underline
    }

    #content a:after {
        content: " (" attr(href) ")"
    }

    abbr:after {
        content: " (" attr(title) ")"
    }

    .ir a:after {
        content: ""
    }

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

    thead {
        display: table-header-group
    }

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

    @page {
        margin: 0.5cm
    }

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

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

    #sidebar,#editToggle,.editThis,#navigation,#addthis,#search,#nav {
        display: none
    }

    #disqus_thread {
        display: none
    }

    a.dsq-brlink {
        display: none
    }

    #main {
        overflow: hidden
    }

    #main img {
        float: left;
        clear: both;
        margin: 0 10px 10px 0
    }

    header,footer {
        display: none
    }
}

@media screen and (max-width: 540px) {
    .facebook-button {
        display:block
    }

    #invitationpage td,body #invitationpage td.label {
        display: block;
        text-align: left
    }

    #invitationpage td.label {
        padding-top: 10px;
        font-size: 14px
    }

    #invitationpage #captcha_container {
        width: 280px
    }

    #invitationpage #captcha_container #recaptcha_image {
        width: 240px !important
    }

    #invitationpage #to {
        width: 280px
    }
}

/*# sourceMappingURL=styles.css.map */


/* --------- Forms ------- */
#pfbheader dl dt { display:none; }
/*
#pfbheader .wsd-input-content #_submit .piklist-theme-field {
margin-left: -7px;
margin-right: 0;
position: relative;
margin: 0 13px 0 -17px;
display: inline-block;
vertical-align: middle;
zoom: 1;
}
#pfbheader .wsd-input-content #_submit .piklist-theme-field input[type=submit] {
font-weight: bold;
font-size: 115%;
padding: 3px 11px 0;
background: transparent;
position: relative;
-webkit-appearance: none;
color: #1f1f21;
font-family: "Trade Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
border: 0;
height: 21px;
border-top: 1px solid red;
display: inline-block;
vertical-align: middle;
zoom: 1;
cursor: pointer; }
*/

#wsd-root { margin: 0 20px; }
#wsd-root dl dt { display:none; }
#wsd-root dl dd input[type=text], #wsd-root dl dd input[type=email] { padding: 5px; height: 45px; }
#wsd-root dl dd select { padding: 5px; width: 95%; height: 45px; }
#wsd-root dl dd { padding-bottom: 10px; }
#wsd-root .wsd-input-content textarea.msg_msg,
#pb-root .wsd-input-content textarea.msg_msg { width:95%;height:250px; }
#pb-root { margin: 0 20px; }
#pb-root dl dt { margin-bottom: 4px; }
#pb-root dl dd input[type=text], #pb-root dl dd input[type=email] { padding: 5px; height: 45px; }
#pb-root dl dd select { padding: 5px; width: 95%; height: 45px; }
#pb-root dl dd { padding-bottom: 10px; }
#wsd-root .piklist-theme-field input[type=submit],
#pb-root .piklist-theme-field input[type=submit] {
padding: 0 29px;
color: #ffffff;
font-size: 15px;
line-height: 45px;
height: 45px;
font-style: normal;
font-weight: 700;
/*background-color: #e51e25;*/
background-color: red;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
letter-spacing: 1px;
text-transform: uppercase;
border-width: 0px;
}
#wsd-root h2.widgExpTitle { font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 15px; }
#wsd-root div.widgExpText { font-size: 13px; line-height: 17px; }

section#stories img { width:200px !important; }
a.takeActionButtons {
	padding: 12px 29px;
	color: #ffffff;
	font-size: 15px;
	line-height: 45px;
	height: 45px;
	font-style: normal;
	font-weight: 700;
	/*background-color: #e51e25;*/
	background-color: red;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-width: 0px;
}
.entry-content thumbnail p { margin: 0; padding: 0; line-height: 0;}
/*
 *
 *
 *
 */


.shareWidgetTY { margin: 0 30px; }
.shareThankYou ul, .stateMapThankYou ul, .shareWidgetTY ul { list-style-type: none; margin-top: 20px; }
.shareThankYou ul li, .stateMapThankYou ul li, .shareWidgetTY ul li {
  float: left;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  font-weight: bold;
  font-size: 15px;
  padding: 5px;
}

/* --- New Join Bar --- */
@media screen and (min-width: 651px) {
	#headerJoinBlock { position: absolute; top: 40px; }
	a#headerJoinBtn { background: red; padding: 10px 15px; text-align: center; color:#fff; font-size:17px; letter-spacing: 2px; }
}
@media screen and (max-width: 650px) {
	#headerJoinBlock { margin-top: 30px; background: red; padding: 10px; text-align: center; }
	a#headerJoinBtn { color:#fff; font-size:17px; letter-spacing: 2px; display:block; width:100%; }
}

#footer-disclaimer {
    font-size:11px;
    color:#f0f0f0;
    margin:0 auto 20px;
    width: 450px; 
    max-width: 98%; 
    text-align:center;
    line-height:18px;
}