body {font-family: 'Roboto', sans-serif;}

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

.rs {font-family: "Rupee Foradian";}

.container-fluid { width:100%; }
.row { margin:0px; padding:0px; }
.no-padding { padding:0px; }
a { text-transform:none; outline:none; }
.container-980 { width:980px; margin:0 auto; }



.navbar-default{ background-color:transparent; border-color:transparent;}
.navbar {
position: relative;
 min-height:auto;
 margin-bottom:0px; 
border: none;
float:right;
}
ul.nav li{ position:relative;}
ul.nav li a{ padding:0px 18px; margin-top:0px; text-transform:uppercase; color:#7d7d7d; font-size:14px; border-right:solid 1px #e4e4e4 }
ul.nav li a:hover { color:#0199cd !important; }
ul.nav li a.last-bor { border-right:none; }
ul.nav li a.first-list{ padding-left:0px;}
ul.nav li a.last-list{ padding-right:0px; border-right:none;}

ul.nav li .search-box{ background-color: #f2f2f2;
border: 1px solid #e4e4e4;
padding: 10px;
position: absolute;
bottom: -53px;
right: -11px;
width: 210px; display:none;}

ul.nav li{ position:relative; padding:38px 0px;}
ul.nav li ul{ display:none; background-color:#fff; border-top:3px solid #d11539; border-bottom:2px solid #d11539; position:absolute; top: 66px;
left: 0px;
z-index: 99; list-style:none; list-style-type:none; margin:0px; padding:0px;}
ul.nav li ul li{ float:none; width:210px; padding-bottom:0px; padding-top:0px; position:relative;}
ul.nav li ul li a{ display:block; text-decoration:none; font-size:14px; padding:5px 15px; border-bottom:1px solid #d0d0d0; color:#676767; margin-top:0px;}
ul.nav li ul li a:hover{ color:#d11539;}
/*ul.nav li:hover > ul
{
	display:block;
}

ul.nav li ul li ul{ display:none; background-color:#fff; border-top:3px solid #d11539; border-bottom:2px solid #d11539; position:absolute; top: -3px;
left: 209px;
z-index: 99; list-style:none; list-style-type:none; margin:0px; padding:0px;}
ul.nav li ul li ul li{ float:none; width:210px; padding-bottom:0px; padding-top:0px; position:relative;}
ul.nav li ul li ul li a{ display:block; text-decoration:none; font-size:14px; padding:5px 15px; border-bottom:1px solid #d0d0d0; color:#676767; margin-top:0px;}
ul.nav li ul li ul li a:hover{ color:#d11539;}
ul.nav li:hover > ul 
{
	display:block;
}
*/
.menu-container { position:absolute; width:540px; border-top:solid 5px #0080c6; border-bottom:solid 5px #0080c6;  background-repeat:repeat; background-position:left top; display:none; background-color:#fff; z-index:9999; top:96px; padding:7px 3px 7px 7px;-webkit-box-shadow: 0px 2px 9px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 9px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 9px 0px rgba(50, 50, 50, 0.75); z-index:11;}
.pointer { position:absolute; width:25px; height:13px; left:39px; right:0px; top:-20px; }
ul.nav li .link-nav { width:248px; float:left; margin-right:10px; border-right:1px dotted #e4e4e4;}
.link-nav-last { border-right:none !important;  }
ul.nav li .link-nav a { display:block; padding-top:3px !important; padding-bottom:3px !important; color:#333; text-transform:capitalize !important; font-size:14px; margin-left:0px !important;  border-bottom:1px dotted #e4e4e4; border-right:none !important; background-image:url(../images/arrows.jpg); background-repeat:no-repeat; background-position:5px 8px; text-align:left; font-weight: 300;}
ul.nav li .link-nav a.nav-listing { padding-left:32px; font-size:12px; border-bottom:none !important; padding-top:5px !important;}


ul.nav li .link-nav h2 { color:#000; padding-left:15px; font-size:14px; font-weight:700; margin-top: 8px; margin-bottom:5px; }
ul.nav li .link-nav h2 { color:#000; }
ul.nav li .link-nav a:hover {color:#3c64b0 ; background-color:transparent ;}
ul.nav li .link-nav a.nav-lst{ border-bottom:none;}


.chairman-con { background-color:#0095da; position:relative;  }
.chairman-pic img { width:100%; }
.chairman-content { /*padding:14px 30px; padding-left: 192px; position:absolute;top:0px; left:190px;*/ float:right; width:580px; color:#FFF; margin-right:10px; }
.chairman-content .annual-report { text-transform:uppercase; font-weight:300;  font-size:20px; padding-top:30px; padding-bottom:15px; }
.chairman-content .annual-report span { background-color:#fba61c; padding:3px 8px; }
.chairman-content .annual-report span strong { font-weight:700; }

.chairman-content h2 { font-weight:300; font-size:33px; margin:0px; padding:0px; display:block; font-family: 'Roboto', sans-serif; padding-bottom:10px;} 
.chairman-content h2 span { font-weight:700; } 
.chairman-content p.big { font-weight:300; font-size:24px; line-height:30px; }
.chairman-content p { font-weight:700; font-size:18px; padding-bottom:10px;}
.chairman-content a { color:#FFF; margin-top:20px;  text-transform:uppercase; font-size:12px; font-weight:700; } 
.chairman-content a span { border:solid 1px #fff; padding:10px 15px; }

.padding-bottom { padding-bottom:40px; }

.journey { text-align:center; padding-bottom:25px; }
.journey h1 { text-transform:uppercase; font-weight:300; color:#008ad3; font-size:35px; font-family: 'Roboto', sans-serif; padding-top:25px; }
.journey h1 span { font-weight:700;} 
.journey p { color:#7d7d7d; font-size:16px; line-height:23px; font-weight:300; padding-bottom:15px;}
.journey a, .performace-con a { color:#FFF; text-transform:uppercase; font-size:12px; font-weight:700; }
.journey a span, .performace-con a span { padding:10px 15px; background-color:#008ad3; }

.journey-listing { width:100%; display:inline-block; margin-top:30px; }
.journey-listing ul { margin:0px; padding:0px; list-style-type:none; }
.journey-listing ul li { width:192px; height:112px; float:left; float:left; background-color:#f3f3f3; border-top:solid 2px #fba61c; margin-right: 4px; margin-bottom:8px;}
.journey-listing ul li:nth-child[5n+5] { margin-right:0px; }
.journey-listing ul li h2 { font-weight:700; color:#008ad3; font-size:22px; padding:10px 8px; padding-bottom:0px; margin:0px; }
.journey-listing ul li h2 .bank { display:block; font-size:17px; }  
.journey-listing ul li h2 .plus { font-weight:300; font-family: 'Roboto', sans-serif; }
.journey-listing ul li p { color:#7d7d7d; font-size:13px; line-height:18px; padding:5px 8px;}

.performace-con { background-color:#f5f5f5; position:relative; }
.sha1, .sha2 {  margin-bottom:30px; width:100%; }
.sha1 img, .sha2 img { width:100%; } 
.sha2 { margin-bottom:0px; }
.performace-con h2 {text-transform:uppercase; font-weight:300; color:#555555; font-size:35px; font-family: 'Roboto', sans-serif; text-align:center; padding-bottom:20px;} 
.performace-con h2 span { font-weight:700; }

.performace-graph { width:97%; margin:0 auto; position:relative; background-color:#FFF; margin-bottom:15px;}
.performace-graph .graph-title { position:relative; padding:8px 8px; font-size:18px; font-weight:700; color:#FFF; background-color:#555555;}
.price { position:absolute; right:10px; top:30%; font-size:12px; }
.performace-graph .graph-con { position:relative; height:230px; border-bottom:solid 1px #7d7d7d;}
.performace-graph .graph-line { position:absolute; width:46px;  bottom:10px; }
.years { margin-top:10px; padding-bottom:10px; }
.years span { padding:0 28px; color:#393939; font-size:12px; font-weight:700; }

.grey { background-color:#959595; color:#FFF; left:8%; }
.grey2 { background-color:#959595; color:#FFF; left:43%; }
.orange { background-color:#fba61c; color:#FFF; left:43%; }
.blue { background-color:#0095da; color:#FFF; left:77%;}
.grey:hover, .orange:hover, .blue:hover { opacity:0.8; }

.graph-no { color:#FFF; font-size:11px; text-align:center; padding-top:3px; }


.height-5{ height:5% }
.height-10{ height:10% }
.height-15{ height:15% }
.height-20{ height:20% }
.height-25{ height:25% }
.height-30{ height:30% }
.height-35{ height:35% }
.height-40{ height:40% }
.height-45{ height:45% }
.height-50{ height:50% }
.height-55{ height:55% }
.height-60{ height:60% }
.height-65{ height:65% }
.height-70{ height:70% }
.height-75{ height:75% }
.height-80{ height:80% }
.height-85{ height:85% }
.height-90{ height:90% }
.height-95{ height:95% }

.footer-con { background-color:#313131; padding-top:15px; padding-bottom:15px; }
.address { color:#9c9c9c; font-size:14px; }
.address span { color:#0095da; }

.sbi { text-align:center; color:#FFF; font-size:14px; padding-top:30px;}
.copyright { text-align:right; color:#FFF; font-size:12px;}
.copyright a { color:#FFF; }

.socail { margin-top:10px; }
.socail a  { padding-right:5px; }

.blue-line { background-color:#008ad3; }

ul.breadcrumb {margin-bottom:0px;}
ul.breadcrumb li .divider { padding-left:10px; }
ul.breadcrumb li {color:#FFF !important; padding-left:5px; padding-right:3px; text-transform:uppercase;}
ul.breadcrumb li a { color:#cecece; text-transform:uppercase;}

p.big-text { font-size:28px; line-height:30px;}
.map { background-image:url(../images/map.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; }

.content-area { padding-right:30px; }
.content-area p { color:#2e2e2e; font-size:16px; line-height:1.5em;}

.then { text-align:center; line-height:24px; margin-top:30px; }
.then h2 { font-weight:700; text-transform:uppercase; padding:0px; margin:0px; font-size:20px; color:#fba61c;}
.then p { font-size:22px; color:#2e2e2e; }
.then p span { font-size:14px; display:block; }

.no-list { width:100%;  margin-bottom:30px;}
.no-list ul { margin:0px; padding:0px; list-style-type:none; }
.no-list ul li { display:block; border-bottom:solid 1px #fba61c; border-top:solid 1px #fba61c; margin-bottom:6px;}
.no-list ul li .inner-no-con { border-bottom:solid 4px #FFF;  border-top:solid 4px #FFF; background-color:#fba61c; text-align:center; color:#FFF; font-weight:300; font-size:35px;}

.no-list2 { width:100%; margin-top: 111px;}
.no-list2 ul { margin:0px; padding:0px; list-style-type:none; }
.no-list2 ul li { display:block; border-top:solid 1px #7d7d7d; margin-bottom:6px; font-size:17px; color:#7d7d7d; text-align:center; line-height:64px; margin:0 15px;}

.no-list3 { width:100%; }
.no-list3 ul { margin:0px; padding:0px; list-style-type:none; }
.no-list3 ul li { display:block; border-top:solid 1px #7d7d7d; margin-bottom:6px; font-size:18px; color:#7d7d7d; text-align:center; line-height:64px; margin:0 15px;}


.no-list3-new { width:100%; }
.no-list3-new ul { margin:0px; padding:0px; list-style-type:none; }
.no-list3-new ul li { display:block; border-top:solid 1px #7d7d7d; margin-bottom:6px; font-size:18px; color:#7d7d7d; text-align:center; /*line-height:64px;*/ margin:0 15px;}


.now { text-align:center; line-height:24px;margin-top:30px; }
.now h2 { font-weight:700; text-transform:uppercase; padding:0px; margin:0px; font-size:20px; color:#018bd4;}
.now p { font-size:22px; color:#2e2e2e; }
.now p span { font-size:14px; display:block; }

.no-list3 { width:100%; margin-bottom:30px;}
.no-list3 ul { margin:0px; padding:0px; list-style-type:none; }
.no-list3 ul li { display:block; border-bottom:solid 1px #018bd4; border-top:solid 1px #018bd4; margin-bottom:6px;}
.no-list3-new ul li { display:block; border-bottom:solid 1px #018bd4; border-top:solid 1px #018bd4; margin-bottom:6px; padding-top:10px; height:74px;}
.no-list3-new ul li.new-top-pad{ padding-top:21px;} 
.no-list3 ul li .inner-no-con { border-bottom:solid 4px #FFF;  border-top:solid 4px #FFF; background-color:#018bd4; text-align:center; color:#FFF; font-weight:300; font-size:35px;}


.grey-color { background-color:#efefef; }

.in-crore { text-align:right; display:block; color:#b7b7b7; margin-bottom:10px;}
table-total {color:#000 !important; border-top:solid 1px #d9d9d9;  }

.table-style2 {
width: 100%;
margin-top:10px;
}
.table-style2 tbody {
/* Kind of irrelevant unless your .css is alreadt doing something else */
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: left;
/*background: transparent;*/
background-color:#efefef;
font-size: 16px;
color:#8c8c8c;
}

.table-style2 td {
padding: 5px 10px;}

.table-style2 tr td.table-title{ color:#0068b3; text-transform:uppercase; font-weight:700; font-size:30px;background-color:#FFF;}
.table-style2 tr td.table-title2{ color:#0068b3; font-weight:700; font-size:18px;background-color:#efefef; padding-top:5px;}
.table-title-spacing { padding-top:10px !important; }
.table-style2 tr:last-child { background-color:#FFF;}

.table-style2 tr td.table-total { padding-top:10px; font-weight:700;}

.table-style tr:hover {
	background-color:#e4e4e4;
}

.table-style2 tr:nth-child(even) {
background: #efefef;
}
.table-style2 tr:nth-child(odd) {
background: #e9e9e9;
}

.table-style2 tr td:nth-child(3) { color:#0068b3; font-weight:400;}

.table-bor { border-bottom:solid 2px #008ad3; }
.table-title { font-size:35px; font-weight:700; color:#008ad3; text-transform:uppercase; line-height: 0.8em; padding-top:30px; padding-bottom:10px;}
.table-title span { font-size:22px;text-transform:capitalize; }
.tr-color { background-color:#f0f0f0; }



/**/

.table-style3 {
width: 100%;
margin-top:10px;
}
.table-style3 tbody {
/* Kind of irrelevant unless your .css is alreadt doing something else */
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: left;
/*background: transparent;*/
background-color:#efefef;
font-size: 16px;
color:#8c8c8c;
}

.table-style3 td {
padding: 5px 10px;}

.table-style3 tr td.table-title{ color:#0068b3; text-transform:uppercase; font-weight:700; font-size:30px;background-color:#FFF;}
.table-style3 tr td.table-title3{ color:#0068b3; font-weight:700; font-size:18px;background-color:#efefef; padding-top:5px;}

.table-style3 tr:last-child { background-color:#FFF;}

.table-style3 tr td.table-total { padding-top:10px; font-weight:700;}

/*.table-style tr:hover {
	background-color:#e4e4e4;
}*/

.table-style3 tr:nth-child(even) {
background: #efefef;
}
.table-style3 tr:nth-child(odd) {
background: #e9e9e9;
}

.table-style3 tr td:nth-child(4) { color:#0068b3; font-weight:400;}



.sub-title {background-color:#0095da; font-size:22px; text-transform:uppercase; font-weight:700; padding:10px 10px ; color:#FFF}
.listing {color:#2e2e2e; font-size:16px; line-height:1.5em; background-image:url(../images/blue-dot.jpg); background-repeat:no-repeat; background-position:left 8px; padding-left:15px; padding-right:30px}

.listing2 {color:#2e2e2e; font-size:14px; line-height:1.5em; background-image:url(../images/blue-dot.jpg); background-repeat:no-repeat; background-position:left 8px; padding-left:15px; padding-right:30px}


/* BOD */


.board-banner{
width: 100%;
margin: 0 auto;
display: inline-block;
margin-top: 20px;
}
.board-banner-image{
width: 77%;
/* height: 300px; */
/* background-color: #e4e4e4; */
margin: 0 auto;
display: block;
margin-top: 20px;
}
.padding-left h2{
color:#0080c6;
font-size: 61px;
padding-right: 2%;
}
.txt-bold{
font-size:15px;
color: #868686;
}
.txt-bold-director{
font-size:15px;
color: #868686;
}
.txt-regular{
font-size:12px;
color: #868686;
}
.director-description .txt-bold-director,.director-description  .txt-regular{
color:#fff!important;
}
.list-child{
width: 202px;
width: 180px\9;
padding: 10px 20px 10px 20px;
padding-left:10px\9;
padding-right:10px\9;
float: left;
border: 1px solid #ececec;
border-radius: 5px;
margin: 10px 10px;
height: 272px;
position:relative;
}
.director-description{
position: absolute;
width: 100%;
left: 11px;
top: 11px;
background-color: #0080c6;
z-index: 9999;
display: none;
max-height:350px;
overflow-y:auto;
}
.director-description a{
display: block;
height: 21px;
width: 21px;
position: absolute;
right: 15px;
top: 10px;
overflow: hidden;
}
.description-right{
float:left;
width: 70%;
}
.description-right p strong {
}
.description-right p{
color: #fff;
font-size: 16px;
margin: 10px 0px;
}
.description-left{
float:left;
width: 27%;
padding: 10px 11px 10px 11px;
}
.first-ul{
height: 100%;
float: left;
margin-top: -45px;
margin-bottom: 30px;
position:relative;
}
.second-row{
top: 288px!important;
}
.third-row{
top: 565px!important;
}
.fourth-row{
top: 842px!important;
}
.margin-class{
display:block;
margin-top:35px;
}
.margin-ul{
display:block;
margin-left: 80px;
}

.panel-heading { position:relative; } 
.panel-title {text-transform: uppercase; font-weight: 700; font-size:18px;}
.panel-note { position:absolute; right:20px; top:15px; font-size:13px; color:#7d7d7d; font-weight:600; }
.per-margin { margin-bottom:20px; }

.table-style5 {
width: 100%;
margin-top:10px;
}
.table-style5 tbody {
/* Kind of irrelevant unless your .css is alreadt doing something else */
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: left;
/*background: transparent;*/
background-color:#efefef;
font-size: 16px;
color:#8c8c8c;
}

.table-style5 td {
padding: 5px 10px;}

.table-style5 tr td.table-title{ color:#0068b3; text-transform:uppercase; font-weight:700; font-size:30px;background-color:#FFF;}
.table-style5 tr td.table-title3{ color:#0068b3; font-weight:700; font-size:18px;background-color:#efefef; padding-top:5px;}

.table-style5 tr:last-child { background-color:#FFF;}

.table-style5 tr td.table-total { padding-top:10px; font-weight:700;}

/*.table-style tr:hover {
	background-color:#e4e4e4;
}*/

.table-style5 td:nth-child(even) {
background: #efefef;
}
.table-style5 td:nth-child(odd) {
background: #e9e9e9;

}


.table-style5 tr td:nth-child(11) {background: #e6f2ff; }

.awards-con { width:380px; margin:0 auto; background-color:#f0f0f1; min-height:440px; margin-bottom:20px;}
.awards-con .awards-pic { width:358px; margin:0 auto; padding-top:10px;  }
.awards-con p { font-size:14px; font-weight:400; line-height:20px; padding:10px 20px; background-image:url(../images/blue_arrow.png); background-repeat:no-repeat; background-position:10px 12px; padding-left:40px;}

.social-con { width:233px; margin:0 auto; background-color:#f0f0f1; min-height:367px; margin-bottom:20px;}
.social-con .social-pic { width:210px; margin:0 auto; padding-top:10px;  }
.social-con .social-pic img { width:100%; }
.social-con p { font-size:14px; font-weight:400; line-height:20px; padding:10px 20px; background-image:url(../images/blue_arrow.png); background-repeat:no-repeat; background-position:10px 12px; padding-left:40px;}

.awards-margin-left { margin-left:100px; }
.awards-margin-right { margin-right:100px; }


.pdf_download { width:auto; float:left; margin-right:20px; margin-bottom:50px;}
.pdf_download ul { margin:0px; padding:0px; list-style-type:none;}
.pdf_download ul h2 { font-weight:600; font-size:22px; background-color:#008ad3; color:#FFF; padding:5px 10px; }
.pdf_download ul li  { width:380px; background-image:url(../images/pdf_download_icon.jpg); background-repeat:no-repeat; background-position:left 10px; padding-left:25px; border-bottom:dotted 1px #656565; display:block; margin-bottom:5px;}
.pdf_download ul li a { display:block; padding-bottom:7px; padding-top:8px; font-weight:bold; padding-left:5px; color:#656565; font-size:15px;}
.pdf_download ul li a span {  padding-top:3px; }
.pdf_download ul li a .size { float:right !important; font-weight:normal; font-size:11px; padding-right:10px; padding-top:6px; color:#656565; }
.pdf_download ul li a:hover { background-color:#f0f0f0; }


.site {
position: relative;
width: 49px;
cursor: pointer;
height: 18px;
margin-left: 10px;
float:right;
}

.speech_bubble {
position: absolute;
top: 4px;
left: 26px;
z-index:1;
}

.aicl {
position:absolute;
top: 7px;
left: 0px;
z-index: 0;
display:none;
}



@media (min-width: 1200px)
{


}



 @media (max-width: 991px) {
	 
	 
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px 0px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		text-align:center;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	
	ul.nav li a{ border-right:none}
	
	.navbar-header:before {
background-image: url(../img/mahindra-logo_02.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 203px;
height: 62px;
float: left;
}
 }
 

 @media (min-width: 767px) and (max-width: 1024px)
{
	.chairman-content p.big { font-size:18px; padding-right:20px; line-height:1.2em;}
	.chairman-content p { font-size:14px; padding-bottom:8px;}
	.chairman-content h2 {font-size: 26px;}
	.chairman-con{height: 307px;}

}
  
 
 
 @media (min-width: 768px) and (max-width: 979px)
{

}
 
 
 
 /* Landscape phone to portrait tablet 
@media (max-width: 767px) { }*/


/* Landscape phones and down */
@media (max-width: 480px) {
}

@media (min-width: 1920px) {
	.chairman-content {margin-right: 60px;}
	
}