.features_benefits-table_chart,
    .dark-box  {

        background: #eeeeee;
        padding: 2em;
    }


    .features_benefits-table_chart .table tbody {
            background: rgba(255,255,255,0.9);
    }

    .features_benefits-table_chart .table tr td {

        height: 4em;
    }
     .jpm-x-monthly-summary {
        font-size: 1.0625em;
        }

    .jpm-x-monthly-summary h2 {

        border-bottom: 3px solid #4e8abe;
        padding-bottom: 0.4em;
        margin-bottom: 1.6em;
    }

    .jpm-x-monthly-summary .disclamer {
        color: #2d2d2d;
        font-size: 0.75em;
    }

    .jpm-x-monthly-summary ul li {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        margin-top: 0.5em;
    }

    #monthly_summary_tabs  .monthly-summary-tabs li.active a {

        background: #eeeeee;
    }

    .features-benefits-wrap {
     margin-bottom: 2.5em;
    }

    .order-flow {margin-top: 5em;}

    .two-charts, .disclamer {
        margin:5em 0;
    }



     .disclamer h3 {
        border-bottom:2px solid;
        margin-bottom: 1.5em;

    }

   #container_one {
    margin: 1.5em 0;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ddd;
    }

    .sr-only, .highcharts-data-table {
        position:absolute;
        left:-10000px;
        top:auto;
        width:1px;
        height:1px;
        overflow:hidden;
}

section.features_benefits-table_chart table {
    color: #333;
}

.wide-chart {

    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}


a[rel="external"]:after {

    content: "\00a0\f08e";
    font-family: FontAwesome;

}


.inlinePie figcaption {
    height:0;
}


.year-tabs {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
}

.year-tabs a {
    cursor: pointer;
    font-size: 21px;
    border-bottom: 4px solid transparent;
    padding: 0 1em;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.year-tabs a:hover {text-decoration: none;}

.year-tabs a.active-tab {
    border-bottom: 4px solid #4e8abe;
     -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}




/* ==========================================================================
   Media Queries
   ========================================================================== */

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


}

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

     table.table.table-bordered {
        width: 42.5%;
        border: none;
    }


     .features-benefits-wrap ul {
        display: inline-block;
        vertical-align: top;

    }

    .features-benefits-wrap ul:first-of-type {
            margin-right: 4%;
    }

     .features-benefits-wrap ul {
            font-size: 1.25em;
            margin-top:0.5em;

    }

    .features_benefits-table_chart table,
    .features_benefits-table_chart .inlinePie,
    .two-charts figure {
        display: inline-block;
        vertical-align: top;
    }



    .two-charts figure {
       width:49%;
    }

     .disclamer h3 a  {margin-left: 27px;}

    .disclamer h3 a,
    .disclamer h3 span {
        float:right;

    }


}

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


}


@media
  only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5){

          #container_one, #container_two {
            padding:1.5em 0;
            border:1px solid #ddd;
        }



}






/* ==========================================================================
   Helper classes
   ========================================================================== */

.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;
    height: 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;
}