.p-10{
	padding:10px 0px;
}
.p-20{
	padding:20px 0px;
}
.p-30{
	padding:30px 0px;
}
.topbar{
	
}
.topbar p{
	padding: 5px;
    margin: 0;
	text-align:center;
}
.topbarhide{
	top:-34px;
}
/*------ index  ------ */

/*.mbanner{*/
/*	background-image: url(.../img/banner6oc.jpg);*/
/*    background-position-y: -100px;*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*}*/
.mbanner{
    height: 650px;
    margin-top: 90px !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
    position: relative;
}

.about img{
	min-height: 100%;
    max-height: 400px;
    position: relative;
}
.about{
	min-height: 300px;
    padding: 0px;
    height: auto;
    z-index: 10;
    
}
.about-panel p{
	font-size: 25px;
	padding:20px 20px;
	font-weight:500;
	color: #3c3c3c;
}
.about-panel i{
    font-size: 60px;
    transform: none !important;
	/*color: #e9c501;*/
	color: #ea6d44;
}
.about strong{
	font-size: 25px;
}
.maint{
    margin-left: 450px;
    margin-top: -379px;
	/*margin-left: 58%;*/
 /*   margin-top: -190px;*/
    font-weight: 800;
    padding: 0px 0px;
    text-align: left;
    /*width: 50%;*/
    font-size: 65px;
    color: #fff;
}
.approach{
	width: 100%;
    height: 300px;
    overflow: hidden;
    display: block;
}
.approach-title{
	font-size: 52px;
    text-align: center;
    margin: 0;
    padding: 0px;
    width: 100%;
    color: #3a3a3a;
	padding-top: 0px;
	text-shadow: 0px 0px 15px #fff;
}
.approach-title-reg{
    text-align: center;
    margin: 0;
    width: 100%;
    color: #3a3a3a;
	padding-top: 0px;
	text-shadow: 0px 0px 15px #fff;
	padding: 30px !important;
	font-size: 45px !important;
}
.approachinfo{
	color: #000;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
    top: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.approachp{
	width:20%;
    margin: auto;
    text-align: left;
	padding: 5px;
}
.approachp h2{
	display:inline-block;
	margin-left: 25px;
	width: 47%;
	font-size: 30px;
	color:#000;
	line-height: 38px;

}
.approachp i{
	text-align:right;
	font-size: 70px;
	padding-left: 30px;
	color: #e9c501;
}

.sectorsp{
	border-style: solid;
    border-width: 1px;
    border-color: #f6f6f6;
    box-shadow: 0px 0px 3px 1px #f6f6f6;
    padding:10px;
    margin: 10px;
    transition: .3s;
    width: 47%;
}
.sectorsp{
	text-align:center;
}
.sect > :hover{
	box-shadow: 0px 0px 13px 0px #c7bd83;
	transform: scale(0.95);
}

.sectt{

}
.sectt p{
	padding-top:10px;
	font-size: 29px;
}
@media (max-width: 768px){
	.mbanner{
	background-image: url(../img/mobile.jpeg);
    background-position-y: -100px;
    background-size: cover;
    background-position: center;
	}
	.sectorsp{
		width: 96%;
	}
}
	
}
.zero{
	margin:0px;
	padding:0px;
}
.parallaximg{
	position: absolute;
    width: 100%;
	display: flex;
}

.investor{
	margin-top:20px;
	padding-top: 80px;
    padding-bottom: 80px;
	border: #00000052;
	text-align: center;
    font-size: 25px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}

