

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueLTStdBdCn_3.eot');
    src: url('../fonts/HelveticaNeueLTStdBdCn_3.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdBdCn_3.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdBdCn_3.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdBdCn_3.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdBdCn_3.svg#HelveticaNeueLTStdBdCn_3') format('svg');
		font-weight: 700;
	font-style: normal;
}


@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueLTStdLtCn_2.eot');
    src: url('../fonts/HelveticaNeueLTStdLtCn_2.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdLtCn_2.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdLtCn_2.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdLtCn_2.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdLtCn_2.svg#HelveticaNeueLTStdLtCn_2') format('svg');
		font-weight: 300;
	font-style: normal;
}


@font-face {
    font-family: 'RupeeForadian';
    src: url('../fonts/Rupee_Foradian.eot');
    src: url('../fonts/Rupee_Foradian.eot') format('embedded-opentype'),
         url('../fonts/Rupee_Foradian.woff2') format('woff2'),
         url('../fonts/Rupee_Foradian.woff') format('woff'),
         url('../fonts/Rupee_Foradian.ttf') format('truetype'),
         url('../fonts/Rupee_Foradian.svg#Rupee_Foradian') format('svg');
}


.rs{ font-family: 'RupeeForadian';}

a:focus,
a:hover,
a {
    text-decoration:none !important;
    outline:none !important; 
}


body { 
    margin:0px; 
    padding:110px 0px 0px; 
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;
}

.breadcrumb {
    padding: .75rem 1rem;
    margin-bottom: 0px;
    list-style: none;
    background-color: #eceeef;
    border-radius: 0px;
}

