@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=ca742283-2ecb-4bb4-8023-accdfe25ca6c");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 18px;
  box-sizing: border-box;
  position: relative;
  min-height: 100%; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  font-size: 16px;
  font-size: 0.8888888889rem;
  overflow-x: hidden; }

.green-text {
  color: #6AA142; }

.mb20 {
  margin-bottom: 20px; }

.mb50 {
  margin-bottom: 50px !important; }

.fixed-el {
  position: fixed !important; }

.mt30 {
  margin-top: 30px !important; }

.natural-capital-nav {
  opacity: 0;
  width: calc(100% - 340px);
  position: absolute;
  right: 0;
  z-index: 3; }
  .natural-capital-nav .side-navigation {
    width: 34%;
    height: calc(100vh - 166px);
    border-top: 1px solid rgba(177, 177, 177, 0.24);
    position: absolute;
    right: 0;
    top: 166px;
    z-index: 1; }
    .natural-capital-nav .side-navigation .side-nav {
      width: 128px;
      height: 100%;
      float: right;
      right: -128px;
      border-left: 1px solid rgba(177, 177, 177, 0.24);
      position: relative;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .natural-capital-nav .side-navigation .side-nav ul {
        padding: 0;
        margin: 0;
        text-align: center;
        padding-top: 27px; }
        .natural-capital-nav .side-navigation .side-nav ul li {
          display: block;
          margin: 10px 0; }
          .natural-capital-nav .side-navigation .side-nav ul li a {
            display: inline-block;
            width: 8px;
            height: 8px;
            background-color: rgba(255, 255, 255, 0.58);
            border-radius: 50%;
            transform: scale(1);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
          .natural-capital-nav .side-navigation .side-nav ul li:hover a, .natural-capital-nav .side-navigation .side-nav ul li.active a {
            transform: scale(1.5);
            background-color: white; }
      .natural-capital-nav .side-navigation .side-nav .scroll-arrow {
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .natural-capital-nav .side-navigation .side-nav .scroll-arrow .scroll-text {
          font-size: 14px;
          font-size: 0.7777777778rem;
          color: #ffffff;
          display: block;
          position: relative;
          top: 20px;
          left: 55px;
          min-width: 215px;
          letter-spacing: 3px;
          -webkit-transform: rotate(270deg);
          -moz-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
          -o-transform: rotate(270deg);
          transform: rotate(270deg);
          -webkit-transform-origin: 0 0;
          -moz-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
          -o-transform-origin: 0 0;
          transform-origin: 0 0; }
          @media only screen and (max-width: 1400px) {
            .natural-capital-nav .side-navigation .side-nav .scroll-arrow .scroll-text {
              min-width: 175px; } }
        .natural-capital-nav .side-navigation .side-nav .scroll-arrow a {
          text-decoration: none; }
          .natural-capital-nav .side-navigation .side-nav .scroll-arrow a img {
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            filter: brightness(400%); }
            @media only screen and (max-width: 1400px) {
              .natural-capital-nav .side-navigation .side-nav .scroll-arrow a img {
                width: 14%; } }
        .natural-capital-nav .side-navigation .side-nav .scroll-arrow:hover {
          bottom: 35px; }
          .natural-capital-nav .side-navigation .side-nav .scroll-arrow:hover a img {
            filter: brightness(100%); }
        .natural-capital-nav .side-navigation .side-nav .scroll-arrow.scroll-arrow-reverse a img {
          transform: rotate(180deg); }
        @media only screen and (max-width: 1400px) {
          .natural-capital-nav .side-navigation .side-nav .scroll-arrow {
            bottom: 10px; } }
      .natural-capital-nav .side-navigation .side-nav.black {
        background-color: rgba(0, 0, 0, 0.32); }
        .natural-capital-nav .side-navigation .side-nav.black ul li a {
          background-color: white; }
        .natural-capital-nav .side-navigation .side-nav.black ul li:hover a {
          background-color: #6aa142; }
        .natural-capital-nav .side-navigation .side-nav.black .scroll-arrow .scroll-text {
          color: #ffffff; }
        .natural-capital-nav .side-navigation .side-nav.black:hover {
          background-color: rgba(0, 0, 0, 0.5); }
      .natural-capital-nav .side-navigation .side-nav:hover {
        background-color: rgba(0, 0, 0, 0.32); }
    .natural-capital-nav .side-navigation.full {
      width: calc(100% - 340px); }
    .natural-capital-nav .side-navigation.no-border {
      border-top: none;
      width: 130px; }
  .natural-capital-nav.small .side-navigation {
    width: 128px; }

.body-scroll {
  overflow-y: auto !important; }

.bg-yellow {
  background-color: #f68c49 !important; }

.bg-blue {
  background-color: #47b1e4 !important; }

.bg-pink {
  background-color: #ef1f6c !important; }

.bg-green {
  background-color: #93c16d !important; }

.orange-btn {
  padding: 3px 15px;
  background: #ee7843;
  color: white;
  font-size: 10px;
  border-radius: 19px; }

.blue-btn {
  padding: 3px 15px;
  background: #9cbced;
  color: white;
  font-size: 10px;
  border-radius: 19px; }

.gray-btn {
  padding: 3px 18px 3px 20px;
  background: #333741;
  color: white;
  font-size: 10px;
  border-radius: 19px; }

.seagreen-btn {
  padding: 3px 17px 3px 20px;
  background: #2d8a91;
  color: white;
  font-size: 10px;
  border-radius: 19px; }

.pink-btn {
  padding: 3px 15px;
  background: #db5795;
  color: white;
  font-size: 10px;
  border-radius: 19px; }

.green-btn {
  padding: 3px 18px;
  background: #53c48d;
  color: white;
  font-size: 10px;
  border-radius: 19px; }

.purple-btn {
  padding: 3px 22px 3px 23px;
  background: #9b53c4;
  color: white;
  font-size: 10px;
  border-radius: 19px; }

.darkgreen-btn {
  padding: 3px 20px;
  background: #00703c;
  color: white;
  font-size: 10px;
  border-radius: 19px; }

.drakpurple-btn {
  padding: 3px 20px;
  background: #5a0070;
  color: white;
  font-size: 10px;
  border-radius: 19px; }

/*.slide-1{
	.parent-heading{
		background-color: #f68c49 !important;
	}
}

.slide-2{
	.parent-heading{
		background-color: #47b1e4 !important;
	}
}

.slide-3{
	.parent-heading{
		background-color: #ef1f6c !important;
	}
}

.slide-4{
	.parent-heading{
		background-color: #93c16d !important;
	}
}

.slide-5{
	.parent-heading{
		background-color: #f68c49 !important;
	}
}

.slide-6{
	.parent-heading{
		background-color: #47b1e4 !important;
	}
}

.slide-7{
	.parent-heading{
		background-color: #93c16d  !important;
	}
}

.slide-8{
	.parent-heading{
		background-color: #f68c49 !important;
	}
}

.slide-9{
	.parent-heading{
		background-color: #93c16d !important;
	}
}


.slide-10{
	.parent-heading{
		background-color: #000 !important;
	}
}

*/
.slick-slider-container .chart-img-container {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  text-align: center; }
  .slick-slider-container .chart-img-container img.full-img {
    width: 55%;
    margin: 0 auto; }
.slick-slider-container .slick-slide img {
  width: 100%; }
.slick-slider-container .slick-arrow {
  position: absolute;
  bottom: -65px;
  right: 0;
  left: 0;
  font-size: 0;
  background: transparent;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
  margin: 0 auto;
  cursor: pointer;
  outline: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .slick-slider-container .slick-arrow:after {
    content: '';
    background-image: url(../images/right-icon.svg);
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 8px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 12px;
    left: 0;
    margin: 0 auto; }
  .slick-slider-container .slick-arrow.slick-next {
    right: -77px; }
  .slick-slider-container .slick-arrow.slick-prev {
    right: 15px; }
    .slick-slider-container .slick-arrow.slick-prev:after {
      transform: rotate(180deg); }
  .slick-slider-container .slick-arrow:hover {
    border: 1px solid #6AA142;
    outline: 0; }

.slick-slide {
  outline: 0; }
  .slick-slide:hover, .slick-slide:focus {
    outline: 0; }

/*.natural-capital-body{
	.tabs-data{
		height: 100vh;
	}
}
*/
.text-capitalize {
  text-transform: capitalize !important; }

.body-scroll {
  overflow-y: auto !important; }

.bg-yellow {
  background-color: #f68c49 !important; }

.bg-blue {
  background-color: #47b1e4 !important; }

.bg-pink {
  background-color: #ef1f6c !important; }

.bg-green {
  background-color: #93c16d !important; }

.bg-green-dark {
  background-color: #1C4A2D !important; }

.big-text-list {
  position: absolute;
  top: 15vh;
  left: 40px;
  width: 100%; }
  @media only screen and (max-width: 1400px) {
    .big-text-list {
      top: 11vh; } }
  .big-text-list ul {
    display: block;
    width: 100%; }
    .big-text-list ul li {
      display: block;
      color: rgba(255, 255, 255, 0.35);
      font-size: 155px;
      opacity: 0;
      visibility: hidden;
      top: 110px;
      position: absolute;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .big-text-list ul li.active {
        opacity: 1;
        visibility: visible;
        top: 0; }
      .big-text-list ul li:nth-child(2) {
        font-size: 87px; }
        .big-text-list ul li:nth-child(2).active {
          top: 58px; }
      .big-text-list ul li:nth-child(3).active {
        top: -11px; }
      .big-text-list ul li:nth-child(4) {
        font-size: 118px; }
        .big-text-list ul li:nth-child(4).active {
          top: 36px; }
      .big-text-list ul li:nth-child(5) {
        font-size: 120px; }
        .big-text-list ul li:nth-child(5).active {
          top: 25px; }

@font-face {
  font-family: "Helvetica Neue LT W01_41488878";
  src: url("../fonts/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix");
  src: url("../fonts/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix") format("eot"), url("../fonts/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"), url("../fonts/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff"), url("../fonts/0be5590f-8353-4ef3-ada1-43ac380859f8.ttf") format("truetype"); }
@font-face {
  font-family: "Helvetica Neue LT W01_55 Roman";
  src: url("../fonts/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix");
  src: url("../fonts/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix") format("eot"), url("../fonts/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"), url("../fonts/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff"), url("../fonts/8a8bfee3-197c-4942-9b11-71508cc9f406.ttf") format("truetype"); }
@font-face {
  font-family: "Helvetica Neue LT W01_65 Md";
  src: url("../fonts/f95f9fc2-ffda-431c-9d6a-2c3668f5b20b.eot?#iefix");
  src: url("../fonts/f95f9fc2-ffda-431c-9d6a-2c3668f5b20b.eot?#iefix") format("eot"), url("../fonts/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2") format("woff2"), url("../fonts/050b1948-f226-4d20-a65a-15d8ed031222.woff") format("woff"), url("../fonts/beb88be6-2a60-46fe-914f-6892b3ae46ce.ttf") format("truetype"); }
@font-face {
  font-family: "Helvetica Neue LT W01_71488914";
  src: url("../fonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix");
  src: url("../fonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot"), url("../fonts/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"), url("../fonts/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"), url("../fonts/419a308d-b777-4f84-9235-2caf4a98ec23.ttf") format("truetype"); }
body, .natural-capital-nav .side-navigation .side-nav .scroll-arrow .scroll-text, h1, h4 small, h5, .tag, .parent-heading, .parent-heading2, .left-sec .main-menu li a, .pop-up-content .sub-header .name-tag .title, .pop-up-content .sub-header .name-tag h2, .pop-up-content .content-area .content-text .name-tag .title, .pop-up-content .content-area .content-text .name-tag h2, .home-body .stats-container li .box .hed, .home-body .stats-container li .box .number, .twol-column-container .col-6 h4, .twol-column-container .col-6 ul li, .governance-bod-section .bod-section ul li a .name-tag h4, .business-second-section .content-area h2, .business-second-section .content-area p, .business-third-section .content-area ul li .text-content p, .business-four-section .content-area ul li .text-content p, .capital-slide h1 span, .capital-slide p, .capital-slide .chart-list li, .social-popup .name-tag h2, .financial-main-container .stats-container .box .hed, .financial-main-container .stats-container .box .number {
  font-family: "Helvetica Neue LT W01_41488878";
  -webkit-font-smoothing: antialiased; }

h2, h3, h4, .right-sec .main-content .boxes ul li a h4, .home-body .stats-container li .box .curruncy, .organizational-tabs-content-area .locations li h5, .organizational-tabs-content-area .locations li span, .business-second-section .content-area h2 span, .business-second-section .content-area .bottom-two-col-text .col h3, .boxes-style ul li a h4, .financial-main-container .stats-container .box .curruncy {
  font-family: "Helvetica Neue LT W01_55 Roman";
  -webkit-font-smoothing: antialiased; }

.big-text-list ul li, .right-sec .main-content.home .heading-area h1 span, .business-second-section .content-area .bottom-two-col-text .col a, .business-third-section .content-area ul li .icon-and-title h5, .business-four-section .content-area ul li .icon-and-title h5, .bg-big-text {
  font-family: "Helvetica Neue LT W01_71488914";
  -webkit-font-smoothing: antialiased; }

h1 {
  font-size: 44px;
  font-size: 2.4444444444rem;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.2;
  text-transform: lowercase; }
  @media only screen and (max-width: 1400px) {
    h1 {
      font-size: 40px;
      font-size: 2.2222222222rem; } }

h2 {
  font-size: 20px;
  font-size: 1.1111111111rem;
  font-weight: normal;
  text-transform: lowercase !important; }
  h2 small {
    display: block;
    font-size: 16px;
    font-size: 0.8888888889rem;
    /*color: $light_green;*/ }

h3 {
  font-size: 30px;
  font-size: 1.6666666667rem;
  text-transform: lowercase !important; }
  h3 small {
    display: block;
    font-size: 20px;
    font-size: 1.1111111111rem; }

h4 {
  font-size: 24px;
  font-size: 1.3333333333rem;
  text-transform: lowercase !important; }
  h4 small {
    display: block;
    font-size: 16px;
    font-size: 0.8888888889rem; }

h5 {
  font-size: 23px;
  font-size: 1.2777777778rem;
  text-transform: lowercase !important; }
  h5 small {
    font-size: 14px;
    font-size: 0.7777777778rem; }

.tag {
  font-weight: normal;
  font-size: 14px;
  font-size: 0.7777777778rem;
  color: #ffffff;
  padding: 8.3px 10px;
  display: inline-block;
  margin: 5px 0;
  line-height: 1;
  text-transform: lowercase !important;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00703c+0,6cb33f+100 */
  background: #00703c;
  /* Old browsers */
  background: -moz-linear-gradient(left, #00703c 0%, #6cb33f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #00703c 0%, #6cb33f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00703c 0%, #6cb33f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00703c', endColorstr='#6cb33f',GradientType=1 );
  /* IE6-9 */ }

.parent-heading {
  position: relative;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.7777777778rem;
  color: #ffffff;
  line-height: 1;
  padding: 5px 10px;
  text-transform: lowercase !important;
  background-color: #F68C49; }
  .parent-heading:after {
    content: '';
    width: 44px;
    height: 2px;
    background-color: #6AA142;
    position: absolute;
    left: 0;
    top: 10px;
    display: none; }

.parent-heading2 {
  position: relative;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.7777777778rem;
  color: #ffffff;
  padding-left: 55px;
  text-transform: lowercase !important; }
  .parent-heading2:after {
    content: '';
    width: 44px;
    height: 2px;
    background-color: #6AA142;
    position: absolute;
    left: 0;
    top: 10px; }

/*p{
	text-transform: lowercase !important;
}*/
.back-btn {
  color: #000000;
  text-decoration: none;
  display: inline-block; }
  .back-btn img {
    margin-right: 10px;
    position: relative;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .back-btn:hover img {
    left: -5px; }

.main-logo {
  position: absolute;
  width: 300px;
  left: calc(50% - 150px);
  top: calc(50% - 471px);
  transform: scale(0);
  opacity: 0;
  z-index: 2; }
  @media only screen and (min-width: 1600px) {
    .main-logo {
      top: calc(50% - 571px); } }
  .main-logo img {
    width: 100%; }
  .not_home .main-logo {
    opacity: 1;
    top: -40px;
    left: -40px;
    transform: scale(0.4); }
    .not_home .main-logo.fixed-el {
      z-index: 999; }

.not_home .home-profile-bg.fixed-el {
  -webkit-transition: right 0.5s ease-in-out;
  -moz-transition: right 0.5s ease-in-out;
  -ms-transition: right 0.5s ease-in-out;
  -o-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out; }

.left-sec {
  width: 280px;
  float: left;
  position: relative;
  left: 0;
  /* background: rgba(0,112,60,1);
   background: -moz-linear-gradient(-45deg, rgba(0,112,60,1) 0%, rgba(108,179,63,1) 100%);
   background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,112,60,1)), color-stop(100%, rgba(108,179,63,1)));
   background: -webkit-linear-gradient(-45deg, rgba(0,112,60,1) 0%, rgba(108,179,63,1) 100%);
   background: -o-linear-gradient(-45deg, rgba(0,112,60,1) 0%, rgba(108,179,63,1) 100%);
   background: -ms-linear-gradient(-45deg, rgba(0,112,60,1) 0%, rgba(108,179,63,1) 100%);
   background: linear-gradient(135deg, rgba(0,112,60,1) 0%, rgba(108,179,63,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00703c', endColorstr='#6cb33f', GradientType=1 );*/
  height: 100vh;
  padding: 140px 30px 0 30px;
  z-index: 1;
  background-image: -webkit-linear-gradient(left, #5aa427 0%, #93c16d 100%);
  background-image: -o-linear-gradient(left, #5aa427 0%, #93c16d 100%);
  background-image: linear-gradient(to right, #5aa427 0%, #93c16d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5AA427', endColorstr='#FF93C16D', GradientType=1); }
  .left-sec .main-menu {
    margin: 0;
    padding: 0;
    list-style: none outside none; }
    .left-sec .main-menu li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      position: relative; }
      .left-sec .main-menu li a {
        padding: 10px 8px;
        display: block;
        text-decoration: none;
        color: #ffffff;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        opacity: 0.5;
        font-size: 18px;
        font-size: 1rem; }
        .left-sec .main-menu li a .arrow {
          opacity: 0;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          display: inline-block;
          position: absolute;
          right: 20px;
          top: 14px; }
          .left-sec .main-menu li a .arrow img {
            width: 15px; }
      .left-sec .main-menu li:hover, .left-sec .main-menu li.active {
        border-bottom: 1px solid white; }
        .left-sec .main-menu li:hover a, .left-sec .main-menu li.active a {
          opacity: 1; }
          .left-sec .main-menu li:hover a .arrow, .left-sec .main-menu li.active a .arrow {
            right: 10px;
            opacity: 1; }
  .left-sec .social-copyright {
    position: absolute;
    bottom: 20px; }
    .left-sec .social-copyright .social-links {
      padding: 0;
      margin: 0;
      list-style: none outside none; }
      .left-sec .social-copyright .social-links li {
        width: 20px;
        margin-right: 14px;
        display: inline-block;
        vertical-align: top; }
        .left-sec .social-copyright .social-links li a {
          opacity: 0.4;
          -webkit-transition: opacity 0.3s ease-in-out;
          -moz-transition: opacity 0.3s ease-in-out;
          -ms-transition: opacity 0.3s ease-in-out;
          -o-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out; }
          .left-sec .social-copyright .social-links li a:hover {
            opacity: 1; }
        .left-sec .social-copyright .social-links li.made-by {
          width: 50px;
          margin-top: -3px; }
    .left-sec .social-copyright p {
      font-size: 12px;
      font-size: 0.6666666667rem;
      color: rgba(255, 255, 255, 0.4);
      margin-top: 6px; }
  .not_home .left-sec {
    left: 0; }
    .not_home .left-sec.fixed-el {
      z-index: 9; }

.right-sec {
  width: calc(100% - 280px);
  float: left;
  position: relative;
  height: 100vh;
  z-index: 2; }
  .right-sec .bg-img {
    background-image: url(../images/home-banner3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    opacity: 0; }
  .right-sec .main-content {
    position: absolute;
    z-index: 9;
    padding: 0 40px;
    bottom: 40px;
    left: 0; }
    .right-sec .main-content.home .heading-area h1 {
      opacity: 0;
      top: -10px;
      position: relative;
      font-size: 40px;
      font-size: 2.2222222222rem;
      line-height: 1;
      margin-bottom: 4px; }
      .right-sec .main-content.home .heading-area h1 span {
        display: block; }
    .right-sec .main-content.home .heading-area .tag {
      opacity: 0;
      top: 0px;
      position: relative; }
    .right-sec .main-content .boxes {
      margin-top: 15px; }
      .right-sec .main-content .boxes ul li {
        display: inline-block;
        opacity: 0;
        top: 0;
        width: 200px;
        height: 220px;
        position: relative;
        overflow: hidden;
        margin: 0 7px;
        border: 1px solid transparent;
        -webkit-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
        -moz-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
        -ms-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
        -o-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
        transition: border 0.3s ease-in-out, top 0.3s ease-in-out; }
        .right-sec .main-content .boxes ul li a {
          display: block;
          height: 100%; }
          .right-sec .main-content .boxes ul li a img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%; }
          .right-sec .main-content .boxes ul li a h4 {
            font-size: 16px;
            font-size: 0.8888888889rem;
            font-weight: normal;
            color: #ffffff;
            position: absolute;
            bottom: 30px;
            left: 20px; }
        .right-sec .main-content .boxes ul li:hover {
          border-color: #6AA142;
          top: -10px; }

.pop-up-content {
  width: calc(100% - 280px);
  height: 100vh;
  position: absolute;
  right: 0;
  z-index: 1;
  opacity: 0;
  display: none;
  /*&.chairman-message{
    .sub-header{
      background-image: url(../images/chairman-banner.jpg);
      h1{
        color: $white;
      }
    }

  }*/ }
  .pop-up-content .sub-header {
    position: relative;
    right: 0;
    opacity: 0;
    width: 100%;
    /*height: 247px;*/
    padding: 30px 30px 0px;
    z-index: 1 !important;
    /*background-repeat: no-repeat;
    background-size: cover;
    background-position: 80% center;*/ }
    .pop-up-content .sub-header .back-btn {
      /*margin-bottom: 30px;*/ }
    .pop-up-content .sub-header .name-tag {
      margin-bottom: 10px;
      margin-top: 20px; }
      .pop-up-content .sub-header .name-tag .title {
        position: relative;
        font-size: 18px;
        font-size: 1rem;
        padding-left: 60px;
        color: #525557; }
        .pop-up-content .sub-header .name-tag .title:before {
          content: "";
          width: 50px;
          height: 2px;
          background-color: #6AA142;
          position: absolute;
          left: 0;
          top: 50%; }
      .pop-up-content .sub-header .name-tag h2 {
        color: #6AA142;
        font-size: 30px;
        font-size: 1.6666666667rem; }
    .pop-up-content .sub-header.fixed-el {
      width: calc(100% - 743px);
      background-color: #ffffff;
      left: 280px;
      z-index: 9; }
  .pop-up-content .home-profile-bg {
    position: absolute;
    right: -358px;
    top: 0;
    opacity: 0;
    width: 30%;
    height: 100vh;
    overflow: hidden;
    z-index: 2;
    /*
        &:after{
          content:'';
          background-image: url(../images/natural-banner.jpg);
          background-position: center center;
          background-size: 100%;
          background-repeat: no-repeat;
          width: 100%;
          height: 100vh;
        }*/ }
    .pop-up-content .home-profile-bg img {
      height: 100%;
      width: auto;
      float: right; }
    .pop-up-content .home-profile-bg.show {
      right: 0px; }
      .pop-up-content .home-profile-bg.show.fixed-el {
        right: 16px; }
        .pop-up-content .home-profile-bg.show.fixed-el.less-content {
          right: 0px; }
  .pop-up-content .content-area {
    padding: 30px 60px 30px 30px; }
    .pop-up-content .content-area .content-text {
      width: 58%;
      float: left;
      opacity: 0;
      position: relative;
      margin-top: 140px; }
      .pop-up-content .content-area .content-text .name-tag {
        margin-bottom: 20px; }
        .pop-up-content .content-area .content-text .name-tag .title {
          position: relative;
          font-size: 18px;
          font-size: 1rem;
          padding-left: 60px;
          color: #525557; }
          .pop-up-content .content-area .content-text .name-tag .title:before {
            content: "";
            width: 50px;
            height: 2px;
            background-color: #6AA142;
            position: absolute;
            left: 0;
            top: 50%; }
        .pop-up-content .content-area .content-text .name-tag h2 {
          color: #6AA142;
          font-size: 30px;
          font-size: 1.6666666667rem; }
      .pop-up-content .content-area .content-text .scroll-content {
        padding-right: 14px; }
        .pop-up-content .content-area .content-text .scroll-content h2 {
          color: #959595;
          margin-bottom: 20px; }
        .pop-up-content .content-area .content-text .scroll-content h3 {
          color: #525557;
          margin-top: 20px;
          font-size: 20px;
          font-size: 1.1111111111rem;
          font-weight: normal; }
          .pop-up-content .content-area .content-text .scroll-content h3 small {
            color: #6AA142;
            font-size: 16px;
            font-size: 0.8888888889rem; }
            .pop-up-content .content-area .content-text .scroll-content h3 small a {
              color: #6AA142; }
        .pop-up-content .content-area .content-text .scroll-content p {
          color: #525557;
          margin-bottom: 14px;
          line-height: 1.3;
          font-size: 14px;
          font-size: 0.7777777778rem; }
    .pop-up-content .content-area .content-img {
      opacity: 0;
      width: 34%;
      float: left;
      margin-left: 3%;
      margin-top: 70px;
      z-index: 2; }
      .pop-up-content .content-area .content-img.fixed-el {
        position: fixed !important;
        right: 50px;
        width: 30%;
        margin-top: 0;
        top: 28%; }
  .pop-up-content.bod-profiles {
    opacity: 1;
    background-color: #ffffff;
    z-index: 4;
    top: -100vh;
    overflow-y: auto;
    overflow-x: hidden; }
    .pop-up-content.bod-profiles .sub-header {
      opacity: 1; }
    .pop-up-content.bod-profiles .home-profile-bg {
      opacity: 1; }
    .pop-up-content.bod-profiles .content-area {
      padding: 30px 60px 30px 30px; }
      .pop-up-content.bod-profiles .content-area .content-text {
        opacity: 0;
        position: relative;
        left: -50px; }
      .pop-up-content.bod-profiles .content-area .content-img {
        opacity: 0;
        z-index: 4;
        position: relative;
        /*right:-100px;*/ }
    @media only screen and (max-width: 1400px) {
      .pop-up-content.bod-profiles.katcha-girls-main, .pop-up-content.bod-profiles.wasakh-capital-main, .pop-up-content.bod-profiles.javed-iqbal-main, .pop-up-content.bod-profiles.noreen-main {
        overflow-y: auto; } }

.home-body .left-sec {
  width: 100%; }
.home-body .main-menu {
  opacity: 0;
  position: relative;
  left: -340px; }
.home-body .stats-container li {
  width: 20.5%;
  float: left;
  margin-right: 10%;
  margin-top: 15px;
  list-style: none;
  margin-bottom: 20px;
  min-height: 115px; }
  .home-body .stats-container li .box {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
     /* &:hover{
        transform: scale(1.1);

      }*/ }
    .home-body .stats-container li .box img {
      margin-bottom: 15px;
      display: block; }
    .home-body .stats-container li .box .hed {
      color: #1C4A2D;
      font-size: 16px;
      font-size: 0.8888888889rem;
      font-weight: normal;
      margin-bottom: 15px;
      position: relative; }
      .home-body .stats-container li .box .hed:after {
        content: '';
        width: 17px;
        height: 1px;
        background-color: #525557;
        position: absolute;
        left: 0;
        bottom: 0; }
      .home-body .stats-container li .box .hed small {
        font-size: 10px;
        font-size: 0.5555555556rem; }
    .home-body .stats-container li .box .number {
      color: #1C4A2D;
      font-size: 30px;
      font-size: 1.6666666667rem;
      font-weight: normal;
      border-bottom: 1px solid #DDDDDD;
      padding-bottom: 5px; }
    .home-body .stats-container li .box .curruncy {
      color: #0D0D0D;
      font-size: 9px;
      font-size: 0.5rem;
      font-weight: normal; }
  .home-body .stats-container li:hover .box {
    transform: scale(1.2); }

.natural-capital-body {
  overflow-y: hidden; }
  .natural-capital-body .left-sec {
    position: fixed; }
  .natural-capital-body .main-logo {
    position: fixed;
    /*test*/ }
  .natural-capital-body .natural-capital-nav {
    position: fixed;
    z-index: 999; }

.banner-natural {
  background-image: url(../images/natural-banner.jpg);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 84px;
  top: 100vh;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /*	&.slide-2-bg{
  		background-image: url(../images/natural-banner2.jpg);
  	}
  
  	&.slide-3-bg{
  		background-image: url(../images/natural-banner2.jpg);
  	}
  
  	&.slide-4-bg{
  		background-image: url(../images/natural-banner2.jpg);
  	}
  
  	&.slide-5-bg{
  		background-image: url(../images/natural-banner2.jpg);
  	}
  
  	&.slide-6-bg{
  		background-image: url(../images/natural-banner2.jpg);
  	}*/ }

.natural-capital-body .capital-slide {
  bottom: -100vh;
  opacity: 0;
  background-color: #ffffff; }
  .natural-capital-body .capital-slide.slide-5 {
    /*background-color: #f1f1f1;*/ }

.twol-column-container {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
  position: relative; }
  .twol-column-container:after {
    content: '';
    position: absolute;
    left: 0;
    right: 7px;
    width: 30px;
    height: 100%;
    background-image: url(../images/arrow-with-line.svg);
    background-position: 100%;
    background-size: 60%;
    background-repeat: no-repeat;
    margin: 0 auto; }
  @media only screen and (max-width: 1400px) {
    .twol-column-container {
      margin-top: 15px; } }
  .twol-column-container .col-6 {
    float: left;
    width: 42%;
    margin: 0 4%;
    padding: 30px 15px;
    min-height: 390px; }
    .twol-column-container .col-6.one {
      background-color: #EFF0F2; }
    .twol-column-container .col-6.two {
      background-color: rgba(106, 161, 66, 0.2); }
    .twol-column-container .col-6 h4 {
      font-size: 24px;
      font-size: 1.3333333333rem;
      color: #3B8D5A;
      font-weight: normal;
      margin-bottom: 20px;
      position: relative; }
      @media only screen and (max-width: 1400px) {
        .twol-column-container .col-6 h4 {
          font-size: 20px; } }
      .twol-column-container .col-6 h4:after {
        content: '';
        width: 17px;
        height: 1px;
        background-color: #525557;
        position: absolute;
        left: 0px;
        bottom: -5px; }
      .twol-column-container .col-6 h4 span {
        display: block;
        font-size: 16px;
        font-size: 0.8888888889rem; }
        @media only screen and (max-width: 1400px) {
          .twol-column-container .col-6 h4 span {
            font-size: 14px; } }
    .twol-column-container .col-6 ul li {
      display: block;
      position: relative;
      color: #525557;
      font-weight: normal;
      font-size: 14px;
      font-size: 0.7777777778rem;
      margin-bottom: 15px;
      padding-left: 15px; }
      @media only screen and (max-width: 1400px) {
        .twol-column-container .col-6 ul li {
          margin-bottom: 5px;
          font-size: 12px; } }
      .twol-column-container .col-6 ul li:after {
        content: '';
        width: 6px;
        height: 6px;
        background-color: #6AA142;
        border: 1px solid #6AA142;
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 7px; }

.natural-capital-body .twol-column-container .col-6 {
  min-height: 499px; }
.natural-capital-body .capital-slide.slide-4 p {
  margin-bottom: 30px;
  max-width: 720px; }

.governance-wrapper {
  width: calc(100% - 280px);
  float: left;
  height: 100vh;
  position: relative; }
  .governance-wrapper .wrapper {
    bottom: -100vh; }

.governance-main-section {
  	/*//opacity: 0;
  	width: calc(100% - 280px);
  	float: left;
    	top: 100vh;
    	position: relative;
    	height: 100vh;
    	background-color: $white;
    	*/ }
  .governance-main-section .governance-content-area {
    width: 100%; }
    .governance-main-section .governance-content-area h1 {
      margin-bottom: 30px; }

.governance-bod-section {
  	/*width: calc(100% - 280px);
  	float: left;
    	top: 0;
    	opacity: 1;
    	position: relative;
    	height: 100vh;
    	background-color: $white;*/
  z-index: 2; }
  .governance-bod-section .bod-content-area {
    width: 100%;
    position: relative; }
    .governance-bod-section .bod-content-area p {
      max-width: 100%;
      font-size: 14px;
      font-size: 0.7777777778rem; }
  .governance-bod-section .bod-section {
    max-width: 990px;
    margin-top: 40px; }
    .governance-bod-section .bod-section ul li {
      display: inline-block;
      top: 0;
      width: 17.5%;
      position: relative;
      overflow: hidden;
      margin: 0 4px;
      margin-bottom: 10px;
      border: 1px solid transparent;
      -webkit-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
      -moz-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
      -ms-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
      -o-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
      transition: border 0.3s ease-in-out, top 0.3s ease-in-out; }
      @media only screen and (min-width: 1600px) {
        .governance-bod-section .bod-section ul li {
          width: 18.5%; } }
      .governance-bod-section .bod-section ul li a {
        display: block;
        height: 100%; }
        .governance-bod-section .bod-section ul li a img {
          position: relative;
          width: 100%;
          display: block; }
        .governance-bod-section .bod-section ul li a .name-tag {
          position: absolute;
          bottom: 15px;
          left: 15px;
          z-index: 1; }
          .governance-bod-section .bod-section ul li a .name-tag .parent-heading2 {
            position: relative;
            padding-left: 13px;
            color: #ffffff;
            font-size: 12px;
            font-size: 0.6666666667rem; }
            .governance-bod-section .bod-section ul li a .name-tag .parent-heading2:after {
              position: absolute;
              left: 0;
              top: 50%;
              width: 10px; }
          .governance-bod-section .bod-section ul li a .name-tag h4 {
            font-size: 14px;
            font-size: 0.7777777778rem;
            font-weight: normal;
            color: #ffffff; }
      .governance-bod-section .bod-section ul li:hover {
        border-color: #6AA142;
        top: -10px; }

/*.bod-side-banner {
    width: 34%;
    height: 100vh;
    background-image: url(../images/natural-capital-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
    position: absolute;
    right: 0;
    top: 0;
}*/
.board-advisory-main {
  /*	width: calc(100% - 280px);
  	float: left;
    	top: 0;
    	opacity: 1;
    	position: relative;
    	height: 100vh;
    	background-color: $white;*/ }
  .board-advisory-main .main-content-area {
    width: 100%; }
    .board-advisory-main .main-content-area h1 {
      color: #6AA142;
      margin-bottom: 20px; }
    .board-advisory-main .main-content-area p {
      color: #525557;
      font-size: 14px;
      font-size: 0.7777777778rem;
      line-height: 1.4;
      padding-right: 20px; }

.board-advisory-side-banner {
  width: 100%;
  height: 100vh;
  background-image: url(../images/board-advisory-full.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0%;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.post-image {
  opacity: 0;
  width: 351px;
  height: 365px;
  background-image: url(../images/award-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
  position: absolute;
  right: 19%;
  top: 31%; }
  @media only screen and (min-width: 1600px) {
    .post-image {
      width: 29%; } }

.internal-cf-section {
  /*	width: calc(100% - 280px);
  	float: left;
    	top: 0;
    	opacity: 1;
    	position: relative;
    	height: 100vh;
    	background-color: $white;*/ }
  .internal-cf-section .main-content-area {
    width: 100%;
    background-color: #ffffff;
    /*@include respond-to(largescreen) {
    	width: 46%;
    }*/ }
    .internal-cf-section .main-content-area h1 {
      color: #6AA142;
      margin-bottom: 20px; }
    .internal-cf-section .main-content-area p {
      color: #525557;
      font-size: 14px;
      font-size: 0.7777777778rem;
      line-height: 1.4;
      padding-right: 20px; }

.internal-cf-side-banner {
  opacity: 0;
  width: 100%;
  height: 100vh;
  background-image: url(../images/icf-full-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0%;
  position: absolute;
  right: 0;
  top: 0; }

.internal-cf-post-image {
  opacity: 0;
  width: 351px;
  height: 365px;
  background-image: url(../images/award-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
  position: absolute;
  right: 19%;
  top: 31%;
  display: none; }
  @media only screen and (min-width: 1600px) {
    .internal-cf-post-image {
      width: 29%; } }

.governance-banner-main {
  background-image: url(../images/goverence-bg.jpg);
  background-position: 124px 0;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  width: 100%;
  height: 100vh;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /*	&.slide-2-bg{
  		background-image: url(../images/board-advisory-full.jpg);
  	}
  
  	&.slide-3-bg{
  		background-image: url(../images/board-advisory-full.jpg);
  	}
  
  	&.slide-4-bg{
  		background-image: url(../images/icf-full-img.jpg);
  	}*/ }

.organizationa-wrapper {
  width: calc(100% - 280px);
  float: left;
  height: 100vh;
  position: relative;
  left: 280px; }
  .organizationa-wrapper .wrapper {
    bottom: -50vh; }

.organizational-main-section .organizational-content-area {
  /*	width: 100%;
  	max-width: 100%;
  	min-height: 362px;
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	background-color: $white;*/
  /*	padding: 40px;*/ }
  .organizational-main-section .organizational-content-area h1 {
    margin-bottom: 20px; }

.organizational-tabs-content-area {
  width: 100%;
  max-width: 100%;
  padding-top: 35px;
  height: 100vh; }
  .organizational-tabs-content-area h1 {
    /*border-bottom: 1px solid rgba($gray-border, 0.24);*/
    padding-bottom: 20px;
    max-width: 750px; }
  .organizational-tabs-content-area p {
    margin-top: 15px;
    color: #525557; }
  .organizational-tabs-content-area .locations {
    padding: 0;
    margin: 30px 0 0 0;
    width: 127px;
    float: left; }
    .organizational-tabs-content-area .locations li {
      display: inline-block;
      padding: 7px 15px;
      width: 127px; }
      .organizational-tabs-content-area .locations li img {
        display: block;
        margin-bottom: 5px; }
      .organizational-tabs-content-area .locations li h5 {
        font-size: 16px;
        font-size: 0.8888888889rem;
        color: #1C4A2D;
        font-weight: normal;
        margin: 0px 0;
        margin-bottom: 5px; }
      .organizational-tabs-content-area .locations li span {
        color: #525557;
        font-size: 12px;
        font-size: 0.6666666667rem;
        font-weight: normal;
        display: block; }
      .organizational-tabs-content-area .locations li.border-right {
        border-right: 1px solid #B1B1B1; }
      .organizational-tabs-content-area .locations li.border-bottom {
        border-bottom: 1px solid #B1B1B1; }
  @media only screen and (max-width: 1400px) {
    .organizational-tabs-content-area .locations-svgs img {
      width: 30%; } }
  .organizational-tabs-content-area .map-img {
    float: right;
    position: absolute;
    bottom: 45px;
    right: 0;
    width: 61%; }
    .organizational-tabs-content-area .map-img img {
      width: 100%; }
    .organizational-tabs-content-area .map-img.big-img {
      float: right;
      position: absolute;
      bottom: 77px;
      right: -28px;
      width: 57%; }

.organizational-cat-tabs {
  float: left;
  position: absolute;
  left: 100%;
  opacity: 1;
  top: 165px; }
  @media only screen and (max-width: 1400px) {
    .organizational-cat-tabs {
      top: 70px; } }
  .organizational-cat-tabs li {
    display: block;
    padding: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .organizational-cat-tabs li a img {
      filter: brightness(300%);
      position: relative;
      left: 0;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .organizational-cat-tabs li:hover, .organizational-cat-tabs li.active {
      background-color: #ffffff; }
      .organizational-cat-tabs li:hover a img, .organizational-cat-tabs li.active a img {
        left: -10px;
        filter: brightness(100%); }

.organizational-tabs-banner {
  width: 275px;
  height: 100vh;
  /*background-image: url('../images/organizational-banner.jpg');*/
  position: fixed;
  right: 0;
  top: 0; }
  @media only screen and (min-width: 1600px) {
    .organizational-tabs-banner {
      width: 16.4%; } }

.slides {
  opacity: 0;
  position: relative;
  top: 100vh;
  float: left;
  height: 100vh;
  width: 100%;
  max-width: 100%; }

.organizational-body .slides {
  width: 100%;
  top: initial;
  bottom: -100vh; }
  @media only screen and (max-width: 1400px) {
    .organizational-body .slides.slide-four .map-img {
      float: right;
      position: absolute;
      bottom: 20px;
      right: 0px;
      width: 60%; }
      .organizational-body .slides.slide-four .map-img img {
        width: 100%; } }
@media only screen and (max-width: 1400px) and (max-width: 1400px) {
  .organizational-body .slides.slide-four .locations-svgs img {
    width: 70% !important; } }

.locations-svgs {
  margin-top: 25px; }

.organizational-main-banner {
  background-image: url(../images/organizational-overview.jpg);
  background-position: -280px -88px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 280px;
  top: 100vh;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .organizational-main-banner.slide-2-bg {
    background-image: url(../images/organizational-fert-bg.jpg);
    background-position: 100%; }
    .organizational-main-banner.slide-2-bg.slide-one-bg {
      background-image: url(../images/organizational-fert-bg.jpg);
      background-position: 100%; }
    .organizational-main-banner.slide-2-bg.slide-two-bg {
      background-image: url(../images/organizational-food-bg.jpg);
      background-position: 100%; }
    .organizational-main-banner.slide-2-bg.slide-three-bg {
      background-image: url(../images/organizational-energy-bg.jpg);
      background-position: 100%; }
    .organizational-main-banner.slide-2-bg.slide-four-bg {
      background-image: url(../images/organizational-polymer-bg.jpg);
      background-position: 100%; }
    .organizational-main-banner.slide-2-bg.slide-five-bg {
      background-image: url(../images/organizational-agri-bg.jpg);
      background-position: 100%; }
    .organizational-main-banner.slide-2-bg.slide-six-bg {
      background-image: url(../images/organizational-polymer-bg.jpg);
      background-position: 100%; }

.organizational-body {
  overflow-y: hidden; }
  .organizational-body .left-sec {
    position: fixed; }
  .organizational-body .main-logo {
    position: fixed;
    /*test*/ }
  .organizational-body .natural-capital-nav {
    position: fixed;
    z-index: 999; }

/*test*/
.business-model-main-container {
  width: calc(100% - 280px);
  float: left;
  height: 100vh;
  position: relative;
  left: 280px; }
  .business-model-main-container .main-slide {
    padding: 40px;
    position: relative;
    float: left;
    height: 100vh;
    bottom: -100vh;
    min-height: 100vh;
    opacity: 0;
    width: 100%; }
    .business-model-main-container .main-slide p {
      color: #525557;
      font-size: 14px;
      font-size: 0.7777777778rem;
      line-height: 1.3; }
    @media only screen and (max-width: 1400px) {
      .business-model-main-container .main-slide {
        padding: 30px; } }

.business-main-section {
  /*	width: 100%;
  	float: left;
    	opacity: 1;
    	position: relative;
    	height: 100vh;
    	padding: 40px;
    	z-index: 99;*/ }
  .business-main-section .business-content-area h1 {
    margin-bottom: 20px; }
    @media only screen and (max-width: 1400px) {
      .business-main-section .business-content-area h1 {
        margin-bottom: 6px; } }

.business-second-section {
  /*	width: 100%;
  	float: left;
    	top: 0;
    	opacity: 1;
    	position: relative;
    	height: 100vh;
    	background-color: $white;
    	padding: 40px;*/ }
  .business-second-section .content-area h2 {
    font-size: 48px;
    font-size: 2.6666666667rem;
    font-weight: normal;
    color: #6AA142;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1400px) {
      .business-second-section .content-area h2 {
        font-size: 40px; } }
    .business-second-section .content-area h2 span {
      display: block;
      font-weight: normal;
      color: #B1B1B1; }
  .business-second-section .content-area p {
    color: #525557;
    font-size: 18px;
    font-size: 1rem;
    font-weight: normal; }
    @media only screen and (max-width: 1400px) {
      .business-second-section .content-area p {
        font-size: 16px; } }
  .business-second-section .content-area .two-col-text {
    overflow: hidden;
    margin-top: 50px;
    position: relative; }
    .business-second-section .content-area .two-col-text .col {
      float: left;
      width: 32%;
      margin: 0 50px;
      margin-top: 100px; }
      .business-second-section .content-area .two-col-text .col:first-child {
        text-align: right;
        margin-top: 0px; }
    .business-second-section .content-area .two-col-text:after {
      content: '';
      width: 167px;
      height: 156px;
      background-image: url(../images/business-arrow-2.svg);
      background-position: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      position: absolute;
      right: 0;
      left: 43px;
      margin: 0 auto;
      top: -5px; }
    .business-second-section .content-area .two-col-text:before {
      content: '';
      width: 167px;
      height: 156px;
      background-image: url(../images/business-arrow-1.svg);
      background-position: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
      position: absolute;
      right: 0;
      left: -245px;
      margin: 0 auto;
      bottom: 15px; }
      @media only screen and (min-width: 1600px) {
        .business-second-section .content-area .two-col-text:before {
          left: -260px; } }
  .business-second-section .content-area .bottom-two-col-text {
    overflow: hidden;
    margin-top: 30px;
    position: relative;
    display: none; }
    .business-second-section .content-area .bottom-two-col-text .col {
      float: left;
      width: 32%;
      margin: 0 50px;
      margin-top: 50px; }
      .business-second-section .content-area .bottom-two-col-text .col h3 {
        font-size: 20px;
        font-size: 1.1111111111rem;
        color: #525557;
        font-weight: normal;
        margin-bottom: 60px; }
      .business-second-section .content-area .bottom-two-col-text .col a {
        color: #1C4A2D;
        text-decoration: none;
        font-size: 16px;
        font-size: 0.8888888889rem;
        font-weight: normal;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .business-second-section .content-area .bottom-two-col-text .col a:after {
          content: '';
          width: 40px;
          height: 2px;
          background-color: #6AA142;
          position: absolute;
          top: -5px;
          left: 0;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .business-second-section .content-area .bottom-two-col-text .col a:hover:after {
          width: 106px; }
      .business-second-section .content-area .bottom-two-col-text .col:first-child {
        text-align: right; }
        .business-second-section .content-area .bottom-two-col-text .col:first-child a:after {
          left: initial;
          right: 0; }

.business-right {
  height: 100vh;
  width: 268px;
  right: -280px;
  opacity: 0;
  top: 0;
  position: fixed;
  z-index: 9;
  background-image: url(../images/business-right.jpg);
  background-position: 100%;
  background-size: cover;
  background-repeat: no-repeat; }

.business-third-section {
  	/*width: 100%;
  	float: left;
    	top: 0;
    	opacity: 1;
    	position: relative;
    	height: 100vh;
    	background-color: $white;
    	padding: 40px;*/ }
  .business-third-section .content-area {
    /*max-width: 830px;*/ }
    .business-third-section .content-area h1 {
      color: #6AA142; }
    .business-third-section .content-area ul {
      margin-top: 50px; }
      .business-third-section .content-area ul li {
        float: left;
        width: 100%;
        list-style: none;
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px;
        position: relative; }
        .business-third-section .content-area ul li:after {
          content: '';
          width: 30%;
          height: 1px;
          background-color: #00703C;
          left: 0;
          bottom: 0;
          position: absolute; }
        .business-third-section .content-area ul li:before {
          content: '';
          width: 70%;
          height: 1px;
          background-color: rgba(82, 85, 87, 0.5);
          left: 30%;
          bottom: 0;
          position: absolute; }
        .business-third-section .content-area ul li .icon-and-title {
          float: left;
          width: 30%; }
          .business-third-section .content-area ul li .icon-and-title img {
            display: inline-block;
            vertical-align: middle; }
          .business-third-section .content-area ul li .icon-and-title h5 {
            display: inline-block;
            font-size: 14px;
            font-size: 0.7777777778rem;
            font-weight: normal;
            color: #525557;
            vertical-align: middle;
            padding-left: 30px; }
        .business-third-section .content-area ul li .text-content {
          float: left;
          width: 70%; }
          .business-third-section .content-area ul li .text-content p {
            font-size: 12px;
            font-size: 0.6666666667rem;
            color: #525557;
            margin-bottom: 5px;
            padding-left: 12px;
            position: relative; }
            .business-third-section .content-area ul li .text-content p:after {
              content: '';
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background-color: transparent;
              border: 1px solid #525557;
              position: absolute;
              left: 0;
              top: 5px; }
      @media only screen and (max-width: 1400px) {
        .business-third-section .content-area ul {
          margin-top: 10px; }
          .business-third-section .content-area ul li {
            padding: 8px; }
            .business-third-section .content-area ul li .icon-and-title h5 {
              padding-left: 10px;
              white-space: pre;
              text-align: center; } }

.business-four-section {
  /*	width: 100%;
  	float: left;
    	top: 0;
    	opacity: 1;
    	position: relative;
    	height: 100vh;
    	background-color: $white;
    	padding: 40px;*/ }
  .business-four-section .content-area {
    /*max-width: 830px;*/ }
    .business-four-section .content-area h1 {
      color: #6AA142; }
    .business-four-section .content-area ul {
      margin-top: 20px; }
      .business-four-section .content-area ul li {
        float: left;
        width: 100%;
        list-style: none;
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 15px;
        position: relative; }
        .business-four-section .content-area ul li:after {
          content: '';
          width: 30%;
          height: 1px;
          background-color: #00703C;
          left: 0;
          bottom: 0;
          position: absolute; }
        .business-four-section .content-area ul li:before {
          content: '';
          width: 70%;
          height: 1px;
          background-color: rgba(82, 85, 87, 0.5);
          left: 30%;
          bottom: 0;
          position: absolute; }
        .business-four-section .content-area ul li .icon-and-title {
          float: left;
          width: 30%; }
          .business-four-section .content-area ul li .icon-and-title img {
            display: inline-block;
            height: 45px;
            vertical-align: middle; }
          .business-four-section .content-area ul li .icon-and-title h5 {
            display: inline-block;
            font-size: 14px;
            font-size: 0.7777777778rem;
            font-weight: normal;
            color: #525557;
            vertical-align: middle;
            padding-left: 30px; }
        .business-four-section .content-area ul li .text-content {
          float: left;
          width: 70%; }
          .business-four-section .content-area ul li .text-content p {
            font-size: 12px;
            font-size: 0.6666666667rem;
            color: #525557;
            margin-bottom: 5px;
            padding-left: 12px;
            position: relative;
            text-transform: lowercase; }
            .business-four-section .content-area ul li .text-content p:after {
              content: '';
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background-color: transparent;
              border: 1px solid #525557;
              position: absolute;
              left: 0;
              top: 5px; }
      @media only screen and (max-width: 1400px) {
        .business-four-section .content-area ul {
          margin-top: 10px; }
          .business-four-section .content-area ul li {
            padding: 8px; }
            .business-four-section .content-area ul li .icon-and-title h5 {
              padding-left: 10px;
              white-space: pre;
              text-align: center; }
            .business-four-section .content-area ul li .icon-and-title img {
              height: 32px; } }

.business-model-body {
  overflow-y: hidden;
  /*.slides{
  	max-width: 60%;
  	@include respond-to(largescreen) {
  		max-width: 66%;
  	}
  }*/ }
  .business-model-body .left-sec {
    position: fixed; }
  .business-model-body .main-logo {
    position: fixed;
    /*test*/ }
  .business-model-body .natural-capital-nav {
    position: fixed;
    z-index: 999; }

.business-inner-tabs li {
  display: inline-block !important;
  border: none !important;
  float: none !important;
  width: 32.33% !important;
  text-align: center !important;
  padding: 0 !important; }
  .business-inner-tabs li:after {
    display: none; }
  .business-inner-tabs li:before {
    display: none; }
  .business-inner-tabs li a {
    text-decoration: none;
    padding: 15px 10px;
    color: #525557;
    font-size: 16px;
    font-size: 0.8888888889rem;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(82, 85, 87, 0.5); }
    .business-inner-tabs li a:hover {
      background-color: #6AA142;
      color: #ffffff;
      border: 1px solid #6aa142; }
    @media only screen and (max-width: 1400px) {
      .business-inner-tabs li a {
        padding: 10px; } }
  .business-inner-tabs li.active a {
    background-color: #6AA142;
    color: #ffffff;
    border: 1px solid #6aa142; }

.business-main-banner {
  background-image: url(../images/business-model.jpg);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 280px;
  top: 100vh;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.business-model-body .social-cat-tabs {
  float: left;
  position: absolute;
  left: 100%;
  opacity: 0;
  top: 165px;
  width: 135px;
  background-color: rgba(0, 0, 0, 0.3); }
  .business-model-body .social-cat-tabs li {
    display: block;
    padding: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .business-model-body .social-cat-tabs li a {
      white-space: normal;
      color: #ffffff;
      -webkit-transition: color 0.3s ease-in-out;
      -moz-transition: color 0.3s ease-in-out;
      -ms-transition: color 0.3s ease-in-out;
      -o-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out;
      text-decoration: none; }
      .business-model-body .social-cat-tabs li a img {
        filter: brightness(500%);
        position: relative;
        left: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        height: 30px; }
    .business-model-body .social-cat-tabs li:hover, .business-model-body .social-cat-tabs li.active {
      background-color: #ffffff; }
      .business-model-body .social-cat-tabs li:hover a, .business-model-body .social-cat-tabs li.active a {
        color: #1C4A2D; }
        .business-model-body .social-cat-tabs li:hover a img, .business-model-body .social-cat-tabs li.active a img {
          left: -10px;
          filter: brightness(100%); }

.social-capital-body {
  overflow-y: hidden; }
  .social-capital-body .left-sec {
    position: fixed; }
  .social-capital-body .main-logo {
    position: fixed;
    /*test*/ }
  .social-capital-body .natural-capital-nav {
    position: fixed;
    z-index: 30; }

.social-main-container {
  width: calc(100% - 280px);
  float: left;
  height: 100vh;
  position: relative;
  left: 280px;
  /*background-image: url(../images/business-model.jpg);
  background-position: 100%;
  background-size: cover;
  background-repeat: no-repeat;*/ }

.wrapper {
  background-color: #ffffff;
  width: 75%;
  height: 100vh;
  position: relative;
  bottom: -100vh; }

.capital-slide {
  padding: 40px;
  position: relative;
  float: left;
  height: 100vh;
  bottom: -100vh;
  min-height: 100vh;
  opacity: 0;
  width: 100%; }
  .capital-slide h1 {
    color: #6AA142;
    margin-bottom: 20px; }
    .capital-slide h1 small {
      font-size: 20px;
      font-size: 1.1111111111rem; }
    .capital-slide h1 span {
      font-size: 30px;
      font-size: 1.6666666667rem; }
  .capital-slide p {
    color: #525557;
    font-size: 14px;
    font-size: 0.7777777778rem;
    line-height: 1.3; }
  .capital-slide .chart-list {
    margin-top: 30px;
    margin-bottom: 50px; }
    @media only screen and (max-width: 1400px) {
      .capital-slide .chart-list {
        margin-top: 10px;
        margin-bottom: 10px; } }
    .capital-slide .chart-list li {
      display: inline-block;
      width: 32.33%;
      font-size: 20px;
      font-size: 1.1111111111rem;
      position: relative;
      text-align: left; }
      .capital-slide .chart-list li:after {
        content: '';
        background-image: url(../images/right-icon.svg);
        background-position: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 10px;
        height: 15px;
        position: absolute;
        right: 68px;
        top: 5px; }
        @media only screen and (max-width: 1400px) {
          .capital-slide .chart-list li:after {
            right: 24px; } }
      .capital-slide .chart-list li span {
        position: relative; }
        .capital-slide .chart-list li span:after {
          content: '';
          width: 17px;
          height: 1px;
          background-color: #525557;
          position: absolute;
          left: 0;
          bottom: -8px; }
      .capital-slide .chart-list li:first-child {
        text-align: left; }
      .capital-slide .chart-list li:last-child:after {
        display: none; }
  .capital-slide .chart-image-with-list {
    margin-top: 40px;
    		/*ul{
    			float: left;
    			margin-left: 3px;
    			li{
    				display: block;
    				margin-bottom: 10px;
    				@include respond-to(laptop) {
    				
    					margin-bottom: 5px;
    				}
    				a{
    					padding: 5px 20px;
    					border:1px solid $gray;
    					border-radius: 50px;
    					width: 170px;
    					text-decoration: none;
    					color: $gray;
    					display: block;
    					@include transition(all 0.3s ease-in-out);
    
    					span{
    						padding-left: 5px;
    					}
    					img{
    						filter: brightness(100%);
    						@include transition(all 0.3s ease-in-out);
    
    					}
    					&:hover{
    						background-color:$dark_green_v4;
    						color: $white;
    						img{
    							filter: brightness(600%);
    						}
    					}
    				}
    			}
    		}*/ }
    .capital-slide .chart-image-with-list img.chart-img {
      float: left;
      width: 90%; }
      @media only screen and (max-width: 1400px) {
        .capital-slide .chart-image-with-list img.chart-img {
          width: 90%; } }
    .capital-slide .chart-image-with-list #capital_chart_2 > g {
      cursor: pointer; }
      .capital-slide .chart-image-with-list #capital_chart_2 > g:last-child {
        cursor: auto; }
      .capital-slide .chart-image-with-list #capital_chart_2 > g[data-profile="undefined"] {
        cursor: auto; }
    .capital-slide .chart-image-with-list #education_chart > g {
      cursor: pointer; }
      .capital-slide .chart-image-with-list #education_chart > g.simple-text {
        cursor: auto; }
      .capital-slide .chart-image-with-list #education_chart > g[data-profile="undefined"] {
        cursor: auto; }
    .capital-slide .chart-image-with-list #health_chart > g {
      cursor: pointer; }
      .capital-slide .chart-image-with-list #health_chart > g.simple-text {
        cursor: auto; }
      .capital-slide .chart-image-with-list #health_chart > g[data-profile="undefined"] {
        cursor: auto; }
    .capital-slide .chart-image-with-list.one img.chart-img {
      float: left;
      width: 72%; }
      @media only screen and (max-width: 1400px) {
        .capital-slide .chart-image-with-list.one img.chart-img {
          width: 70%; } }
    .capital-slide .chart-image-with-list.f-none {
      text-align: left;
      overflow: hidden; }
      .capital-slide .chart-image-with-list.f-none img.chart-img {
        width: auto;
        margin: 0 auto;
        float: none; }
    .capital-slide .chart-image-with-list.social-chart-image {
      width: 100%;
      position: relative; }
      @media only screen and (max-width: 1400px) {
        .capital-slide .chart-image-with-list.social-chart-image {
          width: 100%; } }
      .capital-slide .chart-image-with-list.social-chart-image img {
        width: 100%; }
      .capital-slide .chart-image-with-list.social-chart-image ul {
        position: absolute;
        right: 0;
        top: 90px;
        width: 224px; }
        @media only screen and (min-width: 1600px) {
          .capital-slide .chart-image-with-list.social-chart-image ul {
            width: 303px; } }
        @media only screen and (max-width: 1400px) {
          .capital-slide .chart-image-with-list.social-chart-image ul {
            position: absolute;
            right: 0;
            top: 37px;
            width: 224px; } }
        .capital-slide .chart-image-with-list.social-chart-image ul li {
          display: block;
          /* padding: 28px; */
          height: 40px;
          margin-bottom: 10px; }
          .capital-slide .chart-image-with-list.social-chart-image ul li a {
            display: block;
            height: 100%;
            opacity: 0; }
          @media only screen and (min-width: 1600px) {
            .capital-slide .chart-image-with-list.social-chart-image ul li {
              height: 60px; } }
  .capital-slide.slide-1 .half-content {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    position: relative;
    bottom: -100px; }
  @media only screen and (max-width: 1400px) {
    .capital-slide {
      padding: 20px 30px; }
      .capital-slide h1 {
        margin-bottom: 10px; } }

.banner-capital {
  background-image: url(../images/social-banner1.jpg);
  background-position: 150px -50px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 280px;
  top: 100vh;
  opacity: 0;
  background-attachment: fixed;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media only screen and (min-width: 1600px) {
    .banner-capital {
      background-size: cover; } }
  .banner-capital.slide-2-bg {
    background-image: url(../images/social-banner1.jpg); }
  .banner-capital.slide-3-bg {
    background-image: url(../images/social-banner1.jpg); }
  .banner-capital.slide-4-bg {
    background-image: url(../images/social-banner1.jpg); }
  .banner-capital.slide-5-bg {
    background-image: url(../images/social-banner1.jpg); }
  .banner-capital.slide-6-bg {
    background-image: url(../images/social-banner1.jpg); }
  .banner-capital.slide-7-bg {
    background-image: url(../images/social-banner1.jpg); }

.boxes-style {
  margin-top: 30px; }
  .boxes-style ul li {
    display: inline-block;
    opacity: 1;
    top: 0;
    width: 200px;
    height: 230px;
    position: relative;
    overflow: hidden;
    margin: 0 7px;
    border: 1px solid transparent;
    -webkit-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
    -moz-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
    -ms-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out, top 0.3s ease-in-out;
    transition: border 0.3s ease-in-out, top 0.3s ease-in-out; }
    .boxes-style ul li a {
      display: block;
      height: 100%; }
      .boxes-style ul li a img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
      .boxes-style ul li a h4 {
        font-size: 16px;
        font-size: 0.8888888889rem;
        font-weight: normal;
        color: #ffffff;
        position: absolute;
        bottom: 30px;
        left: 20px;
        text-transform: initial !important; }
    .boxes-style ul li:hover {
      border-color: #6AA142;
      top: -10px; }
  .boxes-style ul.less-width {
    width: 500px; }
    .boxes-style ul.less-width li {
      margin: 7px; }

.social-capital-body .social-cat-tabs {
  background-color: transparent; }

.social-cat-tabs {
  float: left;
  position: absolute;
  left: 100%;
  opacity: 1;
  top: 165px;
  background-color: rgba(0, 0, 0, 0.3); }
  .social-cat-tabs li {
    display: block;
    padding: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .social-cat-tabs li a {
      white-space: nowrap;
      color: #ffffff;
      -webkit-transition: color 0.3s ease-in-out;
      -moz-transition: color 0.3s ease-in-out;
      -ms-transition: color 0.3s ease-in-out;
      -o-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out;
      text-decoration: none;
      position: relative;
      /*transform: translate();*/ }
      .social-cat-tabs li a img {
        filter: brightness(500%);
        position: relative;
        left: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        height: 30px; }
    .social-cat-tabs li:hover, .social-cat-tabs li.active {
      background-color: #ffffff; }
      .social-cat-tabs li:hover a, .social-cat-tabs li.active a {
        color: #1C4A2D; }
        .social-cat-tabs li:hover a img, .social-cat-tabs li.active a img {
          left: -10px;
          filter: brightness(100%); }
    .social-cat-tabs li[data-name="5"], .social-cat-tabs li[data-name="6"] {
      display: none; }

.social-popup {
  display: none;
  top: 12%;
  left: 25%;
  width: 50%;
  padding: 40px 40px 30px;
  position: fixed;
  background-color: #ffffff;
  z-index: 50; }
  .social-popup .close {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2; }
    .social-popup .close img {
      width: 20px;
      opacity: 0.7; }
  .social-popup .name-tag {
    margin-bottom: 10px; }
    .social-popup .name-tag .parent-heading {
      color: #ffffff; }
    .social-popup .name-tag h2 {
      color: #6AA142;
      font-size: 30px;
      font-size: 1.6666666667rem; }
  .social-popup p {
    color: #525557;
    font-size: 14px;
    font-size: 0.7777777778rem;
    line-height: 1.3; }

.popup-bg {
  display: none;
  background: #000000;
  opacity: 0.7;
  position: fixed;
  z-index: 49;
  height: 100vh;
  width: 100%; }

.natural-capital-body {
  overflow-y: hidden; }
  .natural-capital-body .left-sec {
    position: fixed; }
  .natural-capital-body .main-logo {
    position: fixed;
    /*test*/ }
  .natural-capital-body .natural-capital-nav {
    position: fixed;
    z-index: 999; }

.banner-natural {
  background-image: url(../images/natural-banner.jpg);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 84px;
  top: 100vh;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /*	&.slide-2-bg{
  		background-image: url(../images/natural-banner2.jpg);
  	}
  
  	&.slide-3-bg{
  		background-image: url(../images/natural-banner2.jpg);
  	}
  
  	&.slide-4-bg{
  		background-image: url(../images/natural-banner2.jpg);
  	}
  
  	&.slide-5-bg{
  		background-image: url(../images/natural-banner2.jpg);
  	}
  
  	&.slide-6-bg{
  		background-image: url(../images/natural-banner2.jpg);
  	}*/ }

.natural-capital-body .capital-slide {
  bottom: -100vh;
  opacity: 0;
  background-color: #ffffff; }
  .natural-capital-body .capital-slide.slide-5 {
    /*background-color: #f1f1f1;*/ }

.twol-column-container {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
  position: relative; }
  .twol-column-container:after {
    content: '';
    position: absolute;
    left: 0;
    right: 7px;
    width: 30px;
    height: 100%;
    background-image: url(../images/arrow-with-line.svg);
    background-position: 100%;
    background-size: 60%;
    background-repeat: no-repeat;
    margin: 0 auto; }
  @media only screen and (max-width: 1400px) {
    .twol-column-container {
      margin-top: 15px; } }
  .twol-column-container .col-6 {
    float: left;
    width: 42%;
    margin: 0 4%;
    padding: 30px 15px;
    min-height: 390px; }
    .twol-column-container .col-6.one {
      background-color: #EFF0F2; }
    .twol-column-container .col-6.two {
      background-color: rgba(106, 161, 66, 0.2); }
    .twol-column-container .col-6 h4 {
      font-size: 24px;
      font-size: 1.3333333333rem;
      color: #3B8D5A;
      font-weight: normal;
      margin-bottom: 20px;
      position: relative; }
      @media only screen and (max-width: 1400px) {
        .twol-column-container .col-6 h4 {
          font-size: 20px; } }
      .twol-column-container .col-6 h4:after {
        content: '';
        width: 17px;
        height: 1px;
        background-color: #525557;
        position: absolute;
        left: 0px;
        bottom: -5px; }
      .twol-column-container .col-6 h4 span {
        display: block;
        font-size: 16px;
        font-size: 0.8888888889rem; }
        @media only screen and (max-width: 1400px) {
          .twol-column-container .col-6 h4 span {
            font-size: 14px; } }
    .twol-column-container .col-6 ul li {
      display: block;
      position: relative;
      color: #525557;
      font-weight: normal;
      font-size: 14px;
      font-size: 0.7777777778rem;
      margin-bottom: 15px;
      padding-left: 15px; }
      @media only screen and (max-width: 1400px) {
        .twol-column-container .col-6 ul li {
          margin-bottom: 5px;
          font-size: 12px; } }
      .twol-column-container .col-6 ul li:after {
        content: '';
        width: 6px;
        height: 6px;
        background-color: #6AA142;
        border: 1px solid #6AA142;
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 7px; }

.natural-capital-body .twol-column-container .col-6 {
  min-height: 499px; }
.natural-capital-body .capital-slide.slide-4 p {
  margin-bottom: 30px;
  max-width: 720px; }

.financial-main-container {
  width: calc(100% - 280px);
  float: left;
  height: 100vh;
  position: relative;
  left: 280px; }
  .financial-main-container .wrapper {
    bottom: -100vh;
    overflow: hidden;
    background-color: white; }
  .financial-main-container .text-box {
    float: left;
    width: 55.5%; }
    .financial-main-container .text-box p {
      margin-bottom: 20px; }
    @media only screen and (max-width: 1400px) {
      .financial-main-container .text-box {
        width: 65.5%; } }
  .financial-main-container .stats-container {
    width: 20.5%;
    float: left;
    margin-left: 100px;
    margin-top: 15px; }
    @media only screen and (max-width: 1400px) {
      .financial-main-container .stats-container {
        margin-left: 40px; } }
    .financial-main-container .stats-container .box {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      transform: scale(1); }
      .financial-main-container .stats-container .box img {
        margin-bottom: 15px;
        display: block; }
      .financial-main-container .stats-container .box .hed {
        color: #1C4A2D;
        font-size: 16px;
        font-size: 0.8888888889rem;
        font-weight: normal;
        margin-bottom: 15px;
        position: relative; }
        .financial-main-container .stats-container .box .hed:after {
          content: '';
          width: 17px;
          height: 1px;
          background-color: #525557;
          position: absolute;
          left: 0;
          bottom: 0; }
      .financial-main-container .stats-container .box .number {
        color: #1C4A2D;
        font-size: 30px;
        font-size: 1.6666666667rem;
        font-weight: normal;
        border-bottom: 1px solid #DDDDDD;
        padding-bottom: 5px; }
      .financial-main-container .stats-container .box .curruncy {
        color: #0D0D0D;
        font-size: 9px;
        font-size: 0.5rem;
        font-weight: normal; }
      .financial-main-container .stats-container .box:hover {
        transform: scale(1.1); }

.banner-financial {
  background-image: url(../images/financial-fert-banner-1.jpg);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 280px;
  top: 100vh;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .banner-financial.slide-2-bg {
    background-image: url(../images/financial-polymer.jpg); }
  .banner-financial.slide-3-bg {
    background-image: url(../images/financial-energy.jpg); }
  .banner-financial.slide-4-bg {
    background-image: url(../images/financial-vopak-elengy.jpg); }
  .banner-financial.slide-5-bg {
    background-image: url(../images/vopak.jpg); }
  .banner-financial.slide-6-bg {
    background-image: url(../images/food.jpg);
    background-position: center -106px; }
  .banner-financial.slide-7-bg {
    background-image: url(../images/engro-exim-banner.jpg);
    background-position: 100% 0; }

.bg-big-text {
  font-size: 196px;
  font-size: 10.8888888889rem;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.35);
  position: absolute;
  top: 17%;
  left: 0;
  display: none; }

.brand_logo {
  height: 70px; }
  @media only screen and (max-width: 1400px) {
    .brand_logo {
      height: 80px; } }

.financial-capital-body {
  overflow-y: hidden; }
  .financial-capital-body .left-sec {
    position: fixed; }
  .financial-capital-body .main-logo {
    position: fixed; }
  .financial-capital-body .natural-capital-nav {
    position: fixed;
    z-index: 999; }
  .financial-capital-body .capital-slide {
    bottom: -100vh;
    opacity: 0;
    background-color: #ffffff; }

.human-capital-body {
  overflow-y: hidden; }
  .human-capital-body .left-sec {
    position: fixed; }
  .human-capital-body .main-logo {
    position: fixed;
    /*test*/ }
  .human-capital-body .natural-capital-nav {
    position: fixed;
    z-index: 999; }
  .human-capital-body .wrapper p {
    margin-bottom: 20px; }
    @media only screen and (max-width: 1400px) {
      .human-capital-body .wrapper p {
        margin-bottom: 10px; } }
  .human-capital-body .chart-img-container {
    margin-top: 10px;
    margin-bottom: 30px; }
    .human-capital-body .chart-img-container img {
      width: 100%; }
    .human-capital-body .chart-img-container.full img {
      width: 100%; }
    .human-capital-body .chart-img-container.small-img {
      text-align: center; }
      .human-capital-body .chart-img-container.small-img img {
        width: 66%;
        margin: 0 auto; }
    @media only screen and (max-width: 1400px) {
      .human-capital-body .chart-img-container {
        margin-top: 10px;
        margin-bottom: 20px; } }
  .human-capital-body .bg-big-text {
    top: -62px; }

.banner-human {
  background-image: url(../images/hussain-dawood-banner.jpg);
  background-position: -65px top;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 65px;
  top: 100vh;
  opacity: 0;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out; }
  .banner-human.slide-2-bg {
    background-image: url(../images/hussain-dawood-banner.jpg);
    background-position: 376px center; }
    @media only screen and (max-width: 1400px) {
      .banner-human.slide-2-bg {
        background-position: 334px center; } }
    @media only screen and (min-width: 1600px) {
      .banner-human.slide-2-bg {
        background-position: 480px center; } }
  .banner-human.slide-3-bg {
    background-image: url(../images/hussain-dawood-banner.jpg);
    background-position: 376px center; }
    @media only screen and (max-width: 1400px) {
      .banner-human.slide-3-bg {
        background-position: 334px center; } }
    @media only screen and (min-width: 1600px) {
      .banner-human.slide-3-bg {
        background-position: 480px center; } }
  .banner-human.slide-4-bg {
    background-image: url(../images/hussain-dawood-banner.jpg);
    background-position: 376px center; }
    @media only screen and (max-width: 1400px) {
      .banner-human.slide-4-bg {
        background-position: 334px center; } }
    @media only screen and (min-width: 1600px) {
      .banner-human.slide-4-bg {
        background-position: 480px center; } }
  .banner-human.slide-5-bg {
    background-image: url(../images/hussain-dawood-banner.jpg);
    background-position: 376px center; }
    @media only screen and (max-width: 1400px) {
      .banner-human.slide-5-bg {
        background-position: 334px center; } }
    @media only screen and (min-width: 1600px) {
      .banner-human.slide-5-bg {
        background-position: 480px center; } }
  .banner-human.slide-6-bg {
    background-image: url(../images/hussain-dawood-banner.jpg);
    background-position: 376px center; }
    @media only screen and (max-width: 1400px) {
      .banner-human.slide-6-bg {
        background-position: 334px center; } }
    @media only screen and (min-width: 1600px) {
      .banner-human.slide-6-bg {
        background-position: 480px center; } }
  .banner-human.slide-7-bg {
    background-image: url(../images/hussain-dawood-banner.jpg);
    background-position: 376px center; }
    @media only screen and (max-width: 1400px) {
      .banner-human.slide-7-bg {
        background-position: 334px center; } }
    @media only screen and (min-width: 1600px) {
      .banner-human.slide-7-bg {
        background-position: 480px center; } }

.human-capital-body .capital-slide {
  bottom: -100vh;
  opacity: 0;
  background-color: #ffffff; }
  .human-capital-body .capital-slide.slide-6, .human-capital-body .capital-slide.slide-7 {
    /*background-color: #f1f1f1;*/ }
  @media only screen and (max-width: 1400px) {
    .human-capital-body .capital-slide.slide-3 .chart-img-container {
      margin-top: 10px; }
      .human-capital-body .capital-slide.slide-3 .chart-img-container img {
        width: 87%; } }

.human-main-container {
  width: calc(100% - 280px);
  float: left;
  height: 100vh;
  position: relative;
  left: 280px; }

.simple-list {
  margin-bottom: 30px;
  padding-left: 15px; }
  .simple-list li {
    display: block;
    color: #525557;
    list-style: none;
    position: relative;
    font-size: 15px;
    margin-bottom: 10px; }
    @media only screen and (max-width: 1400px) {
      .simple-list li {
        margin-bottom: 5px; } }
    .simple-list li:after {
      content: '';
      width: 6px;
      height: 6px;
      background-color: #6AA142;
      border: 1px solid #6AA142;
      border-radius: 50%;
      position: absolute;
      left: -12px;
      top: 7px; }

.human-img-container img {
  width: 100%; }
  @media only screen and (max-width: 1400px) {
    .human-img-container img {
      width: 100%; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*# sourceMappingURL=main.css.map */