@charset "utf-8";
/* CSS Document */
@import url("common-section.css");
h2{ margin:0 0 20px; font-size:16px;}
.bannerPanel{position:relative; z-index:1; max-width: 1290px;  margin: 0 auto 30px;}
.homeBannerSlider{ position:relative; z-index:1; margin:0;}
.homeBannerSlider li.homeBannerimg { position:relative; overflow:hidden; background-position:50% 0%;}

.homeBannerimg img.hbimg{ height:360px; position:absolute; display:block;  left:0; top:0; right:0;  margin:auto; z-index:2; opacity:0!important;}
.homeBannerimg img.hbBlankimg{ height:360px; max-width:1920px; display:block; margin:0 auto; position:relative; z-index:1;}

  .homeBannerSlider .homeBannerimg {
      display: none;
    }
    .homeBannerSlider .homeBannerimg:first-child {
      display: block;
    }
    .homeBannerSlider.slick-initialized .homeBannerimg {
      display: block;
    }


.home_banner_prev{ position:absolute; left:0; top:50%; margin-top:-45px; width:36px; height:90px; background:url(../images/banner-arrow.png) no-repeat -36px 0; text-indent:-9999px; cursor:pointer;}
.home_banner_next{ position:absolute; right:0; top:50%; margin-top:-45px; width:36px; height:90px; background:url(../images/banner-arrow.png) no-repeat 0 0; text-indent:-9999px; cursor:pointer;}

