body {
  font: 18px/24px "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #424242; }

p {
  font-size: 18px;
  line-height: 24px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

a {
  color: #97d7fe; }
  a:hover {
    color: #60b0e2; }

.arrow {
  padding-right: 23px;
  background: url("img/article-animation/blue-arrow-15x11.png") no-repeat right center; }
  .arrow:hover {
    background: url("img/article-animation/blue-arrow-15x11-hover.png") no-repeat right center; }

.row .row {
  min-width: 100%; }

header .cme-logo {
  height: 42px;
  width: 370px;
  margin: 30px 70px;
  padding: 0;
  background: url("img/article-animation/Logo_CME.png") no-repeat center left;
  text-indent: -9999px; }
  header .cme-logo img {
    display: none; }

header nav {
  min-height: 54px; }
  header nav a {
    display: block;
    float: left;
    background-color: #0754a0;
    text-align: center;
    color: white;
    font-size: 14px;
    padding: 15px 0;
    text-transform: uppercase;
    width: 33.33333%;
    border-left: 1px solid #0787df;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    header nav a:first-child {
      border-left: none; }
    header nav a:hover, header nav a.hover {
      background-color: #0a60b4;
      color: white;
      cursor: pointer; }
    header nav a:active, header nav a:visited {
      color: white; }
    header nav a.active {
      background-color: #0787df; }
  header nav .nav-holder {
    -webkit-transform: translate3d(0, 0, 0); }
    header nav .nav-holder.fixedNav {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 9999; }

.article-module, .columns {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.article-module {
  max-height: 380px; }

strong {
  color: #0079c1; }

.intro-section {
  margin-left: 90px; }
  .intro-section h2 {
    margin: 60px 0 10px;
    color: #0079c1;
    max-width: 650px; }
  .intro-section h3 {
    margin: 10px 0;
    color: #797979;
    width: 500px; }

.gray-bg {
  background-color: #f3f3f3; }

.statement-section {
  position: relative;
  padding-right: 40px;
  margin-left: 45px; }
  .statement-section p {
    line-height: 30px;
    padding-left: 25px;
    margin-bottom: 0;
    max-width: 850px;
    background: url("img/article-animation/blue-arrow-11x10.png") no-repeat left 5px; }
    .statement-section p.anim-text {
      background: none; }
  .lt-ie10 .statement-section {
    display: table-cell;
    vertical-align: middle;
    top: 0; }

.img-bg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.statistic-section {
  background-color: #f3f3f3;
  text-align: center;
  padding: 0 50px; }
  .statistic-section h2 {
    font-size: 60px;
    line-height: 60px;
    margin-top: 0;
    font-weight: bold;
    letter-spacing: 0.01em;
    color: #2378c3; }
    .statistic-section h2 span {
      font-size: 18px; }
    .statistic-section h2 sup {
      font-size: 0.55em;
      line-height: 1em; }
  .statistic-section p {
    font: 13px/20px "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #2378c3;
    margin: 0 auto; }
  .lt-ie10 .statistic-section {
    display: table; }

.banner-section .text-above {
  width: 100%;
  padding: 0 70px; }

.banner-section h2 {
  font-size: 40px;
  line-height: 60px;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: white;
  text-align: center;
  margin: 0 auto;
  max-width: 1040px; }
  .lt-ie10 .banner-section h2 {
    display: table-cell;
    vertical-align: middle;
    top: 0; }

.soybean-section {
  background: url("img/article-animation/soybeans.jpg") no-repeat center center;
  background-size: cover; }
  .soybean-section.no-bg {
    background: none; }
  .lt-ie9 .soybean-section {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/soybeans2.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/soybeans2.jpg', sizingMethod='scale')"; }
  .soybean-section .border-right {
    border-right: 1px solid rgba(183, 207, 107, 0); }
    .soybean-section .border-right.animate {
      border-right: 1px solid #b7cf6b; }

.silo-section {
  background: url("img/article-animation/silo.jpg") no-repeat center center;
  background-size: cover; }
  .silo-section.no-bg {
    background: none; }
  .lt-ie9 .silo-section {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/silo.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/silo.jpg', sizingMethod='scale')"; }
  .silo-section .border-right {
    border-right: 1px solid rgba(170, 183, 191, 0); }
    .silo-section .border-right.animate {
      border-right: 1px solid #aab7bf; }

.money-section {
  background: url("img/article-animation/money.jpg") no-repeat center center;
  background-size: cover; }
  .money-section.no-bg {
    background: none; }
  .lt-ie9 .money-section {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/mpney.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/money.jpg', sizingMethod='scale')"; }
  .money-section .border-right {
    border-right: 1px solid rgba(154, 173, 182, 0); }
    .money-section .border-right.animate {
      border-right: 1px solid #9aadb6; }

.tooltip-icon {
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 10;
  height: 26px;
  width: 26px;
  background: url("img/article-animation/info-tooltip-gray.png") no-repeat center center; }
  .tooltip-icon .tooltip {
    position: absolute;
    width: auto;
    max-width: none;
    text-align: left;
    left: 3px;
    bottom: 14px;
    font-size: 12px;
    line-height: 16px;
    color: #b4b4b4;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0 0 10px 10px; }
    .tooltip-icon .tooltip .tooltip-inner {
      background: white;
      padding: 30px 25px;
      white-space: pre;
      -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.17);
      -moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.17);
      box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.17); }
    .tooltip-icon .tooltip .tooltip-caret {
      background: url("img/article-animation/caret.png") no-repeat left bottom;
      width: 23px;
      height: 21px; }
  .tooltip-icon:hover {
    background: url("img/article-animation/info-tooltip-hover.png") no-repeat center center; }
    .tooltip-icon:hover .tooltip {
      display: block; }

.border-right, .border-top {
  -webkit-transition: border-color 1s ease 0.5s;
  -moz-transition: border-color 1s ease 0.5s;
  -o-transition: border-color 1s ease 0.5s;
  -ms-transition: border-color 1s ease 0.5s;
  transition: border-color 1s ease 0.5s; }

.border-right {
  border-right: 1px solid rgba(242, 242, 242, 0); }
  .lt-ie9 .border-right {
    border-right: 1px solid #f2f2f2; }
  .border-right.animate {
    border-right: 1px solid #f2f2f2; }

.border-top {
  border-top: 1px solid rgba(242, 242, 242, 0); }
  .lt-ie9 .border-top {
    border-top: 1px solid #f2f2f2; }
  .border-top.animate {
    border-top: 1px solid #f2f2f2; }

.row {
  perspective: 1000;
  -webkit-perspective: 1000; }

/*.show-blocks {
	.flip-block {transform:rotateY(180deg);}
	.flip-block-wide {transform:rotateX(180deg);}

	.slide-block {top:0; left:0; opacity:1;}
	.anim-text {top:0; left:0; opacity:1;}
}
*/
.animate .anim-text {
  top: 0;
  left: 0;
  opacity: 1; }

.animate .slide-block {
  top: 0;
  left: 0;
  opacity: 1; }

.delay1 {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }

.delay2 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.delay3 {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s; }

.delay4 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s; }

.delay5 {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s; }

.delay6 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s; }

.delay7 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s; }

.overlap-2-col {
  width: 200%;
  position: relative; }

.overlap-3-col {
  width: 300%;
  position: relative; }

.overlap-4-col {
  width: 400%;
  position: relative; }

.ov-2 {
  left: -100%; }

.ov-3 {
  left: -200%; }

.ov-4 {
  left: -300%; }

.slide-block {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  top: 200px;
  overflow: hidden;
  transition-property: top, opacity;
  -webkit-transition-property: top, opacity;
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms; }
  .lt-ie10 .slide-block {
    top: 0; }
  .slide-block .block-content {
    width: 100%;
    height: auto;
    backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .lt-ie10 .slide-block .block-content {
      display: table-cell;
      vertical-align: middle;
      top: 0; }
  .slide-block .wheat-bg-1 {
    width: 201%;
    height: 201%;
    top: 0;
    left: 0;
    background: url("img/article-animation/wheat.jpg") no-repeat center top;
    background-size: cover; }
  .slide-block .wheat-bg-2 {
    width: 201%;
    height: 201%;
    top: 0;
    left: -100%;
    background: url("img/article-animation/wheat.jpg") no-repeat center top;
    background-size: cover; }
  .slide-block .wheat-bg-3 {
    width: 201%;
    height: 201%;
    top: -100%;
    left: -100%;
    background: url("img/article-animation/wheat.jpg") no-repeat center top;
    background-size: cover; }
  .lt-ie9 .slide-block .wheat-bg-1, .lt-ie9 .slide-block .wheat-bg-2, .lt-ie9 .slide-block .wheat-bg-3 {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/wheat.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/wheat.jpg', sizingMethod='scale')"; }
  .slide-block .pipes-bg-1 {
    width: 100%;
    height: 100%;
    background: url("img/article-animation/pipes1.jpg") no-repeat center top;
    background-size: cover; }
  .slide-block .pipes-bg-2 {
    width: 201%;
    left: 0;
    background: url("img/article-animation/pipes2.jpg") no-repeat center top;
    background-size: cover; }
  .slide-block .pipes-bg-3 {
    width: 201%;
    left: -100%;
    background: url("img/article-animation/pipes2.jpg") no-repeat center top;
    background-size: cover; }
  .lt-ie9 .slide-block .pipes-bg-1 {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/pipes1.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/pipes1.jpg', sizingMethod='scale')"; }
  .lt-ie9 .slide-block .pipes-bg-2, .lt-ie9 .slide-block .pipes-bg-3 {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/pipes2.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/pipes2.jpg', sizingMethod='scale')"; }
  .slide-block .data-bg-1 {
    width: 201%;
    height: 201%;
    top: 0;
    left: 0;
    background: url("img/article-animation/data.jpg") no-repeat center top;
    background-size: cover; }
  .slide-block .data-bg-2 {
    width: 201%;
    height: 201%;
    top: 0;
    left: -100%;
    background: url("img/article-animation/data.jpg") no-repeat center top;
    background-size: cover; }
  .slide-block .data-bg-3 {
    width: 201%;
    height: 201%;
    top: -100%;
    left: 0;
    background: url("img/article-animation/data.jpg") no-repeat center top;
    background-size: cover; }
  .lt-ie9 .slide-block .data-bg-1, .lt-ie9 .slide-block .data-bg-2, .lt-ie9 .slide-block .data-bg-3 {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/data.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/advance/assets/img/article-animation/data.jpg', sizingMethod='scale')"; }

.move-up {
  top: 30px; }
  .lt-ie10 .move-up {
    top: 0; }

.move-down {
  top: -30px; }
  .lt-ie10 .move-down {
    top: 0; }

.move-left {
  left: 50px;
  top: 0; }

.move-right {
  left: -50px;
  top: 0; }

.wheat-section.border-right {
  border-right: 1px solid rgba(240, 206, 150, 0); }
  .wheat-section.border-right.animate {
    border-right: 1px solid #f0ce96; }

.wheat-section.border-top {
  border-top: 1px solid rgba(240, 206, 150, 0); }
  .wheat-section.border-top.animate {
    border-top: 1px solid #f0ce96; }

.pipes-section.border-right {
  border-right: 1px solid rgba(183, 183, 183, 0); }
  .pipes-section.border-right.animate {
    border-right: 1px solid #b7b7b7; }

.data-section.border-right {
  border-right: 1px solid rgba(240, 247, 253, 0); }
  .data-section.border-right.animate {
    border-right: 1px solid #f0f7fd; }

.data-section.border-top {
  border-top: 1px solid rgba(240, 247, 253, 0); }
  .data-section.border-top.animate {
    border-top: 1px solid #f0f7fd; }

.anim-text {
  position: relative;
  opacity: 0;
  transition-property: top, left, opacity;
  -webkit-transition-property: top, left, opacity;
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms; }

.arrow-icon {
  display: block;
  height: 28px;
  width: 24px;
  position: absolute;
  background: url("img/article-animation/blue-arrow-11x10.png") no-repeat center center; }
  .lt-ie9 .arrow-icon {
    position: relative;
    float: left;
    margin-left: 20px; }

.arrow-up-icon {
  display: inline-block;
  width: 16px;
  height: 40px;
  margin-right: 8px;
  background: url("img/article-animation/arrow-up-blue.png") no-repeat center center; }

.expandable-section {
  background-color: #0754a0;
  text-align: center;
  padding: 0 50px;
  height: 100%;
  cursor: pointer;
  transition: background-color 0.5s ease 0s; }
  .expandable-section p {
    font: 13px/20px "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: white;
    margin: 10px auto 0; }
  .expandable-section:hover {
    background-color: #0a60b4; }
    .expandable-section:hover .box-expand {
      background: url("img/article-animation/plus-icon-white.png") no-repeat center center #2378c3; }
  .lt-ie10 .expandable-section {
    display: table; }

.box-expand, .box-close {
  display: block;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0;
  right: 0; }
  .box-expand.box-expand-left, .box-close.box-expand-left {
    right: initial;
    left: 0; }

.box-expand {
  background: url("img/article-animation/plus-icon.png") no-repeat center center #2378c3; }

.box-close {
  background: url("img/article-animation/minus-icon.png") no-repeat center center #2378c3; }

.info-box {
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  background-color: #0754a0;
  z-index: 10;
  overflow: hidden;
  transition-property: all;
  -webkit-transition-property: all;
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  padding: 60px 30px 60px; }
  .info-box.info-box-right {
    left: initial;
    right: 0; }
    .lt-ie10 .info-box.info-box-right {
      left: auto; }
  .info-box:hover .box-close {
    background: url("img/article-animation/minus-icon-white.png") no-repeat center center #2378c3; }
  .info-box .anim-text {
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .lt-ie10 .info-box .anim-text {
      top: 0; }
  .info-box p {
    color: white;
    font-size: 14px;
    line-height: 22px;
    max-width: 400px;
    margin: 0 0 60px; }
  .info-box .data-chart {
    margin: 20px 0 0; }
    .info-box .data-chart.top-align {
      margin: 0; }
    .info-box .data-chart .img-holder {
      text-align: center;
      margin-top: 30px; }
    .info-box .data-chart p {
      margin: 0 0 25px; }
    .info-box .data-chart img {
      position: relative;
      z-index: 2; }
    .info-box .data-chart h2, .info-box .data-chart h3 {
      color: #96d6fd; }
    .info-box .data-chart h4 {
      font: 14px/18px "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: white; }
    .info-box .data-chart .arrow-up-icon {
      background: url("img/article-animation/arrow-up-white.png") no-repeat center center; }
    .info-box .data-chart .left-col {
      float: left;
      margin-right: 30px; }
    .info-box .data-chart .data-col1 {
      float: left;
      padding-left: 10px; }
      .info-box .data-chart .data-col1 h3, .info-box .data-chart .data-col1 ul {
        color: #96d6fd; }
    .info-box .data-chart .data-col2 {
      float: left;
      padding-left: 10px; }
      .info-box .data-chart .data-col2 h2, .info-box .data-chart .data-col2 h3, .info-box .data-chart .data-col2 ul {
        color: white; }
    .info-box .data-chart h2 {
      font-size: 60px;
      line-height: 72px;
      font-weight: bold;
      letter-spacing: 0.03em; }
      .info-box .data-chart h2 sup {
        font-size: 35px;
        line-height: 42px; }
    .info-box .data-chart h3 {
      font-size: 13px;
      line-height: 20px;
      font-weight: bold;
      letter-spacing: 0.03em;
      text-transform: uppercase; }
    .info-box .data-chart ul {
      margin-bottom: 0; }
    .info-box .data-chart ul li {
      font-size: 13px;
      line-height: 22px; }
    .info-box .data-chart .notes-sec .columns {
      padding-top: 10px;
      border-top: 1px solid #2f78ba; }
      .info-box .data-chart .notes-sec .columns:first-child {
        padding-left: 0; }
      .info-box .data-chart .notes-sec .columns:last-child {
        padding-right: 0; }
      .lt-ie9 .info-box .data-chart .notes-sec .columns {
        padding-right: 15px; }
    .info-box .data-chart .notes-sec p {
      margin: 0; }
    .info-box .data-chart .chart-segment-holder {
      position: relative;
      width: auto; }
      .info-box .data-chart .chart-segment-holder img {
        width: 100%; }
    .info-box .data-chart .food-chart-holder {
      position: relative;
      width: auto; }
      .info-box .data-chart .food-chart-holder img {
        width: 100%; }
    .info-box .data-chart canvas {
      position: absolute;
      height: 100% !important;
      width: 100% !important;
      left: 0;
      z-index: 1; }
    .info-box .data-chart .canvas-bg {
      margin: -1px 1px -1px 0; }
      .lt-ie9 .info-box .data-chart .canvas-bg {
        margin: 0; }
    .info-box .data-chart .wheat-chart {
      margin-bottom: 30px;
      position: relative; }
      .info-box .data-chart .wheat-chart .chart-bg {
        position: relative;
        z-index: 5; }
      .info-box .data-chart .wheat-chart .chart-reveal {
        background-color: #0754a0;
        width: 100%;
        height: 101%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 4;
        transition-property: width;
        -webkit-transition-property: width;
        transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition-duration: 1200ms;
        -webkit-transition-duration: 1200ms;
        transition-delay: 800ms;
        -webkit-transition-delay: 800ms; }
      .info-box .data-chart .wheat-chart .chart-data {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3; }
    .info-box .data-chart .oil-reserve-chart {
      max-width: 650px; }
      .info-box .data-chart .oil-reserve-chart .chart-layers {
        position: relative;
        width: auto; }
        .info-box .data-chart .oil-reserve-chart .chart-layers .chart-stat {
          position: absolute;
          top: 30px;
          right: 40px; }
          .info-box .data-chart .oil-reserve-chart .chart-layers .chart-stat h2 {
            color: white;
            line-height: 60px;
            margin: 0; }
            .info-box .data-chart .oil-reserve-chart .chart-layers .chart-stat h2 sup {
              color: #96d6fd; }
        .info-box .data-chart .oil-reserve-chart .chart-layers .chart-bars {
          background: url("img/article-animation/oil-reserve-bars.png") no-repeat center center;
          background-size: contain;
          height: 100%;
          max-width: 650px;
          position: absolute;
          width: 100%; }
          .lt-ie9 .info-box .data-chart .oil-reserve-chart .chart-layers .chart-bars {
            display: none; }
        .info-box .data-chart .oil-reserve-chart .chart-layers .chart-reveal {
          position: absolute;
          top: 0;
          left: 0;
          height: 90%;
          width: 100%;
          background-color: #0754a0;
          z-index: 2; }
        .info-box .data-chart .oil-reserve-chart .chart-layers img {
          position: relative;
          z-index: 4; }
    .info-box .data-chart .oil-production-chart .chart-layers, .info-box .data-chart .growth-chart .chart-layers {
      position: relative;
      width: auto; }
      .info-box .data-chart .oil-production-chart .chart-layers .chart-stat, .info-box .data-chart .growth-chart .chart-layers .chart-stat {
        position: absolute;
        right: 0; }
        .info-box .data-chart .oil-production-chart .chart-layers .chart-stat h2, .info-box .data-chart .growth-chart .chart-layers .chart-stat h2 {
          color: white;
          line-height: 60px;
          margin: 0; }
      .info-box .data-chart .oil-production-chart .chart-layers svg polyline, .info-box .data-chart .oil-production-chart .chart-layers svg line, .info-box .data-chart .growth-chart .chart-layers svg polyline, .info-box .data-chart .growth-chart .chart-layers svg line {
        fill: none;
        stroke-width: 3;
        stroke-linecap: round; }
        .info-box .data-chart .oil-production-chart .chart-layers svg polyline.consumption-line, .info-box .data-chart .oil-production-chart .chart-layers svg line.consumption-line, .info-box .data-chart .growth-chart .chart-layers svg polyline.consumption-line, .info-box .data-chart .growth-chart .chart-layers svg line.consumption-line {
          stroke: #97D7FE;
          stroke-linejoin: round; }
        .info-box .data-chart .oil-production-chart .chart-layers svg polyline.consumption-dash, .info-box .data-chart .oil-production-chart .chart-layers svg line.consumption-dash, .info-box .data-chart .growth-chart .chart-layers svg polyline.consumption-dash, .info-box .data-chart .growth-chart .chart-layers svg line.consumption-dash {
          stroke-dasharray: 4.74 9.49; }
        .info-box .data-chart .oil-production-chart .chart-layers svg polyline.production-line, .info-box .data-chart .oil-production-chart .chart-layers svg line.production-line, .info-box .data-chart .growth-chart .chart-layers svg polyline.production-line, .info-box .data-chart .growth-chart .chart-layers svg line.production-line {
          stroke: #2378c3;
          stroke-miterlimit: 10; }
        .info-box .data-chart .oil-production-chart .chart-layers svg polyline.production-dash, .info-box .data-chart .oil-production-chart .chart-layers svg line.production-dash, .info-box .data-chart .growth-chart .chart-layers svg polyline.production-dash, .info-box .data-chart .growth-chart .chart-layers svg line.production-dash {
          stroke-dasharray: 5.32 10.65; }
    .info-box .data-chart .oil-production-chart .chart-stat {
      top: 80px; }
    .info-box .data-chart .growth-chart .chart-stat {
      top: 40px; }
    .info-box .data-chart .svg-chart-bg {
      position: absolute;
      top: 0px;
      left: 0; }
    .info-box .data-chart .row {
      margin: 0; }
  .info-box .notes {
    font-size: 12px;
    line-height: 18px; }
  .info-box .tooltip-icon {
    background: url("img/article-animation/info-tooltip-blue.png") no-repeat center center; }
    .info-box .tooltip-icon:hover {
      background: url("img/article-animation/info-tooltip-hover.png") no-repeat center center; }
  .info-box.expanded {
    visibility: visible;
    height: 200%;
    width: 200%; }
    .info-box.expanded .anim-text {
      opacity: 1;
      -webkit-transition-delay: 0.45s;
      transition-delay: 0.45s; }
    .info-box.expanded .fade-in {
      opacity: 1;
      transition-delay: 0s; }
    .info-box.expanded .wheat-chart .chart-reveal {
      width: 0; }
    .info-box.expanded .oil-reserve-chart .chart-layers .chart-reveal {
      height: 0;
      transition-property: height;
      transition-duration: 1s;
      transition-delay: 0.75s; }
  .info-box.nogrow {
    background: none;
    height: 200%;
    width: 200%; }
    .info-box.nogrow.expanded .anim-text {
      -webkit-transition-delay: 1.1s;
      transition-delay: 1.1s; }
  .info-box .reveal-block {
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 1;
    transition: 0.5s;
    transform-style: preserve-3d; }
    .info-box .reveal-block .front {
      width: 100%;
      height: 100%;
      transition: 0.3s;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      background-color: #0754a0; }
    .info-box .reveal-block.bot-right-block {
      bottom: 0;
      right: 0; }
      .info-box .reveal-block.bot-right-block .front {
        transform-origin: 0% 50%;
        transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        transition-delay: 0.9s; }
    .info-box .reveal-block.top-right-block {
      top: 0;
      right: 0; }
      .info-box .reveal-block.top-right-block .front {
        transform-origin: 50% 100%;
        transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        transition-delay: 0.6s; }
    .info-box .reveal-block.top-left-block {
      top: 0;
      left: 0; }
      .info-box .reveal-block.top-left-block .front {
        transform-origin: 100% 50%;
        transform: perspective(1000px) rotate3d(0, 1, 0, -90deg);
        transition-delay: 0.3s; }
    .info-box .reveal-block .grow-right, .info-box .reveal-block .grow-up {
      width: 100%;
      height: 100%;
      transition: 0.3s;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 1;
      background-color: #0754a0; }
    .info-box .reveal-block .grow-right {
      width: 0;
      transition-delay: 0.75s; }
    .info-box .reveal-block .grow-up {
      height: 0;
      transition-delay: 0.25s; }
      .info-box .reveal-block .grow-up .box-close {
        opacity: 0; }
  .info-box .fade-in {
    opacity: 0;
    background-color: #0754a0;
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 1;
    transition-property: all;
    -webkit-transition-property: all;
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-delay: 1s; }
    .info-box .fade-in.bot-left-block {
      bottom: 0;
      left: 0; }
  .info-box .anim-text {
    z-index: 10; }

.text-above {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5; }
  .lt-ie10 .text-above {
    display: table;
    height: 100%;
    top: 0; }

.diag-overlay {
  background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#00e5e5e5',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }
  .diag-overlay.se-to-nw {
    background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#00e5e5e5',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
  .diag-overlay.sw-to-ne {
    background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#00e5e5e5',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }

.nested {
  padding: 0; }

.four-block-chart {
  background-color: #f9f9f9;
  transition-property: top, opacity;
  -webkit-transition-property: top, opacity;
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  top: 200px;
  opacity: 0; }
  .four-block-chart p {
    font: 13px/20px "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #2378c3;
    padding: 70px 0 0 55px;
    position: relative;
    z-index: 2; }
  .four-block-chart img {
    width: 100%; }
  .four-block-chart .border-right {
    border-right: 1px solid #ededed; }
  .four-block-chart .border-top {
    border-top: 1px solid #ededed; }
  .four-block-chart.animate {
    top: 0;
    opacity: 1; }

.food-chart {
  width: 200%;
  max-width: 1146px;
  z-index: 0;
  text-align: center;
  margin-top: -100px; }

.barrel-chart {
  width: 200%;
  max-width: 990px;
  z-index: 0;
  text-align: center; }

.purchasing-chart {
  width: 200%;
  max-width: 1067px;
  z-index: 0;
  margin-top: -50px;
  text-align: right; }

.fill-block {
  background-color: #2378c3; }

.caption-block {
  background-color: #2378c3;
  padding: 0 50px;
  text-align: center;
  color: white; }
  .caption-block p {
    font: 13px/20px "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    text-transform: uppercase; }
  .lt-ie10 .caption-block {
    display: table; }

.vid-play {
  position: relative;
  height: 100%;
  height: 100%; }
  .vid-play .vid-block {
    position: relative;
    background-color: #e6e5e5;
    height: 100%; }
  .vid-play .play-button {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: url("img/article-animation/vid-play-button.png") no-repeat center center; }
  .vid-play .vid-link {
    font: 13px/20px "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #97d7fe; }
  .vid-play:hover, .vid-play.active {
    cursor: pointer; }
    .vid-play:hover .caption-block, .vid-play.active .caption-block {
      background-color: #2986d7; }
    .vid-play:hover .play-button, .vid-play.active .play-button {
      background: url("img/article-animation/vid-play-button-hover.png") no-repeat center center; }
  .vid-play img {
    height: 100%;
    width: auto;
    max-width: none;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .lt-ie10 .vid-play img {
      left: 0; }

.chart-block {
  padding: 40px 70px;
  z-index: 2; }
  .chart-block p {
    margin: 0 0 15px;
    font: 13px/20px "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #2378c3; }
    .chart-block p span {
      text-transform: lowercase; }

.chart-borders .border-right {
  border-right: 1px solid #f3f3f3;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s; }
  .chart-borders .border-right.animate {
    border-right: 1px solid #e7e7e7; }

.chart-borders .border-bottom {
  border-bottom: 1px solid #f3f3f3;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s; }
  .chart-borders .border-bottom.animate {
    border-bottom: 1px solid #e7e7e7; }

.chart-block-tall {
  height: 200%;
  padding: 40px;
  text-align: center; }
  .chart-block-tall .chart-holder {
    display: inline-block; }
  .chart-block-tall p {
    margin: 0 auto;
    width: 220px;
    font: 13px/20px "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #2378c3;
    text-align: center; }
    .chart-block-tall p.fuel-note {
      color: #727272;
      font: 13px/20px "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-left: none;
      margin-right: none;
      text-transform: none;
      top: 20px; }
  .chart-block-tall .block-content {
    position: relative;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .lt-ie10 .chart-block-tall .block-content {
      display: table-cell;
      vertical-align: middle;
      top: 0; }
  .lt-ie10 .chart-block-tall {
    display: table;
    padding: 0; }

.small-chart-block {
  padding: 20px;
  background-color: #f3f3f3;
  text-align: center; }
  .small-chart-block .chart-holder {
    display: inline-block; }
  .small-chart-block p {
    margin: 0 0 15px;
    font: 13px/20px "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2378c3;
    text-transform: uppercase; }
    .small-chart-block p span {
      text-transform: lowercase; }
  .lt-ie10 .small-chart-block {
    display: table; }

.chart-holder {
  position: relative; }
  .chart-holder .chart-data {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3; }
  .chart-holder .chart-bg {
    position: relative;
    z-index: 5; }
  .chart-holder .chart-reveal {
    background-color: #f3f3f3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    transition-property: width, height;
    -webkit-transition-property: width, height;
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-duration: 1600ms;
    -webkit-transition-duration: 1600ms; }
  .animate .chart-holder .reveal-right {
    width: 0; }
  .animate .chart-holder .reveal-up {
    height: 0; }

#pillar-nav {
  background-color: #f3f3f3;
  padding: 60px 55px 30px; }
  #pillar-nav h1 {
    font-size: 34px;
    line-height: 38px;
    color: #0079c1;
    text-align: center;
    margin: 0 0 60px;
    font-weight: bold;
    letter-spacing: 0.03em; }
  #pillar-nav h3 {
    font-size: 26px;
    line-height: 29px;
    color: #60b0e2;
    text-align: center;
    margin: 0 0 15px;
    font-weight: bold;
    letter-spacing: 0.03em; }
  #pillar-nav p {
    text-align: center;
    margin-bottom: 10px; }
  #pillar-nav a {
    font-family: "Benton Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  #pillar-nav .article-img-link {
    display: block;
    overflow: hidden; }
  #pillar-nav img {
    width: 100%;
    max-width: 100%;
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    -moz-transition: -moz-transform 500ms ease-in-out;
    -o-transition: -o-transform 500ms ease-in-out;
    -ms-transition: -ms-transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out; }
    #pillar-nav img:hover {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
  #pillar-nav .row {
    position: relative; }
    .lt-ie10 #pillar-nav .row {
      display: table; }
  #pillar-nav .columns {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .lt-ie10 #pillar-nav .columns {
      display: table-cell;
      vertical-align: middle;
      top: 0;
      padding: 0 15px; }

#resource-links {
  background-color: #2378c3;
  padding: 100px 55px 125px;
  color: white; }
  #resource-links h2 {
    font-size: 22px;
    line-height: 30px;
    color: white;
    margin: 0 0 20px;
    font-weight: bold;
    letter-spacing: 0.03em; }
  #resource-links p {
    font-size: 18px;
    line-height: 30px;
    color: white; }
  #resource-links h3 {
    font-size: 16px;
    line-height: 20px;
    color: white;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin: 8px 0 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #8cb9e0; }
  #resource-links ul {
    list-style: none;
    margin: 0; }
    #resource-links ul li {
      padding-bottom: 15px;
      font-size: 16px;
      line-height: 20px; }
    #resource-links ul a {
      color: white;
      display: block; }
      #resource-links ul a span {
        display: block;
        color: #97d7fe;
        padding-right: 20px;
        background: url("img/article-animation/diagonal-arrow-11x11.png") no-repeat 100% 4px; }
      #resource-links ul a:hover span {
        color: #60b0e2;
        background: url("img/article-animation/diagonal-arrow-11x11-hover.png") no-repeat 100% 4px; }
  .lt-ie9 #resource-links .columns {
    padding: 0 15px; }

#footer {
  background-color: #075490;
  padding: 50px 70px 75px;
  margin-bottom: -25px; }
  #footer p, #footer ul {
    color: white;
    font-size: 12px;
    line-height: 18px; }
  #footer .copyright {
    float: left; }
  #footer .cme-links {
    float: right; }
    #footer .cme-links ul {
      list-style: none;
      margin: 0; }
      #footer .cme-links ul li {
        display: inline-block;
        padding-left: 40px; }
        #footer .cme-links ul li:first-child {
          padding-left: 0; }
  #footer .social-links {
    float: right;
    list-style: none;
    margin: 0; }
    .lt-ie9 #footer .social-links {
      margin-top: 20px; }
    #footer .social-links li {
      display: inline-block;
      padding-left: 20px; }
      #footer .social-links li:first-child {
        padding-left: 0; }
    #footer .social-links a {
      display: block;
      height: 20px;
      width: 20px;
      text-indent: -9999px; }
    #footer .social-links .social-fb {
      background: url("img/article-animation/soc-icon-fb.png") no-repeat center center; }
      #footer .social-links .social-fb:hover {
        background: url("img/article-animation/soc-icon-fb-hover.png") no-repeat center center; }
    #footer .social-links .social-twitter {
      width: 24px;
      background: url("img/article-animation/soc-icon-twitter.png") no-repeat center center; }
      #footer .social-links .social-twitter:hover {
        background: url("img/article-animation/soc-icon-twitter-hover.png") no-repeat center center; }
    #footer .social-links .social-linked {
      background: url("img/article-animation/soc-icon-linked.png") no-repeat center center; }
      #footer .social-links .social-linked:hover {
        background: url("img/article-animation/soc-icon-linked-hover.png") no-repeat center center; }
    #footer .social-links .social-insta {
      background: url("img/article-animation/soc-icon-insta.png") no-repeat center center; }
      #footer .social-links .social-insta:hover {
        background: url("img/article-animation/soc-icon-insta-hover.png") no-repeat center center; }

.vid-holder {
  max-height: none;
  padding: 0;
  background-color: #bebebe;
  text-align: center;
  overflow: hidden;
  transition-property: all;
  -webkit-transition-property: all;
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms; }
  .lt-ie10 .vid-holder {
    display: table; }
  .vid-holder .video-drawer {
    display: block;
    position: relative;
    width: 825px;
    max-width: 100%;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .vid-holder .video-drawer object {
      max-width: 100%; }
      .lt-ie9 .vid-holder .video-drawer object {
        max-width: none;
        height: 414px;
        padding-top: 30px; }
    .lt-ie10 .vid-holder .video-drawer {
      top: 0; }
    .vid-holder .video-drawer .close-vid {
      height: 28px;
      width: 28px;
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
      background: url(img/article-animation/vid-close.png) no-repeat center center; }
      .vid-holder .video-drawer .close-vid:hover {
        background: url(img/article-animation/vid-close-hover.png) no-repeat center center; }
  .vid-holder.closed {
    height: 0 !important; }
    .vid-holder.closed .video-drawer {
      display: block; }
      .lt-ie9 .vid-holder.closed .video-drawer {
        max-width: none;
        height: 0; }

.svg-swap {
  display: none; }

.canvas-swap {
  display: none; }
  .lt-ie9 .canvas-swap {
    display: block; }

.bar-swap {
  position: absolute !important;
  top: 0;
  left: 0; }

.lt-ie9 .data-chart .chart-swap {
  position: absolute; }

.ie svg, .lt-ie9 canvas {
  display: none; }

.ie .nested-row {
  padding: 0; }
  .ie .nested-row .row {
    margin: 0; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  svg {
    display: none; }
  .info-box-right.info-box {
    left: auto; }
  .nested-row {
    padding: 0; }
    .nested-row .row {
      margin: 0; } }

@media only screen and (max-width: 1201px) {
  .statistic-section {
    padding: 0 70px; }
  .expandable-section {
    padding: 0 70px; }
  .link-bg {
    background-color: #2378c3; }
  .no-border-med.border-right, .no-border-med.animate {
    border: none;
    border-right: 1px solid rgba(255, 255, 255, 0); } }

@media only screen and (max-width: 1201px) and (min-width: 802px) {
  .medium-caption {
    max-height: 64px;
    bottom: 0;
    position: absolute; }
    .medium-caption .block-content {
      top: initial;
      bottom: 0;
      height: 100%;
      -webkit-transform: none;
      -o-transform: none;
      transform: none;
      position: absolute;
      padding: 10px; }
    .medium-caption .caption-block {
      background-color: transparent !important;
      z-index: 2; } }

@media only screen and (max-width: 1025px) {
  header .cme-logo {
    margin: 30px 40px; }
  .statement-section {
    margin-left: 15px; }
    .statement-section p {
      font-size: 16px;
      line-height: 28px; }
  .statistic-section {
    padding: 0 40px; }
    .statistic-section h2 {
      font-size: 42px;
      line-height: 42px; }
      .statistic-section h2 span {
        font-size: 14px; }
    .statistic-section p {
      font-size: 12px;
      line-height: 18px; }
  .barrel-chart {
    margin-top: -30px; }
  .chart-block, .chart-block-tall {
    padding: 30px 40px; }
    .chart-block p, .chart-block-tall p {
      font-size: 12px;
      line-height: 18px; }
  .small-chart-block p {
    font-size: 12px;
    line-height: 18px; }
  .expandable-section {
    padding: 0 40px; }
    .expandable-section p {
      font-size: 12px;
      line-height: 18px; }
  .banner-section .text-above {
    padding: 0 40px; }
  .banner-section h2 {
    font-size: 26px;
    line-height: 38px; }
  #pillar-nav {
    padding: 50px 25px 25px; }
    #pillar-nav h1 {
      font-size: 28px;
      line-height: 32px;
      margin-bottom: 40px; }
    #pillar-nav h3 {
      font-size: 24px;
      line-height: 28px;
      margin-top: 10px; }
    #pillar-nav p {
      font-size: 16px;
      line-height: 22px; }
  #resource-links {
    padding: 60px 25px 80px; }
    #resource-links h2 {
      font-size: 20px;
      line-height: 26px; }
    #resource-links p {
      font-size: 16px;
      line-height: 28px; }
    #resource-links ul li {
      font-size: 14px;
      line-height: 18px; }
  #footer {
    padding: 40px 40px 60px; }
  .info-box p {
    margin: 0 0 22px; }
  .info-box .data-chart h2 {
    font-size: 48px;
    line-height: 60px; }
    .info-box .data-chart h2 sup {
      font-size: 28px;
      line-height: 32px; } }

@media only screen and (max-width: 900px) {
  .food-chart {
    background-position: bottom; } }

@media only screen and (max-width: 801px) {
  .delay1 {
    -webkit-transition-delay: 0;
    transition-delay: 0; }
  .delay2 {
    -webkit-transition-delay: 0;
    transition-delay: 0; }
  .delay3 {
    -webkit-transition-delay: 0;
    transition-delay: 0; }
  .delay4 {
    -webkit-transition-delay: 0;
    transition-delay: 0; }
  .delay5 {
    -webkit-transition-delay: 0;
    transition-delay: 0; }
  .delay6 {
    -webkit-transition-delay: 0;
    transition-delay: 0; }
  .delay7 {
    -webkit-transition-delay: 0;
    transition-delay: 0; }
  .row .row {
    margin: 0 auto; }
  header {
    -webkit-transform: translate3d(0, 0, 0);
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 56px;
    background-color: white; }
    header .cme-logo {
      margin: 10px 0 10px 20px;
      max-width: 80%;
      float: left;
      background-size: 300px 34px; }
    header nav .nav-toggle {
      float: right;
      height: 56px;
      width: 56px;
      background: url("img/article-animation/menu-collapse.png") no-repeat center center #0787df; }
    header nav .nav-holder, header nav .nav-holder.fixedNav {
      display: none;
      overflow: hidden;
      width: 100%;
      position: absolute;
      top: 100%; }
      header nav .nav-holder a, header nav .nav-holder.fixedNav a {
        width: 100%;
        border-left: none;
        border-top: 1px solid #0787df; }
  .diag-overlay {
    display: none; }
  .slide-block {
    position: relative;
    display: table-cell;
    vertical-align: middle; }
    .slide-block .block-content {
      top: 0;
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .text-above {
    position: relative;
    top: 0;
    padding: 50px 0;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    display: table-cell;
    vertical-align: middle; }
  .article-module {
    min-height: 275px;
    max-height: none;
    display: table;
    table-layout: fixed; }
  .columns {
    padding: 0; }
  #article_head {
    margin-top: 50px;
    height: 300px; }
    #article_head h1 {
      font-size: 27px;
      line-height: 32px;
      padding: 60px 20px 0; }
  .statement-section p {
    font-size: 14px;
    line-height: 24px; }
  .statistic-section {
    padding: 0 20px; }
    .statistic-section h2 {
      font-size: 50px;
      line-height: 50px; }
      .statistic-section h2 span {
        font-size: 16px; }
    .statistic-section p {
      font-size: 13px;
      line-height: 19px; }
  .chart-block, .chart-block-tall {
    padding: 15px; }
    .chart-block p, .chart-block-tall p {
      font-size: 13px;
      line-height: 19px; }
  .small-chart-block p {
    font-size: 13px;
    line-height: 19px; }
  .expandable-section {
    padding: 0 20px;
    display: table;
    width: 100%; }
    .expandable-section .block-content {
      display: table-cell;
      vertical-align: middle; }
    .expandable-section p {
      font-size: 13px;
      line-height: 19px; }
  .banner-section .text-above {
    padding: 0; }
  .banner-section h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0 20px; }
  .banner-section.soybean-section {
    background: url("img/article-animation/soybeans.jpg") no-repeat center center; }
  .banner-section.silo-section {
    background: url("img/article-animation/silo.jpg") no-repeat center center; }
  .banner-section.money-section {
    background: url("img/article-animation/money.jpg") no-repeat center center; }
  .info-box {
    padding: 15px; }
    .info-box.expanded {
      width: 100%; }
    .info-box p {
      font-size: 13px;
      line-height: 18px;
      margin: 0 0 15px; }
    .info-box .data-chart {
      margin-top: 0; }
      .info-box .data-chart .img-holder {
        margin: 0 0 10px; }
        .info-box .data-chart .img-holder img {
          width: 60%;
          max-width: 210px; }
      .info-box .data-chart h2 {
        font-size: 36px;
        line-height: 42px; }
        .info-box .data-chart h2 sup {
          font-size: 24px;
          line-height: 28px; }
      .info-box .data-chart ul li {
        font-size: 12px;
        line-height: 18px; }
      .info-box .data-chart .notes-sec {
        border-top: 1px solid #2f78ba; }
        .info-box .data-chart .notes-sec .columns {
          border-top: none;
          padding-top: 20px; }
        .info-box .data-chart .notes-sec p {
          margin: 0; }
      .info-box .data-chart .food-chart-holder {
        max-width: 160px;
        margin: 0 auto; }
        .info-box .data-chart .food-chart-holder img {
          width: 100%; }
      .info-box .data-chart.food-pie-chart {
        max-width: 400px;
        margin: 0 auto; }
      .info-box .data-chart.wheat-chart-holder {
        max-width: 500px; }
      .info-box .data-chart .arrow-up-icon {
        width: 12px;
        height: 32px;
        background-size: 12px 23px;
        margin-right: 5px; }
      .info-box .data-chart .wheat-chart .wheat-bar-chart, .info-box .data-chart .wheat-chart h2 {
        float: none;
        margin-top: 0;
        top: 100%; }
      .info-box .data-chart .oil-reserve-chart .chart-layers .chart-stat {
        top: 0;
        right: 20px; }
        .info-box .data-chart .oil-reserve-chart .chart-layers .chart-stat h2 {
          line-height: 42px; }
      .info-box .data-chart.top-align p {
        padding-right: 10px; }
  .four-block-chart p {
    padding: 50px 25px 0; }
  .four-block-chart .border-right, .four-block-chart .border-top {
    border: none; }
  .four-block-chart .tooltip-holder {
    margin-top: -275px; }
  .food-chart {
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding: 0 5px 20px 5px; }
  .barrel-chart {
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding: 0 5px 20px 5px; }
  .purchasing-chart {
    width: 100%;
    height: 100%;
    margin-top: 0;
    text-align: center;
    padding: 0 5px 20px 5px; }
  .vid-block {
    background-color: #e6e5e5; }
    .vid-block img {
      width: auto;
      height: 275px; }
  .vid-holder .video-drawer {
    top: 0;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .vid-holder.mobileMagic {
    position: relative;
    z-index: 999;
    margin-top: -300px;
    opacity: 0;
    height: 300px !important; }
    .vid-holder.mobileMagic.closed {
      height: 300px !important; }
  .chart-block {
    background-color: #f3f3f3;
    background-size: contain; }
  .caption-block {
    padding: 30px;
    background-color: #2378c3; }
  #pillar-nav {
    padding: 40px 10px 25px; }
    #pillar-nav h1 {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 0; }
    #pillar-nav h3 {
      font-size: 22px;
      line-height: 25px;
      margin-top: 20px; }
    #pillar-nav p {
      font-size: 14px;
      line-height: 20px; }
    #pillar-nav .columns {
      padding-left: 5px;
      padding-right: 5px;
      top: 0;
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  #resource-links {
    padding: 50px 20px 30px; }
    #resource-links .columns {
      margin-bottom: 20px; }
    #resource-links h2 {
      font-size: 18px;
      line-height: 24px; }
    #resource-links h3 {
      font-size: 14px;
      line-height: 18px; }
    #resource-links p {
      font-size: 14px;
      line-height: 24px; }
  .border-right, .border-top {
    border: none; }
  #footer {
    padding: 50px 20px 50px; }
    #footer .copyright, #footer .cme-links, #footer .social-links {
      float: none;
      margin-bottom: 25px; }
    #footer .cme-links ul li {
      display: block;
      padding: 0 0 10px; } }

@media only screen and (max-width: 500px) {
  header .cme-logo {
    background-size: 240px 27px;
    width: 240px; }
  .info-box.expanded {
    height: 150%; }
    .state-page-food .info-box.expanded {
      height: 200%; } }

@media only screen and (min-width: 64.063em) {
  .large-move-up {
    margin-top: -310px; } }

.lt-ie9 .large-move-up {
  margin-top: -310px; }

.lt-ie9 .columns.last-child {
  float: right; }