/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.grid{margin:25px 0 55px 0;}
.element{margin:4px;overflow:hidden;}
.element img{max-width:100%;}
.element h4{margin:0;}

.block1{width:312px;height:312px;}
.block2{width:312px;height:152px;}
.block3{width:152px;height:312px;}
.block4{width:152px;height:152px;}

.overlayb > div{position:absolute;bottom:13px;left:0;width:100%;color:#fff;padding:0 19px;}
.overlayb h4{margin:0;font-size:22px;font-weight:normal;margin:0 0 3px;}
.overlayb a{color:#fff;font-size:16px;text-decoration:underline;}
.overlayb a:hover{text-decoration:none;}

.titlet{background:#0072BB;}
.titlet div{text-align:center;padding:16px 19px 15px;}
.titlet a{color:#fff;font-size:22px;}

.blocktime{background:#BF3036;color:#fff;}
.blocktime div{padding:20px 19px 0;}
.blocktime h4{background:#fff;color:#BF3036;padding:0;display:inline-block;padding:0 19px;height:50px;line-height:50px;font-size:30px;margin:0 0 9px;}
.blocktime p{font-size:18px;line-height:150%;}
.blocktime a{color:#fff;text-decoration:underline;font-size:18px;}
.blocktime a:hover{text-decoration:none;}


.blocktwt{background:#E1E1E1;}
.blocktwt:before{content:"";width:50px;height:50px;position:absolute;top:0;left:0;background:url(../images/ico/ico.png) -145px -60px;}
.blocktwt div{padding:12px 15px 0 70px;}
.blocktwt h4{font-size:18px;margin:0 0 3px;}
.blocktwt h4 a{display:block;font-weight:400;color:#898989;margin:3px 0 0 0;}

.blocktwt .time{display:block;font-weight:400;color:#898989;font-size:18px;margin:0 0 20px;}
.blocktwt p{font-size:18px;line-height:140%;}

.blocktwt a.exp{color:#898989;font-size:18px;}

.imgr{background:#464646;}
.imgr div{float:left;width:150px;padding:11px 10px 0 19px;color:#fff;position:relative;height:152px}
.imgr img{float:right;}
.imgr h4{font-size:22px;}
.imgr a{position:absolute;bottom:11px;color:#fff;font-size:18px;width:100%;padding:0 19px;left:0;}

.overb div{background-color:rgba(0, 0, 0, 0.8);position:absolute;left:0;bottom:15px;width:100%;padding:10px 15px 12px;}
.overb div h4{margin:0;}
.overb div a{color:#fff;font-size:20px;}

.imgt{background:#464646;}
.imgt div{padding:11px 19px 12px;position:absolute;bottom:0;left:0;width:100%;}
.imgt h4{margin:0;font-weight:400;font-size:22px;line-height:120%;}
.imgt a{color:#fff;}
.imgty h4 span{font-weight:600;}

.blockcite{background:#04244B;color:#fff;}
.blockcite div{padding:12px 19px 0;font-size:18px;}
.blockcite h4{font-size:16px;margin:0 0 9px;}
.blockcite p{padding:0 0 0 13px;line-height:130%;}
.blockcite p:before{content:'"';}
.blockcite p:after{content:'"'}
.blockcite span{display:block;text-align:right;font-size:16px;}

/* --------------------------------------------------------------
FOOTER
-------------------------------------------------------------- */
#footer{background:#464646;margin:70px 0 0 0;position:relative;min-height:210px;position:relative;/*z-index:5;*/}
.timeline-page #footer{margin:0;}
#footer:before{content:"";position:absolute;top:1px;left:-27px;width:120%;z-index:-1;box-shadow:0 -10px 15px -5px #000;height:14px;}
#footer .inner{padding:24px 0 0 0;}

.footer-nav{list-style:none;margin:0;padding:0;}
.footer-nav li{float:left;}
.footer-nav li:before{content:"/";padding:0 11px;color:#fff;}
.footer-nav li:first-child:before{display:none;}
.footer-nav a{color:#fff;text-decoration:underline;cursor:pointer;outline:none;}
.footer-nav a:hover{color:#D9D8D6;}

#footer .socialM{clear:both;overflow:hidden;padding:0;margin:0 0 27px;}

.vcard{width:100%;color:#fff;line-height:180%;}
.vcard p{margin:0;}
.vcard a{color:#fff;text-decoration:underline;}

.vcard.state { line-height: normal; }
.vcard.state p { margin: 10px 0px; }


.cons-pers label.checkbox, .cons-pers label.radio {
    display: initial;
}


/* --------------------------------------------------------------
SMALL DEVICES AND UP
-------------------------------------------------------------- */
@media (max-width: 767px) {
    /*homepage overrides*/
    #header.homepage{margin:0px;padding:0px;border-bottom:none;}
    .container.homepage {width:auto;max-width:100%;padding:0px;}

    #issues_carousel .ui-icon {display: block;}

    .head-top{height:44px;}
    .head-top .col-xs-12{padding:0;}
    .brand .logo{
        /*
        margin-left:30px;
        margin-right:30px;
        */
    }
    
    span.breadcrumbComponent,
    .standard-padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nav-top{padding:11px 29px 0 0;}
    .form-search{float:right;padding:0;height:100%;}
    .form-search h4{height:100%;width:54px;background:#464646;margin:0;cursor:pointer;position:relative;}
    .form-search h4:after{content:"";width:20px;height:21px;position:absolute;background:url(../images/ico/ico.png) -20px 0;top:11px;right:20px;}
    .form-search h4:before{content:"";width:11px;height:44px;position:absolute;left:-11px;top:0;background:url(../images/ico/ico.png) -45px 0;}

    .form-search .inner{display:none;position:absolute;right:0;width:100%;background:#464646;height:130px;z-index:10;padding:20px;font-size:16px;}
    .search-txt{width:79.6428%;height:44px;font-size:16px;margin-bottom:16px;}
    .btn-go{color:#fff;font-size:18px;height:44px;width:20.3571%;height:44px;padding-left:10px;margin-bottom:16px;}
    .btn-go:before{content:"";width:14px;height:44px;position:absolute;top:0;left:0;background:url(../images/ico/ico.png) -60px 0;}

    #login .inner span, #welcome .inner span, .form-search .inner span {float:left;cursor:pointer;color:#fff;text-decoration:underline;}
    #login .inner a, #welcome .inner a, .form-search .inner a{float:right;color:#fff;text-decoration:underline;}

    /*login*/
    #login, #welcome {width:250px;right:-83px;margin:13px 0 0;}
    #welcome {
        width: 228px;
        right: -60px;
    }
    #welcome ul li {
        border-top: 1px solid #1f508f;
    }
    #welcome ul li:last-child {
        border-bottom: 1px solid #1f508f;
    }
    #welcome ul li a {
        padding: 12px 22px;
    }

    #login input, #welcome input {width:210px;margin:0 0 10px;}
    #login #pass, #welcome #pass {width:161px;margin:0;}
    #login .visible-xs, #welcome .visible-xs {float:left;color:#fff;text-decoration:underline;font-size:18px;margin-top:20px;line-height:33px;cursor:pointer;}

    /*main menu*/
    .navbar-nav a.nav-link-main{display:inline;}
    .nav-link-toggle{display:block;float:right;clear:both;}
    .nav-link-toggle>.nav-toggle-box{width:55px;height:36px;display:block;}
    .nav-link-toggle>.nav-toggle-box:hover{cursor:pointer;}
	#mainmenu .navbar-nav>li>a.nav-link-toggle{padding:0;}
    
    #mainmenu{position:fixed;top:12px;left:0;padding:0;z-index:101;}
    #mainmenu .navbar{border:0;background:none;min-height:0;margin:0;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;border:0;}
    #mainmenu .navbar-toggle{margin:0;padding:0;border:0;border-radius:0;float:left;margin-left:20px;}
    #mainmenu .navbar-toggle .icon-bar{border-radius:0;background:#fff;width:24px;height:4px;}

    #mainmenu .navbar-collapse{border:0;width:280px;margin-top:4px;background:none;box-shadow:0 0 0 #fff}

    #mainmenu .navbar-nav>li:first-child{border-top:1px solid #1F508F;}
    #mainmenu .navbar-nav>li{height:39px;border-bottom:1px solid #1F508F;background:#0092C8;}
    #mainmenu .navbar-nav>li>a{color:#fff;font-size:18px;padding:0 20px;line-height:39px;}
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#fff;}

    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background:none;}
    #mainmenu .navbar-nav>li.open{height:auto;}
    #mainmenu .navbar-nav>li.dropdown:after{content:"";position:absolute;top:12px;right:20px;width:16px;height:16px;background:url(../images/ico/ico.png) -77px 0;pointer-events:none;}
    #mainmenu .navbar-nav>li.open:after{background:url(../images/ico/ico.png) -77px -20px;}

    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{color:#fff!important;font-size:18px;border-top:1px solid #1F508F;padding:0 40px;
        line-height:39px;height:39px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;}

    /*footer*/
    .logo-footer{margin:0 0 25px;}
    .vcard{padding:0 0 25px;}
    #footer .socialM{padding:22px 0;margin:0}

    /*page content*/
    .content{font-size:15px;}

    .block{margin:0 auto 30px;}
    #bottom .col-sm-4:last-child .block{margin-bottom:0;}



    /*features carousel*/

    /*mission statement*/
    #mission-statement div.container {
        padding-top: 30px;
        padding-bottom: 35px;
    }
    #mission-statement div.container p {
        margin: 0px;
        padding: 0px;
        color: #ffffff;
        font-family: 'helvetica_neue_600', 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
        font-size: 26px;
        line-height: 30px;
        /*
        font-weight: 500;
        */
    }
    #mission-statement div.container p strong {
        font-size: 70px;
        line-height: 65px;
        /*
        font-weight: 500;
        */
        font-weight: normal;
    }
    
    .addthis-smartlayers{display:none !important;}
}

@media (max-width: 480px) {
    .grid{width:120%;position:relative;left:-5%;}
    #header .head-top{position:fixed;}
    #header .brand{padding-top:49px;}
    span.breadcrumbComponent {
        display: none;
    }
    .brand .logo{
    /*
        margin-left:20px;
        margin-right:20px;
    */
    }
    #footer .row > .first, #footer .row > .last{
    /*
        padding-left:20px;
        padding-right:20px;
    */
    }
}

/* >=768px and <=991px */
@media (min-width: 768px) and (max-width: 991px) {
    span.breadcrumbComponent,
    .standard-padding {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 500px) {
    .grid{left:-3.5%;}
}

/* --------------------------------------------------------------
MEDIUM DEVICES AND UP
-------------------------------------------------------------- */
@media (min-width: 1025px) {
}

@media (min-width: 992px) {
    /*homepage overrides*/
    #header.homepage{margin:0px;padding:0px;border-bottom:none;}
    #header .head-top{position:fixed;}
    #header .brand{padding-top:49px;}
    .container.homepage {width:auto;max-width:100%;padding:0px;}

    /* footer */
    #footer .col-sm-6.first {
        width: 35%;
    }
    #footer .col-sm-6.last {
        width: 65%;
    }
    #footer .linebreak-office, #footer .linebreak-street {
        display: none;
    }
}

@media (max-width: 991px) {
    #footer .row > .first, #footer .row > .last{
        /*
        padding-left:30px;
        padding-right:30px;
        */
    }
}

@media (min-width: 768px) {
    /*main menu*/
    .navbar .dropdown-menu li:hover .sub-menu {visibility:visible;}
    .navbar .dropdown:hover .dropdown-menu {display:block;}
    
    /*homepage overrides*/
    #header.homepage{margin:0px;padding:0px;border-bottom:none;}
    .container.homepage {width:auto;max-width:100%;padding:0px;}

    .head-top{height:49px;}

    .nav-top{padding:15px 20px 0 0;}
    .hide_for_large {
        display: none !important;
    }
    .show_for_large {
        display: block !important;
    }
    /*search form*/
    #search-our-site {
        display: block !important;
    }
    .form-search{float:right;padding:10px 0 9px 0;height:100%;}
    .search-txt{height:100%;width:197px;font-size:14px;}

    .btn-go{height:100%;width:44px;font-size:0;text-indent:-9000px;margin-left:9px;}
    .btn-go:before{content:"";width:9px;height:30px;position:absolute;top:0;left:-9px;background:url(../images/ico/ico.png);}
    .btn-go:after{content:"";width:20px;height:21px;position:absolute;background:url(../images/ico/ico.png) -20px 0;top:5px;right:14px;}
    .btn-go:hover{background:#BF3036;}
    .btn-go:hover:before{background:url(../images/ico/ico.png) -10px 0;}

    /*main menu*/
    #nav1{padding:38px 0 0 0;}
    .navbar{margin:0;border:0;background:none;}

    .navbar-default .navbar-nav{float:left;}
    .navbar-default .navbar-nav > li:first-child{border-left:1px solid #c4c4c4;}
    .navbar-default .navbar-nav > li{border-right:1px solid #c4c4c4;}

    .navbar-default .navbar-nav > li > a{padding:0 29px;color:#0092c8;font-weight:600;font-size:19px;line-height:54px;}
    .navbar-default .navbar-nav > li > a.active > span{display:inline-block;height:44px;border-bottom:4px solid #0092C8;}
    .navbar-default .navbar-nav > li > a:hover{color:#BE2F35;}
    .ie678 .navbar-default .navbar-nav > li > a{font-weight:400;}

    .navbar .dropdown-menu .sub-menu {
        left: 100%;
        position: absolute;
        top: 0;
        visibility: hidden;
        margin-top: -1px;
    }

    .dropdown #drop4 {color:#BE2F35;}

    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li.dropdown:hover > a{background:#0092C8;color:#fff;}

    .navbar .dropdown-menu{border:0;box-shadow:0 0 0 #fff;border-radius:0;border-left:1px solid #c4c4c4;left:-1px;background:none;margin:0;padding:0;}
    .navbar .dropdown-menu li{padding:0;border-bottom:1px solid #33A8D3;}
    .navbar .dropdown-menu li:first-child{border-top:1px solid #33A8D3;}
    .navbar .dropdown-menu li:first-child:hover{border-top:1px solid #BE2F35;}
    .navbar .dropdown-menu li:last-child{border:0;}
    .navbar .dropdown-menu>li>a{padding:0;line-height:49px;background:#0092C8;color:#fff;font-size:18px;padding:0 21px;}
    .navbar .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background:#BE2F35;color:#fff;}

    .navbar-default .navbar-nav > li.dropdown-red > a.active > span{border-bottom:4px solid #BE2F35;}
    .navbar .dropdown-red li{padding:0;border-bottom:1px solid #d04046;}
    .navbar .dropdown-red li:first-child{border-top:1px solid #d04046;}
    .navbar .dropdown-red li:first-child:hover{border-top:1px solid #33A8D3;}
    .navbar .dropdown-red .dropdown-menu>li>a{background:#BE2F35;}
    .navbar .dropdown-red .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background:#0092C8;}
    .navbar .dropdown-red:hover #drop4, .navbar .dropdown-red:focus #drop4 {color:#fff;background:#BE2F35;}

    .socialM{float:left;}

    /*login*/
    #login, #welcome {width:412px;right:-70px;margin:14px 0 0;}
    #welcome {
        width: 190px;
        right: -20px;
    }
    #login input, #welcome input {width:161px;}
    #user{margin-right:1px;}

    /*loged in*/
    .nav-top .dropdown-menu{border:0;border-top:1px solid #33A8D3;box-shadow:0 0 0 #fff;border-radius:0;left:0px;background:none;margin:14px 0 0 0;padding:0;}
    .nav-top .dropdown-menu li{padding:0;border-bottom:1px solid #33A8D3;float:none;}
    .nav-top .dropdown-menu li:last-child{border:0;}
    .nav-top .dropdown-menu>li>a{padding:0;line-height:49px;background:#0092C8;color:#fff;padding:0 10px;}
    .nav-top .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background:#BE2F35;color:#fff;}

    /*footer*/
    .logo-footer{margin:0 0 42px;}
    #footer .socialM{float:right;}
    .vcard{float:right;text-align:right;}


    /* */
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .block .submit{font-size:16px;}
}

/* --------------------------------------------------------------
LARGE DEVICES / DESKTOP
-------------------------------------------------------------- */
@media (min-width: 1024px) {
    /*menu*/
    .navbar-default .navbar-nav{float:right;}
    .navbar-default .navbar-nav > li > a{padding:0 19px;}
    .grid{width:105%;position:relative;}

    /*homepage overrides*/
    #header.homepage{margin:0px;padding:0px;border-bottom:none;}
    .container.homepage {width:auto;max-width:100%;padding:0px;}
}

/* --------------------------------------------------------------
ADDTHIS FIXES
-------------------------------------------------------------- */
.atss {
    top: 59px !important;
}
div#at4-share {
    padding-right: 10px !important;
}
div.at4-hide {
    display: none !important;
}
#at4m-dock.ats-transparent {
    background-color: #EBEBEB;
}

/* --------------------------------------------------------------
IPAD FIXES
-------------------------------------------------------------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

}

/* --------------------------------------------------------------
POSITIONAL STYLES ELEMENTS
-------------------------------------------------------------- */

.pas {
    padding:5px
}
.pam {
    padding:10px
}
.pal {
    padding:20px
}
.pts {
    padding-top:5px
}
.ptm {
    padding-top:10px
}
.ptl {
    padding-top:20px
}
.prs {
    padding-right:5px
}
.prm {
    padding-right:10px
}
.prl {
    padding-right:20px
}
.pbs {
    padding-bottom:5px
}
.pbm {
    padding-bottom:10px
}
.pbl {
    padding-bottom:20px
}
.pls {
    padding-left:5px
}
.plm {
    padding-left:10px
}
.pll {
    padding-left:20px
}
.phs {
    padding-left:5px;
    padding-right:5px
}
.phm {
    padding-left:10px;
    padding-right:10px
}
.phl {
    padding-left:20px;
    padding-right:20px
}
.pvs {
    padding-top:5px;
    padding-bottom:5px
}
.pvm {
    padding-top:10px;
    padding-bottom:10px
}
.pvl {
    padding-top:20px;
    padding-bottom:20px
}
.mas {
    margin:5px
}
.mam {
    margin:10px
}
.mal {
    margin:20px
}
.mts {
    margin-top:5px
}
.mtm {
    margin-top:10px
}
.mtl {
    margin-top:20px
}
.mrs {
    margin-right:5px
}
.mrm {
    margin-right:10px
}
.mrl {
    margin-right:20px
}
.mbs {
    margin-bottom:5px
}
.mbm {
    margin-bottom:10px
}
.mbl {
    margin-bottom:20px
}
.mls {
    margin-left:5px
}
.mlm {
    margin-left:10px
}
.mll {
    margin-left:20px
}
.mhs {
    margin-left:5px;
    margin-right:5px
}
.mhm {
    margin-left:10px;
    margin-right:10px
}
.mhl {
    margin-left:20px;
    margin-right:20px
}
.mvs {
    margin-top:5px;
    margin-bottom:5px
}
.mvm {
    margin-top:10px;
    margin-bottom:10px
}
.mvl {
    margin-top:20px;
    margin-bottom:20px
}
.vab {
    vertical-align:bottom;
}
.vam {
    vertical-align:middle;
}
.vabl {
    vertical-align:baseline;
}
.vatb {
    vertical-align:text-bottom;
}
.tal {
    text-align:left;
}
.tac {
    text-align:center;
}
.tar {
    text-align:right;
}
.lfloat {
    float:left;
}
.rfloat {
    float:right;
}
.block {
    display:block;
}
.inline {
    display:inline;
}
.no-overflow {
    overflow:hidden;
}
.relative {
    position:relative;
}
.uppercase {
    text-transform: uppercase;
}
.notransform {
    text-transform: none;
}
.noline {
    text-decoration: none;
}

/* --------------------------------------------------------------
STYLE GUIDE CSS
-------------------------------------------------------------- */

/* Definitions */
.hidden {
    display: none;
}
.main-container button,
.main-container input[type=submit],
.main-container input[type=text],
.main-container input[type=number] {
    -webkit-appearance: none;
}

.main-container button.pagination-bttn { 
 padding-left:35px; padding-right:45px; 
}

/* Bootstrap overwrites */
.main-container .row {
    margin-left: 0;
    margin-right: 0;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.main-container fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

blockquote:before {
    content: open-quote;
}
blockquote:after {
    content: close-quote;
}

.main-container .cite p {
    margin: 0;
    font-style: oblique;
    font-size:16px;
    padding:0;
}

.cite {
    margin-top:20px;
}

.main-container .cite+blockquote {
    padding-top: 28px;
}

.main-container .cite+blockquote:before {
    margin-top: 28px;
    border-bottom: 1px solid #c6c6c6;
    display:block;
    content:' ';
    position: relative;
    top:-28px;
}

.main-container select,
.main-container select:focus {
    height: 44px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #b7b7b7;
    background: #ffffff url(../img/select_arrow.png) no-repeat right center;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-indent: 0.01px;
    text-overflow: '';
    font-size: 16px;
    font-family: 'helvetica_neue_400', 'Helvetica Neue', Arimo, Sans-serif;
    padding: .5em 74px .5em 10px;
    outline: none;
    line-height: normal;
    line-height: initial;
}
.main-container option {
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.main-container select::-ms-expand {
    display: none;
}
.main-container input,
.main-container input:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #b7b7b7;
    outline: none;
}

.main-container input {
    height: 54px;
}

.main-container textarea {
    resize: vertical;
}
.main-container a,
.main-container a:visited,
.main-container a:active,
.main-container a:link {
    text-decoration: none;
    color: #1f508f;
}
.main-container a:hover {
    text-decoration: none;
    color: #04244c;
}
.main-container p {
    margin: 0 0 13px;
}
.main-container p:last-child {
    margin-bottom: 0px;
}
.main-container h1,
.main-container h2,
.main-container h3,
.main-container h4,
.main-container h5,
.main-container h6 {
    margin: 40px 0px 20px 0px;
    font-family: 'helvetica_neue_600', 'Helvetica Neue', Arimo, Sans-serif;
    text-rendering: optimizelegibility;
    font-weight: normal !important;
}
.main-container h1:first-child,
.main-container h2:first-child,
.main-container h3:first-child,
.main-container h4:first-child,
.main-container h5:first-child,
.main-container h6:first-child {
    margin: 0px 0px 20px 0px;
}
.main-container h1,
.main-container h2,
.main-container h3 {
    color: #be2f35;
}
.main-container h1 {
    font-size: 36px;
    line-height:36px;
}
.main-container h2 {
    font-size: 30px;
}
.main-container h3 {
    font-size: 24px;
}
.main-container h4,
.main-container h5,
.main-container h6 {
    font-size: 24px;
    color: #464646;
}
.close {
    margin: 0;
}
.main-container ul {
    padding: 0;
}

#header {
    margin-bottom:-0;
}

.main-container button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(../img/flag-red-right.png) no-repeat right center;
    color: white;
    font-size: 20px;
    text-shadow: 1px 1px 1px #222222;
    border: none;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    outline: none;
    padding: 0px 35px 0px 25px;
}
.main-container button:hover,
.main-container button.hover {
    background-image: url(../img/flag-red-right-hover.png);
}
a.button {
    -moz-appearance: none;
    background: url("../img/flag-red-right.png") no-repeat scroll right center transparent;
    border: medium none;
    color: #fff !important;
    font-size: 20px;
    height: 46px;
    line-height: 46px;
    outline: medium none;
    padding: .05em 1.5em;
    text-shadow: 1px 1px 1px #222222;
    display: inline-block;
    overflow: hidden;
}
a.button:hover,
a.button:focus {
    text-decoration: none;
    background-image: url("../img/flag-red-right-hover.png");
}
.main-container .wrapper {
    /* width: 960px; */
    margin: 0 auto;
}
.main-container img {
    border: 1px solid #c6c6c6;
}
.main-container img.thumb {
    -webkit-box-shadow: 3px 3px #c6c6c6;
    -moz-box-shadow: 3px 3px #c6c6c6;
    box-shadow: 3px 3px #c6c6c6;
}
.col1 .wrapper,
.col2 .wrapper {
    width: 100%;
}
.caption {
    font-family: Arial;
    font-style: italic;
    font-style: oblique;
    clear: right;
    color: #464646;
}
.col2 .caption {
    margin-left: 30px;
}
.main-container section {
    clear: both;
    position: relative;
    padding-bottom: 20px;
}
.main-container section.shaded {
    padding-bottom: 0px;
}
.shaded {
    background: #ebebeb;
    border: 1px solid #c6c6c6;
    margin: 40px 0px;
}

.col2 .shaded {
    border-left:none;
}

.shaded .wrapper {
    padding: 28px;
    position: relative;
}
.shaded h2 {
    color: #464646;
    margin-top: 0;
}
.shaded .more {
    position: absolute;
    top: 28px;
    right: 28px;
    line-height: 33px;
}
/*
.more:after {
    content: ' �';
}
*/
.metadata,
.date {
    font-size: 14px;
}
.shaded .h7 {
    color: #0a3e70;
}
.shaded .date {
    margin-top: -15px;
}
.shaded article {
    margin-bottom: 50px;
    padding-left: 132px;
    position: relative;
    min-height: 82px;
}
.shaded article:last-child {
    margin-bottom: 0px;
}
.shaded.status article {
    padding-left: 0px;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 25px;
    margin-bottom: 25px;
    color: #464646;
}
.shaded.status article em {
    color: #464646;
    font-size: 16px;
}
.shaded.status article:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.shaded .thumb img {
    background: #0092c8;
}
.shaded div.thumb{
    position: absolute;
    top: 0;
    left: 0;
    width: 82px;
}

body.search .shaded article,
    body.search .shaded article:last-child {
        padding-left: 0;
    }
    body.search .shaded article .h7 {
        margin-left: 0;
    }
    .search_results_more {
        margin-top: 50px;
    }
    .search_results_more button {
        display: inline-block;
        margin-right: 20px;
    }
    .search_results_more span {
        white-space: nowrap;
    }
    
iframe .multimedia {
    margin-bottom: 20px;
}
nav.side {
    width: 100%;
    margin-bottom: 40px;
}
nav.side ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
nav.side h4 {
    color: white;
    background: #be2f35;
    height: 40px;
    width: 100%;
    line-height: 40px;
    vertical-align: middle;
    font-size: 18px;
    text-indent: 20px;
    margin: 0 !important;
}
/*
nav.side a:after {
    content: " �";
    font-size: 24px;
}
nav.side li.current > a:after {
    content: "";
}
*/
nav.side a span {
    font-size: 24px;
    line-height: 24px;
}
nav.side li.current > a span {
    display: none;
}
nav.side a {
    height: 40px;
    border-top: 1px solid white;
    display: block;
    width: 100%;
    text-align: left;
    background: #0092c8;
    line-height: 40px;
    vertical-align: middle;
    text-indent: 20px;
    margin-right: -20px;
}
nav.side a,
nav.side a:link,
nav.side a:hover,
nav.side a:visited {
    color: white;
    font-family: 'helvetica_neue_600', 'Helvetica Neue', Arimo, Sans-serif;
    font-weight: normal !important;
}
nav.side li ul {
    display: none;
}
nav.side li ul a {
    text-indent: 56px;
}
nav.side li li a {
    border-top: 1px solid #57b6d9;
}
nav.side li.expanded ul {
    display: block;
}
nav.side a:hover,
nav.side li.current a {
    background: #0a3e70;
}
#breadcrumbs {
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 14px;
    position: absolute;
    top: 20px;
    vertical-align: top;
}
#breadcrumbs ul {
    list-style: none;
    /* max-width: 960px; */
    /* margin: 1em auto; */
}
#breadcrumbs li {
    display: inline;
}
#breadcrumbs li:after {
    content: ' > ';
}
#breadcrumbs li.current:after {
    content: none;
}
#breadcrumbs .current a,
#breadcrumbs .current a:hover,
#breadcrumbs .current a:visited {
    color: inherit;
}

#ugcForm input[type=text], #ugcForm textarea {
    width:100%;
}
#ugcForm input[type=submit],#ugcForm input[type=reset] {
    width:40%; 
    margin-top:10px; 
    margin-bottom:10px;
}
#ugcForm label {
    padding-top:20px; 
    color: #1F508F;
}


.main-container.twocol {
    /* width: 960px; */
    margin: 0 auto;
}
.main-container {
    font-size: 18px;
    line-height: 24px;
}
.col1,
.col2,
.col-full{
    position: relative;
    padding-top: 62px;
    padding-bottom: 40px;
    float: left;
}
.col1 {
    width: 599px;
    padding-right: 50px;
    border-right: 1px solid #c6c6c6;
}
.col2 {
    width: 360px;
}
.col1 section {
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 40px;
    overflow: visible;
}
.col2 .wrapper {
    /*
    padding-left: 30px;
    padding-right: 30px;
    */
    padding: 30px;
}
.strong {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    /*
    font-weight: bold;
    */
}
strong {
    font-family: Helvetica, Verdana, Arial, sans-serif;
}
.col2 article {
    background: #ebebeb;
    border: 1px solid #c6c6c6;
    border-left: none;
    margin-bottom: 40px;
}

.col2 h2 {
    color:#BE2F35;
    font-size: 30px;
    margin-top:10px;
}

.main-container .more {
    text-align: right;
    /*
    margin:0 0 5px;
    */
}
.link a:after {
    font-size: 1.333em;
}
.imagePicker {
    float: right;
    width: auto;
    margin: 5px 0;
}
.imagePicker li {
    width: 16px;
    height: 16px;
    border: 3px solid #c6c6c6;
    background: #c6c6c6;
    display: inline-block;
    margin: 0 0 0 14px;
}
.imagePicker li span {
    display: none;
}
.imagePicker li.flex-active {
    background: #464646;
}
.trailing {
    width: 300px;
    height: 360px;
    position: relative;
    list-style: none;
    color: white;
    line-height: 1.4;
    padding: 40px 36px 0;
    display: block;
    float: left;
    margin-right: 20px;
}
.trailing p.action {
    border-top: 2px solid #ebebeb;
    background-color: inherit;
    line-height: 58px;
    vertical-align: middle;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
}
.trailing a,
.trailing a:link,
.trailing a:visited,
.trailing a:hover {
    text-decoration: none;
    padding-left: 28px;
    display: inline-block;
    background: #be2f35;
    color: white;
    position: relative;
    z-index: 2;
    font-weight: normal;
}
.trailing a:after {
    position: absolute;
    width: 46px;
    right: -46px;
    top: 0;
    bottom: 0;
    content: " ";
    background: transparent url(../img/flag-red-limned.png) no-repeat right center;
}
.trailing p a,
.trailing p a:link,
.trailing p a:visited,
.trailing p a:hover {
    padding-left: 0px;
    display: inline;
    background: transparent;
    text-decoration: underline;
}
.trailing p a:after {
    content: "";
    display: none;
}
blockquote {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    quotes: "�" "�" "�" "�";
    position: relative;
}
.trailing blockquote {
    font-family: 'helvetica_neue_600', Helvetica, Verdana, Arial;
    font-weight: normal;
}
.trailing blockquote:before,
.overlayb blockquote:before {
    position: absolute;
    right: 100%;
    top: -10px;
    font-size: 1.4em;
}
.trailing blockquote:after,
.overlayb blockquote:after {
    font-size: 1.4em;
}
.trailing.star_back {
    font-size: 20px;
    /*
    font-weight: bold;
    */
    background: #0092c8 url(../img/star-bg.png) center center no-repeat;
}
.trailing.star_back .big,
.overlayb blockquote .big {
    font-size: 1.4em;
    font-family: 'helvetica_neue_600', Helvetica, Verdana, Arial;
    font-weight: normal;
}
.overlayb blockquote .big {
    line-height: .9em;
}
.overlayb blockquote .bigger,
.trailing.star_back .bigger {
    font-size: 1.8em;
    line-height: 1em;
    font-family: 'helvetica_neue_600', Helvetica, Verdana, Arial;
    font-weight: normal;
}
.trailing .attribution,
.overlayb .attribution {
    font-size: 16px;
    font-weight: normal;
    text-align: right;
}
.trailing.picture_back {
    background: #1d387b url(../img/donate-bg.jpg) center bottom no-repeat;
}
.trailing.picture_back h2 {
    font-size: 48px;
    text-align: right;
    font-weight: bold;
    color: white;
}
.trailing.gray_back {
    background: #464646;
    font-size: 18px;
}
.trailing.gray_back h2 {
    background: white;
    display: inline-block;
    font-size: 30px;
    line-height: 40px;
    color: #464646;
    margin-top: -10px;
    padding: 0px 17px;
    height: 40px;
    font-family: Arimo, Sans-serif;
    font-weight: bold;
}
.trailing.gray_back .big {
    font-size: 29px;
    line-height: 34px;
}
#trailingBoxes {
    padding: 64px 0;
    overflow: hidden;
}

.commentForm label {
    display: block;
    font-weight: normal;
}
.commentForm label span {
    display: block;
    margin-bottom: 5px;
}
.commentForm input {
    width: 388px;
    border: 1px solid #c6c6c6;
    height: 44px;
    margin-bottom: 20px;
}
.commentForm input,
.commentForm textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.commentForm textarea {
    width: 548px;
    border: 1px solid #c6c6c6;
}

.comment .label{
    color:#333333;
}

.main-container #comments_section {
    font-size:14px;
}

.main-container #comments_section table td {
    padding:10px;
}

.main-container #comments_section input[type="submit"] {
    float:right;
    margin-top:10px;
    margin-bottom:10px;
    min-width:200px;
}

table {
    border-collapse: collapse;
}
td {
    border: 1px solid #f8f8f8;
    background: #f1f1f1;
    vertical-align: middle;
    height: 48px;
    padding: 0 20px;
}
th {
    font-weight: normal;
    font-family: 'helvetica_neue_600', 'Helvetica Neue', Arimo, Sans-serif;
    border: 1px solid #f8f8f8;
    background: #71bfdb;
    padding: 0 20px;
    height: 48px;
}
th:first-child {
    background: #f1f1f1;
}
tr:first-child th:first-child {
    background: #71bfdb;
}
caption {
    font-weight: normal;
    font-family: 'helvetica_neue_600', 'Helvetica Neue', Arimo, Sans-serif;
    text-align: left;
    padding-bottom: 14px;
}
ul.circles,
ul.stars,
ul.numbered {
    padding-left: 36px;
}
.circles li,
.stars li,
.numbered li {
    padding-bottom: 10px;
}
.circles li a,
.stars li a,
.numbered li a {
    vertical-align: top;
}
ul.stars {
    list-style-image: url(../img/star.png);
}
ul.circles {
    list-style-image: url(../img/bullet-dark.png);
}
ul.numbered {
    list-style-type: decimal;
}
ul.numbered ul {
    padding-left: 36px;
    list-style-type: lower-alpha;
}
li li:last-child {
    padding-bottom: 0;
}
li ul {
    margin-bottom: 0;
}
ul.circles ul {
    padding-left: 36px;
    list-style-image: url(../img/bullet-light.png);
}
.pages {
    float: right;
    width: auto;
    font-size: 14px;
}
.pages ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
}
.pages li {
    display: inline;
}
.pages .next {
    padding-left: 1em;
}
.pageLabel {
    padding-left: 1em;
}

blockquote.callout {
    background: #ebebeb;
    border: 1px solid #c6c6c6;
    quotes: "“" "”" "‘" "’";
    padding: 42px 32px;
}

blockquote.callout:before, blockquote.callout:after {
    content:none;
}

blockquote.callout p {
    position: relative;
}
blockquote.callout p:first-child:before {
    content: open-quote;
    font-size: 60px;
    vertical-align: bottom;
    position: absolute;
    top: -20px;
    right: 100%;
    font-weight: bold;
}
blockquote.callout p:last-child:after {
    content: close-quote;
    font-size: 60px;
    float: right;
}
blockquote.callout footer {
    font-style: italic;
    font-style: oblique;
}
blockquote.callout footer p {
    margin: 0;
}
blockquote.callout footer p:first-child:before {
    content: none;
}
blockquote.callout footer p:last-child:after {
    content: none;
}
.h7 {
    font-weight: normal;
    font-family: 'helvetica_neue_600', Helvetica, Verdana, Arial, sans-serif;
}
.special.event {
    background: #ebebeb;
    border: 1px solid #c6c6c6;
    padding: 30px 30px;
}
.special.event .venue p {
    margin: 0;
    line-height: 26px;
}
.special.event .eventlinks a {
    display: inline-block;
}
.special.event .eventLinks a:after {
    content: "�";
    margin: 0 34px 0 6px;
}
.special.event .eventLinks {
    margin-top: 22px;
}
#blogPosts .more {
    float: right;
    margin-right: 28px;
}
#blogPosts .more:after {
    content: " �";
}
.special_promo {
    background: #464646;
    margin: 35px 0;
    overflow: visible;
    color: white;
    padding-bottom: 20px;
}
.special_promo .wrapper:after {
    position: absolute;
    width: 500px;
    left: 100%;
    top: 0;
    bottom: 0;
    content: " ";
    background: #0092c8;
    background: #464646;
}
.special_promo h1 {
    font-size: 2.222em;
    color: white;
    margin: 0 0 10px;
}
.special_promo h1 .sub {
    font-size: .75em;
    padding: .5em 0;
    display: block;
}
.special_promo .left {
    font-weight: normal;
    width: 54%;
    background: transparent url('../img/flag-blue.png') no-repeat right center;
    position: absolute;
    top: -5px;
    bottom: -5px;
    line-height: 1;
    padding: 30px 46px 75px 0;
}
.special_promo .left:before {
    position: absolute;
    width: 500px;
    right: 100%;
    top: 0;
    bottom: 0;
    content: " ";
    background: #0092c8;
}
.special_promo .whitebox {
    font-size: 1.6667em;
    color: #0092c8;
    background: white;
    padding: .25em .75em;
}
.special_promo .right {
    width: 375px;
    margin-left: 58%;
    color: white;
    font-size: inherit;
    position: relative;
    padding-top: 40px;
    height: 100%;
}
.special_promo .right input {
    height: 44px;
    border: none;
    outline: none;
    background: white;
    margin: 0;
    color: #333333;
    font-size: 16px;
}
.special_promo .right input[name=email] {
    width: 180px;
    margin-right: 1px;
    padding-left: 10px;
}
.special_promo .right input[name=zip] {
    width: 120px;
    padding-left: 10px;
}
.special_promo .right input[type=submit] {
    background: #ffffff url(../img/go.png) no-repeat left bottom;
    margin-left: -10px;
    width: 60px;
    color: white;
    height: 46px;
    font-size: 18px;
}
.col1 .multi-frame {
    float: left;
    width: 360px;
}
.multi-frame .wrapper {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
img {
    max-width: 100%;
}

.status, article.action_alert {
    margin: 40px 0;
}

.issue .featured_campaign, .campaign .featured_campaign, article.action_alert .alert {
    padding: 0 0 0 132px;
    position: relative;
    margin:0;
    border:none;
}
.issue div.thumb, .campaign div.thumb, .action_alert div.thumb {
    position: absolute;
    top: 5px;
    left: 0;
}
.issue img.thumb, .campaign img.thumb, .action_alert img.thumb {
    width:100px;
    height:100px;
}


.container {
    padding:0;
}
.status h2 {
    color: #be2f35;
}


.ac-box-share .ac-share-fb img {
    width: auto; max-width: 225px;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
         * Don't show links for images, or javascript/internal links
         */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */

    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page  {
        margin: 0.5cm;
    }
    p,
    h1,
    h2 {
        orphans: 3;
        widows: 3;
    }
    h1,
    h2 {
        page-break-after: avoid;
    }
}
iframe.multimedia {
    height: 310px;
    width: 550px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    height: 310px;
    width: 550px;
}

    .video-container.full {
        display: block;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        margin-bottom: 20px;
    }   
    .video-container.full iframe,
    .video-container.full object,
    .video-container.full embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Search */
form.search input {
    width: 360px;
    display: inline;
    margin-right: 24px;
    padding-left: 10px;
}
form.search button {
    height: 54px;
    line-height: 54px;
    padding: 0px 30px 0px 20px;
}
.basic_search_col {
    width: 549px;
    float: left;
    padding-right: 50px;
}
.search_results .summary {
    font-size: 14px;
    line-height: 44px;
    vertical-align: middle;
    margin-top: 44px;
}
.search_results .summary label {
    display: inline;
    float: right;
    width: auto;
    font-size: 18px;
}
.search_results .page_title {
    font-weight: normal;
    font-family: 'helvetica_neue_600', Helvetica, Verdana, Arial, sans-serif;
    margin-bottom: 10px;
    display: inline-block;
}
.search_results .metadata {
    font-size: 14px;
    margin-bottom: 10px;
}
.search_results ul {
    list-style-position: inside;
    list-style-type: decimal;
}
.search_results li {
    font-weight: normal;
    font-family: 'helvetica_neue_600', Helvetica, Verdana, Arial, sans-serif;
    margin-top: 40px;
}
.search_results li * {
    font-family: 'helvetica_neue_400', Helvetica, Verdana, Arial, sans-serif;
}
.search_results li p {
    font-weight: normal;
}
form.advanced_search select {
    width: 298px;
    display: block;
    float: left;
    margin-bottom: 24px;
    margin-right: 20px;
    padding-right: 64px;
}
form.advanced_search select.small {
    width: 138px;
}
form.advanced_search .strong {
    clear: both;
}
form.advanced_search.compact {
    background: #ebebeb;
    border: 1px solid #c6c6c6;
    margin-bottom: 40px;
    padding: 28px;
    width: 360px;
    float: right;
}
form.advanced_search.compact .h1 {
    font-style: 30px;
    margin-top: 0;
}
form.advanced_search.compact .noncompact {
    display: none;
}
form.advanced_search.compact select.last {
    margin-right: 0;
}
.recap {
    clear: both;
    margin-bottom: 0px !important;
}
/*End Search */
/* Flipbox*/
.flipbox {
    position: relative;
    width: 548px;
    height: 248px;
    border: 1px solid #c6c6c6;
    margin: 20px 0px;
}
/*
.flipbox.flipped {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter �\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
}
.flipbox.flipped * {
    filter: none;
    -webkit-filter: grayscale(0%);
}
*/
.flipbox h1 {
    color: white;
    background: rgba(0, 0, 0, 0.75);
    margin-top: 20px;
    padding: 0 20px 0 30px;
    position: relative;
    z-index: 2;
    display: inline-block;
    height: 68px;
    line-height: 68px;
    vertical-align: middle;
}
.flipbox .front,
.flipbox .back {
    background-position: center center;
    background-repeat: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
}
.flipbox .back {
    display: none;
}
.main-container .flipbox.flipped .more {
    text-align: left;
}
.flipbox .flipper {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 68px;
    height: 68px;
    z-index: 2;
}
/*
.flipbox .flipper:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-right: 38px solid #c6c6c6;
    border-bottom: 38px solid #c6c6c6;
    border-top: 38px solid transparent;
    border-left: 38px solid transparent;
    z-index: 0;
    bottom: 0;
    right: 0;
}
*/
.flipbox .flipper:after {
    content: " ";
    position: absolute;
    width: 68px;
    height: 68px;
    border-right: 5px solid #f8f8f8;
    border-bottom: 5px solid #f8f8f8;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    z-index: 1;
    bottom: -2px;
    right: -2px;
    pointer-events: none;
}
.flipbox .flipper a {
    display: block;
    width: 0;
    height: 0;
    border-right: 38px solid #464646;
    border-bottom: 38px solid #464646;
    border-top: 38px solid transparent;
    border-left: 38px solid transparent;
    color: white;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 48px;
    font-weight: bold;
    line-height: 22px;
    cursor: pointer;
}
.flipbox.flipped .flipper {
    /*
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    background: rgba(235, 235, 235, 0.9);
    */
    bottom: 0px;
    right: 0px;
}
.flipbox.flipped .flipper:before,
.flipbox.flipped .flipper:after {
    content: none;
}
.flipbox.flipped .flipper a {
    border: 38px solid transparent;
    color: #464646;
}
.flipbox.flipped .back {
    display: block;
    background: rgba(235, 235, 235, 0.9);
    padding: 110px 10px 30px 30px;
}
.flipbox.flipped .back * {
    z-index: 6;
}
.flipbox.flipped .front {
    /*
    display: none;
    */
    /*
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter �\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    */
    filter: url(grayscale.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/* Copying Action Center styles for footer connect promo */
.ac-box-share > div {
    padding-top: 30px;
    padding-bottom: 30px;
}
.ac-box-share > div.first {
    padding-left: 30px;
    padding-right: 10px;
}
.ac-box-share > div.second {
    padding-left: 20px;
    padding-right: 20px;
}
.ac-box-share > div.last {
    padding-left: 10px;
    padding-right: 30px;
}
.ac-box-share .block {

    max-width: 280px;
}
.ac-box-share .overlayb > div {
    top: 0;
    bottom: auto;
    padding: 25px 30px;
    font-size: 20px;
    font-weight: bold;
}
.ac-box-share .overlayb h3 {
    color: #fff;
    margin-bottom: 15px;
}
.ac-box-share .overlayb .attribution {
    margin-top: 10px;
}
.ac-box-share > div.second .overlayb p {
    font-size: 16px;
    font-weight: normal;
}
.ac-box-share .block-white {
    height: 373px;
    background-color: #fff;
}
.ac-box-share .block-white {
    position: relative;
    padding: 15px 20px;
}
/* DIFFERENT FROM ACTION CENTER */
.ac-box-share .block-white h1 {
    color: #BE2F35;
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 12px;
}
.ac-box-share .block-white .toggle-tw-gb-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 58px;
}
.toggle-tw-gb-box > span {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    top: 0;
    text-indent: -9999px;
    background-image: url("../images/ico/ac-share-toggle-tw-fb.png");
}
/* DIFFERENT FROM ACTION CENTER */
.col-sm-4.ac-box-share .block-white .ac-share-tw,
.col-sm-4.ac-box-share .block-white .ac-share-fb {
    width: 260px;
    height: 285px;
    overflow: auto;
}
.toggle-tw-gb-box > span:hover {
    cursor: pointer;
}
.toggle-tw-gb-box > span.active {
    height: 58px;
}
.toggle-tw-gb-box > span.tw {
    background-position: 0px 0px;
}
.toggle-tw-gb-box > span.fb {
    background-position: -50px 0px;
}

@media (max-width: 767px) {
    .flipbox {
        width: 100%;
        height: 350px;
    }
    .flipbox .front {
        background-size: cover;
    }
}
/*End Flipbox */
/* rules for icons and generic thumbnails  */
.icon {
    background: transparent url(../img/icons.png) no-repeat left top;
    display: inline-block;
}
.icon span {
    visibility: hidden;
    overflow: hidden;
}
.icon.inline {
    position: relative;
}
.icon.large {
    width: 140px;
    height: 140px;
    top: 70px;
    margin-bottom: -140px;
}
.icon.medium {
    width: 80px;
    height: 80px;
    top: 40px;
}
.icon.medium.take_action {
    background-position: 0px -140px;
}
.icon.small {
    width: 50px;
    height: 50px;
    top: 16px;
}
.icon.small.take_action {
    background-position: -320px -170px;
}
.icon.in_honor {
    background-position: 0px 0px;
}
.icon.by_mail {
    background-position: -140px 0px;
}
.icon.planned {
    background-position: -280px 0px;
}
.icon.to_state {
    background-position: -420px 0px;
}
.icon.education {
    background-position: -560px 0px;
}
.icon.monthly {
    background-position: -700px 0px;
}
.icon.updates {
    background-position: -80px -140px;
}
.icon.at_stake {
    background-position: -160px -140px;
}
.icon.search {
    background-position: -240px -140px;
}
.icon.more {
    background-position: -370px -170px;
}


.links a{
    vertical-align: middle;
    display: block;
    padding-right:20px;
    width:auto;
    float:left;
}

.links:after {
    content:' ';
    display:block;
    clear:both;
}

.links a span {
    position:relative;
    top:-16px;
}

.links a:before {
    display:inline-block;
    border-radius:25px;
    height:50px;
    width:50px;
    margin-right:8px;
    content:" ";

}

.links a:after {
    position:relative;
    top:-16px;
}

.links .take_action:before {
    background:#464646 url(../images/ico/take_action_small.png) no-repeat center center;
}

.links .campaigns:before {
    background:#464646 url(../images/ico/more_small.png) no-repeat center center;
}

.links .red:before {
    background-color:#be2f35;
}

.links .blue:before {
    background-color:#1f508f;
}
.links .red:hover:before, .links .gray:hover:before {
    background-color: #1f508f;
}

#searchtheissues button.btn-go {
    background:#333;
    left:-0px;
    text-indent:-14px;
    text-shadow:none;
    height: 46px;
}

#searchtheissues button.btn-go:after {
    content:none;
}

#searchtheissues button.btn-go:before {
    height:45px;
    left:-14px;
    width:14px;
    background-position: -60px 0;
    border-bottom:1px solid #333;
    top:1px;
}
#searchtheissues {
    margin-bottom: 40px;
}

#searchtheissues h2 {
    color:#c42f35;
}

#searchtheissues .search-txt {
    height:46px;
    width:100%;
    margin-right: -70px;
}

label[for=issueFilter] {
    margin-top:40px;
}

#searchtheissues #searchtheissues select {
    width:100%;
}

.issue, .campaign {
    margin-bottom:40px;
}

/* Responsive videos */
@media (max-width: 991px) {
    .video-container {
        display: block;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }   
    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/* End icons */
@media (max-width: 767px) {
    html body {
        background-color: #f8f8f8;
        min-width: 0;
    }
    table {
        table-layout: fixed;
        width: 100%;
        /*
        font-size: .75em;
        */
    }
    .main-container.twocol {
        width: 100%;
        margin: 0 0;
    }
    .main-container.twocol {
        width: auto;
        padding: 0;
        margin: 0;
    }
    .main-container .wrapper {
        width: auto;
        margin: 20px 10px;
        max-width: 100%;
    }
    .col1,
    .col2 {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        border-right: none;
    }
    .col1 .wrapper,
    .col2 .wrapper,
    .col-full .wrapper {
        padding: 0 10px;
        width: auto;
    }


    .col2 article {
        border-right: none;
    }
    .col2 article p {
        margin: 0;
    }
    .col2 article .more {
        margin-bottom: -15px;
    }
    nav.side {
        width: 100%;
    }
    .shaded {
        border-left: none;
        border-right: none;
        padding: 10px;
    }
    .shaded .h7, .shaded p {
        margin-left: 83px;
    }
    .shaded.status p {
        margin-left: 0px;
    }
    .shaded article {
        padding-left: 0;
        min-height: 52px
    }
    .shaded article .thumb img {
        height: 50px;
        width: 50px;
    }
    .shaded article div.thumb {
        float: left;
        position: static;
    }
    .shaded article .wrapper {
        padding: 0;
    }
    footer.main .wrapper {
        width: auto;
    }
    #breadcrumbs {
        width: 100%
        padding: 0 10px;
    }
    #breadcrumbs ul {
        width: auto;
    }
    #breadcrumbs {
        margin-left: 20px;
    }
    .commentForm label {
        display: block;
    }
    .commentForm label span {
        display: block;
        margin-bottom: 5px;
    }
    .commentForm input {
        width: 100%;
        border: 1px solid #c6c6c6;
        height: 44px;
        margin-bottom: 20px;
    }
    .commentForm input,
    .commentForm textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .commentForm textarea {
        width: 100%;
        border: 1px solid #c6c6c6;
    }
    .special_promo {
        text-align: center;
        background: #464646;
        margin: 35px 0;
        overflow: visible;
        color: white;
        padding-bottom: 20px;
    }
    .special_promo .wrapper {
        padding: 0;
        margin: 20px 0;
    }
    .special_promo .wrapper:after {
        content: none;
    }
    .special_promo h1 {
        font-size: 2.222em;
        color: white;
        margin: 0 0 10px;
        font-weight: normal;
    }
    .special_promo h1 .sub {
        font-size: .75em;
        padding: .5em 0;
        display: block;
    }
    .special_promo .left {
        font-weight: normal;
        width: 100%;
        background: transparent url('../img/blue-arrow-down.png') no-repeat center bottom;
        position: static;
        top: 0;
        margin-bottom: 0;
        line-height: 1;
        padding: 28px 26px 48px 26px;
        float: none;
    }
    .special_promo .left:before {
        content: none;
    }
    .special_promo .whitebox {
        font-size: 22px;
        color: #0092c8;
        background: white;
        padding: .25em .75em;
    }
    .special_promo .right {
        float: none;
        width: 100%;
        color: white;
        font-size: inherit;
        position: static;
        padding: 20px 20px;
        margin-left: 0;
    }
    .special_promo .right input {
        height: 44px;
        border: none;
        outline: none;
        background: white;
        margin: 0;
        color: #333333;
        font-size: 16px;
    }
    .special_promo .right input[name=email] {
        width: 180px;
        margin-right: 1px;
        padding-left: 10px;
    }
    .special_promo .right input[name=zip] {
        width: 120px;
        padding-left: 10px;
    }
    .special_promo .right input[type=submit] {
        background: #ffffff url(../img/go.png) no-repeat left bottom;
        margin-left: -10px;
        width: 60px;
        color: white;
        height: 46px;
        font-size: 18px;
    }
    .basic_search_col {
        width: 100%;
        float: left;
        padding-right: 0;
    }
    sktop_only,
    .tablet_up {
        display: none;
    }
    table {
        max-width: 100%;
    }
    td,
    th {
        padding: 0 8px;
    }
    .basic_search_col,
    form.advanced_search.compact {
        width: auto;
        float: none;
    }
    form.advanced_search.compact {
        padding: 28px 10px;
    }
    form.advanced_search select {
        float: none;
        width: 100%;
    }
    form.advanced_search.compact select {
        width: 100%;
    }
    form.advanced_search select.small {
        width: 45%;
        display: inline-block;
        margin-right: 10px;
    }
    form.advanced_search button {
        float: none;
        clear: both;
    }
    form.search input {
        width: 100%;
        margin-right: 0;
    }

    .status .wrapper {
        padding:0 10px;
        margin:0;
    }


    .campaign .cite+blockquote, .campaign .cite+blockquote+.cite {
        display:none;
    }

    article.action_alert .alert, .issues .issue .featured_campaign, .campaign .featured_campaign {
        padding-left: 0;
    }

    .blog_post .thumb, .issues .issue .thumb, .campaign .thumb {
        /*
        display:none;
        */
    }

    #searchtheissues button.btn-go {
        left: 10px;
    }

}
@media (max-width: 479px) {
    iframe.multimedia {
        width: 300px;
        height: 170px;
    }
    .special_promo .left {
        padding: 28px 20px 48px 20px;
    }
    .special_promo .right {
        padding: 20px 32px;
    }
    .special_promo h1 {
        font-size: 26px;
        color: white;
        margin: 0 0 10px;
    }
    .special_promo h1 .sub {
        font-size: 22px;
        padding: .5em 0;
        display: block;
    }
}
.followUs {
    display: none;
}

/* Tablet only? */
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .desktop_only {
        display: none;
    }
    .col1,
    .basic_search_col {
        width: 449px;
        padding-right: 40px;
    }
    .col2,
    form.advanced_search.compact {
        width: 288px;
    }
    .main-container.twocol {
        width: 738px;
        margin: 0 0 0 30px;
    }
    .main-container .wrapper {
        width: 100%;
    }
    html body {
        min-width: 0;
    }
    .col1 .multi-frame {
        width: 300px;
    }
    .col1 .multi-frame img {
        width: 3080px;
    }
    iframe.multimedia {
        width: 400px;
        height: 225px;
    }
    .commentForm textarea,
    .commentForm input {
        width: 100%;
    }
    form.advanced_search.compact {
        border-right: none;
        padding: 28px 10px;
    }
    form.advanced_search select {
        width: 236px;
        margin-right: 10px;
    }
    form.advanced_search.compact select {
        width: 256px;
    }
    form.advanced_search select.small {
        width: 123px;
    }
    form.advanced_search button {
        float: left;
    }
    .col2 article {
        border-right: none;
    }
    .col2 article p {
        margin: 0;
    }
    .special_promo {
        background: #464646;
        margin: 35px 0;
        overflow: visible;
        color: white;
        padding-bottom: 20px;
        position: relative;
    }
    .special_promo .wrapper:after {
        content: none;
    }
    .special_promo h1 {
        font-size: 2.222em;
        color: white;
        margin: 0 0 10px;
    }
    .special_promo h1 .sub {
        font-size: .75em;
        padding: .5em 0;
        display: block;
    }
    .special_promo .left {
        font-weight: normal;
        width: 54%;
        background: transparent url('../img/flag-blue.png') no-repeat right center;
        position: absolute;
        top: -5px;
        bottom: -5px;
        line-height: 1;
        left: -30px;
        padding: 30px 46px 75px 30px;
    }
    .special_promo .left:before {
        content: none;
    }
    .special_promo .whitebox {
        font-size: 22px;
        color: #0092c8;
        background: white;
        padding: .25em .75em;
    }
    .special_promo .right {
        width: 42%;
        margin-left: 58%;
        color: white;
        font-size: inherit;
        position: relative;
        padding-top: 40px;
        height: 100%;
        padding-right: 30px;
    }
}
/*  Tablet: 768px  */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* general */
    /*
    .navbar-nav {
        width: 100%;
        display: table;
        _display: block;
    }
    .navbar-nav>li {
        display: table-cell;
        float: none;
        text-align: center;
        _display: block;
        _float: left;
        _text-align: left;
    }
    */
    #header .container, #footer .container {
        width: auto;
        max-width: 100%;
        padding: 0px 30px;
    }
    .container.homepage .container {
        width: 100%;
        padding: 0px 30px;
    }
    #features_carousel .container {
        width: auto;
        max-width: 100%;
        padding: 0px;
        margin: 0px 30px;
    }
    /* features carousel */
    #features_carousel_container {
        /*
        min-height: 330px;
        */
    }
    .flexslider .slides > li {
        overflow: hidden;
    }
    .flexslider .slides img {
        width: 136% !important;
        max-width: none;
        margin-left: -18%;
    }
    .actionbox {
        font-family: 'helvetica_neue_600', 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
        max-width: 310px;
        top: 67px;
        font-size: 26px;
        line-height: 30px;
    }
    .actionbox.right {
        right: 0px;
        /*
        left: 430px;
        */
    }
    .actionbox a, #donate_amount_form button {
        font-family: 'helvetica_neue_400', 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
        margin-top: 15px;
        line-height: normal;
    }
    .actionbox a:after, #donate_amount_form button:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 31px dotted rgba(255, 255, 255, 0);
        border-bottom: 31px dotted rgba(255, 255, 255, 0);
        border-left: 15px solid #be2f35;
        margin: -20px 0 0 30px;
    }
    .actionbox a:hover:after, #donate_amount_form button:hover:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 31px dotted rgba(255, 255, 255, 0);
        border-bottom: 31px dotted rgba(255, 255, 255, 0);
        border-left: 15px solid #a42429;
        margin: -20px 0 0 30px;
    }

    .features-carousel-manual-control-nav {
        bottom: 20px;
    }
    /* mission statement */
    #mission-statement div.container p {
        font-size: 20px;
        line-height: 30px;
    }
    #mission-statement div.container p strong {
        font-size: 54px;
        line-height: 58px;
    }
    #mission-statement.state div.container p strong {
        font-size: 33px;
        line-height: 48px;
    }
    /* issues carousel */
    #issues_carousel .ui-collapsible .ui-collapsible-heading {
        width: 201px;
    }
    #issues_carousel .ui-collapsible-collapsed .ui-collapsible-heading {
        width: 191px;
    }
    #issues_carousel .ui-btn-inner {
        width: 166px;
    }
    #issues_carousel .ui-collapsible .ui-collapsible-content {
        /*
        width: 464px;
        */
        width: auto;
        padding-left: 0px;
        left: 240px;
    }
    .issues_carousel_item {
        margin-bottom: 40px;
    }
    .issues_carousel_item_thumbnail {
        width: 50px;
        position: absolute;
    }
    .issues_carousel_item_text {
        /*
        width: 380px;
        */
        width: auto;
        float: none;
        margin-left: 70px;
    }
    .issues_carousel_item_title, .issues_carousel_item_title a, .issues_carousel_item_title a:hover {
        margin: 10px 0px;
    }
    .issues_carousel_item_tags {
        max-width: 180px;
    }
    /* signup promo */
    #homepage-signup-promo .left, .special-promo .left {
        width: 306px;
        padding: 30px 0px 15px 0px;
    }
    #homepage-signup-promo .left:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: -5px;
        right: -57px;
        border-top: 120px dotted rgba(255, 255, 255, 0);
        border-right: 0;
        border-bottom: 120px dotted rgba(255, 255, 255, 0);
        border-left: 57px solid #0092c8;
        margin: 0 0 0 0;
    }
    .special-promo .left:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: -5px;
        right: -57px;
        border-top: 113px dotted rgba(255, 255, 255, 0);
        border-right: 0;
        border-bottom: 113px dotted rgba(255, 255, 255, 0);
        border-left: 57px solid #0092c8;
        margin: 0 0 0 0;
    }
    #homepage-signup-promo .left span.whitebox {
        display: block;
    }
    .special-promo .left span.whitebox {
        /*
        display: block;
        */
        font-size: 22px;
    }
    #homepage-signup-promo .left span.strong {
        line-height: 58px;
        margin-top: 10px;
        margin-left: 0px;
    }
    .special-promo .left span.strong {
        margin-left: 20px;
    }
    .special-promo .left span.smaller {
        margin: 5px 0px 6px 20px;
    }
    #homepage-signup-promo .right p {
        font-size: 25px;
        line-height: normal;
    }
    .special-promo .right p {

    }
    #homepage-signup-promo .right, .special-promo .right {
        width: 300px;
        position: relative;
    }
    .special-promo .right {
        width: 350px;
        position: relative;
    }
    #homepage-signup-promo-email, #cons_email{
        display: block;
        margin-bottom: 2px;
        width: 300px;
    }
    #homepage-signup-promo-zip, #cons_zip_code {
        width: 300px;
    }
    #homepage-signup-promo-submit, #ACTION_SUBMIT_SURVEY_RESPONSE {
        position: absolute;
        bottom: 25px;
        right: 0px;
    }
    /* in the states promo */
    #homepage-inthestates-promo .left {
        display: block;
        float: none;
        width: auto;
        min-height: 230px;
    }
    #homepage-inthestates-promo .right {
        display: block;
        float: none;
        margin: 0px auto 30px auto;
    }
    #homepage-inthestates-option-container {
        text-align: center;
        margin-top: 20px;
    }
    #homepage-inthestates-option-container .option {
        display: inline-block;
        margin: 0px 15px;
        vertical-align: top;
    }
    #homepage-inthestates-promo .left input[type="radio"] ~ .homepage-states-search {
        left: 50%;
        margin-left: -105px;
    }
    /* blog promo */
    #homepage-blog-connect {
        margin-bottom: 40px;
    }
    #homepage-blog-connect .left {
        display: block;
        float: none;
        width: auto;
    }
    .blog_item_text {
        width: 590px;
        margin-left: 30px;
        float: none;
    }
    body.issues .blog_item_text {
        width: 280px;
    }
    .blog_item_info {
        line-height: 24px;
    }
    .blog_item_comments {
        float: none;
        margin-right: 0px;
        margin-left: 30px;
    }
    .blog_item_text a.readmore {
        margin-left: 80px;
    }
    #homepage-blog-connect .right {
        display: none;
    }
    #homepage-footer-twitter {
        display: block;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        background-color: #ffffff;
        width: 270px;
        height: 337px;
        margin: 0px 25px 44px 25px;
        overflow: hidden;
    }
    #homepage-footer-twitter .connect_item_logo {
        background-color: #249ec4;
        float: right;
        margin-right: -15px;
    }
    #homepage-footer-twitter #homepage-footer-facebook-logo {
        margin-right: 0px;
        background-color: #3f5fa0;
    }
    #homepage-footer-twitter h2 {
        color: #be2f35;
        font-family: 'helvetica_neue_600', 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
        font-size: 30px;
        margin-bottom: 0px;
    }
    .connect_item_content {
        width: 250px;
        height: 265px;
        overflow-y: scroll;
        padding: 0px 15px 0px 0px;
        background-color: #ffffff;
        min-height: 0px;
        margin-left: 0px;
    }
    #homepage-footer-twitter + .col-sm-4,
    #homepage-footer-twitter + .col-sm-4 + .col-sm-4,
    #homepage-footer-twitter + .col-sm-4 + .col-sm-4 + .col-sm-4 {
        width: 300px;
        margin: 0px 10px 44px 10px;
    }
    #bottom {
        padding: 60px 0px 0px 0px;
    }
    #bottom .row {
        margin: 0px auto;
        width: 750px;
    }
    #state_homepage_issues {
        width: 594px;
        margin: 0px auto;
    }
    .state_homepage_issue_item, .state_homepage_issue_item:first-child {
        margin: 0px 15px 30px 15px;
    }
    #state_homepage_searchtheissues_box {
        display: block;
    }
    #state_homepage_morecampaigns {
        /*
        display: none;
        */
    }
    body.issues .container, body.events .container {
        width: 100%;
        max-width: 100%;
    }
    .col1, .col2, body.issues .col1, body.issues .col2, body.events .col1, body.events .col2 {
        float: none;
        display: table-cell;
    }
    .col1, body.issues .col1, body.events .col1 {
        width: auto;
        padding: 62px 30px 40px 30px;
    }
    .col2, body.issues .col2, body.events .col2 {
        width: 288px;
        padding-top: 20px;
        vertical-align: top;
    }
    nav.side h4, nav.side a {
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
    }
    .featured_campaign .links {
        display: block;
        clear: both;
        margin-left: -132px;
    }
    body.issues article.issue, article.campaign {
        border-bottom: 1px solid #c6c6c6;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    body.issues article.issue:last-child, article.campaign:last-child {
        border-bottom: none;
    }
    #event_thumbnail img {
        max-width: 150px;
    }

    .container {
        width: 100%;
        max-width: 100%;
    }
    .col-full {
        padding: 62px 30px 0px 30px;
    }
    .flipbox {
        width: 100%;
        height: 300px;
    }

    #footer .divider-street {
        display: none;
    }
    #footer .linebreak-street {
        display: block;
    }

    #donate_banner .actionbox {
        max-width: 367px;
        top: 30px;
        right: 30px;
    }
    #donate_banner {
        height: 360px;
    }
    #donate_banner_image {
        min-width: 1000px;
        margin-top: -2%;
    }
    #wtg_carousel {
    width: 610px;
    }
    #wtg_carousel .slides li:nth-child(4), #wtg_carousel .slides li:nth-child(7), #wtg_carousel .slides li:nth-child(10) {
        margin-left: 36px;
    }

    #homepage-signup-promo.special-promo .left {
        width: 360px;
        padding: 61px 0px 48px 0px;
    }
    #homepage-signup-promo.special-promo .left span.strong {
        font-size: 34px;
    }
    #homepage-signup-promo.special-promo .left span.whitebox {
        font-size: 42px;
        line-height: 52px;
        height: 52px;
        padding: 0px 15px;
        display: inline-block;
        margin-left: -20px;
    }
    #homepage-signup-promo.special-promo .right {
        width: 35%;
        float: left;
        margin-left: 70px;
    }
    #homepage-signup-promo.special-promo .right a {
        line-height: 30px;
    }
    .trailing {
        width: 270px;
        padding: 40px 15px 0;
    }
    .trailing blockquote {
        margin-left: 15px;
    }
    .trailing #homepage-signup-promo-submit {
        right: 15px !important;
        bottom: 110px !important;
    }
    .trailing.gray_back img[src*="congress.png"] + h3 {
        font-size: 18px !important;
        text-align: center;
    }
    #cv-poweredBy {
        margin-bottom: 10px;
    }
}
/*  Mobile Portrait: 320px  */
@media only screen and (max-width: 767px) {
    /* general */
    #states_national_link {
        display: none;
    }
    #header .container, #footer .container {
        width: 100%;
        padding: 0px 20px;
    }
    #header .row {
        margin-right: -20px;
        margin-left: -20px;
    }
    #footer .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    #footer .col-sm-6 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .container.homepage .container {
        /*
        width: 280px;
        */
        width: 100%;
        padding: 0px 20px;
    }
    /* features carousel */
    #features_carousel .container {
        width: 100%;
        padding: 0px;
        background-color: #464646;
        display: none;
    }
    #features_carousel .container.mobile {
        display: block;
    }
    #features_carousel_container {
        /*
        min-height: 184px;
        */
    }
    .flexslider .slides > li {
        overflow: hidden;
    }
    .flexslider .slides img {
        width: 175% !important;
        max-width: none;
    }
    .flexslider .slides img.related-box-position-right {
        margin-right: -50%;
    }
    .flexslider .slides img.related-box-position-left {
        margin-left: -50%;
    }
    .actionbox {
        position: inherit;
        top: auto;
        left: auto;
        right: auto;
        background: #464646;
        max-width: 100%;
        width: 100%;
        margin: 0px auto;
        padding: 18px 20px;
        font-family: 'helvetica_neue_600', 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
        font-size: 20px;
        line-height: 24px;
        min-height: 199px;
    }
    .actionbox a, #donate_amount_form button {
        font-family: 'helvetica_neue_400', 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
        margin-top: 15px;
        margin-bottom: 42px;
        line-height: normal;
        padding: 12px 20px 12px 12px;
    }
    #donate_amount_form button {
        margin-bottom: 0px;
    }
    .actionbox a:after, #donate_amount_form button:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 23px dotted rgba(255, 255, 255, 0);
        border-bottom: 23px dotted rgba(255, 255, 255, 0);
        border-left: 11px solid #be2f35;
        margin: -12px 0 0 20px;
    }
    .actionbox a:hover:after, #donate_amount_form button:hover:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 23px dotted rgba(255, 255, 255, 0);
        border-bottom: 23px dotted rgba(255, 255, 255, 0);
        border-left: 11px solid #a42429;
        margin: -12px 0 0 20px;
    }

    .features-carousel-manual-control-nav {
        bottom: 20px;
    }
    /* mission statement */
    #mission-statement {
        background: #be2f35 url(../images/smallstar-bg.png) no-repeat 110% center;
    }
    #mission-statement div.container {
        background: transparent;
    }
    #mission-statement div.container p {
        font-family: 'helvetica_neue_400', 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
        font-size: 18px;
        line-height: 24px;
    }
    #mission-statement div.container p strong, #mission-statement.state div.container p strong {
        font-family: 'helvetica_neue_600', 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
        font-size: 18px;
        line-height: 24px;
    }

    /* issues carousel */
    #issues_carousel .ui-collapsible.first_issue_mobile {
        display: block;
    }
    #issues_carousel .ui-collapsible.first_issue_desktop {
        display: none;
    }
    #homepage_issues h2 {
        font-size: 30px;
        margin: 30px 0px;
    }
    #issues_carousel .ui-collapsible .ui-collapsible-heading {
        float: none;
        width: auto;
        margin-top: 0px;
        margin-left: 0px;
        pointer-events: auto;
    }
    #issues_carousel .ui-collapsible.ui-last-child .ui-collapsible-heading {
        margin-bottom: 0px;
        margin-left: 0px;
    }
    #issues_carousel .ui-collapsible .ui-collapsible-heading .ui-btn-up-c:before, #issues_carousel .ui-collapsible .ui-collapsible-heading .ui-btn-hover-c:before, #issues_carousel .ui-collapsible .ui-collapsible-heading .ui-btn-down-c:before {
        content: "";
        display: none;
    }
    #issues_carousel .ui-collapsible-collapsed.ui-first-child .ui-collapsible-heading .ui-btn-up-c, #issues_carousel .ui-collapsible-collapsed.ui-first-child .ui-collapsible-heading .ui-btn-hover-c, #issues_carousel .ui-collapsible-collapsed.ui-first-child .ui-collapsible-heading .ui-btn-down-c, #issues_carousel .ui-collapsible .ui-collapsible-heading .ui-btn-up-c, #issues_carousel .ui-collapsible .ui-collapsible-heading .ui-btn-hover-c, #issues_carousel .ui-collapsible .ui-collapsible-heading .ui-btn-down-c, #issues_carousel .ui-collapsible + .ui-collapsible-collapsed .ui-collapsible-heading a.ui-collapsible-heading-toggle.ui-btn {
        height: 64px;
        text-align: left;
    }
    #issues_carousel .ui-btn-text {
        padding: 15px 50px 15px 20px;
        font-size: 20px;
        line-height: 20px;
        font-weight: normal;
    }
    #issues_carousel .ui-btn-inner {
        width: 100%;
    }
    #issues_carousel .ui-collapsible .ui-collapsible-content {
        float: none;
        width: 100%;
        position: inherit;
        padding: 20px;
    }
    .issues_carousel_item_thumbnail {
        width: 41px;
    }
    .issues_carousel_item_text {
        float: none;
        width: 160px;
        margin-left: 15px;
    }
    .issues_carousel_item_type {
        font-size: 22px;
        line-height: 22px;
    }
    .issues_carousel_item_title, .issues_carousel_item_title a, .issues_carousel_item_title a:hover {
        font-size: 16px;
        line-height: 22px;
        margin: 10px 0px;
    }
    .issues_carousel_item_tags {
        max-width: 100%;
        display: block;
        margin-top: 10px;
    }
    #issues_carousel .ui-icon-shadow {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-body-shadow: none;
        box-shadow: none;
    }
    #issues_carousel .ui-btn-icon-right .ui-icon {
        right: 15px;
    }

    #issues_carousel .ui-icon {
        background: transparent;
        background-image: url(../images/icons-36-white.png);
        background-repeat: no-repeat;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        width: 36px;
        height: 36px;
    }
    #issues_carousel .ui-icon-minus {
        background-position: -72px 0px;
    }
    #issues_carousel .ui-icon-plus {
        background-position: 1px 0px;
    }
    #issues_carousel .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
        top: 20px;
    }
    /* signup promo */
    #homepage-signup-promo .container, .special-promo .container {
        width: 100%;
    }
    #homepage-signup-promo .left, .special-promo .left {
        display: block;
        width: 100%;
        margin: 0px auto;
        float: none;
        text-align: center;
        padding: 25px 0px 30px 0px;
    }
    #homepage-signup-promo .right, .special-promo .right {
        display: block;
        width: 280px;
        margin: 0px auto;
        float: none;
        text-align: center;
        padding: 30px 0px;
        position: relative;
    }
    .special-promo .left {
        padding: 30px 0px 20px 0px;
    }
    #homepage-signup-promo .container {
        padding: 0px;
    }
    #homepage-signup-promo .left span.firstline {
        font-size: 20px;
    }
    #homepage-signup-promo .left span.whitebox {
        font-size: 35px;
        font-family: Arimo, Sans-serif;
        padding: 0px 5px;
        height: 41px;
        line-height: 41px;
        display: inline-block;
    }
    #homepage-signup-promo .left span.strong, .special-promo .left span.strong {
        font-size: 38px;
        line-height: 41px;
        display: inline-block;
    }
    .special-promo .left span.strong {
        font-size: 26px;
        line-height: 26px;
    }
    .special-promo .left span.smaller {
        font-size: 22px;
        line-height: 22px;
    }
    .special-promo .left span.whitebox {
        font-size: 22px;
        padding: 0px 5px;
    }
    #homepage-signup-promo .right p {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
    }
    .special-promo .right p {
        text-align: center;
    }
    #homepage-signup-promo-email, #cons_email {
        width: 280px;
        margin-right: 0px;
        margin-bottom: 2px;
    }
    #homepage-signup-promo-zip, #cons_zip_code {
        width: 280px;
    }
    #homepage-signup-promo-submit, #ACTION_SUBMIT_SURVEY_RESPONSE {
        position: absolute;
        bottom: 30px;
        right: 0px;
    }
    #homepage-signup-promo .left:after, .special-promo .left:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 100%;
        left: 50%;
        right: auto;
        border-top: 26px solid #0092c8;
        border-right: 52px dotted rgba(255, 255, 255, 0);
        border-bottom: 0;
        border-left: 52px dotted rgba(255, 255, 255, 0);
        margin: 0 0 0 -52px;
        z-index: 20;
    }
    /* in the states */
    #homepage-inthestates-promo .left p {
        display: none;
    }
    #homepage-inthestates-promo {
        background: #f8f8f8;
        padding-top: 0px;
        margin-bottom: 0px;
        border-bottom: none;
    }
    #homepage-inthestates-promo .left h2 {
        font-size: 30px;
        margin: 30px 0px;
    }
    #homepage-inthestates-promo .left {
        display: block;
        width: auto;
        float: none;
        min-height: 230px;
    }
    #homepage-inthestates-promo .left label {
        margin-left: 10px;
    }
    #homepage-inthestates-promo .right {
        display: none;
    }
    #homepage-inthestates-promo .left input[type="radio"] ~ .homepage-states-search {
        left: 50%;
        margin-left: -120px;
    }

    /* blog and connect promo */
    #homepage-blog-connect {
        display: none;
    }
    #state_homepage_morecampaigns {
        display: none;
    }
    #state_homepage_issues_desc, #state_homepage_searchtheissues_text {
        float: none;
    }
    #state_homepage_searchtheissues_box {
        display: block;
    }
    #state_homepage_issues {
        margin-right: -25px;
    }
    .state_homepage_issue_item {
        margin: 0px 0px 24px 0px !important;
        padding-right: 23px;
        width: 50%;
    }
    .state_homepage_issue_item a .state_homepage_issue_text {
        height: 68px;
        width: 200px;
        _width: 100%;
        font-size: 14px;
    }
    .state_homepage_campaign_thumbnail {
        display: none;
    }
    .state_homepage_campaign_text {
        margin-left: 0px;
    }
    body.issues .col1 article.issue .wrapper, body.issues .col2 article.issue .wrapper, .col1 article.campaign .wrapper, .col2 article.campaign .wrapper {
        padding: 0px;
        margin: 20px 0px 0px 0px;
    }
    body.issues article.issue .thumb, article.campaign .thumb, article.action_alert .thumb {
        display: none;
    }
    body.issues article.issue, article.campaign {
        border-bottom: 1px solid #c6c6c6;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    body.issues article.issue:last-child, article.campaign:last-child {
        border-bottom: none;
    }
    body.issues article.issue h1, article.campaign h1 {
        font-size: 22px;
        line-height: 24px;
    }
    body.issues .blog_item_text {
        width: 160px;
        margin-left: 10px;
        float: none;
    }
    .multi-frame img {
        width: 100%;
    }
    #searchtheissues h2 {
        font-size: 26px;
    }
    .col2 .caption {
        margin-left: 0px;
    }
    #bottom .container {
        margin: 0px 20px;
    }
    #searchtheissues .wrapper {
        padding: 0px;
    }
    #event_thumbnail {
        float: none;
        margin-bottom: 30px;
    }
    #event_thumbnail img {
        max-width: 100%;
        display: block;
    }
    #event_details {
        display: block;
        margin-left: 0px;
    }
    .profile_list_thumbnail {
        width: 150px;
        float: none;
        margin: 0px 0px 20px 0px;
    }
    .profile_list_text {
        padding-left: 0px;
    }

    #bottom .col-sm-4 {
        display: none;
        margin-bottom: 0px;
    }
    #bottom .block {
        margin-bottom: 0px;
    }
    #bottom #homepage-footer-twitter + .col-sm-4 {
        display: block;
    }
    #bottom {
        padding: 40px 0px;
    }


    #footer .divider-street, #footer .divider-office {
        display: none;
    }
    #footer .linebreak-street, #footer .linebreak-office {
        display: block;
    }

    #donate_banner {
        padding-bottom: 290px;
    }
    #donate_banner .container {
        position: absolute;
        bottom: 290px;
    }
    #donate_banner_image {
        min-width: 600px;
        margin-top: -7%;
        margin-right: -10%;
        margin-bottom: -2%;
        margin-left: -100px;
    }
    #donate_amount_box {
        overflow: hidden;
        white-space: nowrap;
    }
    #donate_amount_box input {
        width: 170px;
    }
    #wtg_static, #wtg_carousel {
        display: none;
    }
    #wtg_mobile {
        display: block;
        font-size: 18px;
    }
    #wtg_mobile .side a:hover {
        text-decoration: none;
    }
    #homepage-signup-promo.special-promo .left {
        width: 100%;
    }
    #homepage-signup-promo.special-promo .left span.strong {
        font-size: 20px;
        line-height: 24px;
        font-family: 'helvetica_neue_400', 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
        display: block;
    }
    #homepage-signup-promo.special-promo .left span.strong span {
        display: inline;
    }
    #homepage-signup-promo.special-promo .left span.whitebox {
        margin-top: 10px;
    }
    #homepage-signup-promo.special-promo .right {
        text-align: center;
    }
    #homepage-signup-promo.special-promo .right p {
        font-size: 22px;
    }
    #homepage-signup-promo.special-promo .right a {
        font-size: 20px;
    }
    #homepage_campaigns.state h2 {
        margin-top: 0px;
    }
    .socialM li:first-child {
        width: 100%;
        margin-right: 0px;
    }


