
@font-face {
    font-family: 'Frutiger';
    src: url('../fonts/FrutigerLTStdLight.eot');
    src: url('../fonts/FrutigerLTStdLight.eot') format('embedded-opentype'),
         url('../fonts/FrutigerLTStdLight.woff2') format('woff2'),
         url('../fonts/FrutigerLTStdLight.woff') format('woff'),
         url('../fonts/FrutigerLTStdLight.ttf') format('truetype'),
         url('../fonts/FrutigerLTStdLight.svg#FrutigerLTStdLight') format('svg');
         font-weight: 300;
         font-style: normal;
}


@font-face {
    font-family: 'Frutiger';
    src: url('../fonts/FrutigerLTStdBold.eot');
    src: url('../fonts/FrutigerLTStdBold.eot') format('embedded-opentype'),
         url('../fonts/FrutigerLTStdBold.woff2') format('woff2'),
         url('../fonts/FrutigerLTStdBold.woff') format('woff'),
         url('../fonts/FrutigerLTStdBold.ttf') format('truetype'),
         url('../fonts/FrutigerLTStdBold.svg#FrutigerLTStdBold') format('svg');
         font-weight: 700;
         font-style: normal;
}

@font-face {
  font-family: 'BreuerText-Light';
  src: url('../fonts/BreuerText-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/BreuerText-Light.otf')  format('opentype'),
	     url('../fonts/BreuerText-Light.woff') format('woff'),
       url('../fonts/BreuerText-Light.ttf')  format('truetype'),
       url('../fonts/BreuerText-Light.svg#BreuerText-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BreuerText-Bold';
  src: url('../fonts/BreuerText-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/BreuerText-Bold.otf')  format('opentype'),
       url('../fonts/BreuerText-Bold.woff') format('woff'),
       url('../fonts/BreuerText-Bold.ttf')  format('truetype'),
       url('../fonts/BreuerText-Bold.svg#BreuerText-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Rupee_Foradian';
    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: 'Rupee_Foradian' !important;}


a:focus,
a:hover,
a {
    text-decoration:none !important;
    outline:none !important;
}

body {
    margin:0px;
    padding:0px;
    font-family: 'Frutiger';
	-webkit-font-smoothing: antialiased;
}

.container-fluid { width: 100%; }
.container-1200-wrp{ width: 1200px; margin: 0 auto;}
.banner-wrp-full{ width: 100%; height: 600px; background-image: url(../images/banner-bg_01.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
p.banner-lhs-title{ font-family: 'BreuerText-Light'; font-size: 70px; line-height: 65px; COLOR:#16469e; margin: 0px;}
a.banner-cta{ width: 260px; height: 54px; display: block; text-align: center; background-color: #d6181f; padding: 11px 0px; border-radius: 5px; color:#fff; font-family: 'BreuerText-Bold'; font-size: 20px; text-transform: uppercase; margin-top: 25px;}
.home-banner-lhs{ padding-top: 160px;}
.home-banner-rhs{ padding-top: 300px;}
.home-banner-rhs img{ margin-bottom:-65px;}
.menu-cta-wrp a{ float: right;}
.logo-wrp{ padding: 8px 0px;}
.header-full-wrp{ width: 100%; position: fixed; top:0px; left:0px; padding:10px 0px; transition: all 0.5s ease; z-index: 9999;}
.small{ background-color: #d1e4a2;}
.common-title-home{ font-weight: 300; font-size: 40px; line-height: 44px; margin: 0px;}
.clr-blue{ color:#16469e;}
.clr-white{ color:#fff !important;}
.clr-green{ color:#a3cf62 !important;}
.common-pad-tb{ padding: 60px 0px;}
.key-info-numb{ font-family: 'BreuerText-Light'; color:#333333; font-size: 70px; margin: 0px; line-height: 1;}
.key-info-numb span.info-legend{ color:#7d7d7d; font-size: 20px; font-family: 'BreuerText-Bold';}
p.info-key-btm{ font-weight: 700; color:#333333; font-size: 20px; text-transform: uppercase; margin: 0px; border-top: 2px solid #d6181f;}
.key-info-numb span.rs{ font-size: 60px;}
.key-high-grid-wrp{ padding: 60px 0px 0px;}

a.common-cta{ width: 120px; height: 40px; text-align: center; display: block; padding: 10px 0px; font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 5px;}
.blue-cta{ border: 1px solid #16469e; color:#16469e;}
.blue-cta:hover{ border: 1px solid #16469e; color:#16469e;}
.white-cta{ border: 1px solid #fff; color:#fff;}
.white-cta:hover{ border: 1px solid #fff; color:#fff;}
.mr-t-30{ margin-top: 30px;}

.about-jsw-wrp{ width: 100%; height: 660px; background-image: url(../images/about-bg-home_03.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.about-overlay-wrp{ width: 100%; height: 100%; position: absolute; top:0px; left:0px; background-image: url(../images/about-trans-bg_03.png); background-repeat: no-repeat; background-position: center; background-size: cover;}

.about-lhs-wrp{ width: 465px;}
.about-lhs-desc{ color:#fff; font-size: 14px; line-height: 20px; font-weight: 300; margin-top: 30px; padding-right: 51px;}

.about-rhs-wrp{ padding: 160px 10px 0px;}
.about-rhs-wrp p{ color:#16469e; font-size: 40px; line-height: 44px; font-weight: 300;}
.chairman-msg-wrp-full{ width: 100%; background-color: #f2f2f2;}
.chairman-lhs-wrp{ position: relative; padding: 0px 0px 30px 30px;}
.chairman-desi-box{ background-color: #d6181f; width:280px; padding: 28px 20px; display: block; position: absolute; bottom:0px; left: 0px;}
.chairman-desi-box p.name{ color:#fff; font-size: 40px; font-weight: 300; line-height: 1.2; margin: 0px;}
.chairman-desi-box p.designation{ color:#fff; font-size: 14px; font-weight: 300; line-height: 1; margin: 0px; font-style: italic;}

p.stakeholders-txt{ font-size: 20px; font-weight: 700; color:#d6181f; margin: 20px 0px 0px;}
p.stakeholders-msg-desc{ font-size: 36px; line-height: 40px; font-weight: 300; color:#333333; margin: 20px 0px;}
p.msg-chaiman-txt{ font-size: 18px; line-height: 23px; color:#333333; font-weight: 300; margin: 0px;}

.graph-cover-full{ padding-top: 60px;}
.kpi-box-main{ width: 100%;}
p.kpi-title{ color:#333333; font-size:20px; font-weight: 300; margin: 0px;}
.graph-box-inner{ width: 100%; padding: 10px 0px; border-top: 2px solid #363636; border-bottom: 2px solid #363636;}

ul.graph-lst{ margin: 0px; padding: 0px; list-style: none; list-style-type: none;}
ul.graph-lst li{ width: 100%; position: relative; height: 20px; margin-bottom: 10px;}
ul.graph-lst li span.color-graph{ width: 100%; height: 100%;background-color: #0d486a; display: block; border-radius: 0px 5px 5px 0px; position: absolute; top:0px; left:0px;}
ul.graph-lst li:last-child{ margin-bottom: 0px;}
ul.graph-lst li:last-child span.color-graph{ background-color: #4a8583;}
ul.graph-lst li span.yr-txt{ color: #fff;position: absolute;top: 1px;left: 7px;font-size: 12px;font-family: 'BreuerText-Bold';z-index: 2;}
ul.graph-lst li span.graph-numb{ color:#333333; font-weight: 700; font-size: 20px; position: absolute; right: 0px; top:0px; line-height: 1;}

.wd-5{ width: 5% !important;}
.wd-10{ width: 10% !important;}
.wd-15{ width: 15% !important;}
.wd-20{ width: 20% !important;}
.wd-25{ width: 25% !important;}
.wd-30{ width: 30% !important;}
.wd-35{ width: 35% !important;}
.wd-40{ width: 40% !important;}
.wd-45{ width: 45% !important;}
.wd-50{ width: 50% !important;}
.wd-55{ width: 55% !important;}
.wd-60{ width: 60% !important;}
.wd-65{ width: 65% !important;}
.wd-70{ width: 70% !important;}
.wd-75{ width: 75% !important;}
.wd-72{ width: 72% !important;}
.wd-80{ width: 80% !important;}
.wd-85{ width: 85% !important;}
.wd-90{ width: 90% !important;}
.wd-95{ width: 95% !important;}

.graph-btm-cover{ width: 250px; margin-top: 30px;}
p.graph-btm-numb{ color:#4a8583; font-size: 70px; margin: 0px; font-family: 'BreuerText-Light'; line-height: 1;}
p.graph-btm-numb span.rs{ font-size: 60px;}
p.graph-btm-numb span.graph-btm-small-txt{ font-size: 20px; font-family: 'BreuerText-Bold';}
p.graph-btm-numb-text{ border-top: 2px solid #363636; color:#333; font-weight: 700; text-transform: uppercase; font-size: 20px; margin: 0px;}
.cycle-slideshow{ width: 100% !important;}

.item-kpi .kpi-box-main{ width: 90%;}
.center{ width: 100%; position: absolute; top:50%; margin-top:-15px;}
#prev{ width: 33px; height: 68px; position: absolute; left: -50px; background-image: url(../images/left-kpi-arrw.png); background-repeat:no-repeat; background-position: 0px 0px;}
#next{ width: 33px; height: 68px; position: absolute; right: 30px; background-image: url(../images/right-kpi-arrw.png); background-repeat:no-repeat; background-position: 0px 0px; z-index: 10;}

.megatrends-wrp-full{ width: 100%; background-image: url(../images/home-btm-bg_05.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.megha-grid-wrp{ margin: 50px 0px 0px;}
.mega-box p.title{ font-weight: 700; font-size: 20px; color: #fff; line-height: 22px; text-transform: uppercase;}

.mega-box-inner{ width: 100%; height: 316px; padding-right: 230px;}
.mega-icn-1{ background-image: url(../images/megatrend-pic-1.png); background-repeat: no-repeat; background-position: right bottom;}
.mega-icn-2{ background-image: url(../images/megatrend-pic-2.png); background-repeat: no-repeat; background-position: right bottom;}
.mega-icn-3{ background-image: url(../images/megatrend-pic-3.png); background-repeat: no-repeat; background-position: right bottom;}
h2.mega-numb-info{ font-weight: 300; color:#7bbf9d; font-size: 34px; margin: 0px 0px 10px;}
h2.mega-numb-info span{ font-size: 16px;}
p.mega-numb-desc{ font-weight: 300; color:#fff; font-size: 14px; line-height: 20px; margin: 0px 0px 20px;}
.footer-wr-full{ background-color: #464646; padding: 20px 0px;}
.footer-wr-full p{ margin: 0px; font-weight: 300; color:#fff; font-size: 14px; text-align: center;}

.inner-page .header-full-wrp{ background-color: #d1e4a2;}


.inner-banner{ height: 380px; width: 100%; margin-top: 70px;}
.inner-banner .home-banner-lhs{ padding: 135px 0px 0px;}
.strong-balancesheet-bg{ background-image: url(../images/inner-banner-bg-1_02.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.inner-banner .banner-lhs-title{ color:#fff; font-size: 70px; text-transform: uppercase;}
.section-bg-top-right-1{ background-image: url(../images/right-inner-design-1.png); background-repeat: no-repeat; background-position: right -50px top;}

.inner-sub-title{ font-weight: 700; font-size: 20px; line-height: 24px;}
.body-copy{ font-weight: 300; font-size: 15px; line-height: 22px; color:#333;}
.mr-0{ margin: 0px !important;}
.grey-bg{ background-color: #f5f5f5;}

.inner-page-kpi{ margin-bottom: 50px;}
.inner-page-kpi .graph-btm-cover{border-bottom: 2px solid #363636; margin-bottom: 5px;}
.inner-page-kpi ul.graph-lst li span.color-graph{ background-color: #84be9c;}
.inner-page-kpi ul.graph-lst li:last-child span.color-graph{ background-color: #a7cf5b;}
.inner-page-kpi ul.graph-lst li span.yr-txt{ color:#333333;}

p.legend-txt{ font-size: 14px; font-weight: 300;}
.bg-green-light{ background-color: #a7cf5b !important;}
.mega-trends-bg{background-image: url(../images/megatrends-bg_02.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

p.mega-trend-title{ font-weight: 300; font-size: 40px; color:#16469e; line-height: 1;}
.mega-info-numb{ color:#7bbf9d; font-family: 'BreuerText-Light'; font-size: 70px; line-height: 1; margin: 0px;}
.mega-numb-unit{ font-size: 20px;}
p.mega-numb-desc{ color:#7bbf9d; font-family: 'BreuerText-Light'; font-size: 20px; line-height: 1;}

.mr-t-30{ margin-top: 30px !important;}
.mr-b-60{ margin-bottom: 60px !important;}
.bord-none{ border: none !important;}
.mega-trends-box{ padding-bottom: 30px; border-bottom:1px solid #d7d7d7;}

.mega-electrification-wrp{ width: 100%; height: 600px; background-image: url(../images/mega-blue-bg_04.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;;}

.mega-blue-sub-title{ text-transform: uppercase; font-weight: 300; font-size: 20px; line-height: 24px; color:#fff;}

.mega-blue-sub-title-dark{ text-transform: uppercase; font-weight: 300; font-size: 20px; line-height: 24px; color:#333333;}

ul.blue-mega-list-white{ list-style: none; list-style-type: none; margin: 0px; padding: 0px;}
ul.blue-mega-list-white li{ padding: 0px 0px 0px 35px; margin-bottom: 10px;color:#fff; font-weight: 300; font-size: 14px; line-height: 18px;background-image:url(../images/white-tick.png); background-repeat: no-repeat; background-position: 0px 0px; min-height: 25px;}

.bold-font{ font-weight: 700;}
.financial-wrp{ margin-top: 100px;}

/*financial css start*/
.table{
	margin:20px 0;
	overflow-x:auto;
}
.table table{
	width:100%;
	font-size:15px;
	font-family: 'Frutiger';
	border-spacing: 0px 0px;
    border-collapse: separate;
}
.table thead tr:first-child th{
	border-top: 2px solid #7452a2;
}
.table thead tr:first-child td{
	border-bottom: 4px solid #17479e;
}
.table thead tr th{
	border-bottom: 1px solid #17479e;
	padding: 3px 10px;
	text-align:right;
}
.table tr th[colspan]{
	text-align:center;
}
.table tr th:first-child{
	text-align:left;
	padding-left:10px;
}
.table tr td{

	text-align:right;
	padding: 0px 10px;
}
.table tr:last-child td{
	border-bottom: 4px solid #17479e;

}
.table tr td:first-child{
	text-align:left;
}
.table p:last-child {
    padding: 2px 10px;
    font-size: 15px;
}
.table p{
	padding:5px 10px;
	min-width:300px;
}
.table p span{
	float:right;
	padding-right:10px;
}
.table.table-1{
	border:2px solid #ccc;
}
.table-1 tr th{
	padding:10px;
}
.table-1 td:first-child, .table-1 th:first-child{
    min-width: 280px;
}
th.highlight,.highlight-2 tr th:nth-child(2),.highlight-3 tr th:nth-child(3),.highlight-4 tr th:nth-child(4),.highlight-7 th:nth-child(7){
	background:#17479e;
	color:#fff;
	text-align: right;
}

	.table td, .table th {

    border-top: none;
}

	.financial-cover-box{width: 100%;}

	.border-right-table{border-right: 2px solid #17479e;}
	.border-right-table-cen {border-right: 2px solid #17479e; text-align: center !important; }

	/* @balance-sheet start */
tr.al, th.al, td.al{text-align:left!important;}
tr.ar, th.ar, td.ar{text-align:right!important;}
th.purple, td.purple{color:#17479e;}
tr.strong td,th.strong, td.strong{font-weight:bold;}
tr.solid-bottom td{border-bottom:1px solid #333;}

/* @balance-sheet end */
	.new-blue{color: #17479e;}

	.table thead th {
    vertical-align: top;
}

.br-tb-bl{border-bottom: 2px solid #17479e;}
.financial-wrp h1{ font-weight: 700; color:#17479e; line-height: 1; margin: 0px;}
/*financial css end*/

.renewed-bg{background-image: url(../images/renewed-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.section-bg-top-right-2{ background-image: url(../images/renewed-rhs-bg.png); background-repeat: no-repeat; background-position: right -50px top;}

.about-bg{background-image: url(../images/about-jsw-ltd-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

.blue-bg{ background-color: #16469e;}
.section-title-inner{ font-weight: 700; font-size: 30px; margin: 0px 0px 20px;}
.ex-buss-wrp{ padding: 40px 0px 0px 0px; border-top: 2px solid #fff; margin-bottom: 30px;}
.ex-buss-pic-box img{ border-radius: 12px 12px 0px 0px;}
.ex-buss-box{ width: 100%; border: 2px solid #fff; border-radius: 12px 12px; margin-bottom: 30px; position: relative;}
.ex-buss-desc-box{ background-color: #fff; padding: 10px 15px; min-height: 140px; border-radius: 0px 0px 10px 10px;}
p.ex-buss-desc-title{ font-weight: 700; font-size: 18px; color:#16469e; margin: 0px;}

.ex-buss-box::before{ content: '';
    width: 2px;
    height: 40px;
    background-color: #fff;
    position: absolute;
    top: -42px;
    left: 50%;}

.btm-ex-buss-box::before{ height: 412px; top:-414px;}

.ppoc-inner-box{border-bottom: 2px solid #fff;border-top: 2px solid #fff;border-right: 2px solid #fff; padding: 5px 0px;}
.ppoc-numb-info{ font-family: 'BreuerText-Light'; color:#a3cf62; font-size: 44px; line-height: 0.9; margin: 0px;}
.ppoc-numb-unit{ font-size: 20px;}
.pp-name{ color: #fff;font-size: 16px;background-color: #16469e;padding: 3px 5px;margin-top: -21px;display: block;width: max-content;}
.ppoc-inner-box p.body-copy{ font-size: 13px;}
.ppoc-wrp{ margin-top: 40px;}

.kph-bg{background-image: url(../images/kph-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

.inner-body-box .kpi-box-main{ margin-bottom: 40px;}
.inner-body-box .graph-btm-cover{border-bottom: 2px solid #363636;}


/*ACC*/
.accordion{width:100%; margin: 0 auto;}
.accordion-toggle {border-bottom: 1px solid #cccccc;cursor: pointer;margin: 0;padding: 16px 15px;position: relative; font-size:25px; background: #7bc09e; margin-bottom: 5px; color:#fff;}
.accordion-toggle.active:after{content:"";position:absolute;right:20px;top:27px;width:0;height:0;border-bottom:5px solid #fff;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);}
.accordion-toggle:before{content:"";position:absolute;right:20px;top:27px;width:0;height:0;border-top:5px solid #fff;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);}
.accordion-toggle.active:before{display:none;}
.accordion-content {display: none;}
.accordion-toggle.active {background: #d6181f;
    color: #FFF !important;}

.accordion-content { margin-top:20px; }
.accordion-content p {font-size:18px; font-family: 'Calibri' !important;
    color: #545454;
    line-height: 22px;}

.stat-cover a { margin-bottom:30px; }

/*story- page css start*/
.constant-focus-bg{ background-image: url(../images/constant-focus-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}

.section-bg-top-right-3{ background-image: url(../images/constant-focus-rhs-icn.png);
    background-repeat: no-repeat;
    background-position: right -50px top;
    background-color: white;}

.body-copy b{ font-weight: 700;}

.constant-focus-wrp .graph-box-inner{ position: relative;}
.place-focus{ position: absolute; left: 0px; top:20px;}
.constant-focus-wrp ul.graph-lst{ margin-left: 100px;}
.second-focus-wrp{ border: none;}
.bord-bottom-none{ border-bottom: none;}
.second-focus-wrp2{border-bottom: 2px solid #363636; border-top:none;}

.diversifying-bg{background-image: url(../images/diversified-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}

.section-bg-top-right-4{ background-image: url(../images/right-inner-Icon-diversified.png);
    background-repeat: no-repeat;
    background-position: right -50px top;
    background-color: white;}

.inner-ppoc-green .pp-name{ background-color: #fff;}
.inner-ppoc-green{     border-bottom: 2px solid #a3cf62;
    border-top: 2px solid #a3cf62;
    border-right: 2px solid #a3cf62;}

.inner-ppoc-green .body-copy{ color:#333 !important; line-height: 1.2; font-weight: 700;}


.building-bg{background-image: url(../images/building-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}

.section-bg-top-right-5{ background-image: url(../images/right-inner-design-building.png);
    background-repeat: no-repeat;
    background-position: right -50px top -20px;
    background-color: white;}


.m-t-70{ margin-top: 70px;}
.mr-b-30{ margin-bottom: 30px;}
.mr-b-10{ margin-bottom: 10px;}

p.corp-info-title{ font-weight: 700; font-size: 20px; border-bottom: 2px solid #363636;}
.corp-info-name{ font-weight: 700; font-size: 18px; margin: 0px;}
.corp-info-desc{ font-weight: 300; font-size: 15px; color:#333;}

.risk-bg{background-image: url(../images/risk-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}


.risk-box-inner{ width: 100%; height: 100px; margin-bottom: 30px;border-radius: 5px; text-align: center; line-height: 100px; padding: 0px 10px;}
.risk-box-inner span.center-txt-verti{  display: inline-block;
  vertical-align: middle;
  line-height: normal;}
.bg-blue-dark{ background-color: #16469e;}
.first-box-title{ font-weight: 700;
    font-size: 20px;
    display: block;
    line-height: 1;
    margin-bottom: 10px;}
.first-box-desc{ font-weight: 300; font-size: 18px; line-height: 1;}
.arrow-box{ text-align: center; margin-bottom: 30px;}
.arrow-box .first-box-title{ font-size: 50px;}
p.risk-title{ color:#000; font-weight: 700; font-size: 20px; text-align:center;}
.bg-sea-blue{ background-color: #7cbe9d;}
.bg-sea-green{ background-color: #abd8aa;}
.bg-light-green{ background-color: #d0e4a2;}
.hide-desk{ display: none;}
.risk-full-wrp{ margin-bottom: 30px;}

.pri-risk-title{ background-color: #16469e; color:#fff; margin: 0px;font-weight: 700; font-size: 20px; padding: 0px 15px;}
.pri-risk-box{ background-color: #e8f1d3; padding: 10px 15px; min-height: 50px;}
.bg-pri-risk-green-bg{ background-color:#e8f1d3;}
.arrw-right-pri{ background-image: url(../images/green-right-arrw.png); background-repeat: no-repeat; background-position: top 10px right;}

.bord-pri-green{ border-bottom: 1px solid #7cbe9d;}

.empowering-bg{background-image: url(../images/empowering-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}

ul.empowering-list{ margin: 0px 0px 0px 20px; padding: 0px;}
ul.empowering-list li{ font-size: 15px; font-weight: 300; padding-bottom: 10px;}

/*story- page css end*/


/*KINJAL*/
/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


.l-green-color { color:#7bbf9d; }
.fs-12 { font-size:12px !important; }
.fs-14 { font-size:14px !important; }
.fs-16 { font-size:16px !important; }
.fs-18 { font-size:18px !important; }
.fs-20 { font-size:20px !important; line-height:22px; }
.fs-22 { font-size:22px !important; }
.fs-24 { font-size:24px !important; }
.fs-25 { font-size:25px !important; }
.fs-30 { font-size:30px !important; line-height:33px; }
.fs-40 { font-size:40px !important; line-height:42px; }
.fs-55 { font-size:55px !important; line-height:55px; }
.fs-100 { font-size:100px !important; line-height:76px; }

.mr-t-0  { margin-top: 0px; }
.mr-t-5  { margin-top: 5px; }
.mr-t-10  { margin-top: 10px; }
.mr-t-40  { margin-top: 40px; }
.mr-t-50  { margin-top: 50px; }
.mr-t-60  { margin-top: 60px; }
.mr-t-70  { margin-top: 70px; }
.mr-t-80  { margin-top: 80px; }
.mr-t-87 { margin-top: 87px;}
.mr-t-90  { margin-top: 90px; }
.mr-t-100 { margin-top: 100px;}
.mr-t-150 { margin-top: 150px;}

.mr-b-5{ margin-bottom: 5px;}
.mr-b-10{ margin-bottom: 10px;}
.mr-b-20{ margin-bottom: 20px;}
.mr-b-30{ margin-bottom: 30px;}

.bold-text {font-family: 'BreuerText-Bold';}

.inner-content {}
.inner-content p,.number-callout p {    font-weight: 300;
    font-size: 15px;
    line-height: 22px; }

.value-bg {
    background-image: url(../images/our-value-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.strategic-bg {
    background-image: url(../images/strategic-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.enabling-bg {
    background-image: url(../images/enabling-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.number-callout {}
.number-callout h2 { margin:0px; padding:0px; border-bottom:solid 1px #000; font-size:16px;font-family: 'BreuerText-Bold'; padding-bottom:5px; margin-bottom:5px;}
.number-callout h3 {font-family: 'BreuerText-Light';
    color: #418381;
    font-size:55px;
    line-height: 0.9;
    margin: 0px;}

.number-callout p { margin-bottom:10px; }
.business-activities-list {}
.business-activities-list ul { margin:0px; padding:0px; list-style-type:none; }
.business-activities-list ul li { border-radius:5px; border:solid 1px #5d5e60; padding:10px 5px; margin-bottom:10px; text-align:center; font-family: 'BreuerText-Bold'; font-size:16px; color:#000; background-color:#FFF; position:relative;}
.business-activities-list ul li:before { content:''; position:absolute; width: 0; left:0px; right:0px; margin:auto; bottom:-10px;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #5d5e60; }
.business-activities-list ul li:last-child:before { display:none; }

.key-segments { background-color:#FFF; border:solid 1px #5d5e60;width: 600px;margin: auto;padding: 108px 0px; position:relative;}
.key-segments h2 {font-family: 'BreuerText-Bold'; font-size:22px; color:#16469e; text-align:center; margin:0px; padding:0px; }

.pointer-title { display:block; position:absolute; z-index:1; width:110px;
    height: 110px;
    border-radius: 50%;
    background-color: #1c4697;
    padding-left: 0;
    padding: 15px;
    margin-right: 10px; text-align:center;}

.pointer-title span {
    display: table;
    width: 100%;
    height: 100%;
}

.pointer-title span p {
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 0px;font-family: 'BreuerText-Bold'; font-size:13px;
}

.input-box { background-color:#dedeed; padding:20px; }
.business-activities { background-color:#c7c8e0; padding:20px; }
.outcomes { background-color:#b7d6c7; padding:20px;    height: 576px; }
.outputs { background-color:#96c8ae; padding:20px;    height: 576px; }

.common-listing {}
.common-listing ul { margin:0px; padding:0px; }
.common-listing ul h2 {font-family: 'BreuerText-Bold'; font-size:18px;}
.common-listing ul li { font-size:16px;margin-left: 17px; margin-bottom:8px; }
.strategic-focus { margin-top:30px; }
.outputs .number-callout { margin-bottom:33px; }

.segments-note { position:relative; padding-left:20px; margin-left: 30px; margin-top: 80px;line-height: 11px;}
.segments-note:before { content:''; position:absolute; left:0px; top:0px; width:10px; height:10px; border-radius:100px; background-color:#878ac1; }

.strategic-box { border-radius:10px; padding:10px; background-color:#a3d5a5;height: 240px; margin-bottom:20px;}
.strategic-box h2 {font-family: 'BreuerText-Bold';
    font-size: 18px;
    color: #16469e;
    margin: 0px; margin-bottom:15px; }
.strategic-box p { margin-bottom:0px; font-size:15px; color:#000; }

.profile-container {
  position: absolute;
  width:300%;
  left: 0px;
  top: 0px;
  background-color: #e86514;
  /*height: 85%;*/
  padding-bottom: 18px;
  z-index: 88;
  display: none;
}

.profile-container .person-pic p { padding-top:5px; font-size:14px;}

.profile-container .person-pic {
  width: 100%;
  margin-left: 8px;
  margin-top: 8px;
}

.profile-container .person-desc {
  width: 100%;
  display: block;
  position: relative;
 height:380px;
 padding-top:20px;
     /* height: 300px;
    overflow: scroll;
	overflow-x:hidden;*/
}

.profile-container .person-desc p {
  display: block;
  color: #FFF;
  line-height: 1.4em;
  font-size: 16px;
  margin-bottom:10px;
  padding-right: 40px;
}

.profile-container .person-desc ul {
  display: block;
  padding: 10px 40px;
  color: #FFF;
  line-height: 1.4em;
  font-size: 18px;
}

.profile-container .closed-bt {
  cursor: pointer;
  width: 21px;
  background-image: url(../images/closed.png);
  background-repeat: no-repeat;
  height: 22px;
  position: absolute;
  right: 15px;
  top: 12px;

}

.bod-title {font-family: 'BreuerText-Bold'; font-size:20px; margin-top:10px; color:#333;}
.bod-title span { display:block; font-family: 'BreuerText-Light'; font-size:16px;}

.bod-left-1 { left:-367px; }
.bod-left-2 { left:-746px; }

.emp-pic-box{ border: 1px solid #e4e4e4;}

/*Overlay styles, after click on menu icon*/

.overlay {
  position: fixed;
  background: #d1e4a2;
    background-image: url(../images/home-banner-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  z-index: 8888;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}

.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

.overlay .overlay-menu {
  position: relative;
  top: 55%;
  transform: translateY(-50%);
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}

.overlay .overlay-menu ul {
  list-style: none;
  padding: 0;
  margin: 0 auto 30px;
  position: relative;
  height: auto;
}

.overlay li {
  opacity: 0;
}

.overlay h2 {
  opacity: 0;
}

.overlay a {
  opacity: 0;
}

.overlay.open li {
  animation: fadein 0.5s ease forwards;
  animation-delay: 0.35s;
  padding: 2px 0px;
}

.overlay.open h2 {
  animation: fadein 0.5s ease forwards;
  animation-delay: 0.35s;
}


.overlay.open a {
  animation: fadein 0.5s ease forwards;
  animation-delay: 0.35s;
}


@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* Firefox < 16 */

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* Internet Explorer */

@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.drop-list-head{ font-weight: 700; font-size: 26px; text-transform: uppercase;color:#16469e;}
.drop-list-head small{ font-weight: 700;}
.menu-drop-list li a{ font-size: 14px; margin-bottom: 5px;}
.mr-b-0{ margin-bottom: 0px !important;}

.mda2-bg {
background-image: url(../images/mda-1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.inner-banner2 {
height: 550px;
width: 100%;
margin-top: 70px;
}



.section-bg-top-right-2 {
/*background-image: url(../images/mda-2.png);*/
background-repeat: no-repeat;
background-position: right -50px top;
}



.section-bg-top-right-3 {
/*background-image: url(../images/mda-9.png);*/
background-repeat: no-repeat;
background-position: right -50px top;
}


.section-bg-top-right-4 {
/*background-image: url(../images/mda-14.png);*/
background-repeat: no-repeat;
background-position: right -140px top -30px;
}



.section-bg-top-right-5 {
/*background-image: url(../images/mda-16.png);*/
background-repeat: no-repeat;
background-position: right -70px top;
}


.section-bg-top-right-6 {
background-image: url(../images/mda-22.png);
background-repeat: no-repeat;
background-position: right -50px top;
}


.ppoc-inner-box2 {
       border-right: 1px solid #408583;
border-top: 1px solid #408583;
border-bottom: 1px solid #408583;
border-radius: 0px 28px 28px 0px;

padding-right: 26px;
}

.pp-name2 {
color: #408583;
font-size: 47px;
background-color: #fff;
padding: 3px -5px;
margin-top: -42px;
display: block;
width: max-content;
font-weight: 700;
padding-right: 22px;

padding-left: -16px;

}


.ppoc-numb-info2 {
font-family: 'BreuerText-Light';
color: #17479e;
font-size: 18px;
line-height: 0.9;
margin: 0px;
background-color: #fff;

  line-height: 22px;
}


.mr-t-30{    margin-top: 30px;}
.mr-l-20{margin-left: 20px;}

.height1{height: 421px;}
.height2{height: 500px;}

.b-head{ color: #17479e !important; font-weight: 700;}

.green-box{background-color: #d2e9d2;
margin: 0px;
padding: 10px;
margin-top: 20px;}


.red-color{color: #d71920 !important; font-weight: 700}


.mda-list {
margin: 0px 0px 20px;
padding: 0px 0px 0px 0px;
}

.mda-list li {
font-size: 18px;

}

ul.mda-list li:before {
content: "•";
font-size: 170%; /* or whatever */
padding-right: 13px;
  color: #58595b;
}

ul.mda-list {
list-style: none;
}

.menu-cta-wrp a img{ transition: all 0.5s ease;}
#close{ display: none;}
.menu-cta-wrp a.active #close{ display: block;}
.menu-cta-wrp a.active #open{ display: none;}
.bod-wrp{ padding-bottom: 30px;}
