@charset "utf-8";
    .cstudy_lft_bg {
    background: url(../images/bg_ic_l.png) no-repeat left top;
    background-size: contain;
    margin: 2em 0;
    min-height: 650px;
}
.cstudy_lf_row {
    display: flex;
    flex-direction: row;
    max-width: 920px;
    margin: 0 auto;
    justify-content: space-between;
    padding-top: 80px;
    position: relative;
}
.lf_col_1 {
    flex: 0 0 100%;
    display: inline-flex;
    flex-wrap: wrap;
    position: relative;
}
.lf_col_1_bg {
    background-color: #b4cc90;
    padding: 35px;
    margin-top: -85px;
    margin-left: 25%;
    max-width: 100%;
    position: relative;
}
.cs_img {
    max-width: 520px;
}
.lf_col_1_ico {
    position: absolute;
    bottom: 14px;
    max-width: 250px;
    left: 0;
}
.rg_col_1_ico {
    position: absolute;
    bottom: 85px;
    max-width: 250px;
    right: 0;
}
.lf_col_2 {
    flex: 0 0 27%;
    text-align: right;
}
.cstudy_rgt_bg {
    background: url(../images/bg_ic.png) no-repeat right top;
    background-size: contain;
    margin: 2em 0;
    min-height: 650px;
    position: relative;
}
.cstudy_rgt_row {
    display: flex;
    flex-direction: row;
    max-width: 920px;
    margin: 0 auto;
    justify-content: space-between;
    padding-top: 80px;
    position: relative;
}
.rgt_col_1 {
    flex: 0 0 27%;
    text-align: left;
}
.rgt_col_2 {
    flex: 0 0 100%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: right;
}
.rgt_col_1_bg {
    background-color: #b4cc90;
    padding: 35px;
    margin-top: -85px;
    margin-right: 25%;
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.sus_mg_btm {
    padding-bottom: 4em;
}
.com_section3 {
    height: 100%;
    width: 100%;
    background-position: right;
    justify-content: center;
    top: 20px;
    position: relative;
    display: block;
    flex-direction: column;
    background-size: contain;
}
.com_section3 .boxTxt {
    max-width: 720px;
    text-align: center;
    top: 210px;
}
.grid_03 {
    padding: 30px 0;
    margin-bottom: 3em;
}
.grid_03_box {
    position: relative;
    margin: 0 auto;
    display: flex!important;
    flex-wrap: wrap;
    justify-content: center;
}
.grid_03_box .txt_bg h3 {
    font-size: 22px!important;
    line-height: 35px!important;
}
.comm_content_1.sust_mg {
    padding: 50px 15px 25px!important;
}
.grid_03_box img {
    height: 380px;
}
.txt_bg {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    padding: 10px;
}
.txt_bg h3 {
    color: #fff!important;
}
/*.grid_02 .slick-next, .grid_03 .slick-next {
    right: 45%;
    top: 100%}
.grid_02 .slick-prev, .grid_03 .slick-prev {
    left: 45%;
    top: 100%}
.grid_02 .slick-prev::before, .grid_03 .slick-prev::before {
    content: url('../images/slider-arrow-left_black.png');
}
.grid_02 .slick-next::before, .grid_03 .slick-next::before {
    content: url('../images/slider-arrow-right_black.png');
}*/
.grid_pillar {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    width: 100%;
    max-width: 920px;
}
.grid_pillar li {
    background: #1d4934;
    flex: 0 0 40%;
    margin: 33px 10px;
    padding: 15px;
    height: 80px;
    align-items: center;
    display: inline-flex;
    min-width: 265px;
}
.grid_pillar li:hover {
    background: #75a13e;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
}
.grid_pillar li h3 {
    position: relative;
    color: #fff!important;
    font-size: 18px!important;
    margin-left: 60px;
    text-align: left;
    line-height: 25px!important;
    min-height: 60px;
    align-items: center;
    display: inline-flex;
}
.grid_pillar li .pillar1::before, .grid_pillar li .pillar2::before, .grid_pillar li .pillar3::before, .grid_pillar li .pillar4::before, .grid_pillar li .icon1::before, .grid_pillar li .icon2::before, .grid_pillar li .icon3::before, .grid_pillar li .icon4::before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 42px;
    height: 100%;
    left: -55px;
}
.grid_pillar.sus_bg li:nth-child(1) {
    background: #742264;
}
.grid_pillar.sus_bg li:nth-child(2) {
    background: #e4c34f;
}
.grid_pillar.sus_bg li:nth-child(3) {
    background: #005894;
}
.grid_pillar.sus_bg li:nth-child(4) {
    background: #bb1545;
}
.grid_pillar li .pillar1::before {
    background: url(../images/pillar-1.png) no-repeat scroll center center;
}
.grid_pillar li .pillar2::before {
    background: url(../images/pillar-2.png) no-repeat scroll center center;
}
.grid_pillar li .pillar3::before {
    background: url(../images/pillar-3.png) no-repeat scroll center center;
}
.grid_pillar li .pillar4::before {
    background: url(../images/pillar-4.png) no-repeat scroll center center;
}
.grid_pillar li .icon1::before {
    background: url(../images/environment.png) no-repeat scroll center center;
}
.grid_pillar li .icon2::before {
    background: url(../images/book.png) no-repeat scroll center center;
}
.grid_pillar li .icon3::before {
    background: url(../images/water.png) no-repeat scroll center center;
}
.grid_pillar li .icon4::before {
    background: url(../images/health.png) no-repeat scroll center center;
}
.sus_pillar {
    background: url(../images/sustainability-pillars.jpg) no-repeat center center;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1170px;
    text-align: center;
    align-items: center;
    padding: 50px 10px;
    min-height: 510px;
    margin: 25px 0 0;
}
.sus_pillar_col {
    max-width: 920px;
    padding: 10px;
}
.sus_pillar_col h6 {
    color: #fff;
}
.sus_pillar_col h3 {
    color: #fff!important;
    font-size: 36px!important;
    letter-spacing: .2em!important;
    line-height: 45px!important;
}
.sus_pillar_col p {
    color: #fff;
    padding: 20px 10%}