/* end of mobile portrait */

}
/*  Mobile Landscape: 480px  */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* general */
    #states_national_link {
        display: inline-block;
        margin-left: 70px;
        padding: 11px 29px 0 0;
    }
    .container.homepage .container {
        /*
        width: 440px;
        */
        width: 100%;
        padding: 0px 20px;
    }
    #footer .col-sm-6 {
        padding-right: 0px;
        padding-left: 0px;
    }

    /* features carousel */
    #features_carousel .container {
        width: 100%;
        padding: 0px;
    }
    .flexslider .slides img {
        width: 150% !important;
        max-width: none;
    }
    .flexslider .slides img.related-box-position-right {
        margin-right: -40%;
    }
    .flexslider .slides img.related-box-position-left {
        margin-left: -40%;
    }
    .actionbox {
        /*
        width: 440px;
        */
        width: 100%;
        padding: 18px 20px;
        font-size: 24px;
        line-height: 30px;
    }

    /* mission statement */
    #mission-statement {
        background: #be2f35;
    }
    #mission-statement div.container {
        background: #be2f35 url(../images/smallstar-bg.png) no-repeat right center;
    }
    /* issues carousel */
    .issues_carousel_item_text {
        width: 330px;
    }
    /* signup promo */
    #homepage-signup-promo .right, .special-promo .right {
        width: 440px;
        max-width: 100%
    }
    .special-promo .left span.strong {
        font-size: 40px;
        line-height: 40px;
    }
    .special-promo .left span.smaller {
        font-size: 30px;
        line-height: 30px;
    }
    #homepage-signup-promo-email, #cons_email {
        width: 229px;
        margin-right: 1px;
        margin-bottom: 0px;
        display: inline-block;
    }
    #homepage-signup-promo-zip, #cons_zip_code {
        width: 210px;
        display: inline-block;
    }
    /* in the states */
    #homepage-inthestates-promo .left {
        width: 280px;
        margin: 0px auto;
    }
    #state_homepage_issues {
        width: 396px;
        margin: 0px auto;
    }
    .state_homepage_issue_item, .state_homepage_issue_item:first-child {
        margin: 0px 15px 30px 15px;
    }
    #state_homepage_searchtheissues_box {
        display: block;
    }
    .state_homepage_campaign_thumbnail {
        display: block;
    }
    .state_homepage_campaign_text {
        margin-left: 130px;
    }
    body.issues article.issue h1, article.campaign h1, article.action_alert h1 {
        font-size: 32px;
        line-height: 34px;
    }
    body.issues .blog_item_text {
        width: 320px;
        margin-left: 20px;
        float: none;
    }
/*
    #event_thumbnail {
        float: left;
    }
    #event_thumbnail img {
        max-width: 100px;
    }
    #event_details {
        display: inline-block;
        margin-left: 30px;
    }
*/
    .profile_list_thumbnail {
        width: 100px;
        float: left;
        margin: 0px 30px 0px 0px;
    }
    .profile_list_text {
        padding-left: 130px;
    }
    .flipbox {
        max-width: 100%;
        height: 300px;
    }


    #footer .divider-office {
        display: inline;
    }
    #footer .linebreak-office {
        display: none;
    }

    #donate_banner {
        padding-bottom: 167px;
    }
    #donate_banner .container {
        bottom: 167px;
    }
    #donate_banner .actionbox {
        min-height: 0px;
    }
    #donate_banner_image {
        min-width: 900px;
    }
    #donate_amount_box {
        margin-right: 170px;
        padding: 0px 17px;
    }
    #donate_amount_box input {
        width: 240px;
    }
    #donate_amount_form button {
        position: absolute;
        bottom: 18px;
        right: 30px;
        margin-top: 0px;
    }
}
#cv-poweredBy {display: none;}