.investor p{
	text-align: center;
    font-size: 25px;
	background-color:#ffffffa6;
}	
.investorsp h2{
	font-size: 4ch;
    text-align: center;
	padding: 0px 0px 0px 0px;
}
.investorsp img{
	width: 100%;
}
.equity{
	line-height: 28px;
    text-align: center;
	height: auto;
	background-size: cover;
	padding: 0px 0px;
    margin: 0px;
	background-image: linear-gradient(to right,#ffffff94,#00000087);
	background-image: linear-gradient(to right,#e9c5014d,#ffffffe3,#fff);
	background-position:center;
	
	border-style: solid;
	border-width: 1px;
    border-color: #fff;

}
.equity h4{
	color:#000;
	font-size: 50px;
	line-height: 50px;
	margin: 0px;
	padding: 100px 0px;
	text-align:center;
	
}
.equity p{
	color:#000;
	text-align:left;
	font-size: 27px;
	padding: 50px 0px;
}
.equityheading{
	text-align: center;
    padding: 70px 0px 30px 0;
    color: #fff;
}
.secttitle{
	position: relative;
 /*   top: 50%;
    transform: translateY(-50%);  */
	margin: 0px;
	font-size: 48px;
	color:#000;
	text-align: center;
	    padding: 15px 0 0 0;
}
.sectimage{
	background-color:#ffffffb0;
	width: 100%;
    height: 100%;
	
}
.sectbgimg{
	height: 450px;
	margin-top: 10px;
	margin-bottom: 10px;
    background-size: cover;
	
}
.eqtt{
	top: -50%;
	font-size: 33px;
    line-height: 40px;
    width: auto;
	text-align: center;
}
.preloader {
	position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1100;
}

.status {
	width: 100%;
    height: 360px;
    position: absolute;
    margin: auto;
    top: 34%;
	background-image: url(../img/capital-black.gif);
	background-repeat: no-repeat;
    background-position: center;
    z-index: 1100;
    background-size: 50%;
}

	background: url(assets/img/s/s1.jpeg) 0px -20px;
    background-size: 1530px;

.equityheading {
    text-align: center;
    height: fit-content;
    padding: 30px 0px;
	margin:0px;
}	
.tab-content{
	font-size: 23px;
    line-height: 50px;
	text-align: center;
}
.offeringtitles{
	font-size:20px;
}
.offeringtitles h4{
	margin: 0;
    font-size: 27px;
}
.investorsp{
	
}
.mtabs{
	color:#000;
}
.mtabs h3{
	font-size: 25px;
	padding: 0px 30px;
	margin:10px;
}
.sectorss{
	display:flex;
	padding: 30px 0px;
}
.sectorss i{
	font-size:60px;
	width: 90px;
}
.sectorss h2{
	font-size: 45px;
    display: block;
    float: left;
    margin: 0;
}

.skewtitle h1{
	margin:0;
	z-index:10;
	position: relative;
	/*padding: 40px 0px 0 0;*/
	text-transform: uppercase;
	color:#3a3a3a;
	text-align: center;
}

/*----------   circle code small ------------*/
.circlesim ul {
    position: relative;
    top: 350px; left: 50%; 
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.circlesim li {
    position: absolute;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    transition: all 1s ;
}
.circlesim i{
	font-size:60px;
	color:#e9c501;
}
.circlesim h2{
	text-align:center;
	transform: translateX(-30%);
	font-size: 30px;
    padding: 0px;
    margin: 0px;
}
.circlesim p{
	width:20%;text-align:center;
}
/*----------- flip --------- */
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
 .flip {
	 position: relative;
	 width: 100%;
}
 .flip > .front, .flip > .back {
	 display: block;
	 transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	 transition-duration: 0.5s;
	 transition-property: transform, opacity;
}
 .flip > .front {
	 transform: rotateY(0deg);
}
 .flip > .back {
	 position: absolute;
	 opacity: 0;
	 top: 0px;
	 left: 0px;
	 width: 100%;
	 height: 100%;
	 transform: rotateY(-180deg);
}
.front h1{
	margin: 15px 0px; font-size: 40px; text-align:center;
}
.front i{
	margin-left: 43%;
}
.back li{
	font-size:20px;
	padding-bottom: 20px;
	text-align:center;
}
.flip h1{
	position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
	width: 100%; font-size: 45px;
}
 .flip:hover > .front {
	 transform: rotateY(180deg);
}
 .flip:hover > .back {
	 opacity: 1;
	 transform: rotateY(0deg);
}
 .flip.flip-vertical > .back {
	 transform: rotateX(-180deg);
}
 .flip.flip-vertical:hover > .front {
	 transform: rotateX(180deg);
}
 .flip.flip-vertical:hover > .back {
	 transform: rotateX(0deg);
}
 .flip {
	 position: relative;
	 display: inline-block;
	 margin-right: 2px;
	 margin-bottom: 1em;
	 text-align:center;
}
.flip i{
	font-size:100px;
	
	position: absolute;
    top: 30%;
    transform: translate(-50%,-50%);
	transform: translate(-280%,-50%);
	color: #ebcb3a;
}
 .flip > .front, .flip > .back {
	 display: block;
	 color: #3a3a3a;
	 width: inherit;
	 background-size: cover !important;
	 background-position: center !important;
	 height: 420px;
	 padding: 1em 2em;
	 background: #e7e7e7;
	 border-radius: 10px;
}
 .flip > .front p, .flip > .back p {
	 font-size: 0.9125rem;
	 line-height: 160%;
	 color: #999;
}
 .text-shadow {
	 text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
}
 



 
 
 /*circle code*/

@import "compass/css3";
/* Variables */
 .activate-circles .features > li:nth-child(1), .activate-circles .wheel > li:nth-child(1) > a, .activate-circles .wheel-arrows > li:nth-child(1) {
	 -webkit-animation: show 0.5s 0s forwards;
	 animation: show 0.5s 0s forwards;
}
 .activate-circles .dotted-circles > li:nth-child(1) {
	 -webkit-animation: show 1.5s 1s forwards;
	 animation: show 1.5s 1s forwards;
}
 .activate-circles .features > li.functional > a {
	 color: #BBB6A1;
}
 .activate-circles .features > li.functional:hover > a, .activate-circles .features > li.functional:focus > a, .activate-circles .features > li.functional.hovered > a {
	 color: #BBB6A1 !important;
}
 .activate-circles .features.hovered > li.functional > a {
	 color: #f9c0be;
}
 .activate-circles .wheel > li.functional > a {
	 background-color: #f49678;
}
 .activate-circles .wheel > li.functional > a:before, .activate-circles .wheel > li.functional > a:after {
	 background-color: #f49678;
}
 .activate-circles .wheel.hovered > li.functional > a {
	 background-color: #f9c0be;
}
 .activate-circles .wheel.hovered > li.functional > a:before, .activate-circles .wheel.hovered > li.functional > a:after {
	 background-color: #f9c0be;
}
 .activate-circles .wheel li.functional:hover > a, .activate-circles .wheel li.functional:focus > a, .activate-circles .wheel li.functional.hovered > a {
	 background-color: #BBB6A1;
}
 .activate-circles .wheel li.functional:hover > a:before, .activate-circles .wheel li.functional:focus > a:before, .activate-circles .wheel li.functional.hovered > a:before, .activate-circles .wheel li.functional:hover > a:after, .activate-circles .wheel li.functional:focus > a:after, .activate-circles .wheel li.functional.hovered > a:after {
	 background-color: #BBB6A1;
}
 .activate-circles .wheel-arrows > li.functional {
	 background-color: #F49678;
}
 .activate-circles .wheel-arrows > li.functional:hover, .activate-circles .wheel-arrows > li.functional:focus, .activate-circles .wheel-arrows > li.functional.hovered {
	 background-color: #BBB6A1 !important;
}
 .activate-circles .wheel-arrows.hovered > li.functional {
	 background-color: #f9c0be;
}
 .activate-circles .features > li:nth-child(2), .activate-circles .wheel > li:nth-child(2) > a, .activate-circles .wheel-arrows > li:nth-child(2) {
	 -webkit-animation: show 0.5s 0.3s forwards;
	 animation: show 0.5s 0.3s forwards;
}
 .activate-circles .dotted-circles > li:nth-child(2) {
	 -webkit-animation: show 1.5s 1.3s forwards;
	 animation: show 1.5s 1.3s forwards;
}
 .activate-circles .features > li.load > a {
	 color: #C3B990;
}
 .activate-circles .features > li.load:hover > a, .activate-circles .features > li.load:focus > a, .activate-circles .features > li.load.hovered > a {
	 color: #C3B990 !important;
}
 .activate-circles .features.hovered > li.load > a {
	 color: #ef9fc0;
}
 .activate-circles .wheel > li.load > a {
	 background-color: #f78661;
}
 .activate-circles .wheel > li.load > a:before, .activate-circles .wheel > li.load > a:after {
	 background-color: #f78661;
}
 .activate-circles .wheel.hovered > li.load > a {
	 background-color: #ef9fc0;
}
 .activate-circles .wheel.hovered > li.load > a:before, .activate-circles .wheel.hovered > li.load > a:after {
	 background-color: #ef9fc0;
}
 .activate-circles .wheel li.load:hover > a, .activate-circles .wheel li.load:focus > a, .activate-circles .wheel li.load.hovered > a {
	 background-color: #C3B990;
}
 .activate-circles .wheel li.load:hover > a:before, .activate-circles .wheel li.load:focus > a:before, .activate-circles .wheel li.load.hovered > a:before, .activate-circles .wheel li.load:hover > a:after, .activate-circles .wheel li.load:focus > a:after, .activate-circles .wheel li.load.hovered > a:after {
	 background-color: #C3B990;
}
 .activate-circles .wheel-arrows > li.load {
	 background-color: #f78661;
}
 .activate-circles .wheel-arrows > li.load:hover, .activate-circles .wheel-arrows > li.load:focus, .activate-circles .wheel-arrows > li.load.hovered {
	 background-color: #C3B990 !important;
}
 .activate-circles .wheel-arrows.hovered > li.load {
	 background-color: #ef9fc0;
}
 .activate-circles .features > li:nth-child(3), .activate-circles .wheel > li:nth-child(3) > a, .activate-circles .wheel-arrows > li:nth-child(3) {
	 -webkit-animation: show 0.5s 0.6s forwards;
	 animation: show 0.5s 0.6s forwards;
}
 .activate-circles .dotted-circles > li:nth-child(3) {
	 -webkit-animation: show 1.5s 1.6s forwards;
	 animation: show 1.5s 1.6s forwards;
}
 .activate-circles .features > li.performance > a {
	 color: #CBBD7F;
}
 .activate-circles .features > li.performance:hover > a, .activate-circles .features > li.performance:focus > a, .activate-circles .features > li.performance.hovered > a {
	 color: #CBBD7F !important;
}
 .activate-circles .features.hovered > li.performance > a {
	 color: #d47dd7;
}
 .activate-circles .wheel > li.performance > a {
	 background-color: #f77950;
}
 .activate-circles .wheel > li.performance > a:before, .activate-circles .wheel > li.performance > a:after {
	 background-color: #f77950;
}
 .activate-circles .wheel.hovered > li.performance > a {
	 background-color: #d47dd7;
}
 .activate-circles .wheel.hovered > li.performance > a:before, .activate-circles .wheel.hovered > li.performance > a:after {
	 background-color: #d47dd7;
}
 .activate-circles .wheel li.performance:hover > a, .activate-circles .wheel li.performance:focus > a, .activate-circles .wheel li.performance.hovered > a {
	 background-color: #CBBD7F;
}
 .activate-circles .wheel li.performance:hover > a:before, .activate-circles .wheel li.performance:focus > a:before, .activate-circles .wheel li.performance.hovered > a:before, .activate-circles .wheel li.performance:hover > a:after, .activate-circles .wheel li.performance:focus > a:after, .activate-circles .wheel li.performance.hovered > a:after {
	 background-color: #CBBD7F;
}
 .activate-circles .wheel-arrows > li.performance {
	 background-color: #f77950;
}
 .activate-circles .wheel-arrows > li.performance:hover, .activate-circles .wheel-arrows > li.performance:focus, .activate-circles .wheel-arrows > li.performance.hovered {
	 background-color: #CBBD7F !important;
}
 .activate-circles .wheel-arrows.hovered > li.performance {
	 background-color: #d47dd7;
}
 .activate-circles .features > li:nth-child(4), .activate-circles .wheel > li:nth-child(4) > a, .activate-circles .wheel-arrows > li:nth-child(4) {
	 -webkit-animation: show 0.5s 0.9s forwards;
	 animation: show 0.5s 0.9s forwards;
}
 .activate-circles .dotted-circles > li:nth-child(4) {
	 -webkit-animation: show 1.5s 1.9s forwards;
	 animation: show 1.5s 1.9s forwards;
}
 .activate-circles .features > li.mobile > a {
	 color: #D3C06D;
}
 .activate-circles .features > li.mobile:hover > a, .activate-circles .features > li.mobile:focus > a, .activate-circles .features > li.mobile.hovered > a {
	 color: #D3C06D !important;
}
 .activate-circles .features.hovered > li.mobile > a {
	 color: #a886d7;
}
 .activate-circles .wheel > li.mobile > a {
	 background-color: #ea6d44;
}
 .activate-circles .wheel > li.mobile > a:before, .activate-circles .wheel > li.mobile > a:after {
	 background-color: #ea6d44;
}
 .activate-circles .wheel.hovered > li.mobile > a {
	 background-color: #a886d7;
}
 .activate-circles .wheel.hovered > li.mobile > a:before, .activate-circles .wheel.hovered > li.mobile > a:after {
	 background-color: #a886d7;
}
 .activate-circles .wheel li.mobile:hover > a, .activate-circles .wheel li.mobile:focus > a, .activate-circles .wheel li.mobile.hovered > a {
	 background-color: #D3C06D;
}
 .activate-circles .wheel li.mobile:hover > a:before, .activate-circles .wheel li.mobile:focus > a:before, .activate-circles .wheel li.mobile.hovered > a:before, .activate-circles .wheel li.mobile:hover > a:after, .activate-circles .wheel li.mobile:focus > a:after, .activate-circles .wheel li.mobile.hovered > a:after {
	 background-color: #D3C06D;
}
 .activate-circles .wheel-arrows > li.mobile {
	 background-color: #ea6d44;
}
 .activate-circles .wheel-arrows > li.mobile:hover, .activate-circles .wheel-arrows > li.mobile:focus, .activate-circles .wheel-arrows > li.mobile.hovered {
	 background-color: #D3C06D !important;
}
 .activate-circles .wheel-arrows.hovered > li.mobile {
	 background-color: #a886d7;
}
 .activate-circles .features > li:nth-child(5), .activate-circles .wheel > li:nth-child(5) > a, .activate-circles .wheel-arrows > li:nth-child(5) {
	 -webkit-animation: show 0.5s 1.2s forwards;
	 animation: show 0.5s 1.2s forwards;
}
 .activate-circles .dotted-circles > li:nth-child(5) {
	 -webkit-animation: show 1.5s 2.2s forwards;
	 animation: show 1.5s 2.2s forwards;
}
 .activate-circles .features > li.exploratory > a {
	 color: #DBC45C;
}
 .activate-circles .features > li.exploratory:hover > a, .activate-circles .features > li.exploratory:focus > a, .activate-circles .features > li.exploratory.hovered > a {
	 color: #DBC45C !important;
}
 .activate-circles .features.hovered > li.exploratory > a {
	 color: #999cd5;
}
 .activate-circles .wheel > li.exploratory > a {
	 background-color: #ea6d44;
}
 .activate-circles .wheel > li.exploratory > a:before, .activate-circles .wheel > li.exploratory > a:after {
	 background-color: #ea6d44;
}
 .activate-circles .wheel.hovered > li.exploratory > a {
	 background-color: #999cd5;
}
 .activate-circles .wheel.hovered > li.exploratory > a:before, .activate-circles .wheel.hovered > li.exploratory > a:after {
	 background-color: #999cd5;
}
 .activate-circles .wheel li.exploratory:hover > a, .activate-circles .wheel li.exploratory:focus > a, .activate-circles .wheel li.exploratory.hovered > a {
	 background-color: #DBC45C;
}
 .activate-circles .wheel li.exploratory:hover > a:before, .activate-circles .wheel li.exploratory:focus > a:before, .activate-circles .wheel li.exploratory.hovered > a:before, .activate-circles .wheel li.exploratory:hover > a:after, .activate-circles .wheel li.exploratory:focus > a:after, .activate-circles .wheel li.exploratory.hovered > a:after {
	 background-color: #DBC45C;
}
 .activate-circles .wheel-arrows > li.exploratory {
	 background-color: #ea6d44;
}
 .activate-circles .wheel-arrows > li.exploratory:hover, .activate-circles .wheel-arrows > li.exploratory:focus, .activate-circles .wheel-arrows > li.exploratory.hovered {
	 background-color: #DBC45C !important;
}
 .activate-circles .wheel-arrows.hovered > li.exploratory {
	 background-color: #999cd5;
}
 .activate-circles .features > li:nth-child(6), .activate-circles .wheel > li:nth-child(6) > a, .activate-circles .wheel-arrows > li:nth-child(6) {
	 -webkit-animation: show 0.5s 1.5s forwards;
	 animation: show 0.5s 1.5s forwards;
}
 .activate-circles .dotted-circles > li:nth-child(6) {
	 -webkit-animation: show 1.5s 2.5s forwards;
	 animation: show 1.5s 2.5s forwards;
}
 .activate-circles .features > li.manual > a {
	 color: #E3C74B;
}
 .activate-circles .features > li.manual:hover > a, .activate-circles .features > li.manual:focus > a, .activate-circles .features > li.manual.hovered > a {
	 color: #E3C74B !important;
}
 .activate-circles .features.hovered > li.manual > a {
	 color: #8baee2;
}
 .activate-circles .wheel > li.manual > a {
	 background-color: #ea6d44;
}
 .activate-circles .wheel > li.manual > a:before, .activate-circles .wheel > li.manual > a:after {
	 background-color: #ea6d44;
}
 .activate-circles .wheel.hovered > li.manual > a {
	 background-color: #8baee2;
}
 .activate-circles .wheel.hovered > li.manual > a:before, .activate-circles .wheel.hovered > li.manual > a:after {
	 background-color: #8baee2;
}
 .activate-circles .wheel li.manual:hover > a, .activate-circles .wheel li.manual:focus > a, .activate-circles .wheel li.manual.hovered > a {
	 background-color: #E3C74B;
}
 .activate-circles .wheel li.manual:hover > a:before, .activate-circles .wheel li.manual:focus > a:before, .activate-circles .wheel li.manual.hovered > a:before, .activate-circles .wheel li.manual:hover > a:after, .activate-circles .wheel li.manual:focus > a:after, .activate-circles .wheel li.manual.hovered > a:after {
	 background-color: #E3C74B;
}
 .activate-circles .wheel-arrows > li.manual {
	 background-color: #ea6d44;
}
 .activate-circles .wheel-arrows > li.manual:hover, .activate-circles .wheel-arrows > li.manual:focus, .activate-circles .wheel-arrows > li.manual.hovered {
	 background-color: #E3C74B !important;
}
 .activate-circles .wheel-arrows.hovered > li.manual {
	 background-color: #8baee2;
}
 .activate-circles .features > li:nth-child(7), .activate-circles .wheel > li:nth-child(7) > a, .activate-circles .wheel-arrows > li:nth-child(7) {
	 -webkit-animation: show 0.5s 1.8s forwards;
	 animation: show 0.5s 1.8s forwards;
}
 .activate-circles .dotted-circles > li:nth-child(7) {
	 -webkit-animation: show 1.5s 2.8s forwards;
	 animation: show 1.5s 2.8s forwards;
}
 .activate-circles .features > li.developer > a {
	 color: #EBCB3A;
}
 .activate-circles .features > li.developer:hover > a, .activate-circles .features > li.developer:focus > a, .activate-circles .features > li.developer.hovered > a {
	 color: #EBCB3A !important;
}
 .activate-circles .features.hovered > li.developer > a {
	 color: #8dd4f0;
}
 .activate-circles .wheel > li.developer > a {
	 background-color: #ea6d44;
}
 .activate-circles .wheel > li.developer > a:before, .activate-circles .wheel > li.developer > a:after {
	 background-color: #ea6d44;
}
 .activate-circles .wheel.hovered > li.developer > a {
	 background-color: #8dd4f0;
}
 .activate-circles .wheel.hovered > li.developer > a:before, .activate-circles .wheel.hovered > li.developer > a:after {
	 background-color: #8dd4f0;
}
 .activate-circles .wheel li.developer:hover > a, .activate-circles .wheel li.developer:focus > a, .activate-circles .wheel li.developer.hovered > a {
	 background-color: #EBCB3A;
}
 .activate-circles .wheel li.developer:hover > a:before, .activate-circles .wheel li.developer:focus > a:before, .activate-circles .wheel li.developer.hovered > a:before, .activate-circles .wheel li.developer:hover > a:after, .activate-circles .wheel li.developer:focus > a:after, .activate-circles .wheel li.developer.hovered > a:after {
	 background-color: #EBCB3A;
}
 .activate-circles .wheel-arrows > li.developer {
	 background-color: #ea6d44;
}
 .activate-circles .wheel-arrows > li.developer:hover, .activate-circles .wheel-arrows > li.developer:focus, .activate-circles .wheel-arrows > li.developer.hovered {
	 background-color: #EBCB3A !important;
}
 .activate-circles .wheel-arrows.hovered > li.developer {
	 background-color: #8dd4f0;
}
 .activate-circles h2 {
	 -webkit-animation: show 3s 1s forwards;
	 animation: show 3s 1s forwards;
}
 @-webkit-keyframes show {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
 @keyframes show {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
 #features {

	 height: 800px;
	 padding-top: 40px;

	 position: relative;
	 transform: scale(0.35);
}
 #features > h2 {
	 position: absolute;
	 top: 300px;
	 left: 50%;
	 width: 150px;
	 margin-left: -75px;
	 font: 500 32px/25px "Segoe UI";
	 color: #CBBD7F;
	 text-transform: uppercase;
	 text-align: center;
	 letter-spacing: -0.05em;
	 z-index: 2000;
	 opacity: 0;
}
 .features {
	 position: absolute;
	 z-index: 4;
	 top: 60px;
	 left: 0;
	 right: 0;
	 margin: 0;
	 padding: 0;
	 list-style: none outside;
}
 .features > li {
	 position: absolute;
	 bottom: 0;
	 right: 0;
	 width: 300px;
	 opacity: 0;
}
 .features > li > a {
	 transition: color 0.2s linear;
	 line-height: 18px;
}
 .features > li.functional {
	 top: -12px;
	 right: 50%;
	 margin-right: 35px;
	 text-align: right;
}
 .features > li.developer {
	 top: 0;
	 left: 50%;
	 margin-left: 35px;
}
 .features > li.load {
	 top: 190px;
	 right: 50%;
	 margin-right: 231px;
	 width: 230px;
	 text-align: right;
}
 .features > li.manual {
	 top: 190px;
	 left: 50%;
	 margin-left: 231px;
	 width: 236px;
}
 .features > li.performance {
	 top: 399px;
	 right: 50%;
	 margin-right: 193px;
	 width: 280px;
	 text-align: right;
}
 .features > li.exploratory {
	 top: 399px;
	 left: 50%;
	 margin-left: 193px;
	 width: 277px;
}
 .features > li.mobile {
	 top: 528px;
	 left: 50%;
	 margin-left: -170px;
	 width: 340px;
	 text-align: center;
}
 .features > li > a {
	 display: block;
	 font-size: 15px;
	 text-decoration: none;
}
 .features > li > a > h3 {
	 margin-bottom: 2px;
	 font-size: 24px;
	 font-family: "Segoe UI";
	 font-weight: 500;
	 color: inherit;
	 text-transform: uppercase;
}

 .functional {transform: translate(50px,0px);}
.load{transform: translate(40px,10px);}
.performance{transform: translate(90px,30px);}
.mobile{}
.exploratory{transform: translate(-90px,30px);}
.manual{transform: translate(-30px,-20px);}
.developer{transform: translate(-15px,-10px);}

@media (max-width: 768px){
	.functional {transform: translate(30px,-30px);}
	.load{transform: translate(30px,-20px);}
	.performance{transform: translate(30px,20px);}
	.mobile{}
	.exploratory{transform: translate(-30px,20px);}
	.manual{transform: translate(10px,-20px);}
	.developer{transform: translate(30px,-30px);}
}

 .wheel {
	 position: absolute;
	 z-index: 3;
	 top: 160px;
	 left: 50%;
	 width: 390px;
	 height: 390px;
	 margin: 0 0 0 -195px;
	 padding: 0;
	 border-radius: 50%;
	 list-style: none;
	 overflow: hidden;
	 border: 1px solid transparent;
	 -moz-user-select: none;
	 -webkit-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}
 .wheel:after {
	 position: absolute;
	 z-index: 1000;
	 top: 50%;
	 left: 50%;
	 width: 216px;
	 height: 216px;
	 margin: -110px 0 0 -110px;
	 background-color: #fff;
	 border-radius: 50%;
	 content: "";
}
 .wheel > li {
	 position: absolute;
	 transform: translateZ(1px);
}
 .wheel > li > a {
	 position: relative;
	 z-index: 100;
	 display: block;
	 width: 91px;
	 height: 104px;
	 text-decoration: none;
	 text-indent: -9999px;
	 transition: background 0.2s linear;
	 opacity: 0;
}
 .wheel > li > a > span {
	 position: relative;
	 display: block;
	 z-index: 2;
}
 .wheel > li > a:before, .wheel > li > a:after {
	 position: absolute;
	 display: block;
	 top: 0;
	 width: 50px;
	 height: 127px;
	 content: "";
	 transition: background-color 0.2s linear;
}
 .wheel > li > a:before {
	 left: -20px;
	 -webkit-transform: skew(25.714deg, 0);
	 transform: skew(25.714deg, 0);
}
 .wheel > li > a:after {
	 right: -20px;
	 -webkit-transform: skew(-25.714deg, 0);
	 transform: skew(-25.714deg, 0);
}
 .wheel > li.functional {
	 top: 0;
	 left: 198px;
	 margin-left: -115px;
}
 .wheel > li.functional > a {
	 -webkit-transform: rotate(-25.714deg);
	 transform: rotate(-25.714deg);
}
 .wheel > li.functional > a > span {
	 -webkit-transform: rotate(25.714deg);
	 transform: rotate(25.714deg);
	 margin: 6px 0 0 23px;
}
 .wheel > li.developer {
	 top: 0;
	 right: 198px;
	 margin-right: -115px;
}
 .wheel > li.developer > a {
	 -webkit-transform: rotate(25.714deg);
	 transform: rotate(25.714deg);
}
 .wheel > li.developer > a > span {
	 -webkit-transform: rotate(-25.714deg);
	 transform: rotate(-25.714deg);
	 margin: 9px 0 0 32px;
}
 .wheel > li.manual {
	 top: 102px;
	 right: 0;
}
 .wheel > li.manual > a {
	 -webkit-transform: rotate(77.142deg);
	 transform: rotate(77.142deg);
}
 .wheel > li.manual > a > span {
	 -webkit-transform: rotate(-77.142deg);
	 transform: rotate(-77.142deg);
	 margin: -5px 0 0 36px;
}
 .wheel > li.exploratory {
	 bottom: 55px;
	 right: 30px;
}
 .wheel > li.exploratory > a {
	 -webkit-transform: rotate(128.57deg);
	 transform: rotate(128.57deg);
}
 .wheel > li.exploratory > a > span {
	 -webkit-transform: rotate(-128.57deg);
	 transform: rotate(-128.57deg);
	 margin: -3px 0 0 33px;
}
 .wheel > li.mobile {
	 bottom: 0;
	 left: 50%;
	 margin-left: -46px;
}
 .wheel > li.mobile > a {
	 -webkit-transform: rotate(180.001deg);
	 transform: rotate(180.001deg);
}
 .wheel > li.mobile > a > span {
	 -webkit-transform: rotate(180.001deg);
	 transform: rotate(180.001deg);
	 margin: -5px 0 0 24px;
}
 .wheel > li.performance {
	 bottom: 55px;
	 left: 30px;
}
 .wheel > li.performance > a {
	 -webkit-transform: rotate(-128.57deg);
	 transform: rotate(-128.57deg);
}
 .wheel > li.performance > a > span {
	 -webkit-transform: rotate(128.57deg);
	 transform: rotate(128.57deg);
	 left: 50%;
	 top: 50%;
	 margin: -56px 0 0 -25px;
}
 .wheel > li.load {
	 top: 102px;
	 left: 0;
}
 .wheel > li.load > a {
	 -webkit-transform: rotate(-77.142deg);
	 transform: rotate(-77.142deg);
}
 .wheel > li.load > a > span {
	 -webkit-transform: rotate(77.142deg);
	 transform: rotate(77.142deg);
	 margin: 0 0 0 29px;
}
 .wheel-arrows {
	 position: absolute;
	 z-index: 2;
	 top: 160px;
	 left: 50%;
	 width: 390px;
	 height: 390px;
	 margin: 0 0 0 -195px;
	 padding: 0;
	 border-radius: 50%;
	 list-style: none;
	 -moz-user-select: none;
	 -webkit-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}
 .wheel-arrows > li {
	 position: absolute;
	 width: 50px;
	 height: 50px;
	 opacity: 0;
	 transition-property: background-color, top, right, left;
	 transition-duration: 0.2s;
	 transition-timing-function: linear;
}
 .wheel-arrows > li.functional {
	 top: 15px;
	 left: 94px;
	 -webkit-transform: rotate(-70.714deg);
	 transform: rotate(-70.714deg);
}
 .wheel-arrows > li.functional:hover, .wheel-arrows > li.functional:focus, .wheel-arrows > li.functional.hovered {
	 top: 5px;
	 left: 88px;
}
 .wheel-arrows > li.developer {
	 top: 15px;
	 right: 94px;
	 -webkit-transform: rotate(70.714deg);
	 transform: rotate(70.714deg);
}
 .wheel-arrows > li.developer:hover, .wheel-arrows > li.developer:focus, .wheel-arrows > li.developer.hovered {
	 top: 5px;
	 right: 88px;
}
 .wheel-arrows > li.manual {
	 top: 128px;
	 right: 2px;
	 -webkit-transform: rotate(122.142deg);
	 transform: rotate(122.142deg);
}
 .wheel-arrows > li.manual:hover, .wheel-arrows > li.manual:focus, .wheel-arrows > li.manual.hovered {
	 top: 126px;
	 right: -8px;
}
 .wheel-arrows > li.load {
	 top: 128px;
	 left: 2px;
	 -webkit-transform: rotate(-122.142deg);
	 transform: rotate(-122.142deg);
}
 .wheel-arrows > li.load:hover, .wheel-arrows > li.load:focus, .wheel-arrows > li.load.hovered {
	 top: 126px;
	 left: -8px;
}
 .wheel-arrows > li.exploratory {
	 top: 281px;
	 right: 38px;
	 -webkit-transform: rotate(173.57deg);
	 transform: rotate(173.57deg);
}
 .wheel-arrows > li.exploratory:hover, .wheel-arrows > li.exploratory:focus, .wheel-arrows > li.exploratory.hovered {
	 top: 290px;
	 right: 26px;
}
 .wheel-arrows > li.performance {
	 top: 281px;
	 left: 38px;
	 -webkit-transform: rotate(-173.57deg);
	 transform: rotate(-173.57deg);
}
 .wheel-arrows > li.performance:hover, .wheel-arrows > li.performance:focus, .wheel-arrows > li.performance.hovered {
	 top: 290px;
	 left: 26px;
}
 .wheel-arrows > li.mobile {
	 top: 345px;
	 left: 50%;
	 margin-left: -25px;
	 -webkit-transform: rotate(225deg);
	 transform: rotate(225deg);
}
 .wheel-arrows > li.mobile:hover, .wheel-arrows > li.mobile:focus, .wheel-arrows > li.mobile.hovered {
	 top: 355px;
}
 .inner-circle {
	 position: absolute;
	 z-index: 4;
	 top: 224px;
	 left: 50%;
	 width: 260px;
	 height: 260px;
	 margin: 0 0 0 -130px;
	 padding: 0;
	 border-radius: 50%;
	 background: url("../img/features-circles/inner-circle.png") no-repeat center center rgba(255, 255, 255, .3);
	 list-style: none;
	 pointer-events: none;
}
 .dotted-circles {
	 position: relative;
	 z-index: 1;
	 padding: 0;
	 margin: 0;
	 list-style: none;
}
 .dotted-circles li {
	 position: absolute;
	 width: 332px;
	 height: 332px;
	 background: url("../img/features-circles/dotted-circle.png") no-repeat 0 0;
	 border-radius: 50%;
	 opacity: 0;
}
 .dotted-circles li.functional-circle {
	 top: 0;
	 left: 234px;
}
 .dotted-circles li.developer-circle {
	 top: 0;
	 right: 234px;
}
 .dotted-circles li.manual-circle {
	 top: 115px;
	 right: 147px;
}
 .dotted-circles li.load-circle {
	 top: 115px;
	 left: 147px;
}
 .dotted-circles li.exploratory-circle {
	 top: 246px;
	 right: 181px;
}
 .dotted-circles li.performance-circle {
	 top: 246px;
	 left: 181px;
}
 .dotted-circles li.mobile-circle {
	 top: 330px;
	 left: 50%;
	 margin-left: -166px;
}
 .ie7 .inner-circle, .ie8 .inner-circle, .ie7 .wheel:after, .ie8 .wheel:after {
	 display: none;
}
 .ie7 li > a, .ie8 li > a {
	 overflow: hidden;
}
 .ie7 li > a:before, .ie8 li > a:before, .ie7 li > a:before, .ie8 li > a:before {
	 display: none;
}
 .ie7 h2, .ie8 h2 {
	 top: 260px;
}
 .ie7 .wheel-arrows, .ie8 .wheel-arrows {
	 width: 410px;
	 height: 410px;
	 margin-left: -205px;
	 background: url("../img/features-circles/fallback-circle.png") no-repeat 0 0;
}
 .ie7 .wheel-arrows > li, .ie8 .wheel-arrows > li {
	 display: none;
}
 .ie7 .wheel a, .ie8 .wheel a, .ie7 .wheel a:before, .ie8 .wheel a:before, .ie7 .wheel a:after, .ie8 .wheel a:after, .ie7 .wheel li:hover a, .ie8 .wheel li:hover a, .ie7 .wheel li:focus a, .ie8 .wheel li:focus a {
	 background-color: transparent !important;
}
 .ie7 .wheel .load span, .ie8 .wheel .load span {
	 margin: 13px 0 0 16px;
}
 .ie7 .wheel .performance span, .ie8 .wheel .performance span {
	 margin: -22px 0 0 -25px;
}
 .ie7 .wheel .mobile span, .ie8 .wheel .mobile span {
	 margin: 45px 0 0 23px;
}
 .ie7 .wheel .exploratory span, .ie8 .wheel .exploratory span {
	 margin: 31px 0 0 35px;
}
 .ie7 .wheel .manual span, .ie8 .wheel .manual span {
	 margin: 10px 0 0 44px;
}
 .ie8 h2 {
	 top: 235px;
}
 .ie9 li, .ie9 li a {
	 opacity: 1;
}

.features i{
	font-size:50px;
	padding-right: 130px;
	/*color:#e9c501;*/
	color: #ea6d44;
}
.features h2{
	font-size:30px;
	text-align:center;
	margin:0;
	padding:0;
	color:#000;
}
@media (max-width: 768px){
	.features h2{
	  font-size:42px;
	}
	.features i{
	    font-size: 55px;
	}
}


/*------------------------skew------------*/

.header .skew:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: visible;
  width: 100%;
  height: 250px;
  background: #00bcd4;
  z-index: -1;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-5deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}

.header .skew .header-inner {
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}



.main-container {
  background: #00bcd4;
  position: relative;
}

.main-container:before {
  content: '';
  position: absolute;
  left: 0;
  top: -36px;
  width: 100%;
  height: 60px;
  background: #00bcd4;
  -webkit-transform: skewY(2.5deg);
  -moz-transform: skewY(2.5deg);
  -ms-transform: skewY(2.5deg);
  -o-transform: skewY(2.5deg);
  transform: skewY(2.5deg);
  -webkit-backface-visibility: hidden;
}

.eqskew{
	/*background-color:#e9c501;*/
	background-color:#f5805a;
	z-index: 1;
	padding-bottom: 20px;
}

.eqskewup{
	background-color: #e9c501;
    height: 100px;
    transform: skewY(-2.5deg);
    top: 70px;
	z-index: 0;
}
.eqskewdown{
	background-color: #e9c501;
    height: 100px;
    transform: skewY(2.5deg);
    top: -70px;
	z-index: 0;
}
.white-hide{
	height: 0px;
    background-color: #fff;
    z-index: 2;
    position: absolute;
    padding: 40px;
    width: 100%;
    top: -50px;
}
.ecosystem h1{
	text-align:center;
	margin: 0px;
	padding: 20px 0px 30px 0px;
	font-size: 40px;
    font-weight: 500;
}

.ecosystem p{
    
	font-size:25px;
	font-weight: 500;
	text-align: center;
}
.sectorn{
	height:200px;
	text-align:center;
}
.text-c{
	padding: 1.5em 0.5em;
	text-align:center;
}
.sectors-title{
	text-align: center;
	margin-top:20px;
	font-size: 33px;
	font-weight:400;
	line-height: 40px;
}
.planeimg{
	background-size:cover;
	margin-top: 60px;
	/*margin: 84px 0 0 0; */
	background-position:center;
	height: 600px !important;
	background-repeat: no-repeat;
	width: 100%;
}
.contact-banner{
	margin-top: 80px;
	background-size:cover;
	background-position:center;
	height:550px;
}
.sectors-banner-title{
	text-align: left;
    /*max-width: 83%;*/
    margin-top: -150px;
    color: #fff;
    font-size: 80px;
    line-height: 80px;
    margin-left: 900px;
}
@media (max-width: 991px){
	.contact-banner{
	background-position: -280px center;
	height:400px;
	}
}
@media (max-width: 638px){
	.contact-banner{
	margin-top: 80px;
	background-size:cover;
	background-position: -290px center;
	height:400px;
	}
	.sectors-banner-title{
    font-size: 0px;
	}
	.planeimg{
		background-size:cover;
		margin: 40px 0 0 0; 
		background-position: center;
		height: 300px !important;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.sectors-title{
	text-align: center;
	margin-top:20px;
	font-size: 25px;
    font-weight: 600;
    line-height: 30px;
	}
	.skewtitle h1{
		padding: 40px 0px 40px 0;
	}
	.ecosystem h1{
		margin: 0 0 10px 0;
	}
	.ecosystem p{
		font-size:20px;
	}
	.eqskew{
		background-color:#ea6d44;
		z-index: 10;
	}
	.eqskewup{
		background-color: rgb(251, 221, 110);
		height: 40px;
		transform: skewY(-2.5deg);
		top: 20px;
	}
	.eqskewdown{
		background-color: rgb(251, 221, 110);
		height: 40px;
		transform: skewY(2.5deg);
		top: -20px;
	}
	.mbanner{
		background-position: center;
		/*background-size: 2000px;*/
		background-size: cover;
        background-repeat: no-repeat;
        height: 270px !important;
        margin-top: 100px !important;
	}
	.maint{
		font-size: 50px;
		text-align: left;
	}
	.sectors-banner-title{
	    font-size: 30px;
		text-align: left;
		line-height: 40px;
		margin-top: -80px !important;
		margin-left: 230px;
	}
	.approach-title-reg{
	    font-size: 20px !important;
	    text-align: center !important;
	    
	}
}

@media (max-width: 1050px){
	.maint{
		font-size: 0px;
	}
}
@media (max-width: 991px){
	.iy{
		background-color: #eee;
		color: black !important;
	}
	.ig{
		background-color: #ea6d44;
		padding-bottom: 30px;
		color: white;
	}

}

/*----------- equity -----------*/
.pef-title{
	background: url(../img/topics1.png) center;
    background-size: cover;
}
.pef-title h1{
	color: #fff;
    text-align: left;
    margin: 0;
    padding: 120px 0px 110px 0px;
    font-size: 50px;
    font-weight: 500;
}
.pef-title h3{
	color: #fff;
    padding: 90px 0px 90px 0;
    text-align: center;
    font-weight: 500;
    text-shadow: 0px 0px 3px #fff;
}
@media (max-width: 992px){

}
@media (max-width: 638px){
	.pef-title{
		background: url(../img/topics1.png) -222px 0px;background-size:cover;
	}
	.pef-title{
	min-height:350px;
	}
	.pef-title h1{
		color:#fff;
		text-align:center;  margin:0; padding: 10px 0px;
	}
	.pef-title h3{
		color:#fff; padding: 30px 0px 60px 0px;
	}
}

.investor-top h2{
	margin: 0px 0px;
	padding: 20px 0px;
	border-bottom: .5px #c9c9c9 solid;
	background-color: #ea6d44;
    border-radius: 10px 10px 0 0;
}
.investor-top p{
	font-size: 25px; padding: 20px 0px;
}
.investor-sub{	
	box-shadow: 0px 0px 10px 3px #e0e0e0;
    border-radius: 13px;
	
    margin-bottom: 30px;
	margin-top: 30px;
}
.pricess2 h1{margin: 0;padding: 20px 0;}
.pricess2 h2{font-size: 42px;margin: 0;padding: 20px 0;}
.pricess2 h4{margin: 0;    min-width: 130px;
	padding: 5px 0;font-size: 25px;}
.inv-process{
	box-shadow: 0px 0px 10px 3px #e0e0e0;
    border-radius: 13px;
    margin: 20px 0px;
	padding: 0px 0 0px 0;
}
.inv-process li{
	    font-size: 25px;
    padding: 2px 0px; 
	display: table; 
}
.inv-process h2{
	color: #000;
    margin: 10px 0px;
	text-align: center;
	position: relative;
	
}
.loginb{
	box-shadow: 0px 0px 11px 0px #cecece;
}
@media (min-width: 992px){

	.inv-process{
		display:flex;
	}
	.inv-process h2{font-size: 3vw;}
	.investor-top h2{font-size:2.3vw;}
	.inv-b{border-left: .5px #c9c9c9 solid;}
	.investor-sub{	min-height: 270px; }
	.inv-process h2{top: 50%;transform: translateY(-100%);}
}
@media (max-width: 992px){
	.loginb{
	box-shadow: 0px 0px 11px 0px #cecece;
	}
	.inv-process h2{padding: 20px 0;}
	.inv-b{
	border-top: .5px #c9c9c9 solid;}
	.sectors-title{
		font-size: 27px;
	}

}