.sus_gloal_mg {
    padding-bottom: 50px!important;
}
.content-section .impact_title {
    font-weight: 600!important;
}
.sus_wrp {
    padding: 30px 0 12px;
	position: relative;
}
.content-section.sus_wrp p {
    padding: 10px 0;
}
.ss_pilar {
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
	position: relative;
}
.ss_pilar_row {
    padding: 2.5px 0;
    max-width: 500px;
    width: 100%}
.ss_pilar_col {
    max-width: 500px;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2.5px 0;
}
.ss_list_rw {
    max-width: 120px;
}
.dist_row {
    justify-content: space-between;
    margin: 10px auto;
    position: relative;
}
.dist_col {
    flex: 0 0 48%;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    margin: 20px 0;
}
.dist_col h3.title {
    background: #1d4934!important;
    text-align: center!important;
    color: #fff!important;
    position: absolute;
    width: 100%;
    top: 88%}
.dist_col img {
    position: relative;
    max-height: 380px;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transition: .5s ease;
    backface-visibility: hidden;
}
.dist_cont {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    background: rgba(0, 71, 47, 0.8);
    color: #fff;
    height: 100%;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.dist_cont h3, .dist_cont p {
    color: #fff!important;
    padding: 10px 20px;
}
.dist_col:hover {
    opacity: 1;
}
.dist_col:hover .dist_cont {
    opacity: 1;
}
.dist_cont .primary-link {
    background: #fff;
}
.sus_pd {
    padding: 10px 0 12px;
}
@media screen and (max-width: 890px) {
    .dist_col {
    flex: 0 0 100%}
}@media screen and (max-width: 550px) {
    .dist_cont p {
    padding: 10px;
    font-size: 13px;
    line-height: 25px;
}
div#powerTip {
    top: 35%!important;
}
.campaign_video iframe {
    min-height: 300px!important;
}
.grid_03_box img {
    max-width: 550px;
}
}@media screen and (max-width: 768px) {
    .dist_col h3.title {
    top: 90%}
}.map_location .mapcode img {
    height: 100%!important;
    position: relative!important;
}
@media screen and (min-width: 768px) {
    .map_location .mapcode {
    padding: 50px;
}
}@media screen and (max-width: 650px) {
    .grid_pillar {
    justify-content: center;
}
.grid_pillar li {
    margin: 11px 10px;
}
.cstudy_lf_row, .cstudy_rgt_row {
    max-width: 100%;
    padding: 15px;
}
.cs_img {
    width: 100%}
.lf_col_1_bg, .rgt_col_1_bg {
    margin: -24px auto 0;
    max-width: 95%;
    text-align: center;
}
.lf_col_1_ico {
    bottom: -90px!important;
    max-width: 150px!important;
    left: 0!important;
}
.rg_col_1_ico {
    bottom: -75px!important;
    right: 0!important;
    max-width: 150px!important;
}
}@media screen and (max-width: 768px) {
    .grid_02 .slick-prev, .grid_03 .slick-prev {
    left: 15%;
	top: 325px;
	}
.grid_02 .slick-next, .grid_03 .slick-next {
    right: 15%;
	top: 325px;
	}
}.csr_rep {
    justify-content:  space-between;
}
.csr_rep h3 {
    font-size:  20px!important;
}
@media screen and (max-width: 890px) {
    .csr_rep .dist_col {
    flex:  0 0 48%!important;
    margin:  20px 0 45px;
}
}
@media screen and (max-width: 990px) {
    .csr_rep  {
    max-width:  100%;
    margin:  0 auto 2.375em;
    padding:  0 10px;
    width:  100%;
}
}
@media screen and (max-width: 600px) {
    .csr_rep h3 {
    font-size:  16px!important;
}
}
@media screen and (max-width: 500px) {
    .csr_rep .dist_col {
    flex:  0 0 100%!important;
    margin:  20px 0 45px;
}
}
.card {
    position:  relative;
    display:  inline-block;
    transition:  0.3s;
}
.card .img-top {
    display:  none;
    position:  absolute;
    top: 0;
    left:  0;
    z-index:  99;
}
.card:hover .img-top  {
    display:  inline;
}

