.story-outter-block{width: 80%; margin: 0 auto; padding: 20px}
.font-16{font-size: 16px!important}
.font-20{font-size: 20px!important}
.icon-grey{ color: #D0D5D9!important}
.story-image{width: 100%; margin: 0 auto; overflow: auto; position: relative}
.story-image-1{width: 24%; float: left;}
.story-image-2{width: 74%; float: left; padding: 10px; min-height: 223px; background: #F1F3F4}
.story-image-2:before {content: '';width: 100%;height: 5px;position: absolute;top: 0;left: 49.5%;transform: translateX(-50%);background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);background-size: 500% 100%;-webkit-animation: gradscroll 10s ease infinite;-moz-animation: gradscroll 10s ease infinite;  animation: gradscroll 10s ease infinite;}
.social-box{width: 100%; overflow: auto; padding: 10px; border-top: 1px solid #D0D5D9; border-bottom: 1px solid #D0D5D9}
.social-box-1{width: 48%; margin-right: 4%; float: left; text-align: right}
.social-box-2{width: 48%; float: left}

.financial-box {width:100%; float: left; }
.financial-box ul {list-style:none; margin:0; padding:0; clear:both;}
.financial-box ul li {float:left; width:33%;  box-sizing:border-box;  position:relative; text-align: center; padding: 30px; min-height: 170px}
.financial-box ul li div {position:absolute; bottom:0px; right:0px;}
.financial-box ul li:last-of-type {margin-right:0%;}
.financial-li-first{border-top: 1px solid #000; border-left: 1px dotted #000;border-bottom: 1px dotted #000; border-right: 1px dotted;}
.financial-li-second{border-top: 1px solid #000; border-bottom: 1px dotted #000; border-right: 1px dotted;}
.financial-li-third{border-left: 1px dotted #000;border-bottom: 1px dotted #000; border-right: 1px dotted;}
.financial-li-fourth{border-bottom: 1px dotted #000; border-right: 1px dotted;}
.stakeholder-borderbot{border-bottom: 1px solid #717171;}



.purpose{}
.purpose .col-2{}
.purpose .col-2:last-of-type{}
.purpose-list-img{width: 50%; float: left; position: relative;}
.purpose-list-img img{ max-width: 100%;	}
.purpose-list-img:before {content: '';position: absolute;width: 220px;height: 1px;top: 50%;right: 97%;}


.purpose-list-container{width: 100%;position: relative;}
.purpose-list-container:after {content: '';	position: absolute;	height: 33px;	width: 100px;	left: -10px;	top: 41%;border-bottom: none!important	}

.purpose-list-container .purpose-list{    list-style: none;    padding-left: 0px!important;        position: relative;    float: left;    width: 100%; margin: 0px!important; border-left: none!important}
.purpose-list-container .purpose-list:after {	content: '';	position: absolute;		height: 31px;	width: 1px;	left: -1px;	bottom: 0;}

.purpose-list-container .purpose-list:before { content: ''; position: absolute;  }
.purpose-list-container .purpose-list li{ cursor:pointer;float: left;width: 25%; text-align: left!important; padding: 0px!important}
.purpose-list-container .purpose-list li:before {content: '';top: 50%;border: none!important}

.purpose-list-container .purpose-list li:after{ content: '\e807'; position: absolute; border-radius: 50%; width: 30px;height: 30px; right: -23px; top: 9px;font-family: 'icomoon'; line-height: 30px;text-align: center;  visibility: hidden;	}
.purpose-list-container .purpose-list li.active:after{display: none!important}
.purpose-cont{}
.purpose-cont h4{ font-size: 18px; font-weight: 500; margin-bottom: 20px; margin-top: 30px;}
.purpose-cont h5{font-size: 31px; font-weight: 500;color: #5A7795;margin-top: 0;line-height: 1;}

.purpose .col-2 p.font-20 {max-width: 50%;}
.purpose { margin-bottom: 120px;}

/*ABOUT ACCORDIONS*/
.fin-accordions {display:none;}
.fin-about {background-color: #7889A3;color: #fff;cursor: pointer;padding: 18px;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s; border-bottom:1px solid #5A7795; font-size:16px; color:#fff;margin-bottom: 20px}
.fin-about:after {content: '\02795'; font-size: 13px;color: #fff;float: right; margin-left: 5px;}
/*.active:after {content: '\2796';}*/
.fin-about.active, .fin-about:hover {background-color: #000;}
.panel-fin {padding-top:20px;padding-bottom: 20px;background-color: #fff;display: none;overflow: hidden;}
.col-50 {
float: left;
width: 50%;
box-sizing: border-box; m
}
ul.list-note {padding-left: 0; /*! list-style: none; */ margin-top: 20px;}
ul.list-note li {padding-left: 5px; position: relative; font-size: 14px!important; line-height: 1.9;margin-left: 15px;}
ul.list-note li:after { /*! content: '.'; */color: #4C4D4F; position: absolute; left: 0; font-size:60px; font-weight: 300; top: -61px; border-radius:50%;}	
	.dotted-top{border-top: 1px dotted#000;}

	.timeframe-block{  background: #7889A3;
  color: #fff;
  padding: 10px;
  border-radius: 25px;
      margin: 0 auto;
    margin-bottom: 0px;
  text-align: center;
  margin-bottom: 30px;
}		


@media screen and (max-width: 1380px) {
.col-2 {
  
  width: 100%!important;
  box-sizing: border-box;
  padding: 0px!important;
}	
.financial-box ul li {
  float: left;
  width: 33%;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  padding: 30px;
  min-height: 190px !important;
  margin-top: 20px;
}
.col-50 {width: 100%!important; box-sizing: border-box;}	
	
}

@media screen and (max-width: 1280px) {
	
	
	
	
}
@media screen and (max-width: 1080px) {
.financial-box ul li {
  float: left;
  width: 33%;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  padding: 30px;
  min-height: 216px !important;
  margin-top: 20px;
}
.financial-li-second{border-top: 1px solid #000; border-bottom: 1px dotted #000; border-right: 1px dotted;border-left: 1px dotted}	
	
}
@media screen and (max-width: 980px) {
.financial-box ul li {
  float: left;
  width: 33%;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  padding: 30px;
  min-height: 242px !important;
  margin-top: 20px;
}
.financial-li-second{border-top: 1px dotted #000; border-bottom: 1px dotted #000; border-right: 1px dotted;border-left: 1px dotted}		
}