.breadcrumb li a{ font-size: 14px; color:#333;}
.breadcrumb li.active{ font-size: 14px;}

.container-fluid { width: 100%; }
.container-1200-wrp{ width: 1200px; margin: 0 auto;}


.quote-box{ width:100%; position: relative;}
.quote-main{ 	font-size: 80px !important; line-height: 53px !important; position: absolute; top:0px; left:0px;}

.portfolio-box{ position: relative;}
.portfolio-box:before{content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 75px 75px 0 0;
    border-color: #32bfcd transparent transparent transparent;
    position: absolute;
    top: 0px;
    left: 0px;}

.portfolio-number{ position: absolute; top:0px; left: 0px;}

.kpi-top-panel{ height: 35px;}

.business-box-top{ position: relative;}
.business-box-top:before{ content: "";
   width: 0;
height: 0;
border-style: solid;
border-width: 0 0 100px 100px;
border-color: transparent transparent #7b7e80 transparent;
    position: absolute;
    bottom: -10px;
    right: 0px;}

.strategy-numb{ right: 0px; bottom:0px;}

.collapse-accordion .card a[data-toggle=collapse] {
  display: block;
  padding: .75rem 1.25rem;
}
.collapse-accordion .card-header {
  padding: 0;
}

.card-header a{ color:#000; font-weight: 700; display: block;}


/*vishwajeet css start*/
.full-body-cover{ width:100%;}
.glance-bg{ background-image: url(../images/at-a-glance-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}

.kpi-inner-box{ width:100%; border-top:1px solid #000; min-height: 290px; margin-bottom: 30px; overflow: hidden;}

.kpi-mid-panel{}

.stripe-box{ background-image: url(../images/kpi-stripe.png); background-repeat: repeat; background-position: 0px 0px;}


/*graph start*/

.bargraph {
  list-style: none;
    width: 100%;
    position: relative;
    margin: 10px 0px 0px;
    padding: 0px;
}

.bargraph li{ background-color: #fff;}

.bargraph li div {
      position: relative;
    height: 30px;
    padding: 3px 10px;
    margin-bottom: 5px;
	font-weight: 500;
    transition: width 2s;
    -webkit-transition: width 2s;
	border-radius: 0px;
	color:#fff;
}

.bargraph li div:before{ content: ''; width: 0;
height: 0;
position: absolute; top:0px; right:0px;
border-style: solid;
border-width: 0 0 30px 30px;
border-color: transparent transparent #ffffff transparent;
}

.bargraph li div span {
 position: absolute;
    right: -48px;
    line-height: 30px;
    font-size: 13px;
    top: 0px;
    color: #333;
    font-weight: 500;
}
.bargraph .top2 {
  background: #4c4c4e;
  width: 50%;
}
.bargraph .midtop {
  background: #4c4c4e;
  width: 55%;
}
.bargraph .neutral {
  width: 60%;
  background: #4c4c4e;
}
.bargraph .midbottom {
  width: 65%;
  background: #4c4c4e;
}
.bargraph .bottom {
  width: 70%;
  background: #adbf37;
}

.bargraph .bottom2 {
  width: 75%;
  background: #f15a26;
}

.graph-6{ width: 75% !important;}
.graph-7{ width: 75% !important;}
.graph-8{ width: 60% !important;}
.graph-9{ width: 75% !important;}
.graph-10{ width: 45% !important;}
.graph-11{ width: 75% !important;}


/*graph end*/


.story-1{ width:100%; background-image: url(../images/story1-bg.jpg); background-repeat: no-repeat; background-position: center bottom;}


.story-2{ width:100%; background-image: url(../images/story2-bg.jpg); background-repeat: no-repeat; background-position: center bottom;}

.story-3{ width:100%; background-image: url(../images/story3-bg.jpg); background-repeat: no-repeat; background-position: center bottom;}

.story-4{ width:100%; background-image: url(../images/story4-bg.jpg); background-repeat: no-repeat; background-position: 0px 0px;}

.story-5{ width:100%; background-image: url(../images/story5-bg.jpg); background-repeat: no-repeat; background-position: left center; background-size: cover;}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #464a4c;
    background-color: #fff;
    border-color: #fff #fff #000;
}


.tab-pane{ padding: 20px 0px;}


.bg-black-light { background-color: #080909; }
.question{    float: left;
    display: block;
    width: 20px;}

.answer {    float: right;
    display: block;
    width: 97%;}

.bg-color-light-pink { background-color: #f05a89;}
.mr-l-225 {margin-left: 225px !important;  }
.mr-l-170 {margin-left: 170px !important;  }

.pd-5  { padding: 5px; }


.question-block{ position: absolute; top:0px; left:0px;}
.answer-block{ margin-left: 35px;}


.cross-q-a:before{     content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    right: 0px;
    bottom: -75px;
    border-width: 0 75px 75px 0;
    border-color: transparent #f4793b transparent transparent;
    z-index: 10;
}

.cross-q-a2:before{     content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    right: 0px;
    bottom: -75px;
    border-width: 0 75px 75px 0;
    border-color: transparent #611b55 transparent transparent;
    z-index: 10;
}

ul.listing-new {margin: 0px; padding: 0px 0 0 20px;}

ul.listing-new li{font-size: 16px; color:#333; line-height: 1.2;font-weight: 400; }


/*vishwajeet css end*/

.bg-bluenew { background-color: #2aabe2 !important; }


/*home css start*/

.navbar{ padding: 0px; border-bottom: 1px solid #e4e4e4; height: 110px; background-color: #f6f6f6; -webkit-transition: all .5s;
    transition: all .5s;}
.navbar-brand{ margin: 0px; padding: 5px 0px; -webkit-transition: all .5s;
    transition: all .5s;}

.navbar-brand img{ width: 145px; -webkit-transition: all .5s;
    transition: all .5s;}

.navbar-toggleable-md .navbar-collapse{ float: right !important; width:87%;}
.navbar-nav{ float: right; margin-top: 40px; -webkit-transition: all .5s;
    transition: all .5s;}
.navbar-nav .nav-link{font-family: 'HelveticaNeue'; font-weight: 700; font-size: 15px; color:#7d7d7d;}



.scrolled-nav{ height: 80px;}
.scrolled-nav .navbar-brand{ width: 90px;}
.scrolled-nav .navbar-brand img{ width: 90px;}
.scrolled-nav .navbar-nav{ margin-top: 28px;}


ul.navbar-nav li.active a{ color: #333333 !important;}
.navbar-nav .nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem;}

.nav-link{ padding: 0px;}

.downlink{ background-color: #f05989;
    color: #fff !important;
    padding: 6px 0px;
    margin-top: -6px; font-size: 12px !important;}

/*.main-banner-home{ background-color: #f0f0f0; background-image: url(../images/home-main-banner.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; position: relative;}*/

.main-banner-home{ background-color: #f0f0f0; position: relative; overflow: hidden;}


.continue-wrp{ width:270px; position: absolute; right:20%; bottom:20%; text-align: center;     z-index: 100;}
#demo-text{ text-transform: uppercase;
    color: #666;
    font-size: 26px;
    font-family: 'HelveticaNeue';
    font-weight: 700;
    padding-bottom: 20px;
    line-height: 1;}


.start-read{ color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1;
    display: block;
    padding: 38px 0px; margin: 0px;}


.inner-section-wrp{ width:100%; padding: 50px 0px; position: relative;}

.key-performance-wrp{ padding-bottom: 50px;}

.carousel-item .kpi-inner-box{ width: 100%; min-height: auto;}

.carousel-item .kpi-inner-box3{ width: 90%; min-height: auto;}

#carouselExampleIndicators .carousel-item{ min-height: 330px;}

.carousel-indicators{ bottom: -35px;}

.carousel-indicators li{ background-color: #fff; border: 1px solid #333; max-width: 10px;
    height: 10px; border-radius:100%;}

.carousel-indicators .active{ background-color: #333;}

.business-overview-home{ padding: 0px 0px; width:100%;}

.bo-lhs{ width:100%; min-height: 500px; background-color: #e5e5e5; padding: 30px 20px;}

.bo-lhs-desc{ color:#333; font-family: 'HelveticaNeue'; font-weight: 300; font-size: 16px;}

a.home-cta{ width:140px; display: block; text-align: center; padding: 10px 0px; border: 1px solid #333;  color:#333; font-family: 'HelveticaNeue'; font-weight: 300; font-size: 13px; text-transform: uppercase;}


.bo-rhs-box{ width:100%; min-height: 500px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; position: relative; padding: 20px; -webkit-transition: all .5s;
    transition: all .5s;}

.bo-rhs-box img{ margin: 0 auto; display: block; max-width: 100%;}

p.bo-rhs-title{ text-transform: uppercase; margin: 15px 0px; font-family: 'HelveticaNeue'; font-weight: 700; color:#333; font-size: 22px; line-height: 1; -webkit-transition: all .5s;
    transition: all .5s;}

p.bo-smll-desc{ color:#7d7d7d; font-size: 16px; line-height: 1.2; margin: 0px 0px 5px; opacity: 0; -webkit-transition: all .5s;
    transition: all .5s;}

h2.bo-numb{ font-family: 'HelveticaNeue'; font-weight: 700; font-size: 90px; line-height: 1; position: absolute; right:20px; bottom:10px; margin: 0px; -webkit-transition: all .5s;
    transition: all .5s;}

.bo-one{ color: #ea0b71;}
.bo-two{ color: #15a8e1;}
.bo-three{ color: #acbd37;}
.bo-four{ color: #55114b;}
.bo-five{ color: #f05323;}


.bo-1:hover{ background-color: #ea0b71;}
.bo-2:hover{ background-color: #15a8e1;}
.bo-3:hover{ background-color: #f05323;}
.bo-4:hover{ background-color: #acbd37;}
.bo-5:hover{ background-color: #55114b;}
.bo-rhs-box:hover{ cursor: pointer;}
.bo-rhs-box:hover p.bo-rhs-title{ color:#fff;}
.bo-rhs-box:hover p.bo-smll-desc{ color:#fff; opacity: 1;}
.bo-rhs-box:hover h2.bo-numb{ color: #fff;}

.bottom-grid-wrp-home{ width:100%; padding: 50px 0px; background-color: #7d7d7d;}


.btm-grid-lhs{ width:100%; min-height: 550px; background-color: #fff; -webkit-box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.75);
box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.75); padding: 20px;}


.chaiman-home-pic{ width:100%; background-color: #f5f5f5; padding: 15px; min-height: 500px;}
.chair-1{ background-image: url(../images/home-chaiman-pic-1_11.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size: cover;}
.chair-2{background-image: url(../images/home-chairman-pic-2_11.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size: cover;}

.chair-3{background-image: url(../images/home-chairman-pic-3_11.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size: cover;}

.chair-4{background-image: url(../images/home-chairman-pic-4_11.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size: cover;}

p.chair-home-title1{ color:#7d7d7d; font-size: 18px; font-family: 'HelveticaNeue'; font-weight: 300; margin: 0px; line-height: 1; text-transform: uppercase;}
p.chair-home-title2{ font-family: 'HelveticaNeue'; line-height: 1; font-weight: 700; font-size: 24px; margin: 0px 0px 10px; text-transform:uppercase;}
a.grid-cta{ text-transform: uppercase; color:#333333; font-size: 13px;  font-family: 'HelveticaNeue'; font-weight: 700;}

span.right-chev i{ font-size: 9px;}

.rhs-grid{ width:100%; min-height: 260px; background-color: #fff; -webkit-box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.75);
box-shadow: -1px 0px 8px 1px rgba(0,0,0,0.75); padding: 20px; margin-bottom: 30px;}

.rhs-grid-1{ background-image: url(../images/grid-bg-1_03.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.rhs-grid-2{ background-image: url(../images/grid-bg-2_03.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.rhs-grid-3{ background-image: url(../images/grid-bg-3_03.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.rhs-grid-4{ background-image: url(../images/grid-bg-4-1.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}

.rhs-grid-4-1{background-image: url(../images/grid-bg-4-2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}

.rhs-grid-4-2{background-image: url(../images/grid-bg-4-4.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}

.rhs-grid-4-3{background-image: url(../images/grid-bg-4-5.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}

.rhs-grid-4-4{background-image: url(../images/grid-bg-4-3.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}

.grid-big-txt{ color:#fff; font-size: 38px; font-family: 'HelveticaNeue'; font-weight: 700; line-height: 1;}

.footer-wrp{ width: 100%; padding: 25px 0px; background-color: #333333;}

.copyright{ margin: 18px 0px; font-family: 'HelveticaNeue'; font-weight: 700; font-size: 14px; color:#fff; text-transform: uppercase;}

.copyright a{ color:#fff;}
.rhs-footer a{ margin: 0px 3px;}

.inter-anim{ position: absolute;}


.banner_anim_box{ width:898px; height: 586px; position: absolute; bottom:0px; left:152px; overflow: hidden;}

.ban-anim-1{width: 105px; bottom:0px;left: 0px;}
.ban-anim-2{width: 683px; bottom:-149px; left: -300px;}
.ban-anim-3{ width: 157px; bottom:0px; left:535px;}


/*
.ban-anim-1{ width: 105px;
    }
.ban-anim-2{ width: 683px;
   }
.ban-anim-3{ width: 157px;
    }
*/


.preloader
{
	position: fixed;
	background: #fff;
	z-index: 9999;
	width:100%;
	left:0;
	top:0;
	text-align: center;
	font-size:12px;
	color: #000;
	min-height: 700px;
}
.loaderitems
{
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-50px;
	margin-left:-47px;
	
}
.loaderitems img
{
	padding:10px 0;
}

#carouselExampleIndicators3 .carousel-indicators{ bottom:20px;}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
	font-size: 14px;
	    margin-top: 20px;
}



video {
   width: 100%;
    height: 635px;
    position: absolute;
    /* left: 50%; */
    bottom: -73px;
    /* margin-left: -960px; */
    /* margin-top: -540px; */
    z-index: 99;
}


.dropdown:hover>.dropdown-menu {
  display: block;
}


.co-wrp{ width:600px;}
.dropdown{ padding-bottom: 45px;}
.dropdown-menu a.dropdown-item{     white-space: normal;
    border-bottom: 1px solid #e4e4e4;
    font-size: 14px; -webkit-transition: all .5s;
    transition: all .5s;}

.dropdown-menu{ min-width: 20rem; padding: 0px;}

.dropdown-item .fa{opacity: 0; -webkit-transition: all .5s;
    transition: all .5s;}

.dropdown:hover{ border-bottom: 2px solid #f05989;}

.dropdown-item:hover{ color: #f05989 !important;}

.dropdown-item.active, .dropdown-item:active{ background-color: #fff;}

.dropdown-menu a.dropdown-item:hover{ background-color: #f05989; color:#fff !important;}

.dropdown-menu a.dropdown-item:hover .fa{ opacity: 1;}

.fo-drop-link{ width:600px; left:-290px;}
.drop-title{ padding: 3px 1.5rem;
    margin: 0px; font-weight: 700; color:#333; font-size: 16px; border-bottom: 1px solid #e4e4e4;}

.scrolled-nav .dropdown{ padding-bottom: 30px;}


body.home-body{ padding-top: 0px;}

/*Home css end*/



ul.csr-list li {
    font-size: 18px;
    color: #333;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 20px;
}

.bod-box {
    width: 100%;
    min-height: 300px;
}

.bod-box img{ max-width: 100%;}
.bod-box span {
   background-color: #cbdb2e;
    font-size: 18px;
    color: #333;
    padding: 8px 10px;
    display: block;
    margin-bottom: 2px;
    line-height: 1;
    font-weight: 700;}
.bod-box span p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 0px;
}

.profile-container {
        position: absolute;
    width: 397%;
    left: 0px;
    top: 0px;
    background-color: #fff;
    height: 85%;
    z-index: 99;
    display: none;
}

.profile-container .person-pic {
    width: 100%;
    margin-left: 8px;
    margin-top: 8px;
}

.profile-container .person-desc {
    padding-top: 40px;
    width: 100%;
    display: block;
    position: relative;
}

.profile-container .closed-bt {
    cursor: pointer;
    width: 21px;
    background-image: url(../images/closed.png);
    background-repeat: no-repeat;
	  background-position: 0px -21px;
    height: 21px;
    position: absolute;
    right: 15px;
    top: 12px;
}

.profile-container .person-desc p {
   display: block;
    /* padding: 10px 42px 0px 14px; */
    color: #333;
    line-height: 1.4em;
    font-size: 14px;
    margin-bottom: 10px;
    
}

.second-bod{ left: -97%;}
.third-bod{ left: -197%;}
.fourth-bod{ left: -297%;}

.bod-block-cont{ border: 2px solid #fff;}

/* KINJAL CSS */
/*accordion css*/


#accordion{ width: 100%;}

.card-active{ background-color: #3bc1cf; color:#333;}
/*accordion css end*/


.finance-table tr td {
    padding: 2px;
    border-bottom: 1px dotted #000;
    color: #000; border-right: 5px solid #ffffff; position: relative;}

.pad-left-40 {
    padding-left: 40px;
}

.pad-left-60 {
    padding-left: 60px;
}

.blue-col-finance{ background-color: #c6eafa;}

.txt-color-tab{ color:#58595a !important;}

.blue-bg-color{ background-color: #33b7ea;}


.border-blue-2-top{ border-top:3px solid #3bc1cf; }

/*.financial-cover{ overflow-x: auto;}*/

.border-table{border-top: 2px solid #000; border-bottom: 2px solid #000;}
.border-table-top{border-top: 2px solid #000; }
.border-table-bottom{border-bottom: 2px solid #000 !important; }
.border-table-bottom-blue{border-bottom: 2px solid #2ba6df !important; }

.pad-left-84 {
    padding-left: 84px;
}

.navbar-toggler-icon{    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E);}


.min-px-h780 { min-height: 780px; }

.mda-circle {border: 4px solid #eb078b; background-color: #e7e8e8; }
.padding-circle{    padding: 60px 50px;}

.mda-circle2 {border: 4px solid #3bc1cf; background-color: #e7e8e8; }
.padding-circle2{    padding: 35px 50px;}


.mda-circle3 {border: 4px solid #f15926; background-color: #e7e8e8; }
.padding-circle3{    padding: 48px 71px;}

.mda-circle4 {border: 4px solid #cbdb2e; background-color: #e7e8e8; }
.padding-circle4{    padding: 58px 62px;}



.mda-circle5 {border: 4px solid #ee1f25; background-color: #e7e8e8; }
.padding-circle5{    padding: 58px 50px;}



.mda-circle6 {border: 4px solid #cbdb2e; background-color: #e7e8e8; }
.padding-circle6{    padding: 58px 50px;}




.mda-border-top{border-top: 4px solid #ec008d; margin-top:10px; padding-top: 10px}



.mda-circle7 {border: 4px solid #cbdb2e; background-color: #e7e8e8; }
.padding-circle7{    padding: 37px 40px;}
.mda-rec-curve{border-radius: 25px; text-align: center;}
.mda-rec-curve2{border-radius: 25px;}

.bg-greynew { background-color: #4f5052; }
.bg-orangenew { background-color: #ef5523; }
.bg-bluenew { background-color: #2aabe2; }
.bg-yellowsnew { background-color: #cbdb2e; }


.mda-border1 {border-bottom: 3px solid #e90d70;}
.mda-border2 {border-bottom: 3px solid #06a9e1;}
.mda-border3 {border-bottom: 3px solid #ef5523;}
.mda-border4 {border-bottom: 3px solid #cbdb2e;}
.mda-border5 {border-bottom: 3px solid #621b57;}
.mda-border6 {border-bottom: 4px solid #414244;}


ul.listing-style-mda1 {
    list-style-image: url(../images/bullet-mda.jpg);
    color: #404040 !important;
    font-weight: 300;
    line-height: 1.2;
    font-size: 18px;
}


ul.listing-style-mda1 li {padding-bottom: 10px; margin-left: -24px !important}

.pie-circle{ width: 20px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;}

.common-sub-desc{ font-size: 16px !important; line-height: 1.4 !important;}
.bodycopy { font-size: 16px !important; margin-bottom: 10px !important; font-weight: 400 !important;}
.common-head-title-big{ font-size: 40px !important;}

.portfolio-title-inner{ font-size: 12px !important;}
.portfolio-box{ min-height: 205px;}

.port-icn{ width:100px;}

/*.business-box-top:before{ display: none;}*/

.business-box-bottom{ min-height: inherit !important; margin-bottom: 20px;}
.business-box-top:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: transparent transparent #7b7e80 transparent;
    position: absolute;
    bottom: -9px;
    right: 0px;}

.csr-inner .bold-4{ font-weight: 700 !important;}

.ci-cover{ border: 1px solid #e4e4e4; border-radius: 5px; padding: 20px; min-height: 495px; background-color: #f2f2f2;}

.second-level-wrp{ display: none;}

.fs12{ font-size: 12px;}

body.q-a .bodycopy{ margin-bottom: 20px !important;}

.mda-inner .fs40 { font-size: 30px !important;}

.zee-ltd-pic{ width:1000px; display: block;margin: 0 auto;}


/*tooltip css*/

.wrapper {
text-transform: uppercase;
    /* background: #ececec; */
    /* color: #555; */
    cursor: pointer;
    /* font-family: "Gill Sans", Impact, sans-serif; */
    /* font-size: 20px; */
    /* margin: 100px 75px 10px 75px; */
    /* padding: 15px 20px; */
    position: relative;
    text-align: center;
    width: auto;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
}

.wrapper .tooltip {
background: #2ba6df;
    bottom: 100%;
    color: #fff;
    display: block;
    left: 50%;
    text-align: center;
    margin-bottom: 0px;
    opacity: 0;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    min-width: 100px;
    margin-left: -50px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #2ba6df 10px;
bottom: -5px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}

.finance-table tr:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
display: none;
}

.lte8 .wrapper:hover .tooltip {
display: block;
}

.tooltip a{ color:#fff;}
/*tooltip css*/


