.glencore-in-society {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #1d1d1d;
  line-height: 1.5em; }
  .glencore-in-society .container {
    max-width: 940px;
    min-width: 320px;
    /**/ }
    .glencore-in-society .container .col-xs-12 {
      /*@media (max-width: 767px) {
      	width: 100%;
      }*/
      width: 100%; }
    .glencore-in-society .container img.img-fluid {
      width: 100%;
      display: block; }
  @media (min-width: 768px) {
    .glencore-in-society {
      font-size: 16px; } }
  .glencore-in-society ul {
    margin: 0;
    padding: 0; }
    .glencore-in-society ul li {
      margin: 0;
      padding: 0;
      list-style: none; }
  .glencore-in-society h1 {
    margin: 20px 0 55px;
    font-weight: 500;
    font-size: 28px;
    line-height: 28px; }
    .glencore-in-society h1 span {
      display: block;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 300; }
    @media (min-width: 768px) {
      .glencore-in-society h1 {
        font-size: 45px;
        line-height: 32px;
        margin-bottom: 30px; }
        .glencore-in-society h1 span {
          font-size: 18px; } }
  .glencore-in-society h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 0; }
    @media (min-width: 768px) {
      .glencore-in-society h2 {
        font-size: 18px;
        margin: 35px 0 0; } }
  .glencore-in-society nav.gis-breadcrumb {
    display: none; }
    @media (min-width: 768px) {
      .glencore-in-society nav.gis-breadcrumb {
        display: block; } }
    .glencore-in-society nav.gis-breadcrumb ul li {
      font-size: 11px;
      float: left; }
      .glencore-in-society nav.gis-breadcrumb ul li:after {
        content: '/'; }
      .glencore-in-society nav.gis-breadcrumb ul li a {
        display: inline-block;
        font-weight: 300;
        color: #1d1d1d;
        margin: 0 5px; }
        .glencore-in-society nav.gis-breadcrumb ul li a:hover, .glencore-in-society nav.gis-breadcrumb ul li a:focus {
          text-decoration: underline; }
      .glencore-in-society nav.gis-breadcrumb ul li.gis-breadcrumb-active {
        margin: 0 5px;
        font-weight: 500; }
        .glencore-in-society nav.gis-breadcrumb ul li.gis-breadcrumb-active:after {
          content: ''; }
  .glencore-in-society p.gis-intro {
    font-size: 18px;
    margin-top: 23px;
    line-height: 1.5em; }
    @media (min-width: 768px) {
      .glencore-in-society p.gis-intro {
        font-size: 21px;
        line-height: 1.325em; } }
  .glencore-in-society section {
    background: #f2f2f2;
    padding-bottom: 200px;
    position: relative;
    margin: 0 auto 50px;
    max-width: 940px;
    /*firefox only*/
    /*firefox only*/ }
    @media (min-width: 768px) {
      .glencore-in-society section {
        width: 750px;
        padding-bottom: 50px; } }
    @media (min-width: 992px) {
      .glencore-in-society section {
        width: 940px;
        padding-bottom: 200px; } }
    .glencore-in-society section .gis-products-outer-container {
      position: relative; }
    .glencore-in-society section .gis-copy-container {
      padding-right: 25px;
      margin-top: 105px; }
      @media (min-width: 768px) {
        .glencore-in-society section .gis-copy-container {
          margin-top: 60px;
          padding-left: 10px;
          padding-right: 15px; } }
      @media (min-width: 992px) {
        .glencore-in-society section .gis-copy-container {
          padding-left: 0;
          padding-right: 60px;
          margin-top: 105px; } }
      .glencore-in-society section .gis-copy-container h3 {
        font-size: 21px;
        font-weight: 500; }
      .glencore-in-society section .gis-copy-container p {
        font-size: 18px;
        font-weight: 300;
        line-height: 1.325em; }
        .glencore-in-society section .gis-copy-container p.gis-infotext {
          margin-top: 18px;
          margin-bottom: 10px;
          font-size: 16px;
          font-weight: 500; }
          @media (min-width: 992px) {
            .glencore-in-society section .gis-copy-container p.gis-infotext {
              margin-top: 35px; } }
          .glencore-in-society section .gis-copy-container p.gis-infotext span.gis-info {
            background: transparent url(../images/icon-info.png) 0 0 no-repeat;
            width: 21px;
            height: 21px;
            display: inline-block;
            text-indent: -1000em;
            overflow: visible; }
        @media (min-width: 768px) {
          .glencore-in-society section .gis-copy-container p {
            font-size: 18px; } }
        @media (min-width: 992px) {
          .glencore-in-society section .gis-copy-container p {
            font-size: 21px; } }
      .glencore-in-society section .gis-copy-container a.gis-readmore {
        display: block;
        font-size: 16px;
        font-weight: 500;
        color: #13b09d;
        line-height: 1.325em; }
        .glencore-in-society section .gis-copy-container a.gis-readmore span {
          clear: left;
          display: inline-block;
          position: relative; }
          .glencore-in-society section .gis-copy-container a.gis-readmore span:after {
            content: ' ';
            width: 100%;
            border-bottom: solid 1px #1d1d1d;
            position: absolute;
            left: 0;
            bottom: 0px;
            width: 100%;
            -webkit-transition: width 0.5s;
            -moz-transition: width 0.5s;
            -ms-transition: width 0.5s;
            -o-transition: width 0.5s;
            transition: width 0.5s; }
        .glencore-in-society section .gis-copy-container a.gis-readmore:hover, .glencore-in-society section .gis-copy-container a.gis-readmore:focus {
          text-decoration: none; }
          .glencore-in-society section .gis-copy-container a.gis-readmore:hover span:after, .glencore-in-society section .gis-copy-container a.gis-readmore:focus span:after {
            /*width: 100%;*/
            animation: drawunderline 0.5s 0s linear forwards; }
      .glencore-in-society section .gis-copy-container .gis-popup {
        display: block;
        opacity: 0;
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
        background: #fff;
        padding: 20px 20px 25px;
        position: absolute;
        top: 56px;
        margin-right: 15px;
        width: 335px;
        margin-top: -20px;
        padding: 0;
        height: 0px;
        overflow: hidden; }
        @media (min-width: 992px) {
          .glencore-in-society section .gis-copy-container .gis-popup {
            margin-right: 55px;
            margin-left: 0;
            margin-top: 10px;
            width: 375px; } }
        .glencore-in-society section .gis-copy-container .gis-popup.animate {
          opacity: 1;
          padding: 20px 20px 25px;
          height: auto;
          overflow: visible; }
        .glencore-in-society section .gis-copy-container .gis-popup a.gis-popup-close {
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          background: #000 url(../images/close-white.png) center center no-repeat;
          width: 38px;
          height: 38px;
          text-indent: -1000em; }
        .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls {
          position: absolute;
          bottom: -70px;
          height: 39px;
          right: -20px; }
          @media (min-width: 992px) {
            .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls {
              bottom: -80px; } }
          .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls a.carousel-control-prev, .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls ol.carousel-indicators, .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls a.carousel-control-next {
            position: relative;
            float: left;
            margin: 0;
            top: auto;
            bottom: auto;
            left: auto;
            right: auto; }
          .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls a.carousel-control-prev {
            width: 39px;
            margin-right: 20px; }
            .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls a.carousel-control-prev .carousel-control-prev-icon {
              width: 39px;
              height: 39px;
              background: transparent url(../images/previous.png) center center no-repeat; }
          .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls a.carousel-control-next {
            width: 39px;
            margin-left: 20px; }
            .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls a.carousel-control-next .carousel-control-next-icon {
              width: 39px;
              height: 39px;
              background: transparent url(../images/next.png) center center no-repeat; }
          .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls .carousel-indicators {
            padding-top: 15px; }
            .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls .carousel-indicators li {
              margin: 0 5px;
              width: 10px;
              height: 10px;
              background: #00ae9c;
              opacity: 0.5;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%; }
              .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls .carousel-indicators li.active, .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls .carousel-indicators li:hover, .glencore-in-society section .gis-copy-container .gis-popup .gis-carousel-controls .carousel-indicators li:focus {
                opacity: 1; }
        .glencore-in-society section .gis-copy-container .gis-popup .carousel-item {
          -webkit-transition: opacity 0.05s;
          -moz-transition: opacity 0.05s;
          -ms-transition: opacity 0.05s;
          -o-transition: opacity 0.05s;
          transition: opacity 0.05s; }
          .glencore-in-society section .gis-copy-container .gis-popup .carousel-item, .glencore-in-society section .gis-copy-container .gis-popup .carousel-item.active.left, .glencore-in-society section .gis-copy-container .gis-popup .carousel-item.active.right {
            opacity: 0; }
          .glencore-in-society section .gis-copy-container .gis-popup .carousel-item.active, .glencore-in-society section .gis-copy-container .gis-popup .carousel-item.next.left, .glencore-in-society section .gis-copy-container .gis-popup .carousel-item.prev.right {
            opacity: 1; }
          .glencore-in-society section .gis-copy-container .gis-popup .carousel-item.next, .glencore-in-society section .gis-copy-container .gis-popup .carousel-item.prev, .glencore-in-society section .gis-copy-container .gis-popup .carousel-item.active.left, .glencore-in-society section .gis-copy-container .gis-popup .carousel-item.active.right {
            left: 0;
            transform: translate3d(0, 0, 0); }
          .glencore-in-society section .gis-copy-container .gis-popup .carousel-item p {
            font-size: 14px;
            line-height: 1.4em; }
          .glencore-in-society section .gis-copy-container .gis-popup .carousel-item h4 {
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 18px;
            line-height: 27px; }
            @media (min-width: 992px) {
              .glencore-in-society section .gis-copy-container .gis-popup .carousel-item h4 {
                margin-top: 5px;
                margin-bottom: 30px; } }
            .glencore-in-society section .gis-copy-container .gis-popup .carousel-item h4 span.gis-element {
              display: inline-block;
              font-size: 14px;
              color: #fff;
              background: #ee7330;
              width: 27px;
              height: 27px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              float: left;
              margin-right: 15px;
              text-align: center; }
          .glencore-in-society section .gis-copy-container .gis-popup .carousel-item h5 {
            font-size: 14px;
            font-weight: 500;
            margin-top: 28px;
            margin-bottom: 12px; }
            @media (min-width: 992px) {
              .glencore-in-society section .gis-copy-container .gis-popup .carousel-item h5 {
                margin-top: 22px;
                margin-bottom: 17px; } }
          .glencore-in-society section .gis-copy-container .gis-popup .carousel-item .gis-figure {
            font-size: 14px;
            font-weight: 300;
            border-top: solid 1px #00ae9c;
            margin-bottom: 19px; }
            @media (min-width: 992px) {
              .glencore-in-society section .gis-copy-container .gis-popup .carousel-item .gis-figure {
                font-size: 16px;
                margin-bottom: 1rem; } }
            .glencore-in-society section .gis-copy-container .gis-popup .carousel-item .gis-figure span {
              font-size: 35px;
              font-weight: 500;
              display: block;
              line-height: 1.2em;
              margin: 8px 0 0; }
              @media (min-width: 992px) {
                .glencore-in-society section .gis-copy-container .gis-popup .carousel-item .gis-figure span {
                  font-size: 40px; } }
            .glencore-in-society section .gis-copy-container .gis-popup .carousel-item .gis-figure:last-child {
              margin-bottom: 0; }
    .glencore-in-society section .gis-product-container {
      position: relative;
      margin: 40px auto;
      -ms-transform: scale(0.75);
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
      transform-origin: 0 0; }
      @media (min-width: 768px) {
        .glencore-in-society section .gis-product-container {
          -ms-transform: scale(0.875);
          -webkit-transform: scale(0.875);
          transform: scale(0.875);
          transform-origin: 0 0;
          margin: 60px 0 0; } }
      @media (min-width: 992px) {
        .glencore-in-society section .gis-product-container {
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1);
          margin: 80px auto 0; } }
      .glencore-in-society section .gis-product-container ul.gis-products li a {
        background: #ee7330;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        display: block;
        color: #fff;
        font-size: 21px;
        font-weight: 500;
        text-align: center;
        width: 48px;
        height: 48px;
        padding: 11px 0;
        position: absolute;
        z-index: 99;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; }
        .glencore-in-society section .gis-product-container ul.gis-products li a:hover, .glencore-in-society section .gis-product-container ul.gis-products li a:focus {
          text-decoration: none;
          -ms-transform: scale(1.25, 1.25);
          -webkit-transform: scale(1.25, 1.25);
          transform: scale(1.25, 1.25); }
          .glencore-in-society section .gis-product-container ul.gis-products li a:hover span, .glencore-in-society section .gis-product-container ul.gis-products li a:focus span {
            text-indent: 0;
            background: #000;
            width: auto;
            padding: 0 5px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            border: solid 1px #fff; }
        .glencore-in-society section .gis-product-container ul.gis-products li a span {
          background: transparent url(../images/icon-info.png) 0 0 no-repeat;
          width: 21px;
          height: 21px;
          display: block;
          text-indent: -100em;
          overflow: hidden;
          position: absolute;
          top: -5px;
          left: 30px;
          font-size: 10px;
          line-height: 2em;
          padding: 0;
          /*&.gis-close {
          	background: transparent url(../images/icon-close.png) 0 0 no-repeat;
          }*/ }
        .glencore-in-society section .gis-product-container ul.gis-products li a.active {
          -ms-transform: scale(1.25, 1.25);
          -webkit-transform: scale(1.25, 1.25);
          transform: scale(1.25, 1.25); }
          .glencore-in-society section .gis-product-container ul.gis-products li a.active span {
            background: transparent url(../images/icon-close.png) 0 0 no-repeat; }
          .glencore-in-society section .gis-product-container ul.gis-products li a.active:hover span, .glencore-in-society section .gis-product-container ul.gis-products li a.active:focus span {
            width: 21px;
            height: 21px;
            text-indent: -100em;
            overflow: hidden;
            padding: 0;
            border: none; }
      .glencore-in-society section .gis-product-container .gis-product-default, .glencore-in-society section .gis-product-container .gis-carousel-container {
        width: 267px;
        height: 267px;
        top: 70px;
        left: 37px;
        position: absolute;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden; }
      .glencore-in-society section .gis-product-container .gis-product-default {
        background: #fff;
        opacity: 0.9;
        padding-top: 50px;
        z-index: 1; }
        .glencore-in-society section .gis-product-container .gis-product-default img {
          margin: 0 auto 28px;
          display: block; }
        .glencore-in-society section .gis-product-container .gis-product-default p {
          color: #ee7330;
          font-size: 21px;
          font-weight: 400;
          text-align: center; }
      .glencore-in-society section .gis-product-container .gis-carousel-container {
        z-index: 2; }
        .glencore-in-society section .gis-product-container .gis-carousel-container .gis-carousel {
          display: none; }
          .glencore-in-society section .gis-product-container .gis-carousel-container .gis-carousel li {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            -webkit-transition: opacity 0.5s;
            -moz-transition: opacity 0.5s;
            -ms-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
            transition: opacity 0.5s; }
            .glencore-in-society section .gis-product-container .gis-carousel-container .gis-carousel li.active {
              opacity: 1; }
    .glencore-in-society section .gis-line1 {
      display: none;
      width: 0px;
      -webkit-transition: width 0.25s;
      -moz-transition: width 0.25s;
      -ms-transition: width 0.25s;
      -o-transition: width 0.25s;
      transition: width 0.25s; }
      @media (min-width: 768px) {
        .glencore-in-society section .gis-line1 {
          display: block;
          position: absolute;
          /*width: 391px;*/
          border-bottom: solid 1px #1d1d1d;
          transform: rotate(51.5deg);
          transform-origin: 0 0;
          		    /*left: 242px;
              		top: 342px;*/
          left: 263px;
          top: 346px; }
          .glencore-in-society section .gis-line1.animate {
            animation: drawLine1a 0.25s 0s linear forwards; } }
      @media (min-width: 992px) {
        .glencore-in-society section .gis-line1 {
          transform: rotate(48deg);
          /*width: 401px;*/
          left: 330px;
          top: 407px; }
          .glencore-in-society section .gis-line1.animate {
            animation: drawLine1b 0.25s 0.25s linear forwards; } }
    .glencore-in-society section .gis-line2 {
      display: none;
      width: 0px;
      -webkit-transition: width 0.25s;
      -moz-transition: width 0.25s;
      -ms-transition: width 0.25s;
      -o-transition: width 0.25s;
      transition: width 0.25s; }
      @media (min-width: 768px) {
        .glencore-in-society section .gis-line2 {
          display: block;
          position: absolute;
          /*width: 426px;*/
          border-bottom: solid 1px #1d1d1d;
          transform: rotate(142deg);
          transform-origin: 0 0;
          left: 524px;
          top: 817px; }
          .glencore-in-society section .gis-line2.animate {
            animation: drawLine2a 0.25s 0.25s linear forwards; } }
      @media (min-width: 992px) {
        .glencore-in-society section .gis-line2 {
          /*width: 430px;*/
          transform: rotate(126.25deg);
          left: 576px;
          top: 877px; }
          .glencore-in-society section .gis-line2.animate {
            animation: drawLine2b 0.25s 0.25s linear forwards; } }
@keyframes drawLine1a {
  to {
    /*width: 391px;*/
    width: 311px; } }
@keyframes drawLine1b {
  to {
    width: 337px; } }
@keyframes drawLine2a {
  to {
    width: 343px; } }
@keyframes drawLine2b {
  to {
    width: 397px; } }
@keyframes show {
  to {
    opacity: 1; } }
@keyframes drawunderline {
  from {
    width: 0%; }
  to {
    width: 100%; } }
    .glencore-in-society section #metals-and-minerals {
      z-index: 3; }
    .glencore-in-society section #energy-products {
      z-index: 2; }
    .glencore-in-society section #agriculture {
      z-index: 1; }
    .glencore-in-society section .gis-product-container.gis-mm-container {
      background: transparent url(../images/circles-metals-and-minerals.png) 0 35px no-repeat;
      /*background: transparent url(../images/mm.jpg) 0 0 no-repeat;*/
      width: 379px;
      height: 374px;
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -moz-transition: opacity 0.25s;
      -ms-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
      .glencore-in-society section .gis-product-container.gis-mm-container .gis-mm-default {
        opacity: 0;
        -webkit-transition: opacity 0.25s;
        -moz-transition: opacity 0.25s;
        -ms-transition: opacity 0.25s;
        -o-transition: opacity 0.25s;
        transition: opacity 0.25s; }
      .glencore-in-society section .gis-product-container.gis-mm-container ul.gis-products li a {
        opacity: 0;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -ms-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s; }
      .glencore-in-society section .gis-product-container.gis-mm-container ul.gis-products li a.gis-mm-product-1 {
        right: 212px;
        top: 6px;
        z-index: 2; }
      .glencore-in-society section .gis-product-container.gis-mm-container ul.gis-products li a.gis-mm-product-2 {
        right: 147px;
        top: 6px;
        z-index: 1; }
      .glencore-in-society section .gis-product-container.gis-mm-container ul.gis-products li a.gis-mm-product-3 {
        right: 87px;
        top: 30px; }
      .glencore-in-society section .gis-product-container.gis-mm-container ul.gis-products li a.gis-mm-product-4 {
        right: 40px;
        top: 73px; }
      .glencore-in-society section .gis-product-container.gis-mm-container ul.gis-products li a.gis-mm-product-5 {
        right: 14px;
        top: 133px; }
      .glencore-in-society section .gis-product-container.gis-mm-container ul.gis-products li a.gis-mm-product-6 {
        bottom: 127px;
        right: 8px; }
      .glencore-in-society section .gis-product-container.gis-mm-container ul.gis-products li a.gis-mm-product-7 {
        right: 27px;
        bottom: 63px; }
      .glencore-in-society section .gis-product-container.gis-mm-container.animate {
        opacity: 1; }
        .glencore-in-society section .gis-product-container.gis-mm-container.animate .gis-mm-default {
          animation: show 0.25s 1s linear forwards; }
        .glencore-in-society section .gis-product-container.gis-mm-container.animate ul.gis-products li a.gis-mm-product-1 {
          animation: show 0.25s 0s linear forwards; }
        .glencore-in-society section .gis-product-container.gis-mm-container.animate ul.gis-products li a.gis-mm-product-2 {
          animation: show 0.25s 0.25s linear forwards; }
        .glencore-in-society section .gis-product-container.gis-mm-container.animate ul.gis-products li a.gis-mm-product-3 {
          animation: show 0.25s 0.5s linear forwards; }
        .glencore-in-society section .gis-product-container.gis-mm-container.animate ul.gis-products li a.gis-mm-product-4 {
          animation: show 0.25s 0.75s linear forwards; }
        .glencore-in-society section .gis-product-container.gis-mm-container.animate ul.gis-products li a.gis-mm-product-5 {
          animation: show 0.25s 1s linear forwards; }
        .glencore-in-society section .gis-product-container.gis-mm-container.animate ul.gis-products li a.gis-mm-product-6 {
          animation: show 0.25s 1.25s linear forwards; }
        .glencore-in-society section .gis-product-container.gis-mm-container.animate ul.gis-products li a.gis-mm-product-7 {
          animation: show 0.25s 1.5s linear forwards; }
    .glencore-in-society section .gis-mm-copy-container {
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -moz-transition: opacity 0.25s;
      -ms-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
      .glencore-in-society section .gis-mm-copy-container.animate {
        animation: show 0.25s 0.5s linear forwards; }
      @media (min-width: 768px) {
        .glencore-in-society section .gis-mm-copy-container #gis-mm-popup {
          margin-top: -50px; } }
      @media (min-width: 992px) {
        .glencore-in-society section .gis-mm-copy-container #gis-mm-popup {
          margin-top: -20px; } }
    .glencore-in-society section #glencore-in-society-energy-products {
      margin-top: 117px; }
      @media (min-width: 768px) {
        .glencore-in-society section #glencore-in-society-energy-products {
          margin-top: 48px; } }
      @media (min-width: 992px) {
        .glencore-in-society section #glencore-in-society-energy-products {
          margin-top: 89px; } }
    .glencore-in-society section .gis-energy-copy-container {
      padding-left: 25px;
      padding-right: 5px;
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -moz-transition: opacity 0.25s;
      -ms-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
      .glencore-in-society section .gis-energy-copy-container.animate {
        animation: show 0.25s 0.25s linear forwards; }
      @media (min-width: 992px) {
        .glencore-in-society section .gis-energy-copy-container {
          padding-left: 60px;
          padding-right: 5px; } }
      .glencore-in-society section .gis-energy-copy-container #gis-energy-popup {
        margin-right: 0; }
        @media (min-width: 768px) {
          .glencore-in-society section .gis-energy-copy-container #gis-energy-popup {
            margin-top: -70px;
            margin-left: -25px;
            /*width: 345px;*/
            width: 340px; }
            .glencore-in-society section .gis-energy-copy-container #gis-energy-popup .gis-carousel-controls {
              right: auto;
              left: -20px; } }
        @media (min-width: 992px) {
          .glencore-in-society section .gis-energy-copy-container #gis-energy-popup {
            	/*margin-top: -20px;
                margin-left: -5px;*/
            /*width: 375px;*/
            margin-top: -50px;
            margin-left: -45px;
            width: 420px;
        		/*.gis-carousel-controls {
        			left: auto;
    		    	right: -20px;
    		    }*/ } }
        .glencore-in-society section .gis-energy-copy-container #gis-energy-popup .carousel-item h4 span.gis-element {
          background: #7d91a5; }
    .glencore-in-society section .gis-product-container.gis-energy-container {
      background: transparent url(../images/circles-energy-products2.png) 0 0px no-repeat;
      width: 344px;
      height: 321px;
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -moz-transition: opacity 0.25s;
      -ms-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
      @media (min-width: 768px) {
        .glencore-in-society section .gis-product-container.gis-energy-container {
          margin-top: 67px;
          margin-left: 40px; } }
      .glencore-in-society section .gis-product-container.gis-energy-container.animate {
        opacity: 1; }
        .glencore-in-society section .gis-product-container.gis-energy-container.animate .gis-energy-default {
          animation: show 0.25s 0.25s linear forwards; }
        .glencore-in-society section .gis-product-container.gis-energy-container.animate ul.gis-products li a.gis-energy-product-1 {
          animation: show 0.25s 0s linear forwards; }
        .glencore-in-society section .gis-product-container.gis-energy-container.animate ul.gis-products li a.gis-energy-product-2 {
          animation: show 0.25s 0.25s linear forwards; }
    .glencore-in-society section .gis-product-container .gis-energy-default, .glencore-in-society section .gis-product-container .gis-energy-carousel-container {
      top: 15px;
      left: 38px; }
    .glencore-in-society section .gis-product-container .gis-energy-default {
      top: 15px;
      left: 38px;
      z-index: 1;
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -moz-transition: opacity 0.25s;
      -ms-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
    .glencore-in-society section .gis-product-container ul.gis-energy-products li a {
      background: #7d91a5;
      opacity: 0;
      -webkit-transition: all 0.25s;
      -moz-transition: all 0.25s;
      -ms-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s; }
    .glencore-in-society section .gis-product-container ul.gis-energy-products li a.gis-energy-product-1 {
      top: 100px;
      left: -24px; }
    .glencore-in-society section .gis-product-container ul.gis-energy-products li a.gis-energy-product-2 {
      top: 160px;
      left: -22px; }
    .glencore-in-society section .gis-product-container .gis-energy-default p {
      color: #7d91a5; }
@-moz-document url-prefix() {
  @media (min-width: 992px) {
    .glencore-in-society section .gis-product-container.gis-energy-container {
      margin-top: 67px; } } }
    .glencore-in-society section #glencore-in-society-agriculture {
      margin-top: 144px; }
      @media (min-width: 768px) {
        .glencore-in-society section #glencore-in-society-agriculture {
          margin-top: 58px;
          padding-bottom: 50px; } }
      @media (min-width: 992px) {
        .glencore-in-society section #glencore-in-society-agriculture {
          margin-top: 144px; } }
    .glencore-in-society section .gis-agri-copy-container {
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -moz-transition: opacity 0.25s;
      -ms-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
      .glencore-in-society section .gis-agri-copy-container.animate {
        animation: show 0.25s 0.25s linear forwards; }
      @media (min-width: 768px) {
        .glencore-in-society section .gis-agri-copy-container #gis-agri-popup {
          margin-top: -62px; } }
      @media (min-width: 992px) {
        .glencore-in-society section .gis-agri-copy-container #gis-agri-popup {
          margin-top: -20px; } }
      .glencore-in-society section .gis-agri-copy-container #gis-agri-popup .carousel-item h4 span.gis-element {
        background: #88bf35; }
    .glencore-in-society section .gis-product-container.gis-agri-container {
      background: transparent url(../images/circles-agriculture2.png) 0 0px no-repeat;
      width: 337px;
      height: 315px;
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -moz-transition: opacity 0.25s;
      -ms-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
      @media (min-width: 768px) {
        .glencore-in-society section .gis-product-container.gis-agri-container {
          margin-top: 86px; } }
      .glencore-in-society section .gis-product-container.gis-agri-container.animate {
        opacity: 1; }
        .glencore-in-society section .gis-product-container.gis-agri-container.animate .gis-agri-default {
          animation: show 0.25s 0.25s linear forwards; }
        .glencore-in-society section .gis-product-container.gis-agri-container.animate ul.gis-products li a.gis-agri-product-1 {
          animation: show 0.25s 0s linear forwards; }
    .glencore-in-society section .gis-product-container .gis-agri-default, .glencore-in-society section .gis-product-container .gis-agri-carousel-container {
      top: 13px;
      left: 35px; }
    .glencore-in-society section .gis-product-container .gis-agri-default {
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -moz-transition: opacity 0.25s;
      -ms-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
      .glencore-in-society section .gis-product-container .gis-agri-default p {
        color: #88bf35; }
    .glencore-in-society section .gis-product-container ul.gis-agri-products li a {
      background: #88bf35;
      opacity: 0;
      -webkit-transition: all 0.25s;
      -moz-transition: all 0.25s;
      -ms-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s; }
    .glencore-in-society section .gis-product-container ul.gis-agri-products li a.gis-agri-product-1 {
      top: 100px;
      right: -25px; }
@-moz-document url-prefix() {
  @media (min-width: 768px) {
    .glencore-in-society section .gis-product-container.gis-agri-container {
      margin-top: 86px; } }
  @media (min-width: 992px) {
    .glencore-in-society section .gis-product-container.gis-agri-container {
      margin-top: 80px; } } }
/*IE edge only*/
.no-smil .glencore-in-society section .gis-product-container.gis-energy-container {
  margin-top: 60px; }
.no-smil .glencore-in-society section .gis-product-container.gis-agri-container {
  margin-top: 72px; }

.glencore-in-society section.mobile {
  margin-top: 5px;
  padding-bottom: 0px;
  overflow: hidden;
  /*.container{
      padding-right:0px;
      padding-left:0px;
  }*/ }
  .glencore-in-society section.mobile .outer-container {
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px; }
  .glencore-in-society section.mobile .mob-hero {
    width: 100%;
    max-width: 320px;
    padding: 22px 15px 25px;
    text-align: center;
    margin: 0 auto; }
  .glencore-in-society section.mobile .mob-intro {
    margin-bottom: 30px; }
    .glencore-in-society section.mobile .mob-intro h3, .glencore-in-society section.mobile .mob-intro p {
      font-size: 1.1rem; }
    .glencore-in-society section.mobile .mob-intro h3 {
      margin-bottom: .75rem; }
    .glencore-in-society section.mobile .mob-intro a.gis-readmore {
      /*display: block;
      font-size: 16px;
      font-weight: 700;
      color: $teal;
      line-height: 1.325em;*/
      display: block;
      font-size: 16px;
      font-weight: 500;
      color: #13b09d;
      line-height: 1.325em; }
      .glencore-in-society section.mobile .mob-intro a.gis-readmore span {
        clear: left;
        display: inline-block;
        position: relative; }
        .glencore-in-society section.mobile .mob-intro a.gis-readmore span:after {
          content: ' ';
          width: 100%;
          border-bottom: solid 1px #1d1d1d;
          position: absolute;
          left: 0;
          bottom: 0px;
          width: 0px;
          -webkit-transition: width 0.5s;
          -moz-transition: width 0.5s;
          -ms-transition: width 0.5s;
          -o-transition: width 0.5s;
          transition: width 0.5s; }
      .glencore-in-society section.mobile .mob-intro a.gis-readmore:hover, .glencore-in-society section.mobile .mob-intro a.gis-readmore:focus {
        text-decoration: none; }
        .glencore-in-society section.mobile .mob-intro a.gis-readmore:hover span:after, .glencore-in-society section.mobile .mob-intro a.gis-readmore:focus span:after {
          width: 100%; }
  .glencore-in-society section.mobile .card {
    border-radius: 0 !important;
    border-left: none;
    border-right: none;
    margin-left: -15px;
    margin-right: -15px;
    border-bottom: none; }
    .glencore-in-society section.mobile .card:last-child {
      border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .glencore-in-society section.mobile .card-header {
    background: transparent url(../images/mobile/icon-plus.png) 95% center no-repeat;
    border-bottom: none;
    padding: .335rem 1.25rem;
    background-image: none; }
    .glencore-in-society section.mobile .card-header h4 {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 30px;
      margin-top: 5px;
      line-height: 27px; }
      .glencore-in-society section.mobile .card-header h4 a {
        color: #000;
        font-size: 14px;
        display: inline-block;
        width: 100%;
        line-height: 30px;
        height: 36px;
        background: transparent url(../images/mobile/icon-minus.png) right center no-repeat; }
        .glencore-in-society section.mobile .card-header h4 a.collapsed {
          background-image: url(../images/mobile/icon-plus.png); }
  .glencore-in-society section.mobile .card-body {
    padding-top: 1rem;
    /*img{margin-bottom:15px;}*/ }
    .glencore-in-society section.mobile .card-body .product-carousel {
      margin: 0 auto 20px;
      padding: 0;
      position: relative;
      /*width: 267px;
      height: 267px;*/
      width: 200%; }
      .glencore-in-society section.mobile .card-body .product-carousel li {
        /*position: absolute;
        top: 0;
        left: 0;*/
        float: left;
        width: 50%;
        opacity: 0;
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s; }
        .glencore-in-society section.mobile .card-body .product-carousel li.active {
          opacity: 1; }
        .glencore-in-society section.mobile .card-body .product-carousel li img {
          width: 100%; }
        .glencore-in-society section.mobile .card-body .product-carousel li:nth-child(2) {
          margin-left: -50%; }
    .glencore-in-society section.mobile .card-body p {
      font-size: 14px;
      line-height: 20px; }
      .glencore-in-society section.mobile .card-body p.gis-figure {
        font-weight: 300;
        border-top: solid 1px #00ae9c;
        margin-bottom: 14px; }
        .glencore-in-society section.mobile .card-body p.gis-figure span {
          font-size: 35px;
          font-weight: 500;
          display: block;
          line-height: 1.2em;
          margin: 8px 0 0; }
        .glencore-in-society section.mobile .card-body p.gis-figure.first span {
          margin-top: 15px; }
    .glencore-in-society section.mobile .card-body h5 {
      font-size: 16px;
      margin-top: 22px;
      margin-bottom: 17px; }
  .glencore-in-society section.mobile .card-header h4 span.gis-element {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background: #ee7330;
    width: 27px;
    height: 27px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    text-align: center; }
  .glencore-in-society section.mobile #_accordion2 .card-header h4 span.gis-element {
    background: #7d91a5; }
  .glencore-in-society section.mobile #_accordion3 .card-header h4 span.gis-element {
    background: #88bf35; }

/*# sourceMappingURL=glencore-in-society.css.map */