.grid_2_ps::before {
    content: "";
    position: absolute;
    display: block;
    background: url(../images/lft_bg.png) no-repeat scroll left center;
    width: 100%;
    height: 100%;
    background-size: contain;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    
}
.campaign_video  .video_wrapper{
      padding: 0 0 80px 0!important;
}
.grid_2_ps .grid_03 .slick-prev,.grid_2_ps .grid_03 .slick-next {
    top: 450px!important;
}

.comm_content_1 img{
   padding-bottom: 25px;
}

@media screen and (max-width: 1024px) {
  .grid_2_ps .grid_03 .slick-prev,.grid_2_ps .grid_03 .slick-next {
    top: 325px!important;
  }
}
@media screen and (max-width: 767px) {
 .grid_2_ps .grid_03 .slick-prev,.grid_2_ps .grid_03 .slick-next {
    top: 325px!important;
  }
  .sec2_1 .col-md-7 .col_containter p{
    text-align:  center!important;
  }
}
.com_section3 {
    width: 100%;
    justify-content: center;
    top: 0;
    position: relative;
    display: block;
    flex-direction: column;
}
.com_section3 .boxTxt {
    max-width: 720px;
    text-align: center;
    top: 210px;
}
.grid_03 .grid_03_box.slick-slide .content-box h4{
  font: normal normal 400 26px/30px 'adobe-garamond-pro', serif!important;
}

@media (max-width: 700px) {
.sourcing .our-story-section .container .row .tabs .tabs-list li:nth-child(4){border-bottom: 2px solid #fff;border-right:none;}
}

.arow_pillar{
 position: absolute;
 bottom: 155px;
 left: 60px;
 width: 125px!important;
 color: #638b18!important;
 line-height: 20px!important;
}

.arow_pillar:after{
    content: "";
    position: absolute;
    top: 55px;
    display: block;
    background: url(../images/arrow_down.svg) no-repeat scroll center center;
    background-size: contain;
    width: 100px;
    height: 60px;
    left: 50px;
    right: 0;
    text-align: center;
    margin: 0 auto;
}
@media screen and (min-width: 750px) and (max-width: 950px) {
 .arow_pillar{
   left: -24px!important;
  }
  .arow_pillar:after{
    left: 32px;
   }
}
@media screen and (min-width: 320px) and (max-width: 749px) {
   .arow_pillar{
     bottom: 0;
	 left: 22%;
	 position: relative;
   }
   .arow_pillar:after{
	top: -19px;
	transform: rotate(-56deg);
	left: 109px;
   }
	.ss_pilar{
	 padding-bottom: 50px;
	}
   .grid_03_box .content-box{
     padding: 30px 0 0 0!important;
   }
}

.csr_menu{
  background-color: #d1e0bf;
  color: #00472f;
  font: normal normal 500 20px/30px 'futura-pt', sans-serif;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 15px 12px;
  text-align: center;
  display: none;
  cursor: pointer;
  margin-top: -14px;
}

@media only screen and (max-width: 700px){
 .csr_menu{
   display: block;
   cursor: pointer;
 }
 .sourcing .our-story-section .container .row .tabs .tabs-list{
   display: none;
 }
 .sourcing .our-story-section .container .row .tabs .tabs-list li{
   padding: 0;
 }
 .sourcing .our-story-section .container .row .tabs .tabs-list li a{
  padding: 20px 2px;
  width:100%;
 }
 
 .csr_scroll{
	display: block;
	position: fixed!important;
	top: 132px;
	z-index: 9; 
	width: 100%;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
  }
  .csr_scroll .container{
    padding: 0;
   }
}
@media only screen and (min-width: 320px)  and (max-width: 480px) {
   .csr_scroll{
	  top: 110px;
	}
}

.sus_mgt{
  margin-top: 0!important;
}
.csr_menu .tabs-list .active{
   background-color:#d1e0bf;
}
#menubar li:hover {
    background-color: #d1e0bf;
    -moz-transition: all 300 ease-in;
    -webkit-transition: all 300 ease-in;
    -o-transition: all 300 ease-in;
    transition: all 300 ease-in;
}
.csr_menu svg{
  width: 35px;
  fill: #00472f;
  padding-top: 24px;
}
.tabs-block .comm_content1.cs_mg_btm{
   padding: 100px 25% 20px;
}
.cs_pdtop{
 padding-top: 50px;
}

.sus_content2{
  padding-top: 50px!important;
}
.tabs-block .sus_content2 .sus_list_row .env_logo{
  max-width: 150px;
}
.sus_list_col p{
  font: normal normal 400 20px/35px 'adobe-garamond-pro',serif;
}
.tabs-block .sus_content2 .sus_list_row .sus_list_col {
    flex: 0 0 55%!important;
}