.bannerInfolink{position:absolute; left:50%; top:0px; height:360px; z-index:1; width:100%; max-width:1140px; margin-left:-570px;}
.bannerInfoHolder{position:absolute; left:50%; top:0px; height:360px; z-index:5; width:100%; max-width:1140px; margin-left:-570px;}
.bannerInfo{position:absolute; left:0; top:0px;   width:285px; height:360px; z-index:2;}
.bannerInfo > div{ background:rgba(255,255,255,0.7); height:316px; margin-bottom:1px;}
.bannerInfo > div h2{ margin:0; /*padding:30px 0 15px;*/padding:30px 10px 15px; font-size:24px; line-height:24px; text-transform:uppercase; color:#000; text-align:center; font-weight:600;}
.bannerInfo > div h2 span{ font-size:16px; /*line-height:16px;*/line-height:20px; text-transform:capitalize; display:block;}
.bannerInfo > div h2:after{ content:""; display:inline-block; width:25%; margin:0 auto; border-bottom:2px solid #000; margin-top:15px;}
.bannerInfo > div em{ color:#000000; font-size:13px; /*padding:0 25px 20px;*/padding:0 25px 10px; display:block; text-align:center;}
.bannerInfo > div a{ width:255px; height:100px; display:block; margin:0 auto 20px; position:relative;}
.bannerInfo > div a span.viewImg{ position:absolute; left:50%; top:50%; width:42px; height:42px; background:url(../images/icon-image.png) no-repeat 0 0; margin:-21px 0 0 -21px;}
.bannerInfo > div a.btnlink{color: #FFF; font-weight: 400; background:#2c5db4; padding:0 10px 0 10px; display:block; width:150px; height:35px; line-height:35px; margin:10px auto;}

.bannerInfo ul{ height:43px;}
.bannerInfo ul li{ float:left; width:43px; height:43px; background:rgba(255,255,255,0.7); margin-right:1px; cursor:pointer;}
.bannerInfo ul li.icon_a a{ background:url(../images/icon-a.png) no-repeat 50% 50%; width:43px; height:43px; display:block; text-indent:-99999px;}
.bannerInfo ul li.icon_b a{ background:url(../images/icon-b.png) no-repeat 50% 50%; width:43px; height:43px; display:block; text-indent:-99999px;}
.bannerInfo ul li.share{ background:rgba(255,255,255,0.7) url(../images/icon-share.png) no-repeat 50% 50%;}
.bannerInfo ul li.share a{display:none;}
.bannerInfo ul li.bannerInfoMore{ margin-right:0px; width:153px; text-align:right;}
.bannerInfo ul li.bannerInfoMore a{ color:#004484; background:url(../images/icon-more.png) no-repeat 100% 50%; padding-right:12px; font-size:11px; display:inline-block; margin:15px 10px 0 0; }



.banner-dots{ position:absolute; left:50%; bottom:40px; width:100%; height:10px; max-width:1140px; margin-left:-570px; text-align:right; z-index:5;}
.banner-dots li{ display:inline-block; height:10px;}
.banner-dots li a{ display:inline-block; width:10px; height:10px; text-indent:-9999px; background:url(../images/banner-dot.png) no-repeat 50% 0; margin:0 2px; font-size:0; color:transparent;}
.banner-dots li.slick-active a{ display:inline-block; width:10px; height:10px; text-indent:-9999px; background:url(../images/banner-dot-active.png) no-repeat 50% 0; margin:0 2px;}

.playPoseHolder{position: absolute;  bottom: 19px; z-index: 6;}

.bannerPause{ display:block; float:right; width:8px; height:12px; background:url(../images/pouse.png) no-repeat 50% 50%; text-indent:-9999px; font-size:0; color:transparent; }
.bannerPlay{ display:none; float:right; width:8px; height:12px; background:url(../images/play.png) no-repeat 50% 50%; text-indent:-9999px; font-size:0; color:transparent;  }

.homeBnrPop{ position:absolute; left:0%; top:0px; height:100%; width:100%; z-index:6; background:rgba(0,0,0,0.7); display:none;}
.homeBnrPop strong{ position:absolute; left:0; bottom:0px; top:0px; width:100%; height:80px; margin:auto; text-align:center; z-index:1;}
.homeBnrPop > span{ position:absolute; top:0px; right:0px; z-index:2; cursor:pointer; background:url(../images/close.gif) no-repeat 0 0;  width:29px; height:29px; text-indent:-9999px; }


.homeBnrPop a { display: inline-block; color: #000; text-align:center;  width:80px; height:80px; line-height:80px; text-align: center; background:#FFF; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; margin:1px; position:relative; }

.homeBnrPop a i{ line-height:80px; font-size:30px;}
.homeBnrPop a i span{ font-size:11px; text-transform:uppercase; position:absolute; left:0; bottom:8px; width:100%; line-height:12px;  font-family: 'Open Sans', sans-serif; }

.homeBnrPop a.facebook:hover{background:#4464b1}
.homeBnrPop a.twitter:hover{background:#4e9edd}
.homeBnrPop a.play:hover{background:#c9322b}
.homeBnrPop a.google_plus:hover{background:#c9322b}
.homeBnrPop a.linkedin:hover{background:#0e638d}
.homeBnrPop a.pdf:hover{background:#c9322b}

.homeBnrPop a i.fa-facebook{color:#4464b1}
.homeBnrPop a i.fa-twitter{color:#4e9edd}
.homeBnrPop a i.fa-play{color:#c9322b}
.homeBnrPop a i.fa-google-plus{color:#c9322b}
.homeBnrPop a i.fa-linkedin{color:#0e638d}
.homeBnrPop a i.fa-file-pdf-o{color:#c9322b}

.homeBnrPop a:hover i.fa-facebook, .homeBnrPop a:hover i.fa-twitter, .homeBnrPop a:hover i.fa-instagram,.homeBnrPop a:hover i.fa-play,.homeBnrPop a:hover i.fa-google-plus,.homeBnrPop a:hover i.fa-linkedin,.homeBnrPop a:hover i.fa-file-pdf-o{color:#FFF}

/*-------banner end--------*/

.container2{padding-right: 30px; padding-left: 30px; position:relative; }

/*-------Latest @ Tata Motors start--------*/
.latest_tatamotors{ position:relative;}
.latestSlider{}
.latestItem{}
.latestImg{ float:left; width:30%;}
.latestImg img{ width:100%;}
.latestInfo{float:left; width:66%; padding:0 0 0 4%; font-size:12px; }
.latestInfo em{ display:block; color:#989898;}
.latestInfo span{ display:block; color:#000; padding:10px 0;}
.latestInfo strong{ color:#2c5db4; font-weight:400; background:url(../images/icon-arrow.gif) no-repeat 95% 50%; padding-right:13px; display:inline-block;}
.latestInfo:hover strong{background:url(../images/icon-arrow.gif) no-repeat 100% 50%;}
.ls_paging{ position:absolute; top:1px; right:25px; color:#989898; font-size:11px; display:none;}
.ls_paging b{ color:#2c5db4; font-weight:400;}
.ls_prev{ position:absolute; top:-35px; right:10px; text-indent:-99999px; background:url(../images/control.png) no-repeat 0 0; width:12px; height:12px; cursor:pointer;    border-right: 1px solid #CCC;}
.ls_next{ position:absolute; top:-35px; right:0; text-indent:-99999px; background:url(../images/control.png) no-repeat 100% 0; width:12px; height:12px; cursor:pointer;}
/*-------Latest @ Tata Motors end--------*/

/*-------Investor Updates start--------*/
/*
.af_results{ border-bottom:1px solid #d8d8d8; padding-bottom:7px; margin-bottom:0;}
.af_results h4{ font-size:13px; color:#000; padding-bottom:10px; margin-bottom:0px;}
.af_results li{ border-bottom:1px dotted #CCC;}
.af_results li:last-child{ border-bottom:0px dotted #CCC;}
.af_results li a{ float:left; width:50%; color:#2c5db4; font-size:12px; padding:3px 0 2px 8px; background:url(../images/bullet.png) no-repeat 0 7px; }
.af_results li:after,.af_results li:before{ content:''; display:block; clear:both;}
.af_results li a img{ display:inline-block; padding-left:10px;}
*/
/*-------Investor Updates end--------*/

/*-------awardSlider start--------*/
/*
.awardSlider{ width:100%;}
.awardSlider .as_item{ width:100%; padding:0; margin:0; height:160px; overflow:hidden; text-align:center; position:relative;}
.awardSlider .as_item img{ position:absolute; left:50%; top:0; margin-left:-384px;}
.award_dots{ position:absolute; left:0; bottom:10px; width:100%; text-align:center; z-index:5;}
.award_dots li{ display:inline-block;}
.award_dots li a{ display:inline-block; width:10px; height:10px; text-indent:-9999px; background:rgba(255,255,255,0.5); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 2px; font-size:0; color:transparent;}
.award_dots li.slick-active a{ display:inline-block; width:10px; height:10px; text-indent:-9999px; background:rgba(2,193,255,0.9); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 2px;}
*/
/*-------awardSlider end--------*/

/*-------locate, jaazz up start--------*/
.locate, .test_deive, .booktestdrive{ display:block; width:100%; border:1px solid #f3f3f3; padding:17px 15px 17px 80px; height:70px; color:#595959; font-size:11px; line-height:18px; position:relative; background:#f9f9f9; margin-bottom:20px;}
.locate{}
 .test_deive, .booktestdrive{ padding-top:25px;}
.locate strong, .test_deive strong, .booktestdrive strong{ display:block; font-weight:400; font-size:14px; text-transform:uppercase;}

.locate i, .test_deive i, .booktestdrive i{ position:absolute; left:20px; top:50%; margin-top:-20px; height:40px; width:40px;}
.locate i{background:url(../images/icons.png) no-repeat -167px 0;}
.booktestdrive i{background:url(../images/icons.png) no-repeat -244px 0;}
.test_deive i{background:url(../images/icons.png) no-repeat -207px 0;}
.locate span, .test_deive span .booktestdrive span{ position:absolute; right:10px; top:50%; margin-top:-10px; height:20px; width:15px;  background:url(../images/icons.png) no-repeat 0 -60px;}

.locate:hover, .test_deive:hover, .booktestdrive:hover{ text-decoration:none; background:#009fd0; color:#FFF;}
.locate:hover i{background:url(../images/icons.png) no-repeat -167px -40px;}
.test_deive:hover i{background:url(../images/icons.png) no-repeat -207px -40px;}
.booktestdrive:hover i{background:url(../images/icons.png) no-repeat -244px -40px;}
.locate:hover span, .test_deive:hover span, ..booktestdrive:hover span{background:url(../images/icons.png) no-repeat -15px -60px;}
/*-------locate, jaazz up end--------*/

/*-------************ Tata Motors Social media start*********--------*/
.tatamotors_social{}
.tatamotors_social h2{ position:absolute; left:0; top:0; margin:5px 0 0 30px;}

/*-------************ Tata Motors Social media end*********--------*/

/*-------Community Initiatives start--------*/
/*
.highlights_2{ position:relative; min-height:201px; width:100%; overflow:hidden;}
.highlights_2 > img.community_initiatives_bg{ position:absolute; left:50%; top:0; z-index:1; margin-left:-965px;}
.highlights_2 > img.information_associates_bg{ position:absolute; left:50%; top:0; z-index:1; }
.highlights_2 .container{ position:relative; z-index:2;}
.highlights_2 h2{ color:#FFF; letter-spacing:0.5px; font-weight:300;}
.highlights_2 h2 strong{ font-weight:400;}
.community_initiatives, .information_associates{ padding:20px; height:201px;}
.community_initiatives > div{padding:0 20px; width:65%;}
.community_initiatives p{ color:#FFF; font-size:12px; font-weight:400; line-height:20px; padding-bottom:10px;}
.community_initiatives a{color: #FFF; font-weight:400; background: url(../images/icon-arrow2.gif) no-repeat 100% 50%; padding-right: 13px;  display: inline-block;}
*/
/*-------Community Initiatives end--------*/

/*-------Information for Associates start--------*/
/*
.ia_slider{ padding:0px; margin:0;}
.ia_slider li{ padding:0; margin:0 10px;  font-size:12px !important; font-weight:300; border-right:1px solid #999999; height:110px; }
.ia_slider li a{color:#EEE; display:block; padding-right:10px;}
.ia_slider li a:hover{ text-decoration:none;}
.ia_slider li h4{ padding:0; margin:0; color:#FFF; font-weight:300; font-size:14px; line-height:18px; padding-bottom:10px;}
.ia_slider li h4 strong{ font-weight:400;}
.ia_slider li span{ display:block; text-decoration:underline;}
.ia_dots{ position:absolute; right:0; top:-35px; width:100%; text-align:right; z-index:5;}
.ia_dots li{ display:inline-block;border-right:0px solid #999999; height:auto; margin:0 0px; padding-left:0px; }
.ia_dots li a{ display:inline-block; width:10px; height:10px; text-indent:-9999px; background:rgba(255,255,255,0.5); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 2px; font-size:0; color:transparent;}
.ia_dots li.slick-active a{ display:inline-block; width:10px; height:10px; text-indent:-9999px; background:rgba(2,193,255,0.9); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 2px;}
*/
/*-------Information for Associates end--------*/




@media screen and (max-width:1140px){
.bannerInfoHolder{position:absolute; left:0; top:0px; margin-left:0px;}
.banner-dots{ position:absolute; left:0; bottom:20px; width:95%; margin-left:0px; padding-right:5%;}
.container2{padding-right:15px; padding-left:15px;}
}

@media screen and (max-width:1050px){
	
.locate, .test_deive, .booktestdrive{padding:25px 15px;}
.locate i, .test_deive i, .booktestdrive i{ display:none;}
}

@media screen and (max-width:980px){
.locate, .test_deive, .booktestdrive{padding:25px 15px 17px 75px;}
.locate i, .test_deive i, .booktestdrive i{ display:block;}
/*.highlights_2 > img.community_initiatives_bg{ position:absolute; left:auto; top:0; z-index:1; margin-left:0; right:0;}
.highlights_2 > img.information_associates_bg{ position:absolute; left:50%; top:auto; bottom:0; margin-left:-482.5px; z-index:1; }*/
.news_slider_item .ns_img{ height:145px;}
/*.award_locate_jaazz{ border-top:1px solid #DDD; padding-top:25px; margin-top:15px;}*/


}

@media screen and (max-width:800px){
.bannerPanel{height:auto}
.slick-track{ z-index:1;}

.homeBannerSlider > li{ height:auto; position:relative;}
.homeBannerSlider li.homeBannerimg {background-size:auto 280px;}
.bannerInfoHolder{left:auto; top:auto; position:relative; width:100%; height:auto; background:#f0f4f9;}
.bannerInfo{left:auto; top:auto; position:relative; width:100%; height:auto;}
.bannerInfo > div { height:273px; background:none; margin-bottom:0px; border-bottom:1px solid #FFF;}
.bannerInfo > div h2{ padding:15px 0 15px; font-size:18px; }
.bannerInfo > div h2 span{ font-size:14px;}
/*.bannerInfo > div a{ display:none;}*/
.bannerInfo ul:after{ content:""; display:table; clear:both;}
.bannerInfo ul li{ float:left; width:43px; height:43px;  background:none; margin-right:0px; border-right:1px solid #FFF;}
.bannerInfo ul li.share{background: rgba(255,255,255,0.0) url(../images/icon-share.png) no-repeat 50% 50%;}
.bannerInfo ul li.bannerInfoMore{ float:right; margin-right:0px; border-right:0px solid #FFF; width:auto;}

.homeBannerimg img.hbimg{ height:240px;  width:auto;  display:block;}
.homeBannerimg img.hbBlankimg{ height:240px; width:auto;}
.banner-dots { bottom:auto; top:190px; text-align:center; width:100%; padding-right:0%;}
.playPoseHolder {bottom:auto; top:190px;}

.bannerInfolink { position: absolute; left:0; top: -200px; height: 200px; z-index: 3; width: 100%; max-width: 1140px; margin-left:0px;}

}

@media screen and (max-width:650px){
.investor_updates{ border-top:1px solid #DDD; padding-top:25px; margin-top:25px;}
}

@media screen and (max-width:485px){
/*.community_initiatives > div{padding:0; width:100%;}
.ia_dots{ position:absolute; right:0; top:auto; bottom:-20px; width:100%; text-align:center; z-index:5;}*/	

}


@media screen and (max-width:360px){
.bannerInfo > h3 strong {  font-size:18px;}
.bannerImageName { margin-left: -120px;}
.hgSliderImg {width: 48.5%; height:185px; border-radius:0 7px 7px 0; overflow:hidden; max-width: 48.5%;}
.hgSliderImg ul li img.hgimg{ width:auto; max-width:211px;  margin-left:-105px;}
.bannerInfo > div em{ padding:0 10px 10px;}
.bannerInfo > div h2{ padding:15px 10px 10